本章介紹四個不同 QR code 應用之系統架構、環境以及功能，並藉由實例說 明本研究提出的應用能在什麼情況中使用以及其操作方式。
第一節 圖書館 QR code 平臺
一、 系統架構
圖 4.1 為圖書館 QR code 平臺之系統架構圖，是以 Oracle 為底層資料庫與功 能層級中的導覽、書目及 QR code 編碼/解碼功能概念結合，並以網路作為平臺，
最後產出的應用為圖書館 QR code 平臺。
圖 4. 1 圖書館 QR code 平臺系統架構
36
1.CPU: Intel p4 3.0GHz 2.RAM: 2GB 3.HDD: 100GB
系統環境
1.OS: Windows 2003 server 2.Database: Oracle 11g
3.JDK: jdk1.6.0_23
4.伺服器: jboss-4.0.5.GA、Tomcat7.0
開發工具
1. 企業系統開發平臺 2.Dreamweaver CS5
開發語言 JAVA SE 6.0、JSP
37
圖 4. 2 功能架構圖 (二) 系統功能介紹
1. 登入畫面
欲使用此系統必須以相關使用者之帳號密碼登入，才能開始使用系統，如圖 4.3 所示。
圖 4. 3 登入頁面示意圖 2. 首頁
登入系統後，首頁的設計包含兩個部分：一為系統管理介面，管理此系統中 的功能，使用者權限，使用者帳號；二為標籤管理，包含書目資料輸入、書目資
38
料管理、書目標籤列印、導覽資料管理、導覽標籤列印，如圖 4.4 所示。
圖 4. 4 首頁示意圖 3. 書目資料輸入
由圖書館自動化系統傳遞來的書目資料，透過書目資料輸入功能，以單筆或 者批次上傳的方式將輸入資料寫入暫存資料表中，再將這些書目資料，轉化成 QR code 存入到書目資料管理的資料表，如圖 4.5 所示。
圖 4. 5 書目資料輸入
根據圖書館需求，可以選擇 QR code 顏色。按下「產生 QR code(彩色版)」
可以選擇 QR code 的顏色；「產生 QR code(黑白版)」則是直接將書目資料轉換為 黑色 QR code。另外，也能透過勾選的功能，產生被選定之書目資料的 QR code。
39
4. 書目資料管理
在書目資料輸入的部份，將書目資料轉化成 QR code 後，透過書目資料管理 的功能，進行書目資料與 QR code 的查詢及刪除，也可將欲列印的 QR code 標籤 加到待列印清單等候列印，如圖 4.6 所示。
每一筆書目資料中，會有章節資料，能夠展開觀看此書目的章節資料，如圖 4.7 所示。
圖 4. 6 書目資料管理
圖 4. 7 章節資料
5. 書目標籤列印
此功能提供書目標籤大量列印。選擇欲列印之書目資料後，系統會根據書目 的 ID 進行比對，館員可以選擇產生此筆書目 ID 的書目標籤或者章節標籤，如 圖 4.8 所示。
40
圖 4. 8 書目資料列印
列印主要以一張 A4 大小夠容納 3x4 張的 QR code 的標籤紙為主，列印的格 式如圖 4.9 所示：
圖 4. 9 書目標籤格式 6. 導覽資料管理
導覽資料與書目資料管理的方式不同，透過導覽資料管理功能即可進行導覽 資料 QR code 的新增、管理與列印的功能，如圖 4.10 所示。
圖 4. 10 導覽資料管理介面
41
導覽資料新增的方式如圖 4.15 所示。
圖 4. 11 新增資料
新增完畢後，點擊圖 4.10 中「產生 QR code」按鈕，即可產生導覽資料的 QR code。
7. 導覽標籤列印
列印功能與書目資料的方式相同，在綠色的欄位中，點擊兩下，即可跳出 Search window，接著按下「輸入資料」按鈕，將資料輸入到暫存資料表中，接 再按「產生報表」就能將導覽資料的 QR code 以 PDF 格式列印出來，如圖 4.12、
4.13 所示。
圖 4. 12 導覽資料列印
圖 4. 13 導覽標籤
42
第二節 QR code 之文字轉語音應用程式
一、 系統架構
圖 4.14 為 QR code 之文字轉語音應用程式，是以 SQLite 為底層資料庫與功 能層級中的文字轉語音及 QR code 編碼/解碼功能概念結合，並以 Android 手機 作為運作平臺，最後產出的應用為 QR code 之文字轉語音應用程式。
圖 4. 14 QR code 之文字轉語音應用程式系統架構
二、 系統環境
(一) 軟體
表 4.2 QR code 之文字轉語音應用程式系統開發環境
軟體名稱 描述
Java SDK:J2SE Android 是基於 JAVA 程式語言所開發，因此開發環境必須 安裝 JAVA SDK，這個程序開發環境提供了開發與運行 Java 軟體的編譯器等開發工具、類別庫及 Java 虛擬機器。
Eclipse Eclipse 是一套免費、跨平臺且自由整合式開發環境（IDE)，
Eclipse 是一個框架平臺，擁有眾多的外掛程式可用，是個
43
1. 文字轉語音(Text-to-Speech)
文字轉語音功能在 Android 系統中有內建「Pico TTS」引擎，包括 English、
French 、 German 、 Italian 和 Spanish 五大語言，預設並無提供中文。因此在
44
圖 4. 15 語音合成引擎語言選擇
2. QR code 原始碼
QR code 原始碼在網路上有許多免費的資源可供使用，在本研究所採用的原 始碼為 swetake.com 網站所提供的 SwetakeQRcode.jar 的類別庫，類別庫中提供 QR code 編碼及解碼的類別。
三、 系統功能架構
圖 4.16 是行動條碼文字轉語音應用程式功能架構圖(以下簡稱 QS_TTS)，功 能包括三大部分：第一部分是文字轉語音功能，QR code 拍照解碼後，能夠將解 讀出的文字轉為語音輸出給使用者聽且能夠將文字內容儲存下來；第二部分則是 歷史回顧功能，使用者能夠找到曾經儲存下來的記錄並且再次播放；第三部分是 QR code 編碼功能，提供三種格式如 Text(文字)、Phone(電話號碼)和 URL(網頁 地址)，方便使用者快速製作 QR code。
45
圖 4. 16 文字轉語音應用程式功能架構
四、 系統功能介紹
(一) 首頁
首頁包含三大主要功能，分別是文字轉語音功能、歷史回顧功能以及 QR code 編碼功能，使用者可以快速選擇欲執行的功能。
圖 4. 17 QR_TTS 首頁
46
(二) 文字轉語音 1. 拍照
文字轉語音功能第一步驟是打開相機掃描 QR code 圖形，因此透過相機預覽 功能，可以打開相機對準 QR code 圖形，接著按相機拍照，可將 QR code 拍攝下 來進行解碼的動作。
圖 4. 18 相機拍照
2. 解碼
拍照後即可將 QR code 內容解讀出來並呈現在螢幕中，接著按下麥克風圖示 的按鈕啟動文字轉語音功能，將畫面中的文字讀出給使用者聽，使用者也能將此 文字內容儲存起來，如圖 4.19 所示。
圖 4. 19 解碼內容
47
(三) 歷史回顧
透過歷史回顧功能，能看到曾經儲存過的項目，點擊項目進去後，即可在畫 面呈現歷史清單，並且透過文字轉語音的功能再一次將內容讀出，如圖 4.20 所 示。
圖 4. 20 歷史回顧
(四) QR code 編碼 1. 編碼
QR code 編碼功能提供了三種不同的格式讓使用者進行 QR code 製作，包括 TEXT、URL 和 Phone。TEXT 使用者可以輸入任意文字；URL 是編輯為網址的 格式；Phone 是編輯為電話號碼的格式。如圖 4.21 所示。
48
圖 4. 21 編碼格式 2. 編碼結果
編輯完文字內容後，按下「產生 QR code 並儲存」按鈕，即可產生 QR code 圖形並且儲存在手機記憶卡中，如圖 4.22 所示。
圖 4. 22 編碼結果
49
第三節 QR code 之摩斯密碼加密應用程式
一、 系統架構
圖 4.23 為 QR code 之摩斯密碼加密應用程式，是以 SQLite 為底層資料庫與 功能層級中的摩斯密碼、安全性及 QR code 編碼/解碼功能概念結合，並以 Android 手機作為運作平臺，最後產出的應用為 QR code 之摩斯密碼加密應用程式。
圖 4. 23 QR code 之摩斯密碼加密應用程式系統架構
二、 系統功能架構
圖 4.24 為行動條碼摩斯加密應用程式(以下簡稱 Morse_QR)系統功能架構圖，
功能包括三大部分：摩斯碼加密、摩斯碼解密以及歷史回顧。
摩斯碼加密功能中，可將轉為摩斯碼的字串利用替代字元代替，接著產生 QR code；摩斯碼解密功能中，包括將內容 QR code 及編碼簿 QR code 合併的功 能解析出內容，並且能夠將內容以語音方式輸出，使用者也可以選擇是否將此筆 記錄儲存；歷史回顧功能，回顧曾經儲存過的內容並提供將內容以語音方式輸出 以及刪除功能。
50
圖 4. 24 行動條碼摩斯加密應用程式功能架構
三、 系統功能介紹
(一) 首頁
首頁包含三大主要功能，分別是摩斯碼加密（Encode）功能、摩斯碼解密
（Decode）功能以及歷史回顧（History）功能，使用者可以快速選擇欲執行的功 能，如圖 4.25 所示。
圖 4. 25 Morse_QR 首頁
51
(二) 摩斯加密功能(Encode) 1. 內容輸入
使用者可以輸入文字內容。
圖 4. 26 輸入文字內容 2.輸入替代字元
在此頁面中，能夠看到先前所輸入的文字被轉為摩斯碼，如圖 4.27 所示，
接著使用者能夠在頁面中選擇替代字元，代替上面摩斯碼的符號。
圖 4. 27 選擇替代字元
52
2. 產生 QR code
當選擇完替代字元後，按下「Gen QR code and save」按鈕，會產生兩張分別是 內容加密以及記錄著加密邏輯的編碼簿 QR code。在畫面中會顯示內容 QR code，如圖 4.28 所示。
圖 4.29 是以其他軟體解讀出來的內容，原先的文字內容已經被加密過，因此 必須利用本研究開發之軟體(Morse_QR)搭配該張圖片之編碼簿 QR code 才能還 原其原始內容。
圖 4. 28 產生加密過的 QRcode
圖 4. 29 以其他軟體解讀出的內容
53
(三) 摩斯解密功能(Decode) 1. 打開 QR code 圖形
在此頁面中，利用畫面中「Open」的按鈕，可以打開相簿選擇欲解碼 QR code 以及編碼簿 QR code，按下「Set」按鈕即可設定圖片的路徑，最後按下
「Combination」按鈕，即可將兩張圖片合併解讀出內容，如圖 4.30 所示。
圖 4. 30 設定圖片路徑 2. 解讀內容
上個步驟將兩張 QR code 合併後，即可解讀出內容，解讀後的內容會呈現在 畫面上，使用者可以按「麥克風」圖示的按鈕，可將內容以語音方式輸出，用法 與上個章節 QR_TTS 相同。使用者也可以將此內容儲存下來，如圖 4.31 所示。
54
圖 4. 31 解讀後的內容 (四) 歷史回顧功能(History)
透過歷史回顧功能，可以看到曾經儲存過的清單，點擊項目進去後，即可在 畫面呈現內容，並且透過文字轉語音的功能將內容讀出，如圖 4.32 所示。
圖 4. 32 存在手機中的記錄
55
第四節 QR code 導覽平臺
一、 系統架構
圖 4.33 為 QR code 導覽平臺之系統架構圖，是以 Oracle 為底層資料庫與功 能層級中的文字、語音、圖像及 QR code 編碼/解碼功能概念結合，並以網路作 為平臺，最後產出的應用為 QR code 導覽平臺。
圖 4. 33 QR code 導覽平臺
二、 系統環境
(一) Drupal
Drupal 是一套開放源碼的內容管理平臺。能管理組織並易發表網站裡大量且 多樣的內容。可以用來建置從個人網誌到大型網路社群等各種類型的網站，國內 外也有許多知名企業使用 Drupal 架設網站，如 SONY PlayStation 臺灣網站、
ICANN、Mozilla 等。
Drupal 與傳統架設網站的方式不同，在於設計者不必懂程式碼如 PHP、JSP，
也不必懂資料庫設計等等。只需透過模組的搭配就能組合出多樣的網站，使用者 只需下載安裝後，基本網站功能如 Blogging(RSS、News Aggregator)、使用者管 理(權限、角色)、內容管理(投票、樣板、回應、版本控制)、搜尋、論壇、統計
56
分析(追蹤、紀錄、報告)等都具備，除了上設核心模組外，網路上有數千以計的
分析(追蹤、紀錄、報告)等都具備，除了上設核心模組外，網路上有數千以計的