任柯

(西南民族大學現(xiàn)代教育技術中心, 四川 成都 610041)

HTML5少數(shù)民族文獻數(shù)字化平臺Android App開發(fā)研究

任柯

(西南民族大學現(xiàn)代教育技術中心, 四川 成都 610041)

HTML5與Android系統(tǒng)第三方應用程序開發(fā)技術的興起推動了跨平臺Web應用快速發(fā)展, 少數(shù)民族文獻數(shù)字化平臺使用三方軟件APP應用程序實現(xiàn)系統(tǒng)的跨平臺訪問成為一項值得深入研究的課題. 概述了HTML5架構下的少數(shù)民族文獻數(shù)字化平臺與Android APP的無縫對接技術, 詳細闡述少數(shù)民族文獻數(shù)字化平臺的服務器端架構和UI界面設計. 最后, 詳細介紹了客戶端的基于Android的少數(shù)民族文獻數(shù)字化平臺第三方應用軟件開發(fā).

HTML5; 少數(shù)民族文獻數(shù)字化平臺; Android App

1 引言

十二五期間國家提出了新的文化信息化建設方向, 面對現(xiàn)代信息科技和傳播手段快速發(fā)展的新形勢, 加快建立文化創(chuàng)新體系、推進文化創(chuàng)新的任務更加緊迫. 面對世界范圍內各種思想文化交流交融交鋒更加明顯、斗爭尖銳復雜的新形勢, 增強我國文化整體實力和國際競爭力, 保護民族傳統(tǒng)文化, 尤其是少數(shù)民族傳統(tǒng)文化, 進而維護國家文化安全的任務更加緊迫. 隨著計算機技術、網(wǎng)絡技術和通信技術的迅速發(fā)展與廣泛應用, 計算機技術、多媒體技術以及通信技術得到了相互結合, 利用現(xiàn)代的科學技術手段加快現(xiàn)代科技在少數(shù)民族文化遺產保護中的應用步伐, 尤其是提高少數(shù)民族文獻的數(shù)字化、網(wǎng)絡化水平, 構建數(shù)字化的少數(shù)民族文獻信息平臺.

少數(shù)民族文獻數(shù)字化平臺利用最新的網(wǎng)絡編程語言使用的Linux+Apache+Php+Mysql開發(fā)環(huán)境, 采用HTML5+CSS3+ JavaScript+jQuery 全新的網(wǎng)站前端開發(fā)技術, 加上的VsionsWeb 開發(fā)框架, 開發(fā)具有數(shù)據(jù)管理功能的服務器端軟件平臺. HTML5語言的優(yōu)勢就是可以實現(xiàn)網(wǎng)絡信息的跨平臺使用, 各種瀏覽器都可以對其信息進行解析查看, 而且可以自己適應于移動終端設備廣泛使用的Android操作系統(tǒng). 在技術層面如何針對HTML5網(wǎng)絡平臺構架, 對Android操作系統(tǒng)開發(fā)APP第三應用程序軟件提高移動設備對少數(shù)民族文獻數(shù)字化平臺的訪問速度是一項值得深入研究的課題.

2 服務器端HTML 5及A.M.P系統(tǒng)環(huán)境

利用HTML5構建的少數(shù)民族文獻數(shù)字化平臺加載的Web、后臺及數(shù)據(jù)庫環(huán)境是在Linux下搭建的A.M.P平臺, 業(yè)界稱之為LAMP.

LAMP(Linux- Apache-MySQL-PHP)網(wǎng)站架構是目前國際流行的Web框架, 該框架包括: Linux操作系統(tǒng), Apache網(wǎng)絡服務器, MySQL數(shù)據(jù)庫, Perl、PHP或者Python編程語言, 所有組成產品均是開源軟件, 是國際上成熟的架構框架, 很多流行的商業(yè)應用都是采取這個架構, 和 Java/J2EE架構相比, LAMP具有Web資源豐富、輕

量、快速開發(fā)等特點, 微軟的.NET架構相比, LAMP具有通用、跨平臺、高性能、低價格的優(yōu)勢, 因此LAMP無論是性能、質量還是價格都是未來信息平臺搭建網(wǎng)站的首選工具平臺.

(1)少數(shù)民族文獻數(shù)字化平臺服務器搭建使用的系統(tǒng)為:

①操作系統(tǒng): Red Hat Linux 8.0

②數(shù)據(jù)庫: MySQL 5.0.37

③Web服務器: Apache 2.2.3

④XML: libxml2-2.6.1Array.tar.gz

⑤腳本語言: PHP 5.2.4

(2)少數(shù)民族文獻數(shù)字化平臺的前端UI設計開發(fā)使用的HTML5+CSS3+ JavaScript+jQuery 全新的網(wǎng)站前端開發(fā)技術. 其優(yōu)點在于:

①跨平臺運行特點: 從PC瀏覽器到手機、平板電腦, 甚至是智能電視. 只要設備瀏覽器支持HTML5, HTML5數(shù)字化信息平臺應用在此硬件設備上就具有可行性.

②設備兼容特性: HTML5為數(shù)字化平臺應用開發(fā)者們提供了更多功能上的優(yōu)化選擇, 提供了前所未有的數(shù)據(jù)與應用接入開放接口. 使外部應用可以直接與瀏覽器內部的數(shù)據(jù)直接相連.

③連接特性: 更有效的連接工作效率, 使得基于頁面的實時聊天, 更快速的信息平臺體驗, 更優(yōu)化的在線交流得到了實現(xiàn). HTML5擁有更有效的服務器推送技術, Server-Sent Event和WebSockets就是其中的兩個特性, 這兩個特性能夠幫助我們實現(xiàn)服務器將數(shù)據(jù)推送到客戶端的功能.

④網(wǎng)頁多媒體特性: 支持網(wǎng)頁端的Audio、Video等多媒體瀏覽器原生功能, 無需任何第三方應用插件；與網(wǎng)站自帶的APPS, 攝像頭, 影音功能相得益彰.

三維、圖形及特效: 基于SVG、Canvas、WebGL及CSS3的3D功能, 用戶會驚嘆于在瀏覽器中, 所呈現(xiàn)的驚人視覺效果.

(3)少數(shù)民族文獻數(shù)字化平臺后臺系統(tǒng)和數(shù)據(jù)庫管理系統(tǒng)采用A.M.P平臺(Apache+MySQL+PHP), 主要是因為在目前眾多的信息平臺及網(wǎng)站開發(fā)工具中PHP技術具有設計代碼開源, 開發(fā)和使用成本低, 功能強大, 安全穩(wěn)定, 易于擴展和維護的優(yōu)勢特點.

PHP具有很好的穩(wěn)定性和安全性, 考慮到PHP本身的線程運行特點, 內存泄露的危險在各個開發(fā)技術中最低, 它甚至比JSP還要穩(wěn)定. 同時在業(yè)界Linux+Apache+Php+Mysql平臺方案被稱作“黃金開發(fā)組合”.

3 客戶端Android操作系統(tǒng)APP第三方軟件設計與開發(fā)

少數(shù)民族文獻數(shù)字化平臺服務器端系統(tǒng)采用的HTML技術架構對客戶端APP的支持具有良好的穩(wěn)定性, html5 APP的產品是無需用戶下載, 通過服務器直接更新以及訪問最新版本, 也便于設計開發(fā)人員調試和修正錯誤, 不存在兼顧新舊版本的問題, 應用APP可與客戶端無縫整合, 實現(xiàn)統(tǒng)一管理. 同時, Android是一種基于Linux的自由及開放源代碼的操作系統(tǒng), 主要使用于移動設備(智能手機、PAD等), Android占據(jù)全球移動設備操作系統(tǒng)市場76%的份額, 中國市場占有率為90%, 可以說Android是當前最為流行的移動終端操作系統(tǒng).

HTML5是在HTML代碼基礎上演進而來, 少數(shù)民族文獻數(shù)字化平臺的網(wǎng)頁編程語言實際就是HTML語言.在Android平臺中的WebView本身是一個嵌入式的瀏覽器, 可以直接使用WebView.loadData()來將HTML標記傳遞給WebView對象.

同時, PhoneGap是用基于HTML, CSS和JavaScript的, 創(chuàng)建移動跨平臺移動應用程序的快速開發(fā)平臺, 可以將網(wǎng)頁封裝為Android下能夠獨立安裝和運用的APP應用程序. Dreameaver CS5.5已經(jīng)下提供了PhoneGap的框架, 將少數(shù)民族文獻數(shù)字化平臺的主導航頁面設為MZWXINDEX.html的網(wǎng)頁文件, 使用Configure Application Framework對導航界地址面進行封裝, 并且使用Application Icon PNG指定APP應用界面圖標.

(1)Android APP的HTML5代碼的頁面顯示與超級鏈接實現(xiàn)

WebView和PhoneGap使Android平臺的硬件設備對服務器端的少數(shù)民族文獻數(shù)字化平臺系統(tǒng)進行訪問時,通過APP應用將系統(tǒng)程序放在了WebView中運行, loadData程序實現(xiàn)對服務器端所有數(shù)據(jù)的載入. loadData實現(xiàn)HTML5代碼的頁面顯示與超級鏈接功能, 詳細代碼如下:

圖1 loadData指定訪問的頁面

(2)Android APP的MYSQL數(shù)據(jù)庫訪問實現(xiàn)

少數(shù)民族文獻數(shù)字化平臺的數(shù)據(jù)庫系統(tǒng)是利用的關系數(shù)據(jù)庫進行建立的, 其數(shù)據(jù)庫使用的是SQL語言. MYSQL數(shù)據(jù)庫做為目前最重要、最流行的Web SQL Database數(shù)據(jù)庫應用于少數(shù)民族文獻數(shù)字化平臺的目的就是為了更好的對HTML5程序數(shù)據(jù)庫里的數(shù)據(jù)進行處理. LoadData實現(xiàn)了Android APP程序對HTML5代碼的頁面顯示與超級鏈接, 再利用Android中window對象的OpenDatabase()方法使用Web SQL Database, 進而實現(xiàn)對數(shù)據(jù)庫中的數(shù)據(jù)進行調用與處理.

Android APP程序的內嵌本地SQL數(shù)據(jù)庫與服務器端Web SQL Database數(shù)據(jù)庫應用的實現(xiàn)方法.

①建立數(shù)據(jù)庫連接.

通過Android APP程序創(chuàng)建并打開對數(shù)據(jù)庫的連接, 利用window. OpenDatabase()方法實現(xiàn)數(shù)據(jù)庫的連接,并對數(shù)據(jù)庫的連接是否成功. 現(xiàn)實代碼如下:

②SQL操作執(zhí)行.

Android APP程序與服務器數(shù)據(jù)庫建立連接后, 使用db.transaction()方法來執(zhí)行SQL操作. 實現(xiàn)Android APP應用程序根據(jù)用戶需求對數(shù)據(jù)庫中數(shù)據(jù)的進行查詢調用.

db.transaction(function(wx){})

③對數(shù)據(jù)進行處理調用.

SQL操作執(zhí)行成功系統(tǒng)會執(zhí)行一個回調函數(shù), 該函數(shù)執(zhí)行其事物對象并返回查詢結果SQLResultset對象；如果SQL操作沒有執(zhí)行成功, 系統(tǒng)將執(zhí)行錯誤對象的回調函數(shù). 數(shù)據(jù)處理代碼如下:

SQL操作執(zhí)行成功代碼:

(3)Android下PhoneGap本地應用程序開發(fā)

基于Android SDK安裝PhoneGap框架, PhoneGap將Android移動設備本身提供的復雜的API進行了抽象和簡化, 提供了一系列豐富的API可以調用. 使用HTML5和Javascript語言, 利用PhoneGap提供的API去調用各種功能, PhoneGap將程序封裝成平Android臺上運行的應用.

在少數(shù)民族文獻數(shù)字化平臺的Android移動終端設備下利用PhoneGap的框架將數(shù)字化平臺的主導航頁面設為MZWXINDEX.html的網(wǎng)頁文件, 使用Configure Application Framework對導航界地址面進行封裝, 并且使用Application Icon PNG指定APP應用界面圖標.

4 結束語

少數(shù)民族文獻數(shù)字化平臺的設計的出發(fā)點就是HTML5+CSS+JavaScript,是圍繞跨平臺的APP應用的移動數(shù)字化信息平臺的主導思想理念進行研究與開發(fā). HTML5+CSS+JavaScript可以根據(jù)少數(shù)民族文獻數(shù)字化平臺的構架, 為Android移動操作系統(tǒng)平臺開發(fā)能夠獨立運行的應用程序, 并通過Android APP應用程序發(fā)布平臺進行分發(fā)和安裝. HTML5技術框架下的少數(shù)民族文獻數(shù)字化平臺不僅在網(wǎng)絡技術的應用上凸顯優(yōu)勢, 而且擁有強大跨平臺APP第三方軟件應用, 使得少數(shù)民族文獻數(shù)字化平臺通過應用程序發(fā)布平臺更為廣泛的被公眾所使用,同時平臺系統(tǒng)進行商業(yè)化模塊升級后還具有一定的經(jīng)濟價值與商業(yè)前景.

HTML5構建的少數(shù)民族文獻數(shù)字化平臺在移動終端設備系統(tǒng)App開發(fā)中目前還僅限于Android操作系統(tǒng),針對于當前主流的IOS和windowsphone移動操作系統(tǒng)App開發(fā)做為進一步重點研究的對象. 同時, HTML5構架下的少數(shù)民族文獻數(shù)字化平臺實現(xiàn)跨平臺應用也是未來開發(fā)研究的主要方向.

[1] 張元亮. Android開發(fā)應用實戰(zhàn)詳解[M]. 北京: 中國鐵道出版社, 2011.

[2] 張亞飛. 手機網(wǎng)頁及網(wǎng)站設計[M]. 北京: 清華大學出版社, 2011.

[3] 張亞飛. HTML5和RIA網(wǎng)站設計[M]. 北京: 清華大學出版社, 2011.

[4] 張亞飛. HTML5+CSS3網(wǎng)頁布局和樣式精粹[M]. 北京: 清華大學出版社, 2011.

[5] PETER LUBBERS, BRIAN ALBERS, FRANK SALIM. HTML5程序設計[M]. 柳靖, 李杰, 劉淼, 譯. 北京: 人民郵電出版社, 2012.

[6] 王志剛, 王中元, 江友華. HTML5移動開發(fā)即學即用[M]. 北京: 電子工業(yè)出版社, 2012.

[7] 佘堃, 段弘, 唐雪飛. Android系統(tǒng)結構及應用編程[M]. 北京: 清華大學出版社, 2013.

[8] 肖云鵬, 劉宴兵, 徐光俠. Android 程序設計教程[M]. 北京: 清華大學出版社, 2013.

Study on the development of HTML5 ethnic literature digital platform Android App

REN Ke
(Modern Educational Technology Center, Southwest University for Nationalities, ChengDu 610041, P.R.C.)

The rise of HTML5 and Android system the 3rd application process pushes forward the fast development of cross-platform web’s application. This paper overviews seamless joint between ethnic literature platform under the construction of HTML5 and Android APP, then elaborates its server-side structure and UI interface design, and finally, states in detail the development of the third-party application software based on the ethnic literature digital platform.

HTML5; ethnic literature digital platform; Android App

TP311.52

A

1003-4271(2014)01-0127-05

10.3969/j.issn.1003-4271.2014.01.26

2013-09-19

任柯(1983-), 男, 實驗師, 研究方向: 教育技術應用、軟件工程等.

2013年度中央高?；究蒲袠I(yè)務費專項項目青年教師基金(13NZYQN27)