臺大圖書館行動應用服務

的實施與評鑑

劉曉青、林柏源、邱莉媛

臺灣大學圖書館系統資訊組

2014.07.04

前言

電子資源檢索—以臺大圖書館為例

大綱

• 臺大圖書館行動應用服務介紹

• 行動應用服務的實施與推廣

• 圖書館行動應用服務之未來發展

• 行動應用服務開發技術

• 圖書館效益評估

臺大圖書館行動應用服務介紹

行動化目的

• 服務便利化

– 重點及常用功能，如：館藏查詢、預約、續借

• 資訊簡潔化

– 行動裝置螢幕小，僅擷取重要資訊內容

• 資訊同步

– 行動版內容擷取自原網頁，資訊是即時同步的

• 加值化服務

– 結合手機功能(ex:條碼掃瞄查館藏)

怎麼做？

• 5W1H

– What、 Why、Who、Where、When、How

• 服務設計

• 服務具體化－系統資訊組

– 服務流程

– 系統規格

– 系統實作

• 服務推廣－圖書館相關業務單位

各種嘗試－新服務實驗室

• http://beta.lib.ntu.edu.tw

• 新點子發想簡單實作

• 非正式的發表平台

• 測試水溫

• 廣納意見

• 決定成為正式服務完整實作與服務包裝上線

• Mobile Web – Ajax

– jQuery 1.5 (JavaScript Library)

– jQuery Mobile 1.0a3 (Mobile Framework)

– Prototype 1.7 (JavaScript Framework)

– Mobile Flash

• Mobile APP

– 需呼叫行動裝置的原生功能時適用

– 跨越行動網頁與原生軟體的隔閡：Phonegap (Mobile Framework)

– OS dependent

– 需下載安裝

• Android Market

• iPhone App Store

• Windows phone marketplace

行動化開發技術

Mobile Web

• 優點

– Cross-platform & Cross-device

– Use HTML5 + CSS3 + JavaScript = Mobile Web

– Easy To Wrap APP (PhoneGap 0.9.4)

– Open Source and Free

– Get help from the growing community

• 缺點

– HTML5剛開始發展，有部分限制

– Browser Limit ：Some Mobile Browser Can’t Use (ex. IE)

– Many Bugs (jQuery Mobile 1.0a3)

– Wrap To APP Easy But Not Consistent (PhoneGap 0.9.4)

• Ex. Android OS & iPhone iOS Use Different plug-in

臺大圖書館行動應用服務介紹

• 臺大圖書館行動版網頁

• QR Code

• 臺大圖書館APP

• 行動載具體驗服務

• 行動版網頁新增功能

傳統網頁與行動版網頁

• web • Mobile web

臺大圖書館行動版網頁(舊版)

• 2011/03上線

• 服務

– 館藏目錄查詢

– 資料庫

– 臺大書卷講

• 資訊

– 開放時間

– 最新消息

– 樓層簡介

– 關於本館

• 介紹影片 • http://www.youtube.com/wat

ch?v=by2GZTzMdns

• 2011/08改版

• 服務 – 館藏目錄查詢

• 輸入關鍵字 • 條碼掃描(APP)

– 我的圖書館 • 已借出、預約、續借

– 臺大書卷講 – 資料庫

• 資訊 – 最新消息 – 關於圖書館

• 圖書館簡介、聯絡資訊

臺大圖書館行動版網頁(新版)

新舊版行動版館藏目錄比較

• 舊版 – 資料非同步

– 資料不一致性

– 資料遺失

• 新版 – 資料一致性

– 容易整合其它服務

– 更彈性

館藏目錄查詢

查詢結果頁

擷取書名、作者、出版項以及書封

詳細書目頁

線上續借、預約

資料庫

臺大書卷講行動版

• 圖書館的新書推薦部落格

• 分享心得: blog、Email、Twitter、FaceBook

• WordPress(一般網頁) + Wptouch 行動版網頁

切換為一般網頁

分享心得

Twitter Share Email Share

Facebook Share

QR Code

• 館藏目錄每一筆館藏皆有QR Code，方便讀者以手機掃描取得館藏資訊。

臺大圖書館行動應用程式APP－條碼查詢

臺大圖書館行動應用程式APP－推播通知

• APP才可使用

• 新消息推送至手機

• 列出最近30則訊息

• 可自行設定是否開啟

