[教學] 把電子發票手機條碼塞到passbook裡!

*更新:針對iPhone6做的一些補正。

最早是在iPhone4.tw討論區內,看到那篇「雲端發票-電子發票以及iPhone的最佳搭配」,感覺那個App應該很不錯用、而電子發票的推廣對現在的社會來說也算是件好事。只是在照圖操作的時候,發現該App中也是需要額外申請一個帳密,也因為這個奇怪的理由,我又開始研究怎麼把電子發票條碼硬塞到PassBook的方法......

(更新) 今年拿iPhone6去便利商店刷電子發票條碼時,發現在iPhone6的大螢幕上,它會把原本的Pass直接做「等比例放大」,這會讓原本以下流程所製作的條碼變長,甚至超過便利商店的條碼掃描機長度!所以針對條碼太長這一點,底下有做一些數字上的修正,以滿足iPhone6放大的螢幕。我沒有iPhone6+可以測試,但理論上方法一樣,但ppi那邊再縮更小一些應該就可以。若已經原本有做好的,可以參考第11步來更新條碼圖片。

PassBook這邊就不介紹了,但是有把玩過的人,應該都會知道目前PassBook只支援2維條碼,而台灣目前大多數都還是用1維條碼的資訊,所以要怎麼「塞」進去就是一個關鍵。

講「關鍵」,說穿了原理很簡單,就是把1維條碼當做會員卡之類的店家圖片塞進去就行了!問題就變成落在「塞進去之後還要能被辨識」。

理論上這招可以用在所有的1維條碼土炮硬上PassBook的用途,不過這邊就先以電子發票手機條碼來做舉例。

(以下教學使用MAC OS X 10.8來操作)

1. 首先上財政部電子發票網站,申請手機條碼(網址)。

2. 申請好之後,到「列印手機條碼」的分區,選擇列印條碼。這時候會系統會提供列印用的PDF檔,如下圖。條碼數目隨個人喜好。

3. 下載PDF條碼之後,再來就是要把條碼轉成合適的格式。首先先如下圖裁切需要的範圍,注意左右兩邊留白請「刻意」留多一點,方便後續處理。選好範圍後,選「工具」→「裁切」。
*若要使用在iPhone6上,請左右的空白再刻意多留一些。


4. 裁切成小塊的檔案後,選「檔案」→「輸出」,格式選擇PNG,解析度選擇326 ppi。
*若要使用在iPhone6上,這邊的解析度要降低,我是取300ppi。


5. 轉成PNG格式之後,再來要將條碼裁切成適合的大小,這時使用矩型工具選擇出寬620的區域(高隨意),若用「預覽程式」來操作的話,可以看到滑鼠邊邊會出現選取的區域大小,很方便操作。在確認矩型有完全涵蓋條碼之後,同前面第三步驟選擇「裁切」。

6. 在裁切成寬620的大小後,在去「工具」→「調整大小」,將高調整為250。若寬高被所定為等比例調整,則點一下旁邊的鎖頭符號,就能解鎖而獨立調整高度。在確認條碼最後為620x250的大小之後,存檔之後備用。

7. 再來就是要製作Pass了!基本上我們一般人,還是要仰賴那些「線上製作Pass的網站」協助,這邊我是使用PassDock這個服務(需要註冊),基本上裡面提供的免費功能已經能滿足我們的這次的需求。

8. 在申請進PassDock之後,點選右上角製作Template,其中我們需要選擇使用Store Card這個基礎樣板(紅色那個其實也可以)。

9. 進入模版設定頁面後,這裡面最重要的,就是如下圖中,Strip的圖片選擇。在這邊選擇把剛剛製作的條碼圖檔上傳上去。此時若畫面右邊的預覽中出現了你的條碼,那就恭喜啦!你已經完成了99%了!

10. 最後製作完Template後,還要用這個Template來產生一個Pass,才能供iPhone使用。不過因為這篇教學重點不在製作Pass這邊,而各家Pass製作網站操作也不盡相同,所以這邊就不詳細描述了,真的有人需要細部教學的話再說。最後在手機上會看到如下圖的長相,裡面可以發現我把用不到的2D條碼取消掉、並且正面僅留了條碼資訊(我把其他資訊寫在背面供日後方便使用)。每個人想要的Pass長相不同,所以這邊也是發揮創意的好地方。

11. (更新以有的Pass條碼圖片) 從頭新作的話,到上面第10步就算大功告成,但若是像我一樣因為升級成iPhone6而必須要更新Pass條碼圖片的話,一樣是打開PassDock網站,找出你原本製作的那個Pass,更新你的條碼圖片、並且按下右下角的Update Template。


確認網站上的條碼圖案有如期的縮短之後,打開你手機的Passbook,選到你的電子發票手機條碼,按右下角的 (i) 翻面,然後把背面最上面的那個「自動更新」打開,翻回正面放著一會,你就會發現你的條碼圖案自動更新成縮短後的版本了。



從上面的教學可以了解,其實今天做的事情,就是把條碼圖片假裝成是廣告圖片(Strip圖),來放到Pass裡面。而能設定廣告圖片的Pass基礎模版,似乎只有Store Card和Event ticket這兩種版型。所以這次教學的重點,是在於「如何把條碼正確的產生、並且放到寬620的圖片內」,但是要注意的是,這邊建議「不要使用軟體縮放條碼」!因為軟體在縮放時,補插的運算會使條碼失真,進而容易有判讀的問題。

要避免上述的問題,最好的方式,就是從向量檔來進行轉檔、或者直接產生適當大小的條碼(不需要再縮放)。而這次財政部電子發票手機條碼,很貼心的提供PDF格式,很方便後續的操作。

做完之後,迫不及待的跑去7-11測試,也成功的刷到條碼啦!哇哈哈~~


就像最前面說的,這招理論上能用在所有一維條碼的應用,而在「製作條碼」的部份,可以找網路上一些免費的條碼產生網站,例如這個。

另外,在上圖最下面的家樂福卡Pass,可以直接到這個網址(Selfpass.net)製作。

[筆記] 修正mPDB轉出的ePub直書翻頁顯示

mPDB是好讀網站上提供的電子書轉檔工具,最新的更新後,可以輸出ePub3.0的中文直書格式。但雖然iBook 3之後支援直書格式,但是在翻頁上會剛好反過來。到這邊為止,我也不知道是iBook支援度的問題、還是mPDB輸出少參數。在經過簡單的檔案內容比較之後,這邊大致筆記一下修正的方式。
  1. 把mPDB轉出來的 .epub檔,更名成 .zip檔,並且解壓縮。
  2. 在解壓縮的資料夾中,找出  (某書名)\OEBPS\content.opf 這個檔案,這是個純文字檔,用啥編輯器打開他。
  3. 找出 <spine toc="ncx"> ,在裡面插入字串變成 <spine page-progression-direction="rtl" toc="ncx">。
  4. 存檔,然後把整個資料夾結構壓縮回zip格式,並且把附檔名改成 .epub。
然後扔進iBook看看翻頁正不正確吧! :D

iPad mini 入手!!

因為某個因緣際會下,這次很快就入手了黑色的iPad mini了。網路上已經很多開箱文分享,我也沒辦法拍的比他們漂亮,所以只分享一些感覺與心得:
  • 先不管到底iPad mini本身是不是cost down下的產物,拿在手上的時候、絕對不會讓使用者有那種感覺!跟手上的iPad初代擺在一起看時,會深深地感覺到iPad mini的「完整」性。相較之下,iPad初代感覺就像是個半成品、或是個急就章的產物。
  • 乍看之下,感覺螢幕的表現,大概比iPad2要好一點點點點點點。雖然絕對是比不上Retina螢幕的效果,但仍絕對算是舒服的觀看體驗。
  • 不要對iPad mini的硬體性能有所期待,基本上硬體能力就和iPad2是一樣的。不過就算如此,要把同樣的硬體規格、塞到原本只有一半左右的空間內,想必很多元件應該都重新設計過了吧?
  •  7.9吋的螢幕,實際上看起來沒有預期的小,現階段的操作體驗 (看書、打電動、上網) 幾乎都和原先9.7吋的iPad1極為類似;反而因為重量大幅降低,所以手感更是舒服。但若用iPad mini執行一些表單類的程式的話,還不知道會不會對操作上產生困擾,畢竟目前表單類的程式,UI大小都是以9.7吋螢幕來設計的。
  • 承上,iPad mini的縮小,也讓蹲馬桶的使用上產生意外的困擾 (苦笑)。
  • 拍照效果對我而言,僅是堪用的程度;若硬要量化比較的話,假設iPhone4S是80分,那iPad mini的拍照效果只有60分。而且他沒有補光燈。
  • 我無法評斷這次iPad mini的喇叭效果好不好,不過至少他有立體聲了,看一些伴唱影片也不是問題啦!
以我使用iPad的方式,今天即使入手了iPad mini,我想應該還是不會有什麼決定性的改變 (我應該還是不會帶iPad去星巴克之類的)。不過越是使用iPad mini,越是能體會「將原先的iPad濃縮、而非減縮」的意思。

另外,之前有使用者提出「iPad mini邊框這麼小、左手拇指容易誤觸」這點,Cook回應現在它會自動判斷,使用者放在旁邊的拇指是僅擺放、還是觸控行為。在自己把玩後,發現這似乎是iOS6就會具備的功能,所以應該其他iDevice都能有類似的效果。同樣的情境套在iPad初代上 (iOS 5.1),反應就明顯殘廢了~~~


毛茸茸的回鍋


魔獸世界已經讓我回鍋不少次了,而這次的熊貓人改版,真的是讓我格外的驚艷。套一句暴漫王裡面的新妻老師的形容法:這遊戲的畫面和內容的密度相當高啊!除此之外,整個遊戲的程式引擎似乎也大幅度的改進過,所以才能這樣的呈現吧!

看看那熊貓人的模組,精緻到連毛感都做出來了呢!(笑~

躲在觀音工業區的好吃牛肉麵!

其實已經吃這間很多次了,只是現在才興起想做記錄的念頭.....


雖然說店名叫做「來來牛家莊」,但主力還是牛肉麵啊!小菜不免俗的有牛肚和牛腱肉、以及爽口的小黃瓜。這間店離市區有段距離,從中壢市過去、不塞車的話,大約要20分鐘左右的路程(沿路很多測速照相)。


湯頭算是這間店的特色吧!清燉的牛肉湯、感覺主要是用薑來去除牛肉的腥味;薑味不重、但是還是會吃到流汗就是了(個人因素?)。若硬是要形容的話,來來牛家莊的湯頭,算是相當清爽的口感,有點像是手搖飲料中的梅子綠茶、或者像是五十嵐的四季春茶(半糖)吧!以上是形容口感,並不是說這牛肉湯的味道像飲料(笑~)。


麵的選用或許也算是特色之一。來來牛家莊在清燉的湯頭下,卻選用咬勁明顯的寬麵;一般的觀念是說,這種比較粗的麵,大多是用在味道比較重的湯裡。然而在實際吃過之後,會發現「來來牛家莊」這樣的搭配卻是挺好的!所以這也代表這家店的牛肉湯頭,是比想像中來的濃郁吧!清爽而又濃郁的味道,聽起來很玄嗎?或許這樣會比較容易了解為什麼我會用「梅子綠茶」來形容湯頭的口感。

值得一提的是,「來來牛家莊」的牛肉麵裡的牛肉非常多!而且選用的部位跟一般常見的不太一樣(呃.... 我叫不出肉的品名),或許吃起來沒那麼精緻,但是可以豪邁的吃、而且味道十足!就如同一開始說的,這間牛肉麵店是隱藏在觀音工業區裡,想當然顧客群有不少就是在附近上班的大哥們。或許今天老闆會研究出這種口味,就是要讓這些辛苦工作的大哥、在休息時能好好的滿足吧!

這間店或許沒那麼好認,畢竟真的就只是路邊的鐵皮屋(周圍還挺荒涼的)。不過就跟廖家牛肉麵一樣,你到那附近的時候、會看到滿滿一排的路邊停車,就是那裡啦!Google街景也看的到喔!
在較大的地圖上查看來來牛家莊

HP ZR2240w 隨手心得


標題下的有點含蓄,但畢竟這只是因緣際會下才接觸到的螢幕,所以也不趕寫的太「過激」。HP、Dell這類品牌的螢幕,其實都一直小有名氣,只是在台灣的消費電子市場上曝光率實在不高,可能是因為這些螢幕都隨著工作站出貨吧!?

在一開始看到這螢幕時,隨即被畫面的表現給震驚!這螢幕的感覺明顯的很好、比我自己用的Dell U2212HM好不少!若後者是5分的話,前者就有9分的感覺吧!兩顆螢幕的售價都差不多(約6000~8000),所以理論上用的面板等級應該相去不遠;但是HP ZR2240w的面板表面處理「似乎」好很多?反光更少、視角影響更小、顏色表現也更優一些!

講歸講,實際上也只是隨手使用的印象而已。

稍微搜尋了一下,這顆螢幕在台灣好像不是那麼好買(以個人用戶而言),若可以用稍低於定價買到的話,這系列螢幕搞不好會是CP值最高的選擇。

Olympus ZD 50mm F2.0 入手

因緣際會下,莫名的我入手了這棵頗富盛名的鏡頭。不知是幾手的、開價低的頗為驚人,但以這點來說,我並不會開心到哪裡去,畢竟一顆「防滴防塵」的鏡頭內部居然會有塵點!?再加上前玉的邊緣鍍層有小部分脫落的痕跡,可想而知這鏡頭應該有相當的過去.... 最後在現場試拍很久、感覺自己的木眼應該是看不到明顯拍攝瑕疵後,還是跟自己的衝動妥協了~~

這種糾結的感覺,讓我回想起以前買三手SGI 1600sw那顆螢幕的時候....