HTML5少数民族文献数字化平台Android App开发研究

任柯

(西南民族大学现代教育技术中心, 四川 成都 610041)

HTML5少数民族文献数字化平台Android App开发研究

任柯

(西南民族大学现代教育技术中心, 四川 成都 610041)

HTML5与Android系统第三方应用程序开发技术的兴起推动了跨平台Web应用快速发展, 少数民族文献数字化平台使用三方软件APP应用程序实现系统的跨平台访问成为一项值得深入研究的课题. 概述了HTML5架构下的少数民族文献数字化平台与Android APP的无缝对接技术, 详细阐述少数民族文献数字化平台的服务器端架构和UI界面设计. 最后, 详细介绍了客户端的基于Android的少数民族文献数字化平台第三方应用软件开发.

HTML5; 少数民族文献数字化平台; Android App

1 引言

十二五期间国家提出了新的文化信息化建设方向, 面对现代信息科技和传播手段快速发展的新形势, 加快建立文化创新体系、推进文化创新的任务更加紧迫. 面对世界范围内各种思想文化交流交融交锋更加明显、斗争尖锐复杂的新形势, 增强我国文化整体实力和国际竞争力, 保护民族传统文化, 尤其是少数民族传统文化, 进而维护国家文化安全的任务更加紧迫. 随着计算机技术、网络技术和通信技术的迅速发展与广泛应用, 计算机技术、多媒体技术以及通信技术得到了相互结合, 利用现代的科学技术手段加快现代科技在少数民族文化遗产保护中的应用步伐, 尤其是提高少数民族文献的数字化、网络化水平, 构建数字化的少数民族文献信息平台.

少数民族文献数字化平台利用最新的网络编程语言使用的Linux+Apache+Php+Mysql开发环境, 采用HTML5+CSS3+ JavaScript+jQuery 全新的网站前端开发技术, 加上的VsionsWeb 开发框架, 开发具有数据管理功能的服务器端软件平台. HTML5语言的优势就是可以实现网络信息的跨平台使用, 各种浏览器都可以对其信息进行解析查看, 而且可以自己适应于移动终端设备广泛使用的Android操作系统. 在技术层面如何针对HTML5网络平台构架, 对Android操作系统开发APP第三应用程序软件提高移动设备对少数民族文献数字化平台的访问速度是一项值得深入研究的课题.

2 服务器端HTML 5及A.M.P系统环境

利用HTML5构建的少数民族文献数字化平台加载的Web、后台及数据库环境是在Linux下搭建的A.M.P平台, 业界称之为LAMP.

LAMP(Linux- Apache-MySQL-PHP)网站架构是目前国际流行的Web框架, 该框架包括: Linux操作系统, Apache网络服务器, MySQL数据库, Perl、PHP或者Python编程语言, 所有组成产品均是开源软件, 是国际上成熟的架构框架, 很多流行的商业应用都是采取这个架构, 和 Java/J2EE架构相比, LAMP具有Web资源丰富、轻

量、快速开发等特点, 微软的.NET架构相比, LAMP具有通用、跨平台、高性能、低价格的优势, 因此LAMP无论是性能、质量还是价格都是未来信息平台搭建网站的首选工具平台.

(1)少数民族文献数字化平台服务器搭建使用的系统为:

①操作系统: Red Hat Linux 8.0

②数据库: MySQL 5.0.37

③Web服务器: Apache 2.2.3

④XML: libxml2-2.6.1Array.tar.gz

⑤脚本语言: PHP 5.2.4

(2)少数民族文献数字化平台的前端UI设计开发使用的HTML5+CSS3+ JavaScript+jQuery 全新的网站前端开发技术. 其优点在于:

①跨平台运行特点: 从PC浏览器到手机、平板电脑, 甚至是智能电视. 只要设备浏览器支持HTML5, HTML5数字化信息平台应用在此硬件设备上就具有可行性.

②设备兼容特性: HTML5为数字化平台应用开发者们提供了更多功能上的优化选择, 提供了前所未有的数据与应用接入开放接口. 使外部应用可以直接与浏览器内部的数据直接相连.

③连接特性: 更有效的连接工作效率, 使得基于页面的实时聊天, 更快速的信息平台体验, 更优化的在线交流得到了实现. HTML5拥有更有效的服务器推送技术, Server-Sent Event和WebSockets就是其中的两个特性, 这两个特性能够帮助我们实现服务器将数据推送到客户端的功能.

④网页多媒体特性: 支持网页端的Audio、Video等多媒体浏览器原生功能, 无需任何第三方应用插件；与网站自带的APPS, 摄像头, 影音功能相得益彰.

三维、图形及特效: 基于SVG、Canvas、WebGL及CSS3的3D功能, 用户会惊叹于在浏览器中, 所呈现的惊人视觉效果.

(3)少数民族文献数字化平台后台系统和数据库管理系统采用A.M.P平台(Apache+MySQL+PHP), 主要是因为在目前众多的信息平台及网站开发工具中PHP技术具有设计代码开源, 开发和使用成本低, 功能强大, 安全稳定, 易于扩展和维护的优势特点.

PHP具有很好的稳定性和安全性, 考虑到PHP本身的线程运行特点, 内存泄露的危险在各个开发技术中最低, 它甚至比JSP还要稳定. 同时在业界Linux+Apache+Php+Mysql平台方案被称作“黄金开发组合”.

3 客户端Android操作系统APP第三方软件设计与开发

少数民族文献数字化平台服务器端系统采用的HTML技术架构对客户端APP的支持具有良好的稳定性, html5 APP的产品是无需用户下载, 通过服务器直接更新以及访问最新版本, 也便于设计开发人员调试和修正错误, 不存在兼顾新旧版本的问题, 应用APP可与客户端无缝整合, 实现统一管理. 同时, Android是一种基于Linux的自由及开放源代码的操作系统, 主要使用于移动设备(智能手机、PAD等), Android占据全球移动设备操作系统市场76%的份额, 中国市场占有率为90%, 可以说Android是当前最为流行的移动终端操作系统.

HTML5是在HTML代码基础上演进而来, 少数民族文献数字化平台的网页编程语言实际就是HTML语言.在Android平台中的WebView本身是一个嵌入式的浏览器, 可以直接使用WebView.loadData()来将HTML标记传递给WebView对象.

同时, PhoneGap是用基于HTML, CSS和JavaScript的, 创建移动跨平台移动应用程序的快速开发平台, 可以将网页封装为Android下能够独立安装和运用的APP应用程序. Dreameaver CS5.5已经下提供了PhoneGap的框架, 将少数民族文献数字化平台的主导航页面设为MZWXINDEX.html的网页文件, 使用Configure Application Framework对导航界地址面进行封装, 并且使用Application Icon PNG指定APP应用界面图标.

(1)Android APP的HTML5代码的页面显示与超级链接实现

WebView和PhoneGap使Android平台的硬件设备对服务器端的少数民族文献数字化平台系统进行访问时,通过APP应用将系统程序放在了WebView中运行, loadData程序实现对服务器端所有数据的载入. loadData实现HTML5代码的页面显示与超级链接功能, 详细代码如下:

图1 loadData指定访问的页面

(2)Android APP的MYSQL数据库访问实现

少数民族文献数字化平台的数据库系统是利用的关系数据库进行建立的, 其数据库使用的是SQL语言. MYSQL数据库做为目前最重要、最流行的Web SQL Database数据库应用于少数民族文献数字化平台的目的就是为了更好的对HTML5程序数据库里的数据进行处理. LoadData实现了Android APP程序对HTML5代码的页面显示与超级链接, 再利用Android中window对象的OpenDatabase()方法使用Web SQL Database, 进而实现对数据库中的数据进行调用与处理.

Android APP程序的内嵌本地SQL数据库与服务器端Web SQL Database数据库应用的实现方法.

①建立数据库连接.

通过Android APP程序创建并打开对数据库的连接, 利用window. OpenDatabase()方法实现数据库的连接,并对数据库的连接是否成功. 现实代码如下:

②SQL操作执行.

Android APP程序与服务器数据库建立连接后, 使用db.transaction()方法来执行SQL操作. 实现Android APP应用程序根据用户需求对数据库中数据的进行查询调用.

db.transaction(function(wx){})

③对数据进行处理调用.

SQL操作执行成功系统会执行一个回调函数, 该函数执行其事物对象并返回查询结果SQLResultset对象；如果SQL操作没有执行成功, 系统将执行错误对象的回调函数. 数据处理代码如下:

SQL操作执行成功代码:

(3)Android下PhoneGap本地应用程序开发

基于Android SDK安装PhoneGap框架, PhoneGap将Android移动设备本身提供的复杂的API进行了抽象和简化, 提供了一系列丰富的API可以调用. 使用HTML5和Javascript语言, 利用PhoneGap提供的API去调用各种功能, PhoneGap将程序封装成平Android台上运行的应用.

在少数民族文献数字化平台的Android移动终端设备下利用PhoneGap的框架将数字化平台的主导航页面设为MZWXINDEX.html的网页文件, 使用Configure Application Framework对导航界地址面进行封装, 并且使用Application Icon PNG指定APP应用界面图标.

4 结束语

少数民族文献数字化平台的设计的出发点就是HTML5+CSS+JavaScript,是围绕跨平台的APP应用的移动数字化信息平台的主导思想理念进行研究与开发. HTML5+CSS+JavaScript可以根据少数民族文献数字化平台的构架, 为Android移动操作系统平台开发能够独立运行的应用程序, 并通过Android APP应用程序发布平台进行分发和安装. HTML5技术框架下的少数民族文献数字化平台不仅在网络技术的应用上凸显优势, 而且拥有强大跨平台APP第三方软件应用, 使得少数民族文献数字化平台通过应用程序发布平台更为广泛的被公众所使用,同时平台系统进行商业化模块升级后还具有一定的经济价值与商业前景.

HTML5构建的少数民族文献数字化平台在移动终端设备系统App开发中目前还仅限于Android操作系统,针对于当前主流的IOS和windowsphone移动操作系统App开发做为进一步重点研究的对象. 同时, HTML5构架下的少数民族文献数字化平台实现跨平台应用也是未来开发研究的主要方向.

[1] 张元亮. Android开发应用实战详解[M]. 北京: 中国铁道出版社, 2011.

[2] 张亚飞. 手机网页及网站设计[M]. 北京: 清华大学出版社, 2011.

[3] 张亚飞. HTML5和RIA网站设计[M]. 北京: 清华大学出版社, 2011.

[4] 张亚飞. HTML5+CSS3网页布局和样式精粹[M]. 北京: 清华大学出版社, 2011.

[5] PETER LUBBERS, BRIAN ALBERS, FRANK SALIM. HTML5程序设计[M]. 柳靖, 李杰, 刘淼, 译. 北京: 人民邮电出版社, 2012.

[6] 王志刚, 王中元, 江友华. HTML5移动开发即学即用[M]. 北京: 电子工业出版社, 2012.

[7] 佘堃, 段弘, 唐雪飞. Android系统结构及应用编程[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年度中央高校基本科研业务费专项项目青年教师基金(13NZYQN27)