骨架階段

在製作系統圖之前，必須先考慮開發 app 的軟硬體支援性，探討支持客戶 需求的背後要運用何種設備與技術。如果只是要單純地寫寫筆記、畫畫圖，不需 要網路也不需要備份、不用會員系統、不用地圖等等，僅是單純寫字畫圖存檔關 閉，那的確可以單獨安裝在 iPhone 上。一旦和使用者帳戶、購物車、即時更 新、上傳、分享平台等功能有關，就要考慮要把這些資料數據存在什麼地方的問 題。就算只是簡單的最新消息更新，都要思考最新消息的內容的儲存問題。透過 何種機制才能傳送到使用者的手上，甚至這些內容的格式是什麼，總不是 A4 大 小 300dpi 可印刷傳單一張網路傳輸吧？所以在談 app 開發之前，必須先思考硬 體和技術方面的限制。什麼樣的功能需要架設伺服器、撰寫 API、建立後台，又 由誰來負責維護的人員與成本。

伺服器可說是後端的服務器，也就是儲存一切數據如使用者帳戶、最新資 料、線上下載等資料的所在。有了伺服器才能把想展現給使用者看的資料儲存起 來。但要如何把這些資料交給使用者，就要想辦法讓他們的 iPhone 和伺服器交 流。並不是像耳機插上去就能聽音樂那樣簡單，而是需要撰寫專門的程式語言，

稱做 API。app 要像伺服器取得什麼樣的資料、伺服器要傳輸什麼樣的資料給 app，靠 API 來定義。API 是 Application Programming Interface，它定義的是溝 通介面，讓大家有辦法用相同的溝通方式。舉例來說，當 app 傳輸經緯度給伺 服器，伺服器告訴 app 這個經緯度代表哪個地址，由 API 來定義資料怎麼傳 輸 。 是 10.123456,1.123456 這 種 數 字 排 列 組 成 的 經 緯 度 欄 位 格 式 ， 亦 或 是 {latitude:10.123456,longitude:10.123456}。因此除了硬體的架設之外，另外需要專 門的程式撰寫人員定義 API。後端都準備妥當之後再來考慮 app 端的實現。

如何在能擁有最新資料、分享、即時更新的功能下，只需付出最小的開發成 本，甚至迴避架設伺服器、建立後台的方式就能達到目的。因此在收集展覽者的 意見，整理分析後所形成的功能，無法避開架設伺服器的部份必須放棄或刪減，

若能轉化成另一種形式呈現的部份將予以保留，或使用現成如 Facebook 來協助 開發分享與互動部分。Facebook 提供免費的 API 和平台，能在花費最少成本下 完成最新消息即時更新、參觀者留言與展覽者回應等功能。

基於上述原因，將所有資料綜合整理規納篩選後，刪除許多非必要的功能，

僅保留不可或缺的部份。考量到這個 app 具有時效性，使用者密集使用的時間有 限，過多的操作與功能將帶來使用上的困擾。見圖 5-2。

圖 5-2 微波效應 app 系統圖

5.4.2 訂定頁面流程

畢業展微波效應之 app 頁面流程如圖 5-3。首頁可直接連至 1.0 展覽資訊、

2.0 QR Code、3.0 Facebook 粉絲團、4.0 展覽作品列表、5.0 搜集品列表、 6.0 關於我們。在 1.0 展覽資訊頁下有 1.1 展覽主題頁、1.2 地點（路徑規劃提 示），2.0 QR Code 掃瞄頁可連至 4.1.1 語音導覽或 5.1 搜集品詳細頁。4.0 展覽作品列表包含 4.1 作品詳細頁，4.1 作品詳細頁可開啟 4.1.1 語音導覽及 4.1.2 作者簡介。從 5.0 搜集品列表進入 5.1 搜集品詳細頁。在首頁上可連至 6.0 關於我們。 這個架構明顯捨棄常見的 Tab Bar 作法，在不同的功能間切換 均須回到首頁。功能與功能之間互不干涉，避開所有可能造成迴圈的設計。

圖 5-3 微波效應 app 頁面流程

3.0 Facebook 粉絲團，參觀者與展覽者的互動平台。Facebook 是目前全世界 最大型的社交網站，也是許多人熟悉的互動方式，基於開發時程、經費、技術等