高校教学督导和质量反馈系统设计分析

导语：高校教学督导和质量反馈系统设计分析一文来源于网友上传，不代表本站观点，若需要原创文章可咨询客服老师，欢迎参考。

摘要：本文设计并实现基于HTML5的高校教学督导和质量反馈系统。通过APP移动终端（1）督导人员可以随时随地提交督导信息，教学质量监管部门可以实时将数据转发给相关院系和老师，并通过系统反馈相应信息。（2）对于已经录入系统的任意一条督导信息，可以长期跟踪，重复督导，监督其改进提升情况。（3）通过数据分析，绘制教学质量分析图表，便于专家、领导把握全局，提升教学质量监管水平，全面支撑学校教学质量的管控和提升。系统以HTML5，C#为开发语言，基于visualstudio2015开发环境，综合运用HTML,JS,Ajax,JQuery技术设计并实现。

关键词：教学督导；HTML5；Layui框架；教学质量反馈

1绪论

教学督导管理是学校教学改革和发展的需要，是对教学工作实施有效监督与指导的一项制度和标准，大部分高校依旧通过以线下、纸质的传统督导方式。这种方式无法充分、有效、快速地记录及保存数据，更无法有效分析和利用数据，且数据极易丢失或难以长期跟踪。确立科学有效的高校教学督导理念、选择适宜的学校教学督导方法和构建规范、完善的高校教学督导体系是学校教学管理改革的重要途径。

2系统总体设计

2.1系统用例图。依据软件工程的思想，系统用户分为普通教师、督导员(院督导员、校督导员)、管理员(院管理员、校管理员)。普通教师仅可修改个人信息和查看督导成绩以及相关建议。督导员可以查看已督导的相关信息。院管理员可以查看本学院所有督导员督导的信息，并能够打印出督导表。超级管理员对系统用户、功能和报表信息进行全面综合管理。普通教师仅可修改个人信息和查看督导成绩以及相关建议。督导员可以查看已督导的相关信息。院管理员可以查看本学院所有督导员督导的信息，并能够打印出督导表，可以添加本院用户。系统用例模型图如图1所示。2.2系统需求分析（功能模块）。因各个高校督导指标、教学要求、质量管控、教学评价、打分量化机制等差异，高校教学督导和质量反馈系统的需求具有一定的复杂性。为满足上述个性化、差异化和智能化的需求，本系统采用管理员自定义督导指标、教学要求、质量管控、教学评价和打分量化机制的方式，各个高校的管理员可用根据所在高校的的特点和需求“自定义”督导。在这个大框架下，督导需求被分为前端和后端。系统功能需求和系统结构如图2所示。督导系统的前端需求包括以下七个模块。（1）督导员根据督导安排。系统生成动态二维码，督导员可用实用系统动态生成的二维码定位到需要督导的课程。除此之外，系统支持学校校园网统一认证登陆方式。当督导员收到学校督导通知后，督导员登陆学校电子政务或督导专用入口，通过用户名和密码登陆，账号和密码为学校校园网访问所需的统一认证账号和密码。（2）课程搜索。督导员登录成功后，系统支持通过按教师搜索、按时间搜索、按课程搜索、按上课地点搜索等方式进行教师课程搜索。通过动态二维码登陆的督导人员，可用直接定位到督导任务指派的听课课程。（3）课程选择。督导员按系统指定方式定位到课程后，选择将要听课的教师课程，点击该课程，系统提示选择督导类型。（4）督导类型。根据课程的评价体系和指标的差异，系统将督导类型分四种：理论课程督导、实践课程督导、艺体课程课督导和领导干部督导。（5）数据。若督导员已经对所选择的课程进行督导，第二次点击时将提示该课程已被督导。防止督导人员误操作。如果督导人员确需再次对同一课程进行督导，则需要该课程所在院系的管理员在后台设定为“允许对同一课程多次督导”。（6）督导课程。督导员选择某种督导类型后，系统将提示该督导类型的督导指标信息。（7）督导数据验证。督导指标信息填写完成后，点击提交时前端脚本进行数据验证是否满足条件，不满足时，将提示错误信息。否则，提交数据到数据库，本次督导完成。督导系统的后后端需求包括以下五个模块。（1）人员登录。登录模块分为超级管理员、院管理员、校督导员、院督导员和普通教师等角色。登录的用户根据角色划分后，各个角色只能看到该角色与系统交互的部分和功能。（2）系统公告。超级管理员可以系统公告，主要有公告主题和公告内容以及公告时间。（3）人员管理。管理员可以进行系统人员管理，包括对人员的添加、删除和修改人员信息等。超级管理员可以添加任一个角色的人员，院管理员仅可添加、删除和修改本学院管理员。（4）督导指标管理。超级管理员可以进行督导指标管理，添加指标时可以添加指标主题、时间、以及指标内容。督导指标时最高为3级指标，最低为1级指标。（5）督导数据管理。超级管理员可以查询所有督导员督导的信息，院管理员仅可查询本学院的督导员督导的信息，督导员仅可查看自己督导的信息。超级管理员可以按督导员、教师所在学院、学生所在学院条件进行数据统计管理。

3系统实现

3.1系统PC端设计与实现。系统电脑端主页主要由用户账号输入框、用户密码输入框、角色选择单选按钮、登录按钮、系统版权信息布局组成。系统账号默认学校统一编码，由学校统一编码，6位长度，字符串。如203001。用户密码为6-12位长度的字符串，字符不限。初始密码默认工号，用户登录后可以更改密码。角色权限(用户角色)由超级管理员在添加用户时设定，默认普通教师。PC端登录页面实现图如图3所示。用户进入系统登录页面，账号及密码验证成功后，选择相应的角色点击登录。登录按钮的click事件包含ajax中的post方法会将数据提交给后端服务器中的GetLogin方法，GetLogin方法会将请求的数据作为条件查询数据库，将查询状态响应给前端ajax，若传回的状态中有数据，则将该数据session保存，并跳转到系统主界面，否则提示用户账号或密码错误。系统电脑端主页主要由顶部导航条、左侧导航条、界面操作、iframe子页面、系统版权信息布局组成。顶部导航条包括系统logo及名称、用户头像及姓名、个人资料、我的消息、修改密码、退出系统。左侧导航条主要是用户操作功能的页面链接，方便用户操作。界面操作主要是显示打开的子界面，系统设计了对应的关闭和刷新功能。Iframe子页面是显示用户点击功能链接的子页面。系统版权信息是系统的版权和地址信息。点击左侧导航条查询统计-按督导员督导统计链接，将跳转到按督导员督导统计页面，该页面主要由text文本框（搜索条件）、button（查询按钮）、button（打印按钮）、button（导出excel按钮）、table（数据表格）。按督导员督导统计页面如图4所示。因篇幅有限，仅展示部分页面截图。3.2系统手机端登录页面设计及实现。系统手机端登录页面主要由系统logo、用户账号输入框、用户密码输入框、登录按钮布局组成。账号默认学校统一编码，由学校统一编码，6位长度，字符串。如203001。用户密码为6-12位长度的字符串，字符不限。手机端登录仅为督导员设计，其他用户均不可登录。督导员登录成功后，进入课程搜索方式页面，该页面主要用div标签和超链接a标签组成。课程搜索方式分为以下四种方式，分别为按教师信息搜索（工号，姓名）、按上课时间搜索、按上课地点搜索、按课程名称搜索。点击按教师信息搜索，将跳转到进入教师信息搜索页面，该页面主要用div标签、text文本框、button（搜索按钮）、span标签和超链接a标签组成。输入相关条件，点击搜索按钮，ajax将数据提交到服务器，服务器即可与数据库连接模糊查找相关数据，并响应到手机端显示。点击将要督导的课程，将弹出课程督导类型：理论督导听课、实践督导听课、艺体课督导听课、领导干部督导听课。选择相应的课程类型。页面主要用div标签、radio单选框、button（搜索按钮）组成。点击确认时，若此课程已督导将弹出该课程已被督导提示，若没被督导，将进入课程督导页面。课程督导类型选择页面如图5和图6所示。

4结论

本文设计并开发的基于HTML5的高校教学督导和质量反馈系统，让高校教学督导和质量监控工作更便捷、科学、智慧。对提高高校教学质量、提高课堂教学效率有有一定的实用价值。系统能够收集教学质量监控数据，覆盖高校教学质量保障的主要环节，为高校教学督导和管理提供信息化工具，为普通教师教学质量的提升提供科学的方法和依据。

参考文献

[1]谢维,侯建成,黄鑫,来永巍,马赫,陈禹,郑中华.高校教学质量督导体系的构建及其实施路径研究[J].吉林医药学院学报,2020,41(02):119-120.

[2]周宇轩,朱科旭,杨知涵,唐诗钰,褚永彬.基于HTML5的“慢游”旅游WebApp设计与实现[J].电脑与信息技术,2020,28(02):47-50.

[3]肖文娟,王加胜.基于Vue和SpringBoot的校园记录管理WebApp的设计与实现[J].计算机应用与软件,2020,37(04):25-30+88.

[4]陈印,何强.基于多终端的高校教材管理业务分析与系统设计[J].内江科技,2020,41(03):46-48.

[5]彭宁叶子,邓轶,范甲昊,严涵,叶远智,任福.基于HTML5Canvas的态势符号标绘系统设计与实现[J].测绘与空间地理信息,2020,43(02):73-75+78.

[6]王玲,董琦,田雨辰,王晓丽.基于互联网+的区域供热综合管理平台研究[J].河北工业大学学报,2020,49(01):77-83.

[7]刘倩,熊杰,刘彩云.基于WEB的远程实验数据处理平台开发[J].信息技术与信息化,2020(01):96-99.

作者:赵国柱 单位:滁州学院