基于HTML5的个性化教学系统平台设计与研究.docVIP

基于HTML5的个性化教学系统平台设计与研究 李鑫 广东省石油化工职业技术学校 X 关注成功！ 加关注后您将方便地在 我的关注中得到本文献的被引频次变化的通知！ 新浪微博 腾讯微博 人人网 开心网 豆瓣网 网易微博 摘????要： 分析基于HTML5的个性化教学系统平台需求, 重点探讨系统平台功能实现的设计技术, 并以典型使用功能为例进行程序汇编与框架构建。 关键词： HTML5; 教学平台; 系统设计; 作者简介：李鑫 (1987—) , 硕士研究生, 研究方向为计算机应用技术、职业教育。 收稿日期：2017-08-28 Received： 2017-08-28 1 基于HTML5个性化教学系统平台的需求 基于HTML5语言开展的教学平台系统设计, 能够将评估、反馈以及使用功能请求整合, 形成一体化教学系统。教学平台对课堂的模拟需求逐渐增大, 个性化教学平台开发中也会重点从功能需求层面展开设计。其功能需求包括课后作业批改, 教学重点内容总结等方面, 教师借助教学平台能够实现与学生的交流互动以及信息共享。教师与学生登录系统平台的端口不同, 学生通过注册进入平台系统, 查找下载所需要的学习资源, 因此, 所开展的HTML5个性化平台设计中, 需要建立两个不同的数据信息库来进行现场控制, 满足教师与学生对个性化教学平台的不同使用要求。 学生通过个性化教学系统平台来了解教师布置作业, 利用平台来与同学、教师交流, 提升自己的知识掌握量。在教学系统中, 教师具有管理权限, 可以对学生上传的作业进行评估, 平台系统作为常规教学辅助方案使用。不同用户对平台使用需求有很大差异性, 要以用户需求为参照点来展开设计, 基于HTML5设计语言基础上对平台进行构建。 2 个性化教学系统设计 2.1 系统功能结构 2.1.1 前台页面 登录进入到个性化教学系统中, 首先观察到的是前台页面, 主要是对教学平台功能划分, 不同使用需求的用户可以通过前台页面登录进入到系统中, 完成各项功能操作以及学习资源下载任务。前台页面中的各项操作端口直接对应内部功能, 以交互式教学系统平台为例, 页面功能实现框图如图1所示。 图1 页面功能实现框图 ??下载原图 前台页面设计中客户端直接对应服务器, 数据交互来实现前台页面功能同步, 其中操作模块是最直观的, 也是教学平台操作者所接触的部分, 设计期间建立起各个数据库模块联系性, 利用HTML5来构建平台, 会先从核心部分展开设计。 2.1.2 后台页面 后台部分设计主要是操作管理, 分为用户权限安全性管理和资源管理两部分。用户相关信息的安全管理需要设置登录密码, 若登录密码丢失, 可通过后台管理员协助找回并继续使用账户, 避免重要信息丢失等问题发生。信息资源管理则需要建立在数据库的基础上, 对教学资源进行补充, 教师以及学生使用期间所上传的信息也要通过后台审核, 信息内容符合平台使用标准后才能展现在前台页面中, 供学生下载使用。教师利用个性化教学平台来对教学内容汇编, 轻松完成备课任务。后台页面内的系统也会记录学生所发出的请求, 教师了解到学生学习中所遇到的困难, 可以通过平台来发布解决学习问题的资料。设计方案确定后通过HTML5核心语言进行构建, 实现各个系统的使用功能。 2.2 系统主要数据库表设计 对个性化教学平台进行数据库表格设计, 需要根据文件类型进行分类, 在功能划分基础上进行更深入的系统应用功能研究, 课件类型主要划分为视频、音频以及文字等不同类型, 如表1所示, 根据不同类型建立数据库, 从而达到功能方面的完善。在HTML5基础上已经能够实现移动客户端开发, 建立起主要数据库后学生在不同客户端中均能够完成信息搜索任务, 将所需要的学习信息下载并保存。 表1 常用的教学课件状态信息课件教学 ?? 下载原表 3 基于HTML5个性化教学系统平台设计实现与测试 3.1 个性化教学平台设计实现 平台构建设计执行Web Socket标准, 以建立各个模块之间的连接, 为服务器运行创造稳定环境, 在此基础上进行后续汇编设计。服务器在接收到信息后能够自动完成检索, 平台构造中需要建立数据客户端与服务器数据库之间的联系, 从而实现匹配数据推送。该功能是借助Node.j与Web Socket基于局域网络环境下连接来实现的, 连接完成后设计人员可以对内部信息进行整改, 从而达到更理想的设计效果。个性学习平台数据库连接自由, 可以实现不同格式结构资源的展示, 文字与视频、音频在传输格式代码上不同, 需要安装对应的程序代码插件。运用HTML5语言来进行程序汇编, 在所设计系统中输入:vid eo id=vid eo1src=sp/sp1.mp 4controls=true/。其中id表示标签名字,