百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

高中信息技术教学管理平台的构建及运用探究

zhezhongyun 2025-01-31 16:18 61 浏览

【关键词】Web服务器 B/S C/S URL Protocol技术

【摘 要】

搭建asp+access的Web服务器,以B/S模式进行运用,可以记录教学过程中的教与学的活动情况。针对信息技术会考,对office操作题采用C/S模式进行调用及评判,此客户端程序采用URL Protocol技术通过网页开启并进行参数传递及结果上传等操作。Asp代码嵌套于html5框架,平台适用于时下大多数浏览器,操作方便,以B/S为主,C/S为辅,通过网页调用C/S程序是本平台的一大亮点。

一、问题的提出:

在实施高中信息技术教学时,我们常常遇到以下几方面的问题:

1、学生的信息技术素养参差不齐,我校生源大多来自农村,他们在初中时的信息技术学习严重滞后,远远达不到高中信息技术教材对学生的基本要求。

2、课时紧张,受高考指挥棒的影响,不参加高考的信息技术课程,每周课时只有一节,而教材的要求每周至少两节。

3、教学手段不够灵活,使用某些测评系统,学生自测及操作上评判反馈不及时。在信息技术会考中,必修模块中的Word、Excel操作题和选修中的 FrontPage网页编辑是大分值题。但学生却常常在这些题上面丢分,导致水平考试不合格。

二、拟解决方案

为解决以上问题,使高一学生在一年内学到更多信息技术,不但能顺利通过学业水平考试,更能丰富他们的信息素养,笔者在Web服务器上搭建一个asp+access的教学管理及练习平台,优化高中信息技术教学手段。

笔者广泛收录丰富的教学资源,学生用浏览器访问Web服务器,输入本人的帐号和密码登录平台。平台的功能主要有主客观题练习,并及时评价、反馈练习,教师帐号可以进入查询页面,及时掌握学生学习情况、各板块练习进度。教学上教师可以借助此平台示范office操作题的操作步骤,极大地提高教学效益,充分打造高效的信息技术课堂。

三、平台使用流程简要介绍

教学管理及学习平台使用流程,在浏览器地址栏输入Web服务器的地址,浏览器打开登陆页面,输入帐号及密码后进入系统主页。(如下两图)

这里,结合信息技术会考要求,收录了单选、多选、判断及操作等试题,并可按信息技术会考模式在收录的试题中随机组合成套题,供学生进行模拟测试。若是教师帐号,可以对学生到位情况,各板块练习进度进行查询。(如下两图)

在单选、多选及判断题上采用网页表单模式提交到服务器上进行评判,操作上比较容易上手, web编程上实现也比较容易,这里不做阐述。 office操作题的使用平台流程,在主页上点击“操作题专项练习”进入,这里为了教学方便,Word、Excel文档和利用FrontPage进行网页编辑,各收录了三个题,学生只要能独立完成这九个题,一般都能掌握会考上office操作题的操作考核知识点。以第一题为例,阅读了第一题要求后点击“本地答题”链接,系统启动先前安装在本地计算机上的操作评判程序,并将帐号、题型、题库中的编号以及服务器地址等数据传递给评判程序。评判程序启动后点击“选题加载”按钮,程序将试题解压到c:\MyExam文件夹下,操作提示加载到评判程序的文本框中,整个评判程序显示在屏幕右下方,并处在最上层,方便使用者按操作要求进行office文档编辑。(如下图)

学生按要求完成office文档的编辑后,保存后,点击“提交评判”按钮后,程序将关闭打开的office文档,并调用评判标准对操作过的office文档进行评判,并将操作情况以消息框的模式显示给使用者,并将操作情况数据记录到服务器上,方便使用者本人查看,或教师对学生操作情况进行查询。(如下图)

学生返回“操作题专项练习”页面后,若已操作并通关的操作题的链接图片就会有“笑脸”图标,或在查询页面下,可查看完成进度。(如下图)

四、平台开发搭建及评判程序启动实现原理分析

本平台其它功能有学生客观题练习及评判,邮件及网络设置的阅读理解练习及评判等。这里就平台搭建及评判程序启动及实现原理进行介绍。在windows服务器上安装iis服务,搭建asp+access的Web服务器,这个网上有许多教程,不过要提醒的是在windows2012上要对Web服务器的主目录给Everyone和IIS_IUSRS等用户写的权限。Asp程序的代码大都嵌套到html代码中的,在不涉及版权的情况下,可以找一些现成的html框架,将asp代码融入框架中,可达到较快的开发速度。这里本人就是用的开源考试系统phpems的htm5框架。

“<a href="jyzxks:<%=uid%>,<%=tixing%>,<%=tihao%>,<%=ser_ip%>">”此段asp代码链接安装本地计算机上的“信息技术操作考试测试.exe”评判程序,并将用户帐号、题型、题库中编号及web服务器IP及端口号组合成一个参数,传递给评判程序。各参数以“,”进行分隔方便程序进行识别调取。(如下图)

在本地计算机要在注册表中定义URL Protocol,并指向安装在本地的程序,这样在浏览器页面上点击URL Protocol链接,才能启动此程序,注册表中“command”项的数就是指向安装在本地的评判程序,后面那个“%1”就是给程序传递的参数。这就是B/S系统为主,嵌套C/S程序,通过浏览器启动客户端程序。下图是定义完成后的注册表截图。

编译好的程序及程序所支持的文件,一般要做成安装包,这里笔者用“Setup Factory 7.0”制作安装包,可以将注册表脚本命令做到安装程序中,不过有时杀毒类软件会阻止注册表写操作,建议将注册表脚本命令文件也一并安装到程序目录中,方便使用者手动运行该命令。(如下图)

用VB进行评判程序开发,这里只介绍关键的三点,即参数接收处理、评判操作和记入数据库。

在VB中定义一个全局变量“jyzxexam”在窗体装载过程中用“jyzxexam=command$”就可以接收URL Protocol链接传递的参数。在“选题加载”过程中,将参数进行整形拆分,将用户帐号、题型、题库中编号及web服务器IP及端口号四个参数进行各自调用。(如下图)

用户帐号、服务器IP端口这两个参数主要用于向服务器的数据库中记录学生操作数据。题型、题库中编号两个参数用于调用题库中的试题,这个过程比较繁琐,有许多细节,笔者介绍一个大致流程,将所用的试题、操作要求和评判标准打包做成一个压缩文件放在程序安装目录,程序按目录及文件编号进行调用,并解压到c:\MyExam目录中,在安全上有待提高,不过执行效率很高,占用服务器资源较少,教学上可完全接收此模式。

评判操作分析,程序将试题、操作要求和评判标准解压到c:\MyExam目录中后,操作要求和评判标准两文件是隐藏的。(如下图)


操作要求加载到程序的文本框中,学生按要求进行操作后,程序调用评判标准进行评判。(如下图)

在VB中要对office文档进行调用,就要引用office组件,这里根据信息技术会考要求引用ofice2003的Word和Excel两个11.0版本的组件,所以此评判程序对高版本的office存在一此问题,这里不做讨论。对于利用FrontPage进行网页编辑,因为是html文件,代码为文本模式,对比评判标准,就可以进行评判操作。评判程序采用过程调用模式进行评判和成绩记录的,下面先总体分析这两个过程,后面笔者结合一个实例分析某一具体的评判流程。

If InStr(iStr(0), ".doc") Then Call checkdoc(iStr(0))

If InStr(iStr(0), ".xls") Then Call checkxls(iStr(0))

If InStr(iStr(0), ".htm") Or InStr(iStr(0), ".html") Then Call checkhtm(iStr(0))

上面三段代码调用VB模块的各自评判过程,其中iStr为数组变量,用于分行装载评判标准文件,iStr(0)就是评判标准文件的第一行,程序是根据文件扩展名来进行调用的。

MsgBox Process1("action=add&v=" & uid & "#34; & tixing & "#34; & p_fenshu & "#34; & p_right & "#34; & p_wrong)

MsgBox Process2("action=add&v=" & uid & "#34; & tixing & "#34; & tihao & "#34; & p_fenshu)

上面两段代码,是写数据库的代码,这个引用较多,具体功能为第一段将用户帐号、题型、操作得分、操作正确及操作错误提交给服务器,由服务器上的 api1.asp文件进行数据写入数据库中,第二段代码是由服务器上的api2.asp文件进行操作的。根据数据库的部署,api1.asp是将操作情况写入到临时表中,方便学生即时查看,api2.asp只有学生操作完全正确后,才记入数据表中,方便学生或教师查询学习过程,及时反馈学生操作过程。(如下图)

下面笔者就评判程序评判“把平凡日子堆砌成伟大的人生.doc”的第一个操作,“将标题设为黑体”进行分析。评判标准的第二行“word→A1→1→1→1→黑体”对应此操作点,符号“→”起分隔作用。下面代码是建立Word应用对象,打开word文档,其中If Mid(Trim(sys), 6, 1) = "A" Then Call zifuf(Trim(sys)) 代码就是中取评判标准 “word→A1→1→1→1→黑体”中的“A”字符做这条件调用zifuf(Trim(sys)过程。

在zifuf(point As String)过程中,程序中取评判标准 “word→A1→1→1→1→黑体”的“A1”字符和“黑体”两个字段进行字体比对,比对不成功将初始为“T”的flagA1变量赋值为“F”。当flagA1变量赋值为“T”时,程序中取评判标准 “word→A1→1→1→1→黑体”中的第13个字符“1”做为操作记录得分,进行累加。“A2”、“A3”是对字号、字体颜色进行比对。(如下图)

分析评判程序结果数据记录到数据库,定义三个函数,Process(sendstr)、GetCode(Url)和BytesToBstr(strBody, CodeBase),Process(sendstr)函数返回URL地址执行的结果数据,GetCode(Url)函数以Microsoft.XMLHTTP对象方式执行远程URL请求,BytesToBstr(strBody, CodeBase)函数以adodb.stream对象方式判断客户机与服务器进行数据操作状态,这三两个函数逐步调用,完成与服务器上的api.asp代码执行,交互、状态检测等底层操作,这就相当于客户机与服务器建立了一个通道进行数据交换。服务器上的api.asp代码则与部署在它上面的access数据库进行读写操作。在服务器上,客户机执行了形如http://10.102.100.244/api2.asp?action=add&v=zcjyy$ 102$excel$10地址,相当于给服务器传递操作类型,操作参数(以$为分隔标志),并将Response.Write结果返回给客户机,如果是浏览器,就显示在浏览器页面,如果是客户端程序,就以消息框的模式,显示给用户。代码如下图

这里对api.asp文件进行分析说明一下,在该文件中定义了两函数,AddRs(v)和EditRs(v)若数据库中没有该帐号的操作记录,就调用AddRs(v)在数据库中增加该帐号的操作记录,并显示操作记入数据库提示信息,否则就调用EditRs(v)在数据库中修改该帐号的操作记录,“Response.Write "Err:" & Err.Description”用于,如果存在错误,就显示错误提示信息,在数据库部署上,用户帐号这个字段是关键信息,具有“索引不重复”属性,一但在数据库中存在,就不能修改,AddRs(v)要记录用户帐号,EditRs(v)修改用户除帐号外的信息。根据数据库操作的需要,这里用了两个api.asp文件,分别是api1.asp和api2.asp,在客户端程序中就对应定义了两个Process(sendstr)函数。

五、使用情况及效果

笔者借鉴已有系统,并逐步开发,并在我校2015级学生的信息技术教学上进行使用,取得良好的成绩。在信息技术会考中,A优(85分以上)最高100%,最低35.3%。高于其他班级, 8个班只有3个同学不合格,在D等级(60分以下)。(如下图)

四、开发心德及待完善之处

操作题的的评判要调用ms office的组件,这里面涉及了众多的office属性,可以利用office的宏录制过程,分析宏的VBA代码进行office属性名称取值等情况。在后续时间可以就评判标准备,出一个说明文档方便出题者出题。本平台还可增加错题收藏,重作等功能。另外asp环境所用的iis服务器,安装维护以及执行效率都有待提高,后期打算用PHP+Mysql,用Apache服务来架设Web服务器,这里面有许多开源平台,如PHPEMS,做的很好。

六、引用及感谢

绵阳南山中学信息技术学习平台

http://www.scmyns.com:88/login.asp

利用URL Protocol实现网页调用本地应用程序

http://blog.csdn.net/zssureqh/article/details/25828683

VB+ASP+ACCESS,使用接口操作远程数据

http://download.csdn.net/download/babyt/679329

PHPEMS - 开源免费的PHP无纸化模拟考试系统

http://www.phpems.net/

申明:此文不得转录,严禁各种文库收录,引用请指明来自头条,并附地址。

相关推荐

JavaScript中常用数据类型,你知道几个?

本文首发自「慕课网」,想了解更多IT干货内容,程序员圈内热闻,欢迎关注!作者|慕课网精英讲师Lison这篇文章我们了解一下JavaScript中现有的八个数据类型,当然这并不是JavaScr...

踩坑:前端的z-index 之bug一二(zh1es前端)

IE6下浮动元素bug给IE6下的一个div设置元素样式,无论z-index设置多高都不起作用。这种情况发生的条件有三个:1.父标签position属性为relative;2.问题标签无posi...

两栏布局、左边定宽200px、右边自适应如何实现?

一、两栏布局(左定宽,右自动)1.float+margin即固定宽度元素设置float属性为left,自适应元素设置margin属性,margin-left应>=定宽元素宽度。举例:HTM...

前端代码需要这样优化才是一个标准的网站

  网站由前端和后端组成,前端呈现给用户。本文将告诉您前端页面代码的优化,当然仍然是基于seo优化的。  就前端而言,如果做伪静态处理,基本上是普通的html代码,正常情况下,这些页面内容是通过页面模...

网页设计如何自学(初学网页设计)

1在Dreamweaver中搭建不同的页面,需要掌握HTML的语句了,通过调整各项数值就可以制作出排版漂亮的页面,跟着就可以学习一些可视化设计软件。下面介绍网页设计如何自学,希望可以帮助到各位。Dre...

1、数值类型(数值类型有)

1.1数据类型概览MySQL的数据类型可划分为三大类别:数值类型:旨在存储数字(涵盖整型、浮点型、DECIMAL等)。字符串类型:主要用于存储文本(诸如CHAR、VARCHAR之类)。日期/...

网页设计的布局属性(网页设计的布局属性是什么)

布局属性是网站设计中必不可少的一个重要的环节,主要用来设置网页的元素的布局,主要有以下属性。1、float:该属性设置元素的浮动方式,可以取none,left和right等3个值,分别表示不浮动,浮在...

Grid网格布局一种更灵活、更强大的二维布局模型!

当涉及到网页布局时,display:flex;和display:grid;是两个常用的CSS属性,它们都允许创建不同类型的布局,但有着不同的用法和适用场景。使用flex布局的痛点当我们使...

React 项目实践——创建一个聊天机器人

作者:FredrikStrandOseberg转发链接:https://www.freecodecamp.org/news/how-to-build-a-chatbot-with-react/前言...

有趣的 CSS 数学函数(css公式)

前言之前一直在玩three.js,接触了很多数学函数,用它们创造过很多特效。于是我思考:能否在CSS中也用上这些数学函数,但发现CSS目前还没有,据说以后的新规范会纳入,估计也要等很久。然...

web开发之-前端css(5)(css前端设计)

显示控制一个元素的显示方式,我们可以使用display:block;display:inline-block;display:none;其中布局相关的还有两个很重要的属性:display:flex;和...

2024最新升级–前端内功修炼 5大主流布局系统进阶(分享)

获课:keyouit.xyz/14642/1.前端布局的重要性及发展历程前端布局是网页设计和开发的核心技能之一,它决定了页面元素如何组织和呈现。从早期的静态布局到现代的响应式布局,前端布局技术经历了...

教你轻松制作自动换行的CSS布局,轻松应对不同设备!

在网页设计中,自动换行的CSS布局是非常常见的需求,特别是在响应式设计中。它可以让网页内容自动适应不同屏幕尺寸,保证用户在不同设备上都能够获得良好的浏览体验。本文将介绍几种制作自动换行的CSS布局的方...

晨光微语!一道 CSS 面试题,伴你静享知识治愈时光

当第一缕阳光温柔地爬上窗台,窗外的鸟鸣声清脆悦耳,空气中弥漫着清新的气息。在这宁静美好的清晨与上午时光,泡一杯热气腾腾的咖啡,找一个舒适的角落坐下。前端的小伙伴们,先把工作的疲惫和面试的焦虑放在一边,...

2023 年的响应式设计指南(什么是响应式设计优缺点)

大家好,我是Echa。如今,当大家考虑构建流畅的布局时,没有再写固定宽度和高度数值了。相反,小编今天构建的布局需要适用于几乎任何尺寸的设备。是不是不可思议,小编仍然看到网站遵循自适应设计模式,其中它有...