Spirit的異想世界

　　自上次在電影院看完動畫後，一直想找個時間來看原畫展，但由於始終沒有找到人一同前往，只好在展覽快結束前，一個人來看展覽。本來以為今天是非假日，人應該會少一點吧！但買完票進場後就發現我錯了，人還是蠻多的，而且大家都看得很仔細，所以大家都走得很慢，不知道是因為這電影主題的關係，還是小學已經開學了？少了頑皮小孩的嬉鬧聲，這真的是值得高興的事。

　　展出的內容真的很棒，原稿上彩筆的筆觸，跟電影上看到的完全不同，從沒有色彩的線條草稿，就可以看得出細膩的地方，而且光是主角的神韻到外型，就有好幾個版本，可以看出其中的改變，真的是很有趣，上色後，就更看得出上色的細膩筆觸，而且連續看了幾張後，他們的腦中好像有個3D立體模型式的，幾個重要場景的細節、位置和相對關係，通通都沒有錯。

　　但...整個展覽能拍照的地方太少了，只有在出口的一小段區域，該怎麼說呢？過去看展覽，常常有人為了拍照擋住其他人，影響到展覽的品質，但不能拍照又覺得怪怪的XD，在出口處，有吉卜力工作室歷年的長篇動畫作品列表，除了和《龍貓》同一年(1988)上映的《螢火蟲之墓》，因為內容太過哀傷了我沒收集外，其他都收集齊了，甚至還想全部升級成藍光版XD，不知道大家看過那些？又最喜歡哪一部呢？

　　除了歷年作品，還能拍照的就是劇中信號旗的說明，每一面旗各代表一個英文字母，劇照中女主角升的UW旗代表的『希望能航行平安』。

　　其實剛從捷運站走出來時，把路標看錯意思了，走了一小段遠路，也因為這樣，時機剛剛好，在看展的過程中，總有一位我覺得很可愛的女生(和另一位戴紅色帽子的朋友)在我前面或後面，不過，對於搭訕這種事，我是很『俗仔』的XD。

　　看完展覽走出來後，在附近拍照(上面那張照片的主題是建築，不是那位可愛的女生背影)，其實這個文化創意園區的建築很棒耶(以前的菸酒廠)，等改天天氣比較好再來拍幾張照片，下面是一張360度的全景，點圖可以看大張的完整照片。

　　其實我是來當間諜的，ㄟ...開玩笑的，免得人家把我當成拒絕往來戶，以後不能參加產品發表會，不過確實是因為實驗室最近的研究跟雲端儲存有點關係，想來看看他們賣什麼葫蘆。之前有注意過Synology的產品，覺得他們公司的ID做得還不錯，至少產品外觀比很多廠商的要簡潔清爽許多，官方網站也做得不錯(蠻有apple.com的味道)，不過身為窮學生一個，買iPhone都存了好久才下手，所以也遲遲沒買他們家的產品，只能說可惜今晚DS212j沒抽中我。以一個硬體廠來說，肯為軟體(Disk Station Manager)辦發表會我覺得是好事一件，也看的出來他們確實花不少心思在軟體上，UI的改善幅度頗大(從網站上可以找到過去版本的圖片)，有看我部落格的都知道，對於硬體廠的軟體開發抱怨頗久的我來說，我覺得Synology似乎是頗有『軟』味的公司。

　　說道尺寸，每個人的喜好都不太一樣，有人喜歡粗一點，有人喜歡長一點，也有人喜歡瘦一點，當然也有人喜歡大一點，但如果是虛擬機器的硬碟映像檔(Virtual Disk Image)，我想大概沒有人喜歡它無限制大下去，特別是要傳送映像檔給另外一個人的時候，不管用網路傳，還是用隨身碟傳，都要傳上好一陣子，小一點3、4 GB，大一點1x GB，有時候隨身碟不夠大還塞不下去。

圖1 肥胖的映像檔(4.43 GB)

