新的 Bugzilla 樣式

在來 Mozilla 之前我用得比較多的是 Redmine 或 Trac 等問題追蹤系統，到了 Mozilla 之後才比較常接觸 Bugzilla。

目前大部份 Mozilla 的開源軟體都使用 Bugzilla 來追蹤 issues。所有開發者間針對 issues 的討論、審查、版本間的同步，各種開發相關的資訊都圍繞著這個系統進行，所以要貢獻 Mozilla 相關軟體開發專案，Bugzilla 是必定造訪的中轉站。

Bugzilla 是貨真價實源自上個世紀的古董網站。Wikipedia 的資料寫著，第一版 Bugzilla 發表於 1998 年，使用 Tcl 語言撰寫。Bugzilla 2.0 則改使用 Perl 語言撰寫。原因是比起 Tcl，當時 Perl 語言更普遍，改成使用 Perl 語言可以吸引更多自願協助改進的開發者。

這麼老牌的開源軟體當然有很多歷史遺留問題，我們先來看目前版本的模樣

一般預設的 Bugzilla 樣式

咳咳... 只能說，過去的審美觀跟現在已經不太一樣了。

還好，Bugzilla 的開發者有意識到這個問題，登入帳號後，點選畫面右上角的 preference（設定） ，把 Bugzilla's general appearance (skin) 改成 'Mozilla'，選擇 Submit Changes（儲存）後，就可以看到新版界面。

調整設定

新的界面與 Mozilla 官方網站 風格一致，界面新潮許多。

新版界面

對於每天使用的工具，做得更好看一點，真的可以增加使用的樂趣哩。

註：Redmine 或 Trac 剛好都發表於 2006 年，就像 git 與 mercurial 都剛好發表於 2005 年一樣巧。

這陣子在了解如何開發 webapp，其實基本流程很簡單。 要把網頁變成 webapp，最基本的動作就是照著說明寫個 manifest.webapp 檔案，放到網站的根目錄，然後在 web server 的設定加入對應的 MIME type 即可。用 Github Page 放網站的話，最後的 MIME 設定他們都幫我們弄好了。

使用者在電腦上透過 Firefox 安裝 webapp 後，就會多出一個對應的應用程式圖示，開啓這個 WebApp 時不會出現瀏覽器框，感覺就像真的應用程式。在 Android 上透過 Firefox for Android (測試版) 安裝 webapp 後，在桌面上則會多出一個 bookmark 捷徑。

圖：在 Mac 桌面上打開 2 個 webapp，不特別講也分不出來是 Web 還是 App 吧

我在測試的時候，發現寫好了 webapp 之後，使用者連到網頁時並不會自動詢問使用者是否要安裝 webapp。於是寫了以下腳本。

在 Body 標簽中引用以下腳本，即可自動偵測使用者是否可安裝 webapp (現在只有 Firefox Aurora 和 Firefox OS 支援 webapp API)

<script type="text/javascript"> //check if app is installed if( navigator.mozApps != undefined ){var app_stat = navigator.mozApps.getSelf(); app_stat.onsuccess = function() {   if (app_stat.result) {         //instsalled   } else {         // not installed         var manifestUrl = location.href.substring(0, location.href.lastIndexOf('/'))+'/manifest.webapp';         var app_install = navigator.mozApps.install(manifestUrl);   }}; app_stat.onerror = function() {   alert('Error checking installation status: '+ this.error.message); }; } </script> 原始碼包含在 webapplate 專案中。

透過

location.href.substring (0, location.href.lastIndexOf ('/'))+'/manifest.webapp'; 可以自動取得目前的 IP 或網址。

離上一版 Android 書的更新已經過一年多了，終於在最近改版的工作告一段落。 再過一陣子，就可以看到新版本上市了。

這次的所有範例改放到 Github 上。可以前往 https://github.com/gasolin/androidbmi5th/ 下載。

Github 使用 git 作為版本控制系統，並提供很方便使用的網頁介面。

例如我使用分支 (branch) 來管理不同章節的範例程式碼。要在 github 上查看不同章節的程式碼，只要點選 Github 左上角的分枝選單，選取對應的章節，即可查看範例程式碼。

選取對應的章節，查看範例程式碼

此外，也可以透過左上角的「zip」按鈕，下載對應的章節範例程式碼。

若想透過 git 命令下載，可以使用如

git clone https://github.com/gasolin/androidbmi5th.git -b CH36 CH36 命令來取得對應章節的範例程式碼。

本書提供的範例無授權問題，可自由用於各種場合。 若對範例有疑問，可以直接在 github 專案的 Issues 中提問。

從更新的範例中可以看到，第五版本終於做到全書只有「一個」 BMI 範例（包含配對的測試範例）。圍繞著設計 BMI 應用程式的過程，介紹各種 Android 系統的運作與常用功能。我覺得新的改版對第一次入門的讀者來說，學習的過程應該更有樂趣。

話說到職 1 個多月了，每天都在學習，用從來沒想過的技術去解決各種問題的感覺實在很不錯。

昨天剛好有機會到成大計中，和修課的同學介紹 Firefox OS。也剛好把過去幾個月來對 Firefox OS 的了解做了一次整理。

在 1 小時的簡報之後，還接著 2 小時的上機實作課程。

上機課程中我做了一個看來很眼熟的範例，搭配 Github 實際拿來教學的效果也很不錯。

同天西班牙剛好也有個App Days活動，用整天更深入介紹 Firefox OS，簡報也可以下載。

Firefox OS 整個系統運作可以到 http://www.mozilla-hispano.org/archivos/docs/fxosappdaysvall/arquitectura.pdf 查看。(工商服務一下，Firefox 已經內建 PDF viewer，網頁上直接開 PDF 不用先下載)

WebAPI 簡報 http://www.mozilla-hispano.org/archivos/docs/fxosappdaysvall/webapis.pdf

Mozilla Co. 的 VP of Products Jay sullivan 來展示「Firefox OS」目前的版本， 其中桌面有個「everything.me」功能，除了可以用來裝 Web App 外， 因為 Web 的特性，所以不用像其他平台需要先安裝好再試用 App，而可以直接點選開始使用 App (Web)。 把 web 變成不需安裝、反安裝，隨查隨用的一次性 app 的概念還蠻有趣的。