或關閉推播通知

• 因讀者反映，目前暫時

關閉此功能

行動載具體驗服務：總圖4樓多媒體服務中心

• 2011年底推出

• 設備

– iPAD 3臺

– 2臺置於中心門口

– 1臺置於讀者區

• 提供音樂聆賞、國際影音新聞觀賞，和英語學習新服務

資料來源：

http://www.lib.ntu.edu.tw/General/publication/Newsletter/n

ewsletter140.htm#1-1

行動載具體驗服務：臺大醫圖數位閱讀體驗區

• 2013年3月推出

• 醫圖四樓多媒體學習中心

• 設備

– iPAD 1臺

– ASUS TF700 1臺

• 使用本館訂購電子書及預先安裝的醫學相關APP

資料來源：http://epaper.ntu.edu.tw/view.php?listid=31&id=17509#C01

2012行動網頁新增功能-總圖即時統計數據

• 即時數據

– 總圖在館人數

– 總圖自習室可用座位數

– 運用本館門禁系統以及自習室座位管理系統之數據整理而來

2014年行動網頁新增功能- 我的收藏

• 可將選定的書目加入收藏清單中

• 若行動裝置為首次開啟新版行動網頁，會出現提示訊息框

• 亦可刪除清單中的書目(在書目上向右滑動即會出現刪除按鈕)

行動應用服務之實施與推廣

臺大圖書館行動應用程式— NTU Library

• 目前推出版本

• NTU Library功能

– 行動版網頁所有功能

– 掃瞄ISBN條碼查詢館藏

• 行動服務推出後於臺大圖書館Facebook粉絲專頁上進行推廣

Facebook推廣

• 行動服務推出後，圖書館每月館訊立即刊登公布

臺大圖書館館訊刊物刊載推廣

2012年

• 大一新生訓練之課程上進行圖書館利用指導

新生入門書院推廣

2013年

推廣應用服務—行動載具體驗

• 手機連結至臺大圖書館首頁時，自動轉址到圖書館行動版首頁

• 行動載具體驗圖書館之行動服務

– 總圖4樓多媒體服務中心

– 臺大醫圖4樓多媒體學習中心

行動服務推廣與內容提供

• 國立臺灣大學圖書館

– http://www.youtube.com/user/ntulibcv

• NTU Campus 臺大校園頻道

– http://www.youtube.com/user/ntutw

• 圖書館及校園利用外部資源平臺上傳影音內容

• 訂閱後可在手機觀看影片

圖書館行動應用服務之未來發展

服務設計

• 現在流行什麼?

– 隨時補充技術新知

• 電子報、雜誌….

• RSS、 Blogs…

– 統計資訊

• 校園及圖書館內各式統計

• 全球及地區使用統計

• 思考與圖書館傳統服務間的結合

– 行動化為主流趨勢

– 圖書館無所不在!

行動版未來發展

• 使用者為中心

– 強化使用者、圖書館、資源之間的連結

• 整合服務

– 整合查詢

– 圖書館各式服務系統行動化

– 行動個人服務(ex: 到期、取書等訊息推送)

– 協助讀者找書(ex:定位功能、書籍架位提示)

– 線上參考服務

服務開發人力資源

• 一定要自己開發嗎? 圖書館沒有技術人員怎麼辦?

– 以現有工具建立系統

– 尋找校園資源 (與相關科系合作)

– 外包

• 創新的工作模式－跨組織任務編組的合作機制

– 機構典藏

• 學科館員＋IT人員

– 網站典藏庫

• 採訪館員＋IT人員

– 行動版開發

• 系統館員＋IT人員

軟硬體系統資源

• 硬體資源

– 虛擬主機(Vitual Machine) 趨勢

– 雲端趨勢

• 軟體資源

– 開放標準架構趨勢

– 免費的一定不好嗎?

• Open source software

• Free API

軟體評估要點

• 使用介面

– 可客製化程度

– Gadget 可嵌式物件組合

– 手機介面

• 開放性

– 開放式資料庫架構

– 主流程式語言

• 與外部介接

– API

– 標準交換格式輸出/輸入

– Open URL

– 帳號整合方式（單一簽入）

• 統計資訊

服務效益評估

• 使用者意見回饋

• 統計數字會說話

– 常用分析項目

• 使用量統計

• 流量來源

• 訪客分析

