基于Ionic的外语学习平台的设计与开发

孙静 郑新超

内容摘要：随着移动互联网技术的蓬勃发展，移动学习已经融入了人们的日常生活，成为一种普遍的学习方式。在此背景下，基于对2018年6月对日语学习者进行的调查报告的分析，本文通过对三种APP开模式NativeAPP、Web APP和Hybrid APP的分析，提出了基于Ionic的跨平台日语移动学习平台的开发。

关键词：移动学习平台 日语学习平台 混合应用 Ionic

1.引言

随着移动互联网技术的蓬勃发展，移动学习已经融入了人们的日常生活，成为一种普遍的学习方式。移动学习以其学习便捷性、教学个性化、交互丰富性、情境相关性等特点备受学习者的青睐[1]。本团队于2018年6月进行的问卷调查显示，在线学习资源分布零散，使日语学习者和爱好者难以选择;学习软件、学习平台鱼目混杂、针对性不强;移动智能终端复杂多样，运行的操作系统各有差异且互不兼容，移动学习平台的开发难度大、维护成本高。凡此种种问题，使适用于日语学习的移动学习平台的开发和研究势在必行。因此，本团队开发出了一款用于日语学习与交流的跨平台APP，以帮助日语学习者和爱好者通过微课视频、资源共享、互动社区、线上交流等方式共享优质资源，实现高效学习和交流，从而提升学习效率和兴趣。

2.APP开发模式

Native APP位于平台层上方具有较好的下行访问能力，可以充分利用设备的资源，提供良好的交互体验，还可以支持在线或离线、消息推送等功能，用户体验良好[2]。Web APP一般由“HTML5云网站+APP应用客户端”两部份构成，客户端只需安装应用的框架部份，应用数据则是用户每次打开APP时从云端获取[3]。Web APP不存在Native APP的固有的缺点，具有开发难度低、功能丰富、部署应用简易，跨平台访问便捷的优势，并且HTMLS功能强且全面，为开发者提供了丰富的移动应用开发标准日，但是安全性较低，且用户体验与NativeAPP相比而言较差。而Hybrid APP介于两者之间，兼具了Native APP良好的用户体验和Web APP上午跨平台性的优点。选用Hybrid APP模式进行开发，它的前端可以借助第三方跨平台框架使用网页语言来编写的，编写完成之后封装到APP中，同时又可以充分地利用现代移动智能终端提供的功能，调用底层API，这些特点使得Hybrid APP具有跨平台性强、开发成本较低、灵活性较高等优点，本项目就采用Hybrid APP模式进行开发。

3.跨平台APP开发方案

3.1 APP开发方案

基于上述分析，本文拟采用“Angular+Ionic+Cqrdova"组合来进行前端开发，采用“A-paehe+PHP+MySQL"来进行后端及数据库开发。Apache（Apache HT1P Server）是一个免费开源的网页服务器，能够在多种电脑操作系统下运行，安全性较高[5]。Apache作为Web应用服务器解释后端服务PHP，PHP则调用MySQL接口，这三者相结合进行开发具有绝佳的优势。

3.2 Ionic框架

Ionic是一款强大的轻量级移动应用开发框架，基于AngularJS框架的，采用JavaScript进行编写。使用Ionic框架开发的APP的界面是以HTML5和CSS3开发为主，开发者使用Web开发技术就可以开发出媲美原生应用的移动应用，还可使用Ionic官网上的UI框架和组件。Ionic框架是免费且开源的，开发者可以将其使用到任何项目中;强大的命令行Ionic CH工具以及项目模板，使用方便;完美融合了AngularJS，易于开发和维护;为开发者提供了丰富的UI组件，具有较高的用户体验;专注原生，既可以作为Native APP运行，也可作为Web APP运行，方便灵活;简单易学，只需懂得HTML5、CSS3和基本的AngularJS语法就可以利用Ionic进行跨平台开发。

在使用Ionic框架进行开发前，首先要搭建Ionic框架的运行环境。（安装Nodejs和npm：Node.js中集成了npm，无需再单独安装npm（为了便于使用可以安装cnpm代替npm）（安装Ionic框架，命令：npm install-g ionic;（安装Cordova，命令npm install-gcordova;（Ionic框架的使用：运行‘ionic start项目名参数命令创建项目，运行‘ionic serve项目名命令运行项目，会在跳出的浏览器页面中看到初始化的项目，参数为空时默认使用tabs模板创建页面。

4.数据库的设计与实现

4.1 数据库功能分析

数据库的设计是非常重要的，设计是否合理规范将直接影响到整个APP的运行效果。根据调查以及对本APP的需求分析可知，数据库的主要使用者为普通用户和微课教师。普通用户作为此APP的主要实体，拥有选擇在线课程、在社区进行发帖回复等操作的权限，发帖的内容可以包含文字、图片或视频，完成这些操作可以获取一定的积分，也可以通过在主页搜索教师或者课程名的方式加人到课程的学习当中，完成相应的课时的学习后也可以获得相应的积分，根据用户的累计积分之和划分用户的等级。用户可以上传相关证件来获得成为微课教师的资格，审核通过后，便可成为微课教师。微课教师可以发布微课视频与课后作业等教学相关内容，查看参加本课程的学生的基本信息，与学生进行线上互动。管理员主要负责教师的资格的审核。此外，所有用户发布的帖子都会被划分到某一兴趣板块中，用户也可以选择只在社区中看到自己感兴趣的兴趣板块。

4.2 数据库的设计与实现

数据库的设计主要分为概念结构设计、逻辑结构设计和物理设计三个阶段，其中概念结构设计又可具体分为定义实体、定义联系、定义码、定义属性和定义其他对象和规则;而逻辑结构设计主要是将概念模型转变成一个可用的信息模型，并对性能加以优化和改进;物理设计重点是将逻辑模型添加到物理结构中，并设计索引[6]。数据库选用MySQL软件进行开发。数据库主要包括普通用户、微课教师和管理员这三个实体和用户基本信息表、微课教师信息表、课程学习者表、课程信息表、主贴表、回复表、板块表和主题表这八个表。

5.结束语

移动学习的系列优点，使之成为未来教育的发展趋势。一款针对日语学习的移动平台的开发具有突出的理论和实践意义。由于时间和财力物力所限，本APP系统维护和功能完备是今后努力的方向。

参考文献

[1]叶成林，徐福荫，许骏.移动学习研究综述[J].电化教育研究，2004（03）：12-19.

[2]顾春来.APP应用程序开发模式探究[J].硅谷，2014，7（05）：35-36.

[3]杨毅.移动APP开发模式探讨[J].福建电脑，2014，30（，06）：86-87.

[4]黄悦深.墓于NTMLS的移动WebApp开发[J].图书馆杂志，2014，33 （07）：72-77.

[5]郭光.Web服务器上比例延迟保证的分散自校正控制方法[D].北京交通大学，2014.

[6]樊月波.数据库设计规范与技巧研究[J].信息与电脑（理论版），2016（10）：114-115.