html5让字以打字形式出现,基于 HTML5的打字练习系统设计与实现

基于 HTML5的打字练习系统设计与实现

朱红艳

广西大学行健文理学院 广西 南宁 530001

【摘 要】随着Internet的迅速增长、手机的普及，现代大学生疏于电脑端打字的练习，导致打字输入速度不高，影响计算机相关课程的教学效果。基于HTML5的打字练习系统，是针对于各高校大学生不同专业的专业技能特点来实现的专业词汇的打字系统。打字练习系统设计结合MySQL数据库和Java编程实现基于Web技术的系统中各个功能。

【关键词】HTML5打字练习；Internet；MySQL；Java；专业词汇；

Design and implementation of typing practice system based on HTML5

【Abstract】With the rapid growth of the Internet,the popularity of mobile phones, modern college students neglected the practice of typing on the computer side,resulting in the typing speed is not high,affecting the teaching effect of computer-related courses. The typewriting practice system based on HTML5 is a professional vocabulary typing system based on the professional skills and characteristics of different majors of college students. The design of typing practice system combines MySQL database and Java programming to realize various functions of the system based on Web technology.

【Keywords】HTML5 typing practice;The Internet; MySQL; Java;

Professional vocabulary;

0引 言

在Internet的快速增长下，手机的普及也越来越多，从而导致大学生对于电脑端的打字速度很低。同时Web的系统也慢慢普及了生活的每一部分，因此为解决电脑端打字速度慢的这一问题，本项目结合大学生各专业学科的打字技能要求，基于Web技术开发实现了一个打字练习系统。为同学们提供了一个打字练习、专业词汇练习，同时也为老师提供了强制手段督促学生练习打字的速度，来提高课堂练习质量。本项目采用教师监督、学生自主练习相结合的方式督促同学们练习，为之后计算机相关教学奠定良好的基础。

1现行HTML5打字练习系统分析

我国关于打字练习系统的研究不少，其中主要基于web、Delphi等技术的打字系统[1-2]。这些研究基本是基于某个具体系统的打字练习系统，不同的是现在的应用程序都是单机版，过于大众化，没有针对学科特点进行区分，不够专业化；没有面向教育，老师无法了解同学的具体情况，不能与课堂结合；现在大多数的打字系统都是软件的形式，而且现在网页APP技术正在蓬勃发展，网页软件出现正在不断加强。

2系统功能需求

2.1教师端需求

教师端在打字练习的需求为可创建练习、设置练习的内容和时长、练习分为多项构成并且总得分为各项分数之和，在学生信息配置时可手动录入、导入教学班学生信息并且还可为教学班分配指定的练习，在统计成绩时可按学生顺序统计出成绩、以及历次练习平均分和估算每个学生的打字速率并导出excel。

2.2学生端需求

学生需输入自己的学号和姓名，完成指定的练习并可以查看本次打字练习的成绩、排名以及打字速率。

2.3游戏端需求

在游戏中显示倒计时，实时动态显示错误提醒(错提醒字体变为红色)，输入框不可复制粘贴且只能单字符输入。

3软件设计

3.1功能设计

本系统由教师端(admin)和学生端两大模块组成。其中教师端(admin)包括用户管理、教学班管理、题库管理、练习库管理、练习发布、练习原始成绩和成绩统计；学生功能包括注册、登陆、进入练习、完成打字练习和查看成绩。

3.2流程设计

本系统由管理员建教学班后绑定学生名单，再建题库以及练习后发布练习；学生通过学生端查看老师发布的练习并进入练习，通过输入学号、姓名验证开始完成打字练习并提交，之后可以查看成绩；在学生进行完练习后，教师端可根据教学班学生名单，统计出此次成绩并导出成绩。

HTML5打字练习系统的流程设计如图1所示：

图1 系统流程设计

4系统模块功能

4.1用户管理

用户管理分为教师端和学生端，教师端内置admin账户，注册的用户均具备系统管理员权限，教师端通过注册以后通过教职工号以及密码进行登陆。为了方便扩展，教师端采用RBAC模式来对管理员权限实现。学生端通过注册以后，输入学号、姓名进行登陆，登陆成功以后进入打字练习系统。进入系统后，如果不是指定教学班的学生则无法进入练习。

4.2教学班管理

通过系统管理员创建教学班，为各个教学班导入学生名册，不同教学班内的学生可以重复。

4.3题库管理

题库管理由教师端进行管理，将题库分为字符随机抽取、单词随机抽取、句子随机抽取、段落随机抽取和专项练习5类型。

字符随机抽取为指定字符集合，在练习过程中循环从字符集合中随机抽取1个字符进行测验。系统设置了常用字符集合；单词随机抽取为过程同上，单词集合中，每个单词使用1个空格间隔，内置C语言关键词、java语言关键词；句子随机抽取和段落随机抽取同上，在句子集合中和段落集合中，每个句子和段落使用换行符间隔；专项练习为管理员输入特定的信息及练习。

在对题库里题目的时间设置上，设置默认倒计时，超时后自动跳到下一道题，本题得分为0。创建练习库，一个练习中可由多道题目构成，专项练习类型的时长取自身倒计时的秒数，自动计算总时长。在对练习正确性判断上，句子、段落、专项练习的判断使用文本相识度算法，其他类型题目采用判断是否相同的评分策略。

4.4练习发布

教师端在学生进入班级后，仅需要通过设置小时和分钟就可设置练习时间段，每天可以有多个练习的时间段。在输入开始时间后，自动计算出结束时间。在练习发布之前设置教学班，可设置多个教学班。在通过输入学号、姓名登陆后，只有在教学班内的学生方能进行成绩统计，折算成平时分。只有教师端发布随堂练习后，学生端才可进入练习。只有发布后的练习，学生才能看到并进入进行练习。

学生端若在登陆后进入练习，若练习早已开始，则立即开始练习，

若未开始练习，则出现距离练习开始倒计时界面，倒计时结束自动开始练习。在学生进行练习时，每3分钟系统自动保存当前练习成绩，练习时间截止后自动提交最终成绩。

4.5成绩管理

每次练习结束后，教师端系统自动生成原始成绩单，名称为“xxx班x年x月x日练习(练习编号)成绩单”，教师可看到原始成绩表格，百分制成绩表格，可导出为excel。还可以看到每个同学的打字速率，打字速率估算(按教学班按练习进行估算)，单位为：字/分钟。打字速率可在浏览器端进行计算，计算方式为：用户输入的字/耗时。

在进行进行完练习后，按教学班及按练习进行统计、按教学班及时间段统计平均分(查看平均分趋势)、按百分制进行统计，包括平均分、中位数、标准差、频数分布图。而学生端在练习结束后，可查询本次练习的成绩、打字速率以及班级排名。

5结 语

打字是当代大学生的必备的一项基本技能，在手机的普及以及疏于电脑端的打字。在上课前通过打字练习系统，强制性督促学生练习，通过不同形式以及针对不同专业的专业词汇，对大家进行练习。从而提高大学生对电脑端打字速率以及对教学效果的提高。

参考文献： GB张今,马世欢.利用Web服务实现网络打字比赛系统[J].科技信息,2009(35):488-489.

GB钱力涛;.基于Delphi的打字练习系统的设计与实现[J].科技风,2018,No.333(01):50.

作者简介：

红艳，女，2000.08，彝族，贵州毕节，广西大学行健文理学院本科在读，计算机科学与技术方向