(周文贊牧師) - Seattle Chinese Alliance Church...台灣女作家張曉風女士 :「未知死,焉知生」。若 知道人會死,死後的情況,人就可以好好地選擇
MY MOBILE LIBRARYir.lib.ksu.edu.tw/retrieve/93516/上課投影片--QRcode+(修改).pdf ·...
Transcript of MY MOBILE LIBRARYir.lib.ksu.edu.tw/retrieve/93516/上課投影片--QRcode+(修改).pdf ·...
MY MOBILE LIBRARY:我的行動圖書館【QR
CODE篇】 資訊管理系
圖書資訊館 視訊組
王意順 老師
大綱
•認識篇
• 認識一維條碼
• 認識QR Code
•欣賞篇
• 實例欣賞
• 影片欣賞
•工具篇
• 網頁工具介紹
• 軟體介紹
•實作篇
• Photocap
認識篇 認識一維條碼
認識QR Code
一維條碼
• Format, Type, Details
• 只能儲存英文與數字
• 書本、食物、商品
• 學生證
QR Code
• QR Code (Quick Response Code)
• 二維條碼(two-dimensional code, matrix barcode)
• 日本的 Denso Wave 公司於1994年發明
• 一開始是用於工廠生產線零件追蹤用
參考來源 : http://en.wikipedia.org/wiki/QR_code
QR Code
• 可容納英文、數字、中文UTF-8…等
• 網址、書籤、文字、email、電話、簡訊(SMS)、簡訊(MMS)、地理座標、vCar名片…
• 容錯能力 : 7%~30%
• 加密
• The amount of data that can be stored in the QR Code symbol depends on the datatype (mode, or input character set), version (1,...,40, indicating the overall dimensions of the symbol), and error correction level.
• The maximum storage capacities occur for 40-L symbols (version 40, error correction level L)
參考來源 : http://en.wikipedia.org/wiki/QR_code
QR Code字數
• 日本設計時,在ISO文件裡文字長度是用日本JIS碼計算,2
位元
• 台灣電信業者於2005~2006年間訂定了台灣區QR CODE使用規範,中文字使用UTF-8編碼,4位元
• 大陸地區GB2312簡體中文,2位元
參考來源
http://en.wikipedia.org/wiki/QR_code
http://www.inside.com.tw/2011/01/12/qrcode
QR Code字數
Numeric only(數字) 最多7,089字元
Alphanumeric(字母) 最多4,296字元
Binary/byte(8 bit) 最多2,953 位元組
日文漢字/片假名(Kanji/Kana)
最多1,817字元(採用Shift JIS)
中文漢字(UTF-8) 最多984字元
中文漢字(BIG5) 最多1,800字元
參考來源
http://en.wikipedia.org/wiki/QR_code
http://www.inside.com.tw/2011/01/12/qrcode
大家來照照看_1
大家來照照看_2
QR Code容錯力
• The higher the error correction level, the less storage
capacity.
Level L (Low) 7% 容錯率
Level M (Medium) 15% 容錯率
Level Q (Quartile) 25%容錯率
Level H (High) 30%容錯率
參考來源 : http://en.wikipedia.org/wiki/QR_code
Structure of a QR code
參考來源 : http://en.wikipedia.org/wiki/QR_code
• 外框綠色邊界區,必須保留空白
• 邊界太小或被其它文字佔到,會導致無法被讀取
• 三個小方框(像“回”字)是定位點,可使QR Code在任何角度下都可被讀取到
欣賞篇 實例欣賞
影片欣賞
實例欣賞
• http://lan-ru.blogspot.tw/
原圖 原圖改色
實例欣賞(沒去背)
圖片為本作者所有
實例欣賞(白色背景)
圖片為本作者所有
實例欣賞(透明背景)
圖片為本作者所有
實例欣賞(其他變化)
圖片為本作者所有
實例欣賞
左圖參考來源: http://techorange.com/2011/04/20/qr-code-design-tips/
影片欣賞
• 韓國行銷影片
• http://www.youtube.com/watch?v=EvIJfUySmY0&feature=
player_embedded
影片欣賞
• [QRCode 行銷]_Audi_QR動畫_日本AUDI汔車100人QR
秀
• http://www.youtube.com/watch?v=1wlvNT1MlQo&feature=player_e
mbedded#!
• 日本AR擴增實境+QR條碼+推特
• http://www.youtube.com/watch?v=vdH2n79UCtE&feature=player_e
mbedded
• 韓國Bisfree廣告
• http://www.youtube.com/watch?feature=endscreen&NR=1&v=gkylq
y4rzsY
工具篇 網頁工具介紹
軟體介紹
網站工具介紹
• http://www.calm9.com/labs/qrcode (Calm9)
• http://quickmark.com.tw/(QuickMark)
• http://color.quickmark.com.tw/ (QuickMark Color)
• http://qrcode.kaywa.com/
• http://www.qrdoor.com.tw/ (QR Door)
軟體介紹
• QuickMark
• http://www.quickmark.com.tw/cht/basic/index.asp
實作篇 Photocap
QR Code設計
• 不要破壞三個定點
• 保留一些空白邊界
• 點陣區前景色跟底色對比夠大
• QuickMark影片欣賞(http://color.quickmark.com.tw/)
資料來源
• Wiki-- http://en.wikipedia.org/wiki/QR_code
• 網路--前面列舉的所有網路來源
• 雜誌
• 作者自己拍攝/製作的圖片