網頁

2012年12月7日 星期五

透過QRCODE來顯示該樓層圖書

APP的開發這個部份研究了一陣子後,發現在使用現成的 Barcode SDK 來撰寫原生的 APP程式,實在是有些麻煩。

Iphone App的開發需要有相關的設備,Iphone 是有但它的開發平台是 Mac,手邊並沒有 Mac電腦;而 Android 系統,對於 JAVA 又沒有那麼熟悉,本來想說透過撰寫 HTML5,再透過 PhoneGap 的方式來逹成目的。

不過後來實作後,其實問題還是不少。所以乾脆轉個彎,改成直接透過網頁來擷取網路攝影機的 QRCODE,解析後再轉向所做好的介面去也是能逹到目地,透過這種方式的實作,最大的好處是在於,只要是瀏覽器有支援的設備都可以使用。

簡單的記錄如何實作:
  1. Javascript QRCode scanner,https://github.com/LazarSoft/jsqrcode 
  2. QR_AS3_JS_zxing,https://github.com/flockonus/QR_AS3_JS_zxing 

以上兩種方式都可以透過 HTML5 取得使用者端的網路攝影機裝置,我是採用第一個做法,這部份有利用到 Flash 來取得裝置的影像,所以需要另外抓取 camcanvas.swf (CamCanvas API 0.2,http://www.taboca.com/p/camcanvas/) 檔案。

Javascript QRCode scanner 使用的方式,可以直接參考文件或是參考它的 text.html。這樣子再結合之前所做的也就完成的差不多了。

介面使用的示意圖:


沒有留言:

張貼留言