• 相同內容不同服務媒介使用統計比較

• COUNTER

– 常用分析工具

• 雲端統計：ex.Google analytics

• 本機統計：ex.awstats

行動應用服務評估面向

• 服務內容評估

– 讀者意見反應或調查

– 讀者服務需求→參考圖書館常用服務項目統計

• 服務品質評鑑

– 系統穩定度→讀者意見反應、定期測試

– 系統使用量→ Google analytics統計各項分析

– 使用者調查

• 尚待建立完整的評鑑制度與規劃

圖書館行動應用服務開發構想

林柏源 臺灣大學圖書館系統資訊組

開發選擇

• Native App

• Responsive Web Design (RWD)

• Mobile Website App

什麼是Native App?

• Native App 原生語言程式是為了特定的操作系統而編碼，用的也是特定操作系統的開發套件（Platform SDK）, 如 Apple iOS。因此它的性能和工具一向比 Hybrid App 優越。

• 手機原生的功能：GPS 定位、掃瞄、相機、推播等等，都必須要用 Native 語言開發才做的到。

什麼是Responsive Web Design? Treehouse 對 Responsive Web Design 的詮釋 (Video)

什麼是Responsive Web Design?

• 響應式網頁（Responsive Web Design ，以下簡稱 RWD），又稱回應式網頁設計，是一種用同一種方式開發出的網頁，卻能在任何一個裝置上（智慧型手機、平板、PC）完美「適應」螢幕的解析度、大小與網路速度，自動調整最佳的內容呈現方式。讓開發者更方便快速能提供使用者更好的體驗。

什麼是Mobile Website App?

• 一般說來，Mobile Website App都是都是需要用到網路的，它們利用設備上的瀏覽器(比如iPhone的Safari)來運行，而且它們不需要在設備上下載後安裝。

比較

• 開發方面

– Native App • 每種行動操作系統都需要獨立的開發項目

• 每種平台都需要獨立的開發語言 Ex.Java, Objective-C, Swift

• 需要使用各自的軟件開發包，開發工具以及各自的控件

– RWD、Mobile Website App • 因為運行在行動設備的瀏覽器上，所以只需要一個開發項目

• 使用HTML5, CSS3以及 JavaScript 以及服務器端語言來完成

• 沒有標準的SDK，基本任意選擇

比較

• 能力方面

– Native App

• 能使用行動硬體設備的底層功能，比如個人通訊錄，鏡頭以及重力加速器等等

– RWD、Mobile Website App

• 只能使用有限的行動硬體設備功能 (瀏覽器功能)。

比較

• 盈利

– Native App

• 可以使用專門的行動平台的廣告，比如AdMob

– RWD、Mobile Website App

• 基本沒有限制，但也沒什麼優勢

比較

• 獲取方法

– Native App • 直接下載到設備

• 以獨立的應用程序運行 (並不需要瀏覽器)

• 用戶必須手動去下載並安裝這些Native App

• 有商店與賣場來幫助用戶尋找你的App

– RWD、Mobile Website App • 從行動設備上的瀏覽器訪問

• 不需要安裝額外的軟件

• 只能靠搜尋引擎搜尋

比較

• 版本控制

– Native App

• 用戶可以自由地選擇是否更新軟件版本，所以會出現不同用戶同時使用不同版本的情況

– RWD、Mobile Website App

• 所有的用戶都是用同樣的版本

比較

• 成本 – RWD 的開發成本比請一個會開發 iOS 、Android 的開發者來的便宜

許多，同時也快許多。另外，如果要開發行動版，其實製作過程很快，可能幾小時就完成了，但 RWD 因為要對不同解析度做優化，自然也要花掉許多時間。

– Native App > Mobile Website App > RWD

• 流暢度、速度 – Native App 一定大勝，許多在操作的轉場、Loading 的速度，

Native 比 RWD 順暢非常多。另外，RWD 有個缺點，就是需要大量 Jacascript、CSS 的載入，絕對是一個拖累使用者體驗的因素。

– Native App > Mobile Website App > RWD

比較

• 優點

– Native App

• 比RWD、Mobile Website App運行快

• 有商店與賣場會幫助用戶尋找App

• 官方賣場的應用審核流程會保證讓用戶得到高質量以及安全的App

• 官方會發佈很多開發工具或者人工支援來幫助你的開發

– RWD、Mobile Website App • 跨平台開發，適應所有設備，容易管理，成本低

• 容易做搜索引擎優化

• 用戶不需要去賣場來下載安裝App

• 任何時候都可以發佈App，因為根本不需要官方賣場的審核

比較

• 缺點

– Native App • 開發成本高，尤其是當需要多種行動設備來測試時

• 因為是不同的開發語言，所以開發，維護成本也高

• 因為用戶使用的App版本不同，所以維護起來很困難

• 官方賣場審核流程複雜且慢，會嚴重影響發布進程

– RWD、Mobile Website App • 無法使用很多行動硬體設備的獨特功能

• 要同時支持多種行動設備的瀏覽器讓開發維護的成本也不低

• 在一些舊設備和瀏覽器中加載頁面速度過慢，甚至完全不支持

• 對於用戶來說，這種App很難被用戶發現

• 需維護兩個網站 (Mobile Website App)

用什麼方法比較好？

• 問自己

– 是否需要使用行動硬體設備的特殊功能?

– 是否需要網路?

– 是否要靠此應用盈利?

– 是否經常更新內容?

– 開發規模、預算、人力?

– 對於效能要求是否苛刻?

Tool - Sencha Touch

Sencha Touch

a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch is the only framework that enables developers to build powerful apps that work on iOS, Android, BlackBerry, Windows Phone, and more.

Tool - Sencha Touch Native App V.S. Mobile Website App 速度效能比較 (Video)

Tool - PhoneGap

實施

實施

• 舊版 – 資料非同步

– 資料不一致性

– 資料遺失

• 新版 – 資料一致性

– 容易整合其它服務

– 更彈性

實施

擷取書名、作者、出版項以及書封達到一致性

圖書館行動應用服務效益評估

邱莉媛 臺灣大學圖書館系統資訊組

行動應用服務效益評估架構

使用者意見回饋 統計數字收集

質化意見收集 量化資料收集

- 雲端統計：Google analytics

- 本機統計：awstats

- 電子化問題回報

- ⓘ服務台意見反映

行動應用服務效益評估內容項目架構

由服務本身推展與其他服務的比較

►評估內容細項架構 服務總覽

本身使用情況

交叉比較 與圖書館其他服

務比較

外部分析 引用學校、區域

統計

統計數字會說話-服務總覽

使用媒介 裝置

使用人次 新增使用者

IP來源 國家、城市

蒐集系統間各項使用數據，由各面向評估行動服務

綜觀行動服務之效益

統計數字會說話-交叉比較

館內系統使用量比較

• 各系統間使用量綜合比較

• 常用服務檢視

年度系統使用比率

• 以時間觀察使用量與使用者行為模式變化

統計數字會說話-外部分析

學校內造訪網站流量統計

• 統計公報 • http://www.alexa.com/

區域與全球統計資料

• 資策會FIND公布統計

• 主計處資料

•

臺大圖書館行動版網頁使用情形

資料來源：本館 Google Analytics

使用者登入裝置比較

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

2011 2012 2013 2014

81.2% 70.6% 66.6%

87.9%

0.0% 18.4% 28.9%

8.0% 18.8% 11.0%

4.5% 4.1%

桌電/筆電

平板

手機

行動服務與虛擬入館比例

• 行動服務造訪人次/圖書館網站總人次

A B C D

0.1%

1.3%

2.9% 2.8% A. 2010/06~2011/05比率

B. 2011/06~2012/05比率

C. 2012/06~2013/05比率

D. 2013/06~2014/05比率

資料來源：本館 Google Analytics

館藏查詢

81%

考古題

8%

館際查詢

5%

電子書查

詢

4%

新書介紹

1% 行動服務

1%

常用服務統計

• 圖書館線上服務熱門頁面

資料來源：本館 Google Analytics

外部資料引用分析-引用台灣上網人數

1717

3076.31

4164.09

1504

4334

6590

0

1000

2000

3000

4000

5000

6000

7000

2011 2012 2013

無線寬頻人口(萬)

行動版造訪人次

資料來源：資策會FIND

、本館 Google Analytics

未來工作－行動服務願景

79

最佳方案

Op

tim

izatio

n

Innovation

創新思維

商業智慧與服務評鑑

行動裝置服務系統建置

圖書館既有系統架構

感謝聆聽 敬請指教