基于Appcan的高校公共课移动学习平台设计与开发——以《现代教育技术》课程为例

（黄河科技学院，河南 郑州450000）

基于Appcan的公共课移动学习平台设计与开发是以一定的信息化教育背景以及相关的国内外发展现状为基础展开的。本研究主要表述了选题的研究背景以及意义，并根据国内外相关文献，梳理分析目前的研究现状，结合所需研究方法，依据特定研究思路，完成论文撰写。

一、研究背景及意义

研究背景在一定程度上介绍了选题的来源，而研究意义则阐述了选题的价值所在，以下对选题研究背景和意义具体阐述说明。

（一）研究背景

信息时代的到来，给社会各行各业带来新的生机，各种新兴产业层出不穷，同时也给社会各领域带来新的挑战。当然，教育领域也毫无例外地受到影响，引起政府的高度重视与大力支持。随着移动4G手机、WiFi的普及，以及各类APP的发展，使得移动智能终端设备全面普及成为可能。通过互联网络技术，人们可以随时随地地获得已被共享的学习资源，大幅提高知识获取效率，降低资源获取成本，为建设终身学习型社会奠定良好而坚实的基础。

（二）研究意义

高校公共课一直致力于培养德、智、体全面发展的综合型素质人才，在高校课程中占有重要地位。然而，公共课教学实践中却存在着各种各样的教学问题，导致公共课教学效果一直收效甚微。学习者所接收到的公共课信息也大多局限在课堂教师的面对面传授。因此，针对目前高校公共课存在的教学问题，结合移动互联网随时随地学习的特征以及移动设备的便于携带性，基于Appcan IDE移动集成开发环境，开发移动学习平台，以实现高校公共课微资源共享，提高学习者学习效果。高校公共课移动学习平台的开发，既是为了拓宽学习者视野，促进学习者的全面发展，以培养出适应社会发展的多元化高素质人才；也是为了倡导移动学习，使随时随地学习观念深入人心，进而促进终身学习理念的深入推广。

二、平台开发需求分析与功能模块设计

本章从平台开发需求分析与平台功能模块设计两个方面展开。

（一）平台开发的功能需求分析

1.教师对平台的功能需求

（1）实时更新数据库

高校公共课移动学习平台应该根据本门课程相关热点、前沿问题进行即时数据更新。

（2）电子教材

本平台以便携式的移动设备为载体，由教师梳理、总结相关教材的重点、难点，上传至平台，使学习者能够随时随地方便、快捷地查阅各种教材，

（3）具有推送功能

教师通过服务器端，主动推送相关教学信息到手机客户端，让学习者在第一时间了解本课程相关信息，开阔自己的眼界，发散自己的思维。

（4）书籍推荐

平台还开发了书籍推荐功能，希望学习者能通过本平台查找相关教材，及时了解教材信息，避免盲目选择书籍的情况。当然，书籍的推荐，还需要各专业教师进行把关、推荐，才能有效避免时间的浪费。

（5）课程考核

规范的考核可以让学习者在学习中及时察觉自己的不足，这时，就需要教师制定一定的考核计划，使学习者能够学以致用，不仅让学习者认识到自己的长处，还能通过针对性的训练，及时发现自己的不足，补齐短板。

2.学习者对平台的功能需求

（1）界面美观大方、交互性强

平台在界面设计时应遵循美观大方的原则，这样学习者在使用平台时也会更舒服，对平台的推广也会有一定的推动作用。

（2）互动、交流

平台在开发时要有较强的交互性，让学习者体验平台的人性化。

（3）平台具有兼容性

高校公共课移动学习平台应生成不同的应用程序来应对不同的操作系统，以适应于不同的移动终端用户。

（4）实现资源共享

平台要重视资源的共享，实现资源开放。只有实现丰富的学习资源的相对共享，才会有效促进平台的推广。

（二）平台功能模块设计

1.教材模块

笔者以其中一本《现代教育技术》教材为例，总结该教材中六个章节的知识点，上传至平台，供学习者进行理论的学习。

2.资源模块

提供与本门公共课相关的热点问题，优质资源网站链接以及相关公共课专业书籍等。

3.班级模块

查看班级成员需要提交的作业或相互下载作品等；同时，师生可以在此页面进行交流互动，共同学习、共同进步。

4.素材模块

教师自己制作的教程等素材。

5.资讯模块

各门公共课最新讲座、沙龙、竞赛等。

6.首页

首页具体分为两个部分：四大主题模块和四大附属模块。

7.社区模块

用于交流、沟通，或者在留言板上留言等。

8.考核模块

针对每门公共课的不同特点、不同性质，进行公共课程的考核改革，并设置相应的考题对学员的近期学习效果进行检测，以便学员根据自己的检测结果进行复习，从而不断提高其学习能力，优化学习效果。

9.帮助模块

包括用户管理（用户注册、用户登陆）、我的收藏、我的位置、关于我们（关于本平台的介绍）、联系我们、修改密码等。

（三）平台功能模块图

笔者把高校公共课移动学习平台的各个功能模块划分为两大模块：四大主题模块和四大附属模块。四大主题模块分别为教材、资源、班级以及素材；四大附属模块分别为资讯、考核、社区以及帮助。具体功能模块图如图1所示。

图1 平台功能模块图

三、移动学习平台开发

（一）首页页面开发

首页效果形成由两个页面形成，一个是承载头部和底部两个部分，另一个由浮动页面构成，包含首页页面的主要内容。其效果如图2所示。

图2 首页页面效果图

（二）主题模块开发

四大主题模块分别为教材、资源、班级和素材，每个主题设置一个按钮，点击进去即可查询具体内容。其效果如图3所示。

图3 四大主题效果图

按钮代码实现

另外，返回按钮有两种JS代码实现方法，一种是只能返回到上一级；另一种是指定返回页面。

返回上一级代码如下。

返回指定页面代码（以返回到index.html页面为例）。

1.资源模块页面

资源这一主题图标是以圆为形状，蓝色为背景色，犹如在知识的海洋里遨游。其效果如图4所示。

图4 资源页面效果图

页面跳转代码实现如下。

2.班级页面

班级这一主题图标是以圆为形状，橙色为背景色，两个相互依靠的线性条人为指示图标，图标下方注明相应主题“班级”更进一步告诉学习者，这一主题包含与班级成员相关的内容。其效果如图5所示。

图5 班级页面效果图

部分代码实现如下。

3.素材模块页面

素材这一主题图标是以圆为形状，红色为背景色，一个搜索线性图为指示图标，图标下方注明相应主题“素材”，表示学习者想要搜索的资料都可以在这一主题中找到。从平台中加载网页流程如图6、图7所示。

图6 素材页面效果图

图7 素材网页加载流程图

部分代码实现如下。

（三）附属模块功能

1.资讯模块

（ 1）资讯页面

该模块布局是分三个部分：资讯标题；标题下方是副标题，以进一步对本资讯进行详细说明；资讯标题右边是与本资讯相关的图片、图标等，点击即可进入zixun4详情页面，后期还会更新更多最新资讯。其效果如图8所示。

图8 热点资讯效果图

（ 2）部分代码实现

2.考核模块

（ 1）考核页面

本平台设置考核功能，希望学习者可以借助考核，及时发现不足、弥补短缺之处，也同时保证课堂所学知识的融会贯通。其效果如图9所示。

图9 考核页面效果图

（ 2）部分代码实现

3.社区模块

（ 1）社区页面

社区页面是由三部分构成：头部、内容和底部导航。其效果如图10所示。

图10 社区页面效果图

（ 2）部分代码实现

4.帮助模块

设置模块主要是平台相关信息，加载帮助页面可呈现中间内容部分，内容部分又分暗色和亮色两部分，暗色部分是未登录时显示我的作品，我的收藏、我的位置等，亮色显示的是关于我们和联系我们，其效果如图11所示。登录后页面就会全部显示亮色。

图11 我的页面效果图

年级选择代码实现：

5.登录页面

login_content.html页面是在注册提交成功后，输入已注册手机号和密码，进行登录。如果没有注册过，也可以再次页面点击“免费注册”，进行信息填写，提交注册。其效果如图12所示。

图12 登录页面效果图

6.关于我们页面

关于我们页面主要是针对本次平台开发的版本信息，以及平台开发的背景及意义等，使学习者更清楚地了解本平台开发背后的意义。其效果如图13所示。

图13 关于我们页面效果图

四、平台测试

（一）平台测试概述

开发结束后，需要对平台进行测试，以确保平台的稳定性、安全性，使平台在为学习者带来便利的同时，防止信息泄露、平台使用中断等问题。本平台调试的对象有很多，包括单元调试，功能调试，分辨率调试，稳定性调试、安全性调试、测试用例等。

（二）调试流程

平台设计、开发完成后，对平台的测试尤为重要，只有稳定、性能可靠的平台开发才有存在的价值。因本平台是基于AppcanIDE集成开发工具进行的纯代码编写，因此，在对平台进行实时预览调试时，可从平台功能测试、性能测试以及安全稳定性测试等角度进行测试分析，并根据调试结果，随时进行代码的编写、修改；调试无误后，即可发布应用。平台整体测试流程如图14所示。

图14 平台整体测试流程图

1.分辨率调试

公共课移动学习平台以应用安装包的形式安装在移动终端设备进行应用，但在安装应用之前，可在AppcanIDE集成开发工具中进行基本功能的调试。

Appcan开发模拟器中可以进行横竖屏切换调试，分辨率调试等。分辨率具体情况有iphone 3GS 320×480；GalakyS2 480×800；iphone4 640×960；iphone5 640×1136；ipad 768×1024；小米2720×1280。各分辨率调试均以首页为例。因不同的移动终端，设备的屏幕大小也有所不同，分辨率也不尽相同。因此，在开发移动学习平台时特别需要注意分辨率的不同，对各种各样的分辨率都要有所考虑。不同的分辨率下，平台中内容字体大小、图标大小、位置等有一定的差异。

2.调试用例分析

通过Appcan开发模拟器对平台进行实时预览，对不同分辨率下的各模块页面菜单一一就行调试描述，查看平台的运行状态以及结果是否能够正常显示，以确保平台能够正常使用。

3.调试结果分析

根据需求分析以及功能设计，在Appcan预览界面进行调试，测试各个功能。在调试中找出各个模块是否达到预期效果，能够正常投入使用，根据上一节测试用例分析得出如表1所示结果。

表1 调试结果分析

五、研究总结

本研究完成了高校公共课移动学习平台的设计、开发，并在真机模拟下进行真机调试，也测试了平台的适用性、稳定性，以保证平台功能的实现，并发现平台在使用中存在的问题并及时进行解决。移动终端的快速发展，使得手机的触屏功能越来越灵敏，高清音视频、高质量图片显示功能越来越高超以及阅读器功能的日渐完善，使移动学习平台的使用更具有现实性。并且，学习者与教师之间、学习者与学习者之间也可以通过此平台在讨论区或留言板等进行即时双向交流。目前，该平台的基本功能已经实现，但还是有一定的不足之处需要进一步完善。