第三章 研究方法
第三節 系統實作
一、使用 QR-code 讀取畫作資訊
薛萬棟(1911-1993)－遊戲
Step 1
Step 2
圖 3-8 QR-code 操作步驟解說圖 表 3-1 QR-code 操作步驟
QR-code 操作步驟
編號 功能名稱 說明
1 Step 1 學習者拿起行動設備，點選 mobiletag。
2 Step 2 Tag 畫作旁的 QR-code。
45
1
2
3 4
圖 3-9 首頁功能圖 表 3-2 首頁功能介紹 首頁功能介紹
編號 功能名稱 說明
1 主選單 主選單區塊：可分為首頁、註冊、登入、
展覽影片、教學影片、畫作介紹與問卷填 寫等七大功能。
2 使用者登入 作為學習者登入帳號密碼地方。
3 各個當期展覽資訊 目前各個當期展覽資訊，會不斷進行更新。
4 線上使用者 告知目前在線上的學習者有誰。
46
1
1 2
2
圖 3-10 主選單功能圖一 表 3-3 主選單功能一 主選單功能一
編號 功能名稱 說明
1 註冊 給予學習者註冊新的帳號密碼。
2 登入 讓學習者登入帳號密碼，以進入網站做分享。
1 2
2 1
圖 3-11 主選單功能圖二 表 3-4 主選單功能介紹二 主選單功能介紹二
編號 功能名稱 說明
1 展覽影片 本網站提供六部展覽影片，給予學習者做觀賞。
2 教學影片 提供教學影片讓學習者如何操作行動設備進入該網站。
47
1 2
2 1
圖 3-12 主選單功能圖三 表 3-5 主選單功能介紹三 主選單功能介紹三
編號 功能名稱 說明
1 畫作介紹 本網站提供 30 幅畫作，給予學習者做學習與觀賞。
2 問卷填寫 給予學習者在使用此網站的同時，就可使用手上的行 動設備立即填寫完成問卷。
建立內容 相簿
圖 3-13 建立內容與相簿版面 表 3-6 建立內容與相簿版面介紹 建立內容與相簿版面介紹
編號 功能名稱 說明
1 建立內容 包括：一般文章、相片、相簿與影片這四大功能。
2 相簿 建立個人相簿，可依相片內容作標籤分類。
48
1 2 3
4 5 6
圖 3-14 登入帳戶版面 表 3-7 登入帳戶版面介紹 登入帳戶版面介紹
編號 功能名稱 說明
1 導覽列 導覽列區塊包含：我的帳號、我的關係人、近況
更新、建立內容與登出，這五大功能。
2 畫作介紹資訊 畫作名稱：顯示畫作名稱。
畫作圖片：顯示畫作圖。
畫作規格：顯示畫作之年代、材料與規格大小。
作者傳略：作者介紹。
作者賞析：畫作介紹。
語音導覽：畫作之語音導覽。
3 線上使用者 告知目前在線上的學習者有誰。
4 我的相簿 個人帳戶相簿功能。
5 使用者的分類標籤 建立其相片類標籤，使相片顯得整齊與容易觀看 相同類別之相片。
6 分享此訊息 其他社群網站分享功能，包含 facebook 按讚、
facebook 分享發布、google+、Myspace 與 twitter。
49
1 2
3
4 5
6
圖 3-15 我的帳號版面 表 3-8 我的帳號版面介紹 我的帳號版面介紹
編號 功能名稱 說明
1 我的帳號名稱 顯示我的帳號名稱。
2 我的帳號導覽列 包括：檢視、編輯、Messages、我的塗鴉、聯絡、
所有人的塗鴉。
3 訊息即時發布 撰寫個人訊息即時發佈區塊。
4 動態塗鴉牆 可觀看所有關係人之訊息內容。
5 我的朋友 顯示我的朋友之圖像。
6 導覽列 導覽列區塊包含：我的帳號、我的關係人、近況
更新、建立內容與登出，這五大功能。
50
1
2
圖 3-16 我的關係人版面 表 3-9 我的關係人版面介紹 我的關係人版面介紹
編號 功能名稱 說明
1 我的關係人導覽列 包括：所有、處理中、偶像-粉絲、情人與配偶。
2 我的關係人塗鴉牆 可觀看與我有關係人之訊息內容。
1
2
圖 3-17 近況更新版面 表 3-10 近況更新版面介紹 近況更新版面介紹
編號 功能名稱 說明
1 訊息區塊 在此撰寫訊息發佈。
2 我的塗鴉牆 我的塗鴉牆，可觀看個人所發佈過之訊息紀錄。
51
二、使用 RFID 進行知識分享
本研究採用 Microprogram 微程式資訊股份有限公司所研發的 RFID 產品，
以 MP_602MUS 讀寫器作為非接觸式的感應設備，是為讀取器(Reader)與軟體系 統設計整合(Middleware & System Integration)串聯而成的架構。其運作原理 是由讀取器發射(13.56Hz)特定頻率之無線電波，使用晶片內部驅動將資料傳回，
讀取器便可以接收到資料，當 RFID 的資料被自動感應後，後端系統可自製後續 的處理流程。透過學習社群網站平台(內具RFID tags)，學習者只需藉由一台讀 取機即可獲得展品的相關資訊。RFID MP-602MUS 系列的高速通訊介面和具有強 大的應用開發支援，可提供更強大的應用功能與更安全的連接，且符合 ISO/IEC 14443 TYPE A 標準，操作距離最大可達 60mm，其主要開發應用架構圖如圖 3-18 所示。軟體支援 win32 開發工具和函式庫 (DLLS)、客製化函式庫 (DLLs)、卡 片安全管理工具 Option、高可靠度通訊協定與高階非接觸式卡片控制指令。
應用程式 API COM
API MP-602
MUS
Firmware 崁入式系統
Lib客製化 MIFARE卡片
API支援：
･ WinCE、Win32 OS
･ C/C++、C#、VB6、DOTENT
圖 3-18 開發應用架構圖
本研究即利用相關 API 函式庫功能完成了美術館導覽學習社群網站的實作，
接著可直接對 MIFARE 卡片進行操作，其架構如圖 3-19 所示。系統主要包含兩 大部分，第一部分：行動載具操作介面與美術館導覽學習社群網站平台之設計介 面；第二部分：後端管理系統(web & Sql Server)。前者配合廠商提供的 API 函
52
53
在使用 MP-602 之 Reader 之前，必須先安裝通訊介面驅動程式，並會在 Windows 系統上建立一個虛擬的 Com Port，應用程式可透過該通訊埠和 Reader 取得正常的連線通訊。介面程式設計分成連線設定和讀取卡號兩大部分。連線設 定採用 Open Reader 函式開啟 Reader，此功能與 Reader 連線成功後才可以讀 寫 或 使 用 卡 片 的 操 作 功 能 。 選 擇 正 確 連 結 的 ComPort ， 讀 寫 器 的 通 訊 速 率 (Baudrate) API 會自動搜尋並執行 Open Reader 功能。在選定卡片後，當卡片 進入感應範圍內，透過 Open Card 函式執行成功便能取得卡片序號，才可以對 卡號進行後續的操作行為。若想要中斷與讀寫器的連線，則可利用 Close Reader 函式關閉連線，如此一來才能順利重新取讀新的卡號。
本研究使用 Open Card 函式加上 Timer 事件方式，可解決關閉連線後才能
重新感應取得卡號的問題，程式則會隨時地持續偵測感應的卡片並取得序號。將 Timer 的 Enabled 屬性改成 False，並把 Interval 屬性設定為2000，表示每 兩秒觸發一次 Tick 事件，在 Timer 觸發事件的過程中撰寫 Open Card 函式之 程式碼。為考慮感應的反應時間因此間距設為兩秒，實作的行動載具操作介面如 圖 3-20 所示。54
圖 3-20 行動載具操作設定