本栏目责任编辑:谢媛媛
基于云开发的“中国近现代史纲要”公众平台设计与开发 余瑾,朱小曼,赵俊爱
(辽宁科技大学,辽宁鞍山114051)
摘要:公众平台受众广泛、使用便捷、操作灵活、特点突出、功能强大,是新兴的移动学习终端载体。结合新时代大学
生的接受规律、认知特点和交流习惯,在“中国近现代史纲要”课引入公众平台辅助教学,选择作为实现平台功能的载体,建设基于云开发的小程序,开发过程简化并且性能稳定,符合教育信息化的要求。该文从需求分析、总体设计、详细设计几个方面对“中国近现代史纲要”课公众平台的开发加以探讨,有效帮助师生用户通过线上与线下相结合的方式学习“纲要”课,具有非常重要的应用价值。关键词:云开发;node.js ;小程序;在线学习平台中图分类号:TP311 文献标识码:A
文章编号:1009-3044(2021)12-0105-03
开放科学(资源服务)标识码(OSID ):
是天然的用户接口。只要登录,系统即可获取位置、时间,并且支持富媒体交互、图片、二维码、视频、音频、NFC 等,做到随时随地交互,并能对接任何系统,信息传达效率高。公众平台具有轻前端,重后端的特性。轻前端带来良好用户体验,重后端更是保证这种体验的前提。云开发采用Serverless 架构,免去了软件构建中烦琐的服务器搭建和运维,具有运行成本低、易于维护的特点。
1需求分析
当前,部分高校在“中国近现代史纲要”教学中引入了“公众平台”辅助教学的做法比较普及,这些平台在教学过程中发挥了重要的作用。通过前期调研,在校大学生反馈在平台运行、版块设计、功能发挥尤其等方面需要进一步的挖掘,需要充分调动学生的学习兴趣和热情,要满足以下需求:发布和显示课堂作业,推送课堂笔记和征求课堂笔记,展示和传播课堂观感,提供互联网版本的课堂知识等。
系统用例图如图1所示。
图1系统功能用例图
2总体设计
2.1“中国近现代史纲要”小程序主要页面及功能
“中国近现代史纲要”小程序页面概要图如图2所示。
图2页面概要图
1)权限选择:要进入小程序,首先进入权限选择界面。小程序为学生和教师设置了不同的界面和功能。确定js 文件中是否授权了该用户。如果授权成功,则获取昵称时可以直接调用getUserInfo ,而无需从弹出框中弹出。如果授权不成功,跳至授权页面。
2)首页:选择身份授权后进入主页。主页分为两个模块。顶部是轮播图。轮播示意图使用swiper 插件,该插件显示有关现代历史的图片;作业笔记模块显示作业和笔记,也可以用于输入出的作业和笔记。
3)学习资料:学习资料页面展示了课件、课堂视频、课外资
收稿日期:2020-12-26
基金项目:辽宁科技大学2020年省级大学生创新创业训练计划项目:“中国近现代史纲要”公众平台的建设与运营(项目编号:
202010146127)
作者简介:余瑾(2000—),女,陕西商洛人,本科在读,研究方向为软件工程;朱小曼(1982—),女,辽宁营口人,副教授,硕士,研究方
向为思想政治教育;赵俊爱(1970—),辽宁鞍山人,副教授,硕士,研究方向为中国近现代史。
105
本栏目责任编辑:谢媛媛
软件设计开发Computer Knowledge and Technology 电脑知识与技术第17卷第12期(2021年4月)
料等,点击更多即可进入详情页面,可供教师,同学参考学习,教师用户可进行学习资料的录入。
4)“我的”:“我的”页面分为两个模块:“我的”和更多功能。“我的”模块根据学生用户的权限分为教务管理通知,我的班级和考试安排。学生用户可以自己输入班级时间表以查看班级时间表,同时可以查看有关课程的通知以及老师发布的考试安排。“我的”模块分为教师用户权限;学生名单,出勤记录,时间表查询和教务通知管理。教师可以创建班级以生成唯一的课程编号,查看已加入班级的学生的列表和信息,添加出勤记录以供出勤,输入课程以进行查看,向学生发送教育管理通知以及进行在线实践分析。
在教师和学生的授权下,更多功能模块具有QR 码,分享程序,关于我们和其他功能的信息。可以从使用该程序的老师和同学那里收集反馈,以促进程序的迭代和改进。同时,用户可以通过QR 码和共享小程序等功能自发地传播程序。
5)历史上的今天小程序:使用百度百科的api 接口,获取json 数据。用列表展示获取到的数据并且通过Webview 组件展示详情页。该程序能够根据当天日期展示历史上同日期的重大事件,在用户点击后还可以跳转到百度百科查看详情。由于百度百科的接口返回的数据中具有富文本数据,运用rich-text 组件来展示富文本。定义列表数组初始值为空,解析请求成功的数据后进行动态绑定。循环加载每条text 文本,并在每条文本的标题上绑定点击事件。当用户点击时,获取数据中的link 内容,得到获取详情页内容的地址。使用wx.navigateTo 方法跳转到详情页。详情页运用了Webview 组件,将之前获取的地址填入src 属性。使用day 和th 获取当前日期。由于获取api 数据时需要双位数字,判断获取到的月和日是否小于十,进行补零操作。将处理好的时间信息填入url 属性中,
获取完整数据。
图3授权流程图
2.2小程序云开发后台主要功能
系统后端小程序云开发,开发者不需要搭建服务器,
可免鉴权直接使用平台提供的API 进行业务开发。在开发过
程中将文字或图片上传至云存储,通过Javascrip 进行业务逻辑代码编写。在用户管理方面能够进行查看小程序用户信息,在数据库方面可查看、增加、更新、查、删除数据、管理索引、管理数据库访问权限等。
3详细设计
3.1系统流程图(见图3)3.2具体功能图(见图4
)
图4系统具体功能图
3.3系统概要模式(见图5
)
图5E-R 图
3.4部分关键数据库设计
1)班级表class 表结构(见表1)
表1班级表class 表结构
字段名称
cId cName
类型int Varchar[50]
说明
数据库自增量,唯一标识
班级名称
106
软件设计开发
本栏目责任编辑:谢媛媛Computer Knowledge and Technology 电脑知识与技术
第17卷第12期(2021年4月)
2)学生表student 表结构(见表2)
表2学生表student 表结构
字段名称sId sName
类型int Varchar[50]
说明
学生用户账号,唯一标识
学生姓名
3)教师表teacher 表结构(见表3)
表3教师表teacher 表结构
字段名称tId tName
类型int Varchar[50]
说明
教师用户账号,唯一标识
教师姓名
4)作业表homework 表结构(见表4)
表4作业表homework 表结构
字段名称hId Title Pic [Content]tname Date
类型int Varchar[50]Varchar[50]
text Varchar[50]Datetime
说明
数据库自增量,唯一标识
作业标题上传的图片作业的详细内容发布作业的教师姓名
发布时间
5)资料表knowledge 表结构(见表5)
表5资料表knowledge 表结构
字段名称kId
类型int
说明
数据库自增量,唯一标识
Title Pic [Content]tname Date
Varchar[50]Varchar[50]
text Varchar[50]Datetime
资料标题上传的图片资料的详细内容发布资料的教师姓名
发布时间
4结束语
“中国近现代史纲要”公众平台为学生学习提供有效
的平台。该平台基于小程序和云开发技术,具有界面简洁、功能全面、易于实现、易于维护和迭代等特点,它可以使师生之间的互动更加高效,在后续开发过程中会重视用户体验,不断进行改进以满足用户的需求,并为大学生创造一个可用且便捷的平台。
参考文献:
[1]林洁明.基于云开发的空管固定资产管理系统[J].新商
务周刊,2019(16):63.
[2]邓斌权,李剑波,瞿先超.基于云开发和小程序的垃圾分类系统实现[J].电脑知识与技术,2020,1
6(7):82-84.
[3]王金龙,宋斌,丁锐.Node.js:一种新的Web 应用构建技术[J].现代电子技术,2015,38(6):70-73.
[4]刘琦,丁萍莉.基于小程序的互联网+教育学习平台的研究与设计[J].内江科技,2016,37(12):45-46.
[5]叶展航,苏伟根.小程序在高校思政课的应用[J].教育信息技术,2017(5):19-22.
【通联编辑:谢媛媛】
(上接第99页)
术结合的方式对心电图进一步的应用,力求提高准确率和识别率。
参考文献:
[1]王艳.基于ECG 的心律失常特征提取及分类算法的研究[D].苏州:苏州大学,2018.
[2]陈长亮.心电图的计算机智能分析系统[D].济南:山东大学,2006.
[3]韩乃华.心电图信息化管理系统的建设与应用分析[J].中国卫生产业,2017,14(4):52-53.
[4]金峰,刘松林.基层医院心电诊断平台建设的实践和思考[J].中国医疗设备,2016,31(11):158-159,169.
[5]付礼霞,冯念伦,刘义庆,等.心电信息管理系统研究[J].中国医学装备,2010,7(11):44-47.
[6]张小龙.小程序入口在哪?有什么用?[J].计算机与网络,2017,43(4):50.
【通联编辑:谢媛媛】
107