新北市積穗國小國際文教中心文物導覽App開發紀實(5)--系統整體架構

有沒有可能一魚多吃?
因為  無論是Mobile App，Mobile version web，傳統web
其實 Data source 都是一樣的
若是寫死在App or Web page 當中
之後若有異動(例如換展)
或功能有增修
開發者會很慘
剛好之前和馬龍討論 Web API (簡單說  這是給程式看的  不是for人)的概念與實作
有興趣的可以看一看 台北市政府公開資料平台

靈機一動
若是這次專案就採用這樣的架構
就可以省去很多功夫
未來維護也比較有彈性
整個架構應該如下：

Data 提供者，撈取後端資料(無論是DB，XML，CSV)
基本上它會是以 HTTP Restful 實作
暫時只提供 HTTP GET method 提供外部系統呼叫
資料格式提供 json or xml 方式給外部系統

前端無論是 Mobile web , Trandidtional web , or Mobile App
Anyway，他們只要負責去呼叫這個 Web API
將取得的資料(JSON or XML)來做parse
各系統彈性就會很高
可以有自己各自的使用者介面與邏輯
擴充自己想要的功能等
其實骨子裡  他們的資料來源皆是一致的

舉例來說
有個API是提供查詢有ok認證的溫泉業者
那我可以做甚麼呢
其實他提供了 JSON 格式資料回傳
我今天可以做個App
結合LBS
例如我現在到北投某處想泡湯
App取得我的位置之後
呼叫該API
便可以在Google Map標出附近有哪些是經過認證的溫泉業者
還可以取得相關資訊和電話
這只是一個簡單的例子
國際文教中心系統的架構走向
我想應該朝這個方向規劃
只是   時間很趕.......................

新北市積穗國小國際文教中心文物導覽App開發紀實(4)--App需求與功能成型

其實參考諸多導覽系統
最適合的App style
會參考 台北市立美術館的App
簡要  沒有太多複雜功能
卻又能達到導覽的目的
目前初步規劃會朝向這個App的架構來開發
首先  會有個 entrypoint 類似首頁
進入後  會有簡單幾個選單
包括  本館資訊  最新消息   進入導覽
導覽選單進入後
又可分為一般導覽模式    以及QR code 導覽模式
目前這還是雛形......還待調整

清爽的進入介面

導覽模式

新北市積穗國小國際文教中心文物導覽App開發紀實(3)--觀念釐清

首先  深入思考
做了一番價值澄清
究竟這個APP要如何定位?

就形式來說  他的呈現方式可以是

• 傳統 Web site
• 傳統 Desktop application
• Mobile version web site
• Mobile App (for Android && iPad etc... )

就內容呈現來說  他可以有下列幾種方式

• 整個國際文教中心官方網站(目前仍未建立  內容包山包海)
• 單純展覽文物介紹(清單式)
• 具互動性的文物導覽系統

一直在反思

國際文教中心需要一個怎麼樣的系統

因為最終這會影響整個系統架構

當然  最理想的方式  是能滿足所有client 的需求

無論他拿的是 iPhone, Android, 甚至是 Windows 7 平板   未來的Windows 8

其實最簡單的方式  傳統web site 一定可以滿足所有client 需求

但是傳統網站有一個致命傷

•  Mobile device user experince 較差
• 網站畢竟還是網站  無法focus在文物導覽這件事上

Mobile version web 雖然能將解決上述第一個問題 

但第二個問題仍然存在

為了解決這個問題

所以完美的解法是

• 傳統web site (for PC)
• Mobile version web site(for all Mobile devices)
• iPhone & iPad version App(for Apple 系列 mobile device)
• Android version APP(for Android Device)
• Windows 8 Metro style App(for Win 8 )

恩

還好嘛

總共就5個版本 

這樣做下去

有要爆肝的感覺.............

新北市積穗國小國際文教中心文物導覽App開發紀實(2)--市面相關產品分析

大概survey 目前市面上相關導覽產品
簡單分類如下

• 傳統語音導覽(需額外租用器材) ，一般博物館或展覽當中最常見，可結合RFID
• 傳統官方網站，例如 故宮博物院 ，夯不啷噹的內容通通包在裡面，但較不是合為導覽系統用
• 展場為中等範圍，主要做環境導覽介紹 ，例如一般百貨公司導覽系統， 國立師範大學圖書館導覽系統
• 較大範圍使用，提供使用者所在相關資訊以及服務，甚至結合LBS  or AR ，例如 台大iPhone導覽系統 ，陽明山國家公園導覽系統
• Mobile 版 web site，偏重在整個場域介紹 ，但操作與使用者經驗仍為傳統網頁式操作，例如國立台灣美術館導覽系統 ，大溪行動導覽系統
• 仍以語音為主 但結合mobile device  不用另行租借  中華電信展場語音導覽系統
• 結合QR code，例如 花博導覽

文教中心導覽APP的需求

我想當然不會是包山包海

把所有內容包進去

但應該也不用提供到 LBS 這種層級的服務

畢竟這個展場範圍不廣

因此

APP需求就會逐漸明朗浮現

• 應該著重在使用者經驗，與文物的互動，以及與展覽場域的互動上
• 如何讓使用者得到不一樣的導覽體驗?
• 如何使文物與使用者建立有機的連結?
• 如何結合教學?

思考中....

新北市積穗國小國際文教中心文物導覽App開發紀實(1)--緣起

新北市未來教室  伙伴學校將於6/8(暫定)蒞校參訪
我也希望為這個專案提供棉薄之力
因敝校國際文教中心為一大特色
與忠強老師討論之後 得知該班教學進行結合國際文教中心展覽
希望能結合QR code   製作無人導覽系統
心中靈機一動  何不再進階一些
做個導覽APP不是更讚
但時間倉促
也不知屆時能做到甚麼程度
在此做一些思考歷程與系統開發記錄