my mobile libraryir.lib.ksu.edu.tw/retrieve/93516/上課投影片--qrcode... ·...

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

• 網路--前面列舉的所有網路來源

• 雜誌

• 作者自己拍攝/製作的圖片