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

任柯

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

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

任柯

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

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

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

1 引言

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

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

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

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

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

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

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

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

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

③Web服務(wù)器: Apache 2.2.3

④XML: libxml2-2.6.1Array.tar.gz

⑤腳本語言: PHP 5.2.4

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

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

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

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

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

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

(3)少數(shù)民族文獻(xiàn)數(shù)字化平臺后臺系統(tǒng)和數(shù)據(jù)庫管理系統(tǒng)采用A.M.P平臺(Apache+MySQL+PHP), 主要是因?yàn)樵谀壳氨姸嗟男畔⑵脚_及網(wǎng)站開發(fā)工具中PHP技術(shù)具有設(shè)計代碼開源, 開發(fā)和使用成本低, 功能強(qiáng)大, 安全穩(wěn)定, 易于擴(kuò)展和維護(hù)的優(yōu)勢特點(diǎn).

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

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

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

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

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

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

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

圖1 loadData指定訪問的頁面

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

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

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

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

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

②SQL操作執(zhí)行.

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

db.transaction(function(wx){})

③對數(shù)據(jù)進(jìn)行處理調(diào)用.

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

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

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

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

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

4 結(jié)束語

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

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

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

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

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

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

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

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

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

[8] 肖云鵬, 劉宴兵, 徐光俠. Android 程序設(shè)計教程[M]. 北京: 清華大學(xué)出版社, 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-), 男, 實(shí)驗(yàn)師, 研究方向: 教育技術(shù)應(yīng)用、軟件工程等.

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