App Maker 輕鬆建立App王國

資策會創研所 劉柏甫 產品經理

資訊傳遞的演進

~文字與圖片扮演資訊的媒介~ 報章雜誌

資訊傳遞的演進

~記憶中，心跳的聲音、感人的樂曲~ 聲音

資訊傳遞的演進

~真實世界的生命力的再現~ 影像

來源: Youtube

數位匯流的時代

App提供了數位內容再次演進的機會，匯整各式各樣的數位內容

新型態的生活革命─App的興起

新形態的App閱讀體驗

Source: http://ourchoicethebook.com/

App的未來趨勢

8

成長 Mobile Apps

多選 App Store Adoption

適性 Content Diversity

“有效率且低成本的App自動整合服務”

如何讓製作App與做投影片一樣簡單

填入素材

App Store Google Market

金流服務

網路流通通路

社群整合服務

資料匯整 編輯 跨平台發佈行銷

1 2 3

大量資料與既有服務 框架設計

頁面階層設計

頁面控制 事件設定

9

讓數位內容產製 ~從技術的思考轉換為美感的思考，從Programmer回歸到Designer~

結合裝置特性設計互動技術

Sensor Awareness

透過Sensor-aware技術，感知裝置硬體特性 ，如螢幕尺寸、重力感測器(g-sensor)、陀螺儀(Gyro Meter) 、Camera、衛星定位(GPS)等感測器，設計內容的互動方式，讓內容可以隨著裝置的狀態不同而改變。

Usability

以Quality of Experience為人機互動的設計準則，設計不同應用情境 template，讓使用者可以快速學習、操作簡單，並降低錯誤發生率。

寶石方塊以Gesture拖拉的方式改變位置

iPad稍往前傾放， 桌面就會重新配置 (透過重力加速器)

景點介紹搭配GPS位置， 結合即時公車資訊

善用裝置特性，設計了俱備Usability的互動模組，讓 開發者可以直接套用

10

行動裝置上的多媒體匯流技術

Connection

透過Source Adapter建立與企業後端應用(backend application)的連結，提供資料流通基礎

Synchronization

透過Data & Service Synchronization技術，整合企業內部大量資料，並確保資料於畫面呈現上的正確性

Parsing Payload

藉由XML DOM及壓縮格式達到資料存取的完整性，包含取得、擷取及儲存；並確保大量資料連線的可靠度

Security

企業對於敏感性資料需加強安全性的保護，利用加密及自動化Deprovsioning處理協助控制資料的流通及權限管理

Smartphone/ tablet

Enterprise directory

Enterprise

backend

application

Enterprise

backend

Web

Multimedia

Content

Database

Enterprise

backend

application

Transparent

sync

Direct connections requiring manual code

Direct

database

Service Descript

Database

Source adapted

SQLite DB Java

app

Android

Client

SQLite DB Ios

app

iOS

Client

SQLite DB Other

app

Jscript

Client

SQLite DB app

SOAP/XML

REST/JOSN

App Launchpad

QoS-Aware Service

Management

App Service

Integration

& Manager Server

既有的服務與資料可以快速導入，降低企業內部資料App化的困難度

投票模組

購物車模組

LBS模組

11

五步驟打造高質感、高互動性的跨平台App

Step 1 專案企劃

Step 2 版面與結構設計

Step 3 內容編輯

Step 4 頁面事件控制

Step 5 服務與通路整合

• App傳達意念 • 資訊整合 • 分眾行銷

• 頁面階層式結構 • 獨立頁面Layout • 特定元件選取(如：購物車、投票,…)

• 選取出版社內部，圖、文及影音素材入稿

• 網路服務介接

• 設定頁面轉換事件(如：手勢、GPS位置,…)

• App平台上架 • 網路通路發佈 • 社群網路整合

Demo

感謝您的與會 歡迎再次蒞臨!

14