基于jQuery Mobile的中药资源移动学习系统设计

摘要：jQuery Mobile开发框架对于移动学习系统开发具有先天优势，中药资源知识内容丰富，学生需要掌握的药材知识很多，设计开发中药资源移动学习系统可以方便学生随时随地学习，符合当今移动学习、泛在学习的趋势，也将提高学生掌握知识的效率及灵活运用的能力。

关键词：jQuery Mobile 移动学习 中药资源

中图分类号：TP311.52 文献标识码：A 文章编号：1007-9416（2016）10-0200-01

1 引言

中医药院校在中药学专业教学中，学生需要熟知掌握大量的中药资源，目前尚没有用于教学的移动学习系统将大量的中药资源知识分类展示给师生，帮助学生学习中药知识。另一方面，当前大学生几乎人手一部智能手机以及全校范围覆盖的无线信号，促使我们将支撑学生学习的技术倾向于移动学习系统的开发。学生可以利用大量碎片化的时间获得系统的学习效果。

2 jQuery Mobile简介

中药资源移动学习系统采用jQuery Mobile技术，它继承了jQuery的优势，且提供了丰富的适合手机应用的UI组件，是用于创建移动 Web 应用的前端开发框架，可以应用于智能手机与平板电脑，使用 HTML5 和CSS3 最小的脚本来布局网页。通过使用jQuery Mobile可以写更少的代码，做更多的事情。它可以通过一个灵活及简单的方式来布局网页，且兼容所有移动设备。它解决了不同设备兼容的问题，因为它只使用HTML，CSS和JavaScript，这是所有移动网络浏览器的标准。

3 系统功能模块

中药资源学习系统功能模块的设计旨在帮助学生了解掌握中药资源知识，系统设计需要达到的目标是学生可以随时通过手机访问系统，学习中药知识，包括定义、图片、作用与功效等内容。本系统还需满足用户操作简单、信息及时更新、内容快速检索等要求。据此，本系统设置以下功能模块：中药简介、各类药材、中药制药、中藥常识、中药文化、信息检索等栏目如图1所示。

4 系统设计

系统设计主要包括数据库设计和用户界面设计。数据库设计方面，系统采用MySQL数据库，它具有体积小、速度快、开放源代码等特点，搭配PHP和Apache可以组成良好的开发环境。MySQL表的设计主要如表1所示，服务器端的PHP代码将获取数据库中的数据，并以API接口形式将转换后的JSON格式数据返回前端页面，最终呈现给浏览者。本系统目前数据库表的结构较为简单，主要围绕内容的几个维度设计的字段，表与表的关联较少。

系统界面设计方面，jQuery Mobile可以很好地适应不同品牌不同屏幕大小的手机，它允许在一个页面中添加多个data-role=”page”，浏览器仅仅得到一个页面，就可以实现页面平滑切换的客户体验。jQuery Mobile默认采用AJAX的方式载入一个目的链接页面。因此，当在浏览器中点击一个链接打一个新的页面时，jQuery Mobile接收这个链接，通过AJAX的方式请求链接页面，并把请求得到的内容注入到当前页面的DOM。

为方便用户在各栏目直接切换，界面设计了三个头部导航和三个底部导航，首页有大图滚动效果作为重点推荐宣传的内容，将中药资源分类列表置于首页醒目位置方便学生快速进入相应的知识体系。具体栏目界面设计方面，本系统借鉴了目前主流互联网企业的移动客户端界面风格，采取内容缩略图+标题+内容摘要的显示模式，既简单又美观。

5 结语

本系统的实质仍是信息管理模式，虽然本系统仍处于初期开发应用阶段，只能实现一些简单的应用，还有很多功能有待继续完善，但这已表明利用jQuery Mobile框架设计开发移动学习系统的技术可行性。近年来中医药迎来前所未有的发展机遇，国家重视并大力发展中医药事业。借助此次有益实践，可以积累开发经验，今后围绕中医药文化传播在移动终端设备方面做更广泛的尝试。

收稿日期：2016-09-07

基金项目：2015年度江西中医药大学校级教改课题（编号：2015jzjg-6）阶段性研究成果。

作者简介：刘仪辉（1989—），男，江西赣州人，硕士，助教，研究方向：信息化教学设计。