系統設計與功能規劃

一、 系統架構說明

美術館導覽學習社群網站開發分成兩個部分，第一部分為學習者在參觀美術 館時，可藉由使用平板電腦拍攝 QR-code，即可讀取展覽品資訊，第二部分為 RFID 登入社群網站之分享應用，而第二部分又可分為兩個層面做說明，分別為前端社 群網站和平台後端資料庫管理系統，前端是學習者登入社群網站內容設計及撰寫 RFID 運作的程式讀出。社群網站的內容製作是透過 Drupal 架設與呈現，網站內 容架有瀏覽展覽資訊、相簿、影片、訊息交流、blog、與 facebook 連線知識分 享等功能應用，後端工作則主要以伺服器的架設及後端資料庫的管理為主。如圖 3-2 所示：

35 Internet Network

+

Reader

Database 遠端電腦主機 美術館導覽

學習網站

·美術館導覽學習社群 網站內容管理

·會員管理 (1)

(2)

(3)

(4)

(6) (5)

美術館觸控式 學習社群網站平台 (內建RFID reader) 米勒的畫作-拾穗

和 QR-code

學習者手持平板電腦 (平板電腦具備RFID)

圖 3-2 系統架構圖

36

以下針對系統架構圖進行詳細的說明：

(1) 學習者手持具備 RFID 的平板電腦，美術館中每一個畫作旁皆附有 QR-code 與學習社群網站平台。QR-code 可讀取展覽品上的簡介與相關資訊；架設觸 控式學習享社群網站平台(內建 RFID reader)，可讀取使用者手上平板電腦 的唯一 RFID TAG 識別功能，當使用者把 RFID TAG 輕碰觸平台中的內建 RFID reader 上，便可以登入使用者帳號密碼進行分享資訊。

(2) 美術館中展覽品的 QR-code透過平板電腦照相功能與 QR-code解碼軟體，藉 由無線網路將載入該展覽品的資訊內容；而提供的學習社群網站平台將識別 出來的標籤資訊，經由無線網路設備環境，送到網際網路上，傳送至後端管 理系統作處理。

(3) 學習者使用平板電腦拍攝展覽品旁上的 QR-code，並透過 QR-code解碼軟體 功能讀取展覽品資訊，以增加學習者的易讀性與方便性。

(4) 從資料庫過濾後的美術館導覽學習社群網站的內容經由 Internet 透過無 線網路，將網站資訊顯示於美術館所提供的平台上。

(5) 後端管理系統由網頁主機與資料庫構成，網頁程式接收到美術館中提供的平 台傳送進來使用者識別卡的標籤資訊，開啟資料庫進行過濾分析。

(6) 資料庫的內容包括美術館導覽學習社群網站的內容管理、會員管理等相關資 訊。美術館導覽學習社群網站資訊管理者將使用者所上載的相片、影片與即 時更新的資訊發表與文字對話內容等相關訊息，透過網頁輸入並存於資料庫 中。網頁程式根據上一個步驟所得到的標籤資訊，搜尋資料庫中的符合條件 (是否為正確該使用者帳號登入)，並將相對應的網站內容讀出來，呈現於網 頁上。反之感應器若無偵測到標籤資訊，則無法進入本系統。

37

二、 系統情境模擬說明圖

情境一、一般使用平台介面直接輸入帳號密碼登入網站使用者

周休二日的到來蘋蘋一家人興高采烈地去美術館參觀 19 世紀法國寫實主義 的田園畫大師-米勒「驚艷米勒—田園之美畫展」，蘋蘋希望把她們當時在美術 館展覽之旅中愉快的心得分享與知識交流討論能夠即時分享給她的親朋好友們，

於是事先在家登入「美術館導覽學習社群網站」申請個人帳號密碼，接著全家人 便出發前往美術館，到了美術館內蘋蘋看到各個畫作旁均架設觸控式導覽學習社 群網站平台，皆可提供學習者方便使用；另者，館內亦有提供個人式語音導覽租 借服務，給 予 觀 眾 更 豐 富 且 詳 盡 的 畫作解 說 。

蘋蘋在參觀展覽的同時一邊聆聽語音導覽機，並依據畫作的編號選擇語音導 覽服務，當 蘋 蘋 走 到 她 最 喜 愛 的 「 拾 穗 」 畫 作 前 ， 她 拿 起 剛 剛 所 租 借 的 語 音 導 覽 機 聆 聽 ；接 著 蘋 蘋 便 可 藉由畫作旁的學習社群平台分享參觀展覽心 得與知識討論交流至美術館導覽學習社群網站上，此時蘋蘋只需要在此平台上輸 入事先在家所註冊的帳號密碼，即可進入該學習社群網站進行分享，完後只要輕 鬆地按下送出鍵，就可即時的分享給蘋蘋的親朋好友們知道。蘋蘋想起過去在美 術館參館展覽的同時，只有紙本簡介可大約介紹畫作資訊，為了想更加了解畫作 相關訊息，還得必須在人潮擁擠的畫作前，看清楚展覽品旁的小字樣簡介，蘋蘋 感到實在非常的不方便並隨之而來的是附帶負面情緒的產生，自從美術館內有了 這樣的美術館導覽學習社群網站平台與語音導導覽服務後，不僅讓蘋蘋覺得方便 許多也覺得更加愉快（情境模擬圖如圖 3-3 所示）。

38

39

人決定在這個週末前往美術館參觀 19 世紀法國寫實主義的田園畫大師-米勒「驚 艷米勒—田園之美畫展」，到了美術館入口，樂樂先到售票窗口購票，並提供個 人身分證件，以利售票人員輸入樂樂唯一的識別證號在美術館免費所提供的平板 電腦上(內具備有 RFID)，不一會兒樂樂拿到售票人員手中遞過來的平板電腦，

接著樂樂便帶著愉悅的心情進入美術館。

入館後樂樂發現每項畫作旁均附有該畫作專有的 QR-code 與架設觸控式學 習社群網站平台(內建 RFID reader)，樂樂很高興地躍躍欲試，當樂樂逛到了她 最喜愛的「 拾 穗 」 這幅畫作時，眼看前方擠滿人潮，樂樂不知要花費多少力氣 與時間才可擠進去好好觀賞一番，於是她拿起手中的平板電腦(內建相機功能)，

在遠處輕鬆一照，經由平板電腦內 QR-code 解碼軟體後，就能知道拾穗這幅畫作 的介紹與相關資訊，樂樂對此項功能感到驚喜不已，當人潮退去後，樂樂走進

「 拾 穗 」 這 幅 畫 作 旁 ， 並再次拿起平板電腦輕碰觸學習社群網站(內建 RFID reader)，即可登入學習社群網站進行文字交流訊息、知識分享與上載照片與影 片給親朋好友們，樂樂覺得十分有趣，接著又陸續看了紗女，奧弗涅的牧羊女、

晚禱、格賀維勒的教堂、春天等米勒的其他畫作，快樂的時光總是過得特別快，

黃昏時分，樂樂一家人結束了這趟田園藝術知性展。

走出館方出口，交付園內免費提供的平板電腦後，一切在館方使用美術館導 覽學習社群網站平台上所分享的知識訊息與上載的照片、影片，全部經由館方的 後端庫料庫迅速地發佈在樂樂個人的社群網站上，樂樂到回到家後，不需再額外 花時間回想整個當時在美術館內的情境與心情，即可讓她感受即時分享文字照片 訊息與知識討論交流的方便性，及不需在人擠人的超人氣畫作旁等候時間就可閱 讀學習畫作資訊，樂樂認為這項新的美術館導覽社群網站平台及行動載具設備真 是她的好幫手呢！（情境模擬圖如圖 3-4 所示）。

40

Drupal 是一個自由開源的內容管理系統，由 Dries Buytaert 所開發的一套 社群討論軟體，以 PHP 語言寫成。整套平台把所有內容視為一個節點(nodes)，

背後由大量組件(modules)控制其顯示、修改、排列、分類等方式，這種設計令 Drupal 不止可以建立普通的部落網站，只要配合適當組件，控制內容顯示及處 理權限的方式，它馬上能變成論壇、Wiki 與社區網路。迄今，Drupal 的社群已 編寫了超過 5800 個組件。2010 年 Drupal 7 推出，介面引入 WordPress 的儀錶

41

板（Dashboard）元素，集中改善系統介面，但不少模板及組件仍未推出 7.0 版 本配合，因此本研究系統網站仍用模板、組件較為齊全及較穩定的 Drupal 6.0 正式版製作。Drupal 配有強大功能且極具彈性，其運作環境能讓編程人員較易 作大幅改動，立出大量嶄新功能，令他備受歡迎，因此全球亦有越來越多的網站 均由 Drupal 製作(維基百科，2011)。它特別常見於社群主導的網站，本研究看 中此 Drupal 的功能具有連結 FACEBOOK 分享機制、相簿、地圖與影音娛樂多媒體 等多項豐富社群網站因素，因此，使用 Drupal 套件架設本研究之美術館導覽學 習社群網站平台是非常適合。其建置本系統網站之首頁圖，如圖 3-5 所示。

圖 3-5 本系統網站之首頁圖

本研究之美術館導覽學習社群網站，主要架構是由 Drupal 打造即時互動社 群網站並搭配 QR-code 和 RFID 雙重感應的使用，預設在美術館中的展覽品旁附 上專屬的 QR-code 與架設觸控式平台，內建 RFID reader，可偵測學習者手上的 平板電腦中的 RFID tag，當學習者手持平板電腦靠近平台時，便可讀取學習者 手持平板電腦中的 RFID tag 辨識碼，並透過資料庫比對進行編碼，使學習者能 夠及時讀取展覽品訊息與登入網站啟動系統的運作。讓使用者看到哪 tag 到哪、

42

學習到哪、記錄到哪的便利性，也能在充滿藝術氣息的美術館中，一一閱讀品嘗 這琳瑯滿目的珍藏展覽。在實際的實驗操作中，預計開發使用 QR-code 與伺服器 架設美術館導覽學習社群網站，作為預設在美術館中的各個展覽品旁的觸控式平 台，並搭配使用 Microprogram 微程式資訊股份有限公司所開發的 MP-602 讀寫 器，配合中介程式(Middleware)的撰寫。其整體系統的運作流程，如圖 3-6 所示。

平板電腦

Input Process Output

美術館導覽學習社群網站之流程

43

44