近日來很莫名其妙的在一個討論串中，與其他人有意見上的爭執。說實在的沒有爭下去的必要，但是我還是選擇了自己的blog把我的論點給講清楚。
緣由是某個人突發異想，提出了一個「在iPhone螢幕關閉時，仍可以藉由觸控手勢的操作，來控制音樂的播放」，他還很細心的做了一個概念展示影片。我很直白的說這個功能根本是畫蛇添足，因為他提出的功能「全部」都能由線控達到；然而這樣的說詞，卻引來了某些自稱自己是「重度聽音樂使用者」的撻伐。
[教學] 把電子發票手機條碼塞到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檔，如下圖。條碼數目隨個人喜好。
8. 在申請進PassDock之後，點選右上角製作Template，其中我們需要選擇使用Store Card這個基礎樣板（紅色那個其實也可以）。
做完之後，迫不及待的跑去7-11測試，也成功的刷到條碼啦！哇哈哈～～
就像最前面說的，這招理論上能用在所有一維條碼的應用，而在「製作條碼」的部份，可以找網路上一些免費的條碼產生網站，例如這個。
另外，在上圖最下面的家樂福卡Pass，可以直接到這個網址(Selfpass.net)製作。
最早是在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這個服務（需要註冊），基本上裡面提供的免費功能已經能滿足我們的這次的需求。
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格式，很方便後續的操作。
就像最前面說的，這招理論上能用在所有一維條碼的應用，而在「製作條碼」的部份，可以找網路上一些免費的條碼產生網站，例如這個。
另外，在上圖最下面的家樂福卡Pass，可以直接到這個網址(Selfpass.net)製作。
訂閱：
文章 (Atom)