臺大圖書館行動應用服務 的實施與評鑑
劉曉青、林柏源、邱莉媛 臺灣大學圖書館系統資訊組
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
最佳方案Optimization
Innovation 創新思維 商業智慧與服務評鑑
行動裝置服務系統建置 圖書館既有系統架構