　　最近在幫老師弄下周三要去X策會上課的教材，上課的內容是單元測試、整合測試、Mock object等，我準備的教材裡都要涵蓋這些東西，為了盡可能達到100%的statement coverage和branch coverage，所以，只要有>、>=、=、<和<=等二元符號，測試案例都要考慮到boundary test，最後，因無法在測試案例裡製造發生IOException的case，導致某些catch block測不到外，教材裡model的程式碼都測到了，這樣弄下來還蠻累的。

　　沒想到回家的路上，就出現了某位總統候選人的輔選志工在測驗我的boundary，到底是怎麼回事呢？從府中站的電扶梯要出去捷運站回家時，門口站著一大票志工，沒看到候選人本人(在攝影棚準備政見發表會)，平時下班時間就很多人的捷運站出口這時又更擠了，我往我的左邊看去，電扶梯旁明明還寫著：｢捷運站區域內禁止競選活動｣，不知道那些志工們有沒有看到那個標語，還是說他們認為門口不算是捷運站區域內呢？他們心中那條切割捷運站區域內或外的boundary在哪裡？

　　或許有人覺得我雞蛋裡挑骨頭，那我再說另外一件事吧！幾天前又是一個下雨的早上，無法騎腳踏車的我，又走到捷運站搭車，在還沒到捷運站前的板橋農會門口前，也是一位跟剛剛那位總統候選人同黨的立委候選人，親自站在那裡拜票，板橋農會和捷運站門口隔著一條馬路，說近很近，但在我的眼中，她不是在捷運站區域內從事競選活動，至少她不會妨礙到要進出捷運站的人，那麼冷的天氣，要在哪裡站上好幾個鐘頭，跟沿路經過的民眾拜託，我還蠻佩服她的。

　　隔著一條馬路，我覺得那些志工是在游走規定(法律？印象中，在捷運站區域內從事競選活動有罰款)邊緣。如果法律是那些搞政治的人弄出來的，那我更不接受政治人物自己在游走法律邊緣。離投票日沒剩下幾天了，說真的，我還沒決定要投給誰，不過，今天的事件，也許可以當作一個參考。

　　p.s. 別問我那位候選人是誰。

　　之前在寫Comic Surfer的時候，都是想到什麼就寫什麼，沒什麼組織，所以常常某功能A寫到一半就被放著，然後又跑去寫另外一個功能B，當程式碼還不多的時候，事後補齊倒還容易，之後應該就沒辦法這樣了，所以之後會一次只專注在一個小功能上，參考國外都喜歡替開發中的project命名(例如Eclipse的Ganymede、Helios及Indigo等，或是Android的Cupcake、Donut及Ice Cream Sandwich等)，每個小功能都會是一個小project，然後有一個project name，個人英文字彙沒多到可以自由發想，因此project name都是電影名稱，接下來近期的五個projects如下：

　　1. The bodyguard《終極保鑣》(1992)：補足所有的單元測試及整合測試。之前在寫功能時，並沒有寫太多的單元測試，倒不是因為時間不夠(沒有deadline，怎麼會時間不夠XD)，主要是Comic Surfer牽扯到的大多是檔案處理，單元測試要寫好的話，準備資料比較討厭一點，也就一直不太想碰，但既然要繼續開發下去，還是先把單元測試給補足，因為修改時一但有bug，單元測試這個『終極保鑣』應該會告知有錯了，之後改程式也比較心安。

　　2. The Replacements《十全大補男》(2000)：由於開發沒有明確的時程，也不是所有的人都常常上我的部落格，所以之後改版會透過自動更新檢查的方式通知，就像是劇中的『四分衛』，總是會把最新版的程式送到各位手中。如果這個project順利完成，也許會在釋出2.0版前多釋出一個1.4版。

　　3. The Net《網路上身》(1995)：這部電影我很喜歡，不過這個project的功能跟電影劇情沒什麼關係XD，主要是讓Comic Surfer能看『網路上』的漫畫。

　　4. Showtime《好戲上場》(2002)：這部電影老實說我沒看過，但英文名稱是我要的，主要是讓Comic Surfer有『幻燈片播放』的功能。

　　5. Dragon's Lair《龍穴歷險記》(1983)：2.0版的主要功能，互動式漫畫，這部電影據維基百科的說法，也是第一部商業化的互動式電影(遊戲)，。

　　接下來的是還不確定要不要做的功能：

　　x. Appleseed《蘋果核戰》(2004)：看名稱就應該知道是什麼功能了吧！針對iOS裝置的支援。

　　y. I, Robot《機械公敵》(2004)：Android的UI層，我只能說這中文翻譯實在是太棒了XD。

　　z. Cape No. 7《海角七號》(2008)：在一開始寫Comic Surfer時，電腦裡安裝的就是JDK 7，查API也是查JDK 7，也用了一些JDK 7的新特色(例如支援多國語言的ZIP壓縮檔，和例外處理的自動資源回收)，但問題來了，Mac OS X到目前為止，JDK 7還在Developer Preview，所以程式碼裡加了一些如果是JDK 7則做什麼東西，如果不是則做另外的東西，等到Mac OS X正式支援JDK 7，將移除對JDK 6的向下支援。

　　雖然前幾天就已經收到簡訊通知12/22可以取貨了，但最近實在有點忙，白天抽不開身去中華電信一趟，加上前幾天一直下雨，晚上也不想出門，一直沒去領預約的iPhone 4S。今天一早雖然沒有看到太陽公公，但至少沒有下雨，騎著摩托車去中華電信，上次親辦手機已經是六、七年前的Sony Ericsson T630，後來T630被一杯咖啡給搞掛了，卻一直猶豫要不要換手機，後來跟朋友借了一隻已經沒有再使用的0元機，也就一路用到現在(它還會陪我到12/27，我的3G SIM卡啟用為止)。沒想到中華電信禮拜六還這麼多人啊！一進去警衛親切地問我要辦什麼服務，然後就照他說得先到神腦國際的櫃台，確認我的預約單後，我到中華電信的iPhone專屬櫃台，前面已經有三、四個人在辦，等了快20分鐘吧！終於輪到我了。

　　我不是那種很多話的用戶，所以只辦最低費率的NT$ 259 + (mPro 450 * 0.8)，林林總總的申請文件好像就四、五張吧(我要從2G轉成3G，另外又辦理自動扣款轉帳變更)！最後刷卡時出了點問題，我的花旗卡被拒絕，因為額度不夠，還好還有郵局金融VISA卡，不然我可能還要跑一趟ATM領大把的現金了。等文件都搞定後又回到神腦的櫃檯，終於拿到iPhone 4S了，開通後又替它上了保護貼跟保護殼，這可是今天最棒的聖誕禮物囉！現在正在同步聯絡人、App和音樂，有人有推薦的App嗎？要跟我說喔！

　　12月剩下來幾天看起來會很忙(唉，所謂的忙絕對不是規劃聖誕夜或跨年)，經過昨天連續幾本漫畫的測試(美其名為測試，實為看漫畫)，在早上修正了一個躲藏已久的UI小蟲，外加調整快選功能表和簡易使用手冊後，決定在Comic Surfer 2011 1.0版發行日的整整兩個月後，也就是今天發行Comic Surfer 2011的最後一次更新：1.3版，這次發行不再提供文字的說明，改以漫畫式的簡易使用手冊來說明，希望大家會喜歡(如果需要高解析度版本，可以下載PDF檔)。

　　Comic Surfer 2011下載網址：最新1.3版 | 簡易使用手冊PDF版。

　　迷之聲：隨著Sliverlight升級(4 --> 5)，藍澤光好像也跟娜美一樣每隔一陣子就Up Up了XD。

　　經過一段時間，終於把1.3版最後一個未完成事項：使用手冊完成了，目前只有中文版，我想暫時不需要英文版吧(沒那個市場XD)，也就是說1.3版發行進入倒數計時階段啦！除非接下來有人回報超難解或很花時間的bug，不然1.3版應該可以如我預期的在聖誕節前發行。那接下來呢？雖然我沒什麼時間，人力又有限(有人要一起開發嗎)，但我想還是讓Comic Surfer繼續下去吧！明年(今年剩下沒幾天了)如果沒遇到世界末日，那Comic Surfer 2012 (2.0版)應該會出現的。一樣，Roadmap上沒有時程表，只提到2.0版會有什麼重大的新功能。

　　接下來的重點是Enhanced Comic Book (*.ecb)檔案格式，原則上是一個用UTF-8編碼的Zip壓縮檔，包含一個帶有metadata的XML檔案，以及(可能加密過的)聲音、影像等。等等，漫畫怎麼會有聲音呢？主要是先前在YouTube上看到的影片，覺得這樣的漫畫應該會很有趣，所以想來試試看。這不僅是一個格式的設計，還需要內容，希望有機會能完成。

　　和先前1.3版一樣，除了Roadmap上的重大功能外，仍然會有一些Usability上的改善，以及一些小功能的增加，有任何意見也可以告訴我，我再視情況加到2.0版中。目前清單上有(糟糕，清單越來越長了，不會出現在2.0的也越來越多了XD)：

　　1. 新增網路漫畫的讀取功能(輸入URL，瀏覽網路上的漫畫，例如：用Comic Surfer看無限動漫)
　　2. 新增Ctrl + Z，用來返回因為按錯鍵離開的頁面
　　3. 處理程式啟動路徑的中文問題(ComicSurfer.bat是short-term solution)
　　4. 在檔案選擇時顯示預覽
　　5. 自動播放功能(幻燈片模式)
　　6. 檢查更新
　　7. 自訂滑鼠手勢

　　最後更新：2011/12/21 09:33

　　(在地上打滾)為什麼不是藍澤光？咳~咳~這次發布的是測試版，所以藍澤光就留到正式版再放吧！Comic Surfer 2011更新到1.3版(Beta)，功能新增：

　　1. 四種圖片顯示模式：
　　　　a. 圖片實際大小(預設)：就跟之前1.2版一樣，原汁原味呈現。
　　　　b. 符合螢幕寬度：如果圖片大於螢幕(視窗)寬度，則縮小到跟螢幕寬度一樣(滑鼠僅需上下移動)。
　　　　c. 符合螢幕高度：如果圖片大於螢幕(視窗)高度，則縮小到跟螢幕高度一樣(滑鼠僅需左右移動)。
　　　　d. 符合螢幕大小：如果圖片大於螢幕(視窗)大小，縮小到跟螢幕寬度或高度一樣(選擇縮小比例最小者)。
　　2. 頁數及集數的輸入：輸入頁數或集數後，按下Enter或將游標移開，立即切換到指定的頁數或集數。
　　3. 圖片移動速度自動選擇：以滑鼠在螢幕上移動不超過96x96的範圍看完整張圖片為主(較先前提到的小)。
　　4. 瀏覽紀錄：最多10組瀏覽紀錄，再次瀏覽會直接跳到上次沒看完的地方。
　　5. 檔案讀取自動選擇：不需指定讀取資料夾或是Zip檔，並改善自動選擇下的檔案和資料夾過濾的速度。
　　6. 變更鍵盤對應(如果選擇與滑鼠方向相反，則下方按鍵對應的方向也相反)：
　　　　a. 圖片向左移動：方向鍵左鍵、數字鍵 4。
　　　　b. 圖片向右移動：方向鍵右鍵、數字鍵 6。
　　　　c. 圖片向上移動：方向鍵上鍵、數字鍵 8。
　　　　d. 圖片向下移動：方向鍵下鍵、數字鍵 2。
　　　　e. 上一頁：Page Up、數字鍵 9。
　　　　f. 下一頁：Page Down、數字鍵 3。
　　　　g. 上一集：Home、數字鍵 7。
　　　　h. 下一集：End、數字鍵 1。
　　　　i. 開啟：Insert、數字鍵 0。
　　　　j. 關閉：Delete、數字鍵的小數點
　　7. 快顯功能表：若是三鍵式滑鼠，Click中間鍵顯示快顯功能表。
　　8. 支援多國語言Zip檔案：JRE 7限定功能。

　　這次改版，最主要不是為了新增功能，而是將程式碼中核心部分與JDK相依的部分抽離，新功能是附屬的，不過抽離工程比我想像要大許多，很多Interface都需要修正(例如不能回傳Android上沒有的java.awt.Image)，為了讓程式碼可以被重複使用，抽離時也下了一些功夫，最後可以重複使用的程式碼有1,545行(核心元件)，和JDK相依的有1,880行(Java Swing的部分)，占整體的45% (雖然View已經夠薄了，沒想到行數還是這麼多)。

　　說這麼多，這次Beta測試版，麻煩大家下載來玩一玩，如果有任何問題，不用客氣直接告訴我，希望能在聖誕節前發布正式版。

　　下載網址：Comic Surfer 2011 1.3 | 手用手冊。 (最後更新：2011/12/16 23:07) 

　　啟動方式：除了執行ComicSurfer.jar外，Windows使用者可以執行ComicSurfer.bat啟動程式(這方法可以在中文路徑下啟動程式)，Linux/Unix-like (OS X)使用者，可以用 chmod +x ComicSurfer.sh 將ComicSurfer.sh設定為可執行檔後，執行ComicSurfer.sh啟動程式。

　　網路上看到很多人把UI設計視作美術設計，有些人常以『X只是設計的比較漂亮』而忽略UI設計背後帶給人的便利性，美術設計只是UI設計中的其中一環，UI是user interface的縮寫，也是使用者與設備溝通的唯一路徑，使用者要與設備溝通的首要前提：使用者要能取得從UI取得足夠多關於設備的資訊。很多人抱怨某產品的UI設計很爛，通常主要的原因是使用者不知道要做什麼？那為什麼使用者不知道要做什麼？因為UI提供給使用者的資訊不夠。UI設計很重要，但除了『有螢幕的裝置』需要設計外，對於沒有螢幕的裝置，UI設計就不重要嗎？錯，就是因為沒有螢幕，UI設計更重要！

　　最近兩天完成了Comic Surfer 2011 1.3版的幾個功能(或改善)，不過，對於需求四還是想了一陣子，遲遲沒動手。原先有圖片內容移動方向(與滑鼠同向或是反向)以及移動速度(2x~8x)的選擇，移除移動速度選項倒還好，心中已經有腹案了。用下圖來說明，圖中藍色箭頭表示滑鼠移動方向，尾端實心圓圈表示起點，當圖片以實際大小顯示右上角時，三次滑鼠移動(圖例是圖片內容移動與滑鼠反向)可以看完寬高皆大於螢幕大小的圖片(通常是圖片中含兩頁並列)，移除移動速度選項後，三次滑鼠在畫面上移動範圍不超過144 pixel x 144 pixel，如果滑鼠解析度(DPI)是800，實際滑鼠移動範圍則不超過0.5 cm x 0.5 cm，以看漫畫來說，這樣的移動範圍算是舒適的。

 
(圖片版權歸原公司所有)

　　前幾天在蛙蛙書店看到《來自紅花坂》的原著漫畫，我沒有在看電影或動畫前看原著的習慣，但還是覺得好奇就買回家看了，至於為什麼好奇...因為我還沒買過少女漫畫耶XD，今天下午又跑去看動畫，放心這篇沒有雷，我沒打算說劇情。看完後，兩個版本我都很喜歡，兩個版本在男女主角相識到互相喜歡的劇情不太一樣，但都很有趣，如果真要說，我稍微喜歡漫畫版一點，更加趣味一點，這可能有點不太公平，動畫版才短短不到2小時，不像漫畫版有近300頁的篇幅。但動畫版還是有其它很棒的地方，像是音樂，看漫畫很難聯想那個時空背景下的日本，但有了音樂，那種感覺更加鮮明。整體的感覺，宮崎吾郎的第二部作品比前作成熟很多，在說故事、掌鏡(分鏡)、場景和細節的處理都很不錯，還沒看過的，可以找個時間去看看，當然我也推薦看漫畫。

　　我看也來升個旗子好了，看能不能招來女友XD。

　　雖然偶而才寫一下，每次大概寫不到兩百行就想偷懶了，沒想到也把一些東西搞定了，跟上次提出來的Roadmap相比，J2SE 7專屬的API以及Android不支援的API已經通通從Comic Surfer中移除了；核心的部分(Core library)也已經抽離出來，並和Desktop版完成整合，也在Android project中編譯成功。新的Roadamp (下圖)裡剩下的都是大工程了，所以在今年年底前應該不會趕出來了XD。

　　但我還是想在年底前釋出Comic Surfer 2011的最終版(1.3版)，目前需求凍結(requirements frozen)，不再加新功能，完成程式碼品質改進後將開放beta測試：

　　1. 加入頁數及集數的選擇，這在看多集數的漫畫時特別需要 (2011/11/29完成)
　　2. 改善檔案選取對話框中過濾檔案/資料夾的速度 (2011/11/30完成，快大約20%)
　　3. 更少的記憶體使用量 (2011/11/30完成，程式碼減量約5%，修正一個跟記憶體監控有關的bug)
　　4. 移除速度選擇的UI，並由圖檔尺寸大小決策最佳的移動速度 (2011/12/05完成)
　　5. 四種圖片顯示模式：Actual Size, Fit Window Width/Height/Size (2011/12/05完成)
　　6. 記住上次瀏覽的集數與頁碼，再次瀏覽可直接從上次瀏覽處接著看 (紀錄最近10筆，2011/12/06完成)
　　7. 改變鍵盤對應，用鍵盤也能夠移動圖片 (2011/12/06完成)
　　8. Pictorial user guide (2011/12/15完成中文版)
　　9. Code quality review & improvement (2011/12/08完成)
　　　　9.a Complement JavaDoc comments (2011/12/07完成)
　　　　9.b Remove unnecessary dependencies (2011/12/07完成)
　　　　9.c Remove unused interfaces/classes/methods (2011/12/07完成)
　　　　9.d Update the Ant build scripts (2011/12/08完成)

　　除了上述改進，如果有人在使用Comic Surfer 2011有任何覺得可以改善之處，也歡迎跟我說，留言或寄email (dbi1463@gmail.com)給我都行，以下功能將加到是明年的Comic Surfer 2012 (2.0版)。

　　10. 處理無法在中文路徑中執行ComicSurfer.jar的問題(似乎是Windows才會，其他OS會嗎？)
　　11. 在JFileChooser顯示預覽
　　12. 可自訂時間的自動播放功能(感謝劉老師提供的需求)

　　最後更新：2011/12/15 14:48。 

　　今天的文章跟讀書心得無關，只是看到FB上有位學弟寫著『不同尺寸的 Android 手機 / 平板，給開發者的惡夢就是：「無論你怎麼排版，View 就是會爆炸。」 剛剛看文章中最有體會的一句話XD』，這問題早在很久很久很久很久之前，我就已經知道會有這問題(四次很久是對應4.0，早在1.x時有廠商說要用Android來作平板時，我就說會有這問題)，但我並沒有特別在意這問題，因為這問題在電腦軟體發展的過程中，不是第一次出現，以PC為例，現在大家用什麼樣尺寸的螢幕在看這篇文章呢？我的是1920*1080，有的人可能是1024*768 (實驗室還有這種螢幕)，也可能是1152*864或是其他各式各樣的尺寸，更別說還有所謂的DPI設定(Windows可以透過這設定讓字體看起來稍微大一點)，不管是用MFC或是什麼樣的Library開發視窗程式，解析度或螢幕尺寸都是要考慮進去的。