移动应用程序开发精品课程网站研究与设计

沈旭 柯晴 王新政

摘  要：精品课程的建设是提高高等教育质量，实现高等教育跨越式发展的重要举措，除了建设一流的教学团队，创建一流的管理外，建设一个界面友好，资源丰富，互动性强的精品课程网站也至关重要。《移动应用程序开发》精品课程网站经过系统功能需求分析及总体设计，利用HBuilder平台和PHP语言完成了注册、登录、浏览信息、上传下载文件、在线交流、视频播放等功能设计。系统后台采用Apache、PHP和MySQL进行搭建。

关键词：移动应用程序;精品课程;网站开发

中图分类号：TP301     文献标识码：A

Abstract：Elaborate course construction is an important measure to improve the quality of higher education and achieve the leaping development of higher education.In addition to building a first-class teaching team and creating a first-class management，it is also essential to build a website for elaborate course with friendly interface，rich resources and strong interactions.Through the analysis of system functional requirements and overall design，the website of mobile application development elaborate course has completed the function construction of registration，login，browsing information，uploading and downloading files，online communication and video playback by using HBuilder platform and PHP language.Apache，PHP and MySQL are used to build the system background.

Keywords：mobile application;elaborate course;website development

1   引言（Introduction）

當今社会，随着科技的飞跃进步，移动智能已经走进每家每户，渐渐地Android操作系统也已成为移动智能科技市场的主流，各种移动应用程序早已深入到人们生活之中，使得移动应用编程成为程序开发的一个非常重要的方向。利用计算机编程来设计与开发一个移动应用程序精品课程网站，能够有效减少传统课堂的约束与限制，有利于人们随时随地利用网络即可进行学习。精品课程是具有一流教师队伍、一流教学内容、一流教学方法、一流教材、一流教学管理等特点的示范性课程[1，2];是有效提高各高等学校教学质量与促进教学改革必不可少且极为重要的组成部分。而精品课程网站不仅展示了精品课程优秀的教学资源，还能让用户通过网络将各种优秀的教学方法和案例分享到网站上来进行相互学习与交流，有利于更高效率地学习。因此，移动应用程序精品课程网站是一个有效地学习平台。

2   研究现状及内容（Research status and content）

2.1   研究现状

2003年，教育部启动了“高等学校教学质量和教学改革工程”;2008年，《国家精品课程评审指标》中提出，精品课程是有特色的优秀课程[3]，到2010年国家共建设了3910门精品课程。精品课程有着免费开放、完整全面、在线互动等的特点。经过了十几年的努力发展，如今精品课程网站建设获得了显著的成效。伴随着优质的精品课程的迅速崛起，在很大程度上促进了优秀的教学内容和教学方法以及教学队伍的共享，对提高课程整体的教学质量具有积极的作用。

如今，互联网与移动智能的发展速度都在快速提升，人类的日常生活更是与其密不可分。现在全球的移动应用程序正处于爆发式快速发展期，移动智能网络技术更是日新月异、与时俱进[4，5]。从而人们对移动应用程序开发的需求也在快速增长，种种因素和趋势都推动了全球移动应用程序开发技术的全面普及与创新发展，网络教学是个大趋势，所以移动应用程序精品课程网站自然而然地也成为时下的趋势所在。而本课题的移动应用程序精品课程网站可将传统课堂上的优秀教学视频、课件、习题等共享到网络，精品课程网络化教学可在网络环境下为学习者提供优秀的教学内容和教学方法，学习者可通过精品课程网站的教学内容和教学录像等教学资源进行在线学习，将传统课堂电子化。

2.2   研究内容

本课题主要研究的内容是基于PHP的移动应用程序精品课程网站设计与开发，利用HBuilder作为开发平台，采用PHP语言，使用Apache服务器和MySQL数据库，设计开发一个交互网站系统，为学生和教师提供了新的学习和交流的平台，对提高教学质量具有重要的意义[6]。主要实现的功能需求模块如下：用户管理模块、课程描述模块、课程公告模块、教学队伍模块、教学资源模块、教学练习模块、交流互动模块。

3   系统设计（System design）

3.1   设计原则

为确保系统的顺利开发与设计，以及成功实现系统各个预期功能，必须遵循如下原则。

（1）安全性和可靠性：在开发系统的过程中，务必要保证系统的输入与输出数据具有一定的安全性与可靠性，从而保证系统的准确性。使用的主机、数据库、开发软件平台和浏览器测试平台等都要保障系统的安全性和可靠性。

（2）页面的简洁性和一致性：系统网站各页面的布局风格要统一，色调上也要协调一致，清晰明了，再根据不同页面的特点进行视觉优化，达到良好的美观性、清晰的层次感，能够使用户更好的理解和操作[7]。

（3）实用性和经济性：系统能实现精品课程网站应有的基本功能，在开发与设计过程中使用的开发平台与资源完全免费开放，具有一定的实用性和经济性。

（4）可扩展性：系统开发与设计过程中使用到的开发平台具有良好的可扩展性，随着以后的持续发展，系统仍能兼容与易实施。

（5）可管理性：系统的开发与设计具有一定的可管理性，系统使用的数据几乎都会存储到MySQL数据库，而且系统管理员具有管理与处理数据的所有权限[8]。

3.2  系统功能结构图

系统主要面向管理员、教师和学生。学生能够进行在线学习，查看课程公告与下载各种学习资源，还可以进行留言提问等;教师可以在线上传教学资源和回复学生留言，解答问题等;管理员可以对用户信息、课程信息、教学资源和留言等进行增删改操作管理。系统功能结构如图1所示。

3.3   系统流程图设计

系统流程图如图2所示。

3.4   数据库设计

数据库设计就是根据用户需求和特定数据库管理系统的具体特点，如何将现实世界的数据特征抽象为概念数据模型表示，最后构造出最优的数据库模式，使之既能正确地反映现实世界的信息及其联系，又能满足用户各种应用需求（信息要求和处理要求）的过程。系统用到的几个典型数据表设计如表1—表3所示。

4   系统实现（System implementation）

系统使用HBuilder和WampServer两个开发工具共同进行设計与开发，结合选用MySQL数据库作为后台数据管理平台，设计并实现了一种基于PHP与MySQL的移动应用程序精品课程网站。本系统的网页端主要在HBuilder开发平台上利用HTML5与PHP语言结合CSS样式来开发设计，实现了各个界面的页面布局、各个界面之间的页面跳转，以及各个界面的基本功能需求;而后台服务端则借助WampServer开发平台利用Apache服务器来连接MySQL数据库，根据网页端的数据请求来操作管理数据库，并把处理操作的结果返回到网页端，从而实现前端与后台之间的数据交互。

4.1   用户注册与登录

4.1.1   用户注册界面

注册登录界面是指用户进入移动应用程序精品课程网站的入口，然而用户在登录前必须先进行注册操作才能获取登录的账号密码。

用户注册时，注册界面上所需要填的所有信息都不能为空，否则会弹出警告提示，无法成功注册。注册的账号规定必须为20字以内的数字，否则会弹出“请与所请求的格式一致”提示;前后两次输入的密码要一致，否则弹出“密码不一致”提示;该界面只允许以教师或者学生的身份进行注册。所有注册信息填写完后，系统根据填写的注册账号来判断该用户是否存在，若不存在，则注册成功。否则，注册不成功。注册界面图如图3所示。

4.1.2   用户登录

用户注册成功后会自动跳转到登录界面。该界面要求登录的账号和密码不能为空，否则提示“请输入账号或密码！”。如果输入不正确的账号密码或选择不与账号相对应的用户身份进行登录，会提示“账号或密码或身份权限不正确！”。只有用户需要输入正确的账号、密码，以及选择相应的用户身份才可以登录成功，系统根据用户身份进行验证然后跳转到相应的页面。如果用户已经进行登录操作，返回再次登录的话，会弹出“您已经登录，请勿重复登录！”提示。只有用户进行了“退出登录”的操作，才需要进行重新登录。

4.2   学生端实现

4.2.1   学生主界面

以学生的身份进行登录才能进入到学生主界面。进入学生主界面最先看到的是课程首页，该界面色彩搭配和谐，操作方便快捷，主要介绍了移动应用程序精品课程的课程简介、课程内容和课程相关的拓展资源。课程首页界面图如图4所示。

4.2.2   课程公告

课程公告界面主要用于展示发布的所有公告信息。为了界面布局的协调，界面上方加了一个轮播图，下方展示公告列表。

4.2.3   教学队伍

教学队伍界面主要用于展示与该课程相关的名师风采图及其基本信息。

4.2.4   教学资源

教学资源界面主要用于展示本课程的教学视频和教学课件，学生可以在线观看以及下载教学视频，也可以下载相关教学课件。教学资源界面图如图5所示。

4.2.5   教学练习

教学练习界面主要用于展示课程作业习题及答案文件，学生可以对这些文件进行下载。

4.2.6   交流互动

交流互动界面主要用于展示发表的所有留言信息，学生可以在该界面发表自己的留言提问，但是如果学生发表的留言内容存在不良敏感词的话，在提交发表的时候会被自动替换成“@@@”;学生可以对自己的留言进行删除，也可以回复别人发表的留言，但不能删除别人的留言。

4.2.7   个人信息

个人信息界面主要用于展示学生用户的个人资料和修改以及个人密码的修改，学生用户登录成功后，系统根据学生的登录账号来获取该学生的所有个人信息和密码，学生进行修改操作后，系统会根据学生的账号来对学生的个人信息和密码进行更新。

4.3   教师端实现

（1）教师主界面

以教师的身份输入正确的账号和密码进行登录才能进入到教师主界面。该界面功能主要有教师个人密码修改、教师个人信息查询及修改、上传与删除教学视频、上传与删除教学文件和发表与回复留言。教师主界面图如图6所示。

（2）修改密码

教师修改密码界面主要是根据教师登录的账号进行修改密码操作，修改密码成功后将自动退出登录，修改完密码需要重新登录。

（3）个人资料

教师个人资料界面主要是根据教师登录的账号来获取该教师的所有个人资料，教师进行修改操作后，系统会根据教师的账号来对教师的个人资料进行更新。

（4）视频管理

教师视频管理界面主要用于展示教师上传的教学视频，而且教师可上传本地的教学视频，上传的视频要控制在100M以内，否则无法上传。教师还可以对自己上传的视频进行删除操作。

（5）文件管理

教師文件管理界面主要用于展示教师上传的教学文件，而且教师可上传本地的教学文件，以及对自己上传的文件进行删除操作。

（6）留言管理

教师留言管理界面主要用于展示发表的所有留言信息，教师可以在该界面发表自己的教学看法，但是如果教师发表的留言内容存在不良敏感词的话，在提交发表的时候会被自动替换成“@@@”;教师可以对自己的留言进行删除，也可以回复学生发表的留言，但不能删除自己以外的留言。

4.4   管理员后台实现

（1）管理员主界面

以管理员的身份输入指定的账号和正确的密码进行登录才能进入到管理员主界面。该界面主要功能有教师个人密码修改、用户管理、公告管理、图片管理、视频管理、文件管理和留言管理。管理员主界面图如图7所示。

（2）修改密码

管理员修改密码界面主要是根据管理员登录的账号进行修改密码操作，与其他用户不同的是，管理员的账号和姓名是系统里唯一的，不可修改的。同样的，管理员修改密码成功后将自动退出登录，修改完密码需要重新登录才能再次进入到管理员主界面。

（3）用户管理

用户管理界面主要是用于展示已成功注册本课程网站的所有用户信息，而且管理员有权利对所有用户信息进行修改和删除操作，还能添加新的用户。

（4）公告管理

公告管理界面主要是用于展示已发布的所有公告信息，而且管理员有权利对所有公告信息进行修改和删除操作，还能添加新的公告。教师发布教学资源的同时，课程公告也会进行实时更新。

（5）图片管理

图片管理界面主要是用于展示该课程网站教学队伍的名师风采图片和信息，而且管理员有权利对所有名师风采信息进行修改与删除操作，还能本地上传名师风采信息。

（6）视频管理

视频管理界面主要用于展示教师上传的教学视频，而且管理员可上传本地的教学视频，以及对所有已上传的视频进行删除操作。

（7）文件管理

文件管理界面主要用于展示教师上传的教学文件，而且管理员可上传本地的教学文件，以及对所有已上传的文件进行删除操作。

（8）留言管理

留言管理界面主要用于展示发表的所有留言信息，管理员可以在该界面发表自己的教学看法，可以对自己的留言进行删除，也可以回复别人发表的留言，但不能删除自己以外的留言。

5   结论（Conclusion）

本文对移动应用程序开发精品课程网站的设计开发与实现做了详细的叙述，并进行了相应的测试，预期的功能需求基本实现，但是还存在着一些不足之处：系统页面布局相对简单，有待完善;留言板多级回复及在线练习和分类管理资源等功能有待进一步完善;系统涵盖的内容还不全面，这些存在的问题就是我们以后的努力方向。

参考文献（References）

[1] B.Janarthanan，L.Sundararajah，M.Mahendran，et al.Web crippling behaviour and design of cold-formed steel section[J].Thin-Walled Structures，2019，140（07）：387-403.

[2] 韩映丽.基于Web的精品课程建设管理系统的研究与设计[D].华东师范大学，2010：18-36.

[3] Iman Dianat，Pari Adeli，Mohammad Asgari Jafarabadi，et al.User-centred web design，usability and user satisfaction：The case of online banking websites in Iran[J].Applied Ergonomics，2019，81（11）：83-87.

[4] Martin Classen，Wolfgang Kurz，Markus Sch?fer，et al.A mechanical design model for steel and concrete composite members with web openings[J].Engineering Structures，2019，197（10）：221-230.

[5] 顾保磊，吴云.高校精品课程网站建设研究[J].软件导刊，2014，      13（02）：175-177.

[6] 周毅勇.基于PHP的精品课程网站设计与实现[J].信息技术与信息化，2018（11）：131-133;136.

[7] 林定殷.对动态网页开发技术的分析[J].信息与电脑（理论版），2019（01）：11-12.

[8] 景剑雄，汪海波，郭会娟，等.基于用户体验的农村科技信息网站界面设计原则研究[J].安徽工业大学学报（社会科学版），2018，35（02）：55-57.

作者简介：

沈   旭（1979-），男，硕士，讲师.研究领域：社会计算，移动研究.

柯   晴（1997-），女，本科生.研究领域：移动开发.

王新政（1980-），男，硕士，讲师.研究领域：模式识别.