计算机基础教学辅助系统的设计和实现

・４２・　（总０７７０）　计算机基础教学辅助系统的设计和实现　２０１３年第１Ｏ期　文章编号：１００３—５８５０（２０１３）１０—００４２—０２　计算机基础教学辅助系统的设计和实现　任婆　（西安医学院公共课部，西安７１００２１）　摘要：《计算机应用基础》教学辅助系统的开发目的是为学生提供课外的课程辅导功能。介绍了系统的主要功　能，给出系统设计所需的主要关键技术和系统实现的描述，讨论的ＸＭＬ和Ａｊａｘ技术应用，使系统具有易于数据交换，　提高交互能力的特点。　关键词：教学辅助系统，ＸＭＬ技术，Ａｊａｘ技术，ＳＱＬＳｅｒｖｅｒ数据库　中图分类号：ＴＰ３１　文献标识码：Ａ　Ｄｅｓｉｇｎ　ａｎｄ　Ｉｍｐｌｅｍｅｎｔａｔｉｏｎ　ｏｆ　Ｃｏｍｐｕｔｅｒ　Ａｓｓｉｓｔｅｄ　Ｔｅａｃｈｉｎｇ　Ｓｙｓｔｅｍ　ＲＥＮ　Ｊｉｅ　（Ｄｅｐａｒｔｍｅｎｔ　ｏｆＰｕｂｌ＆Ｃｏｕｒｓｅｓ．Ｘｉ’帆Ｍｅｄｉｃａｌ　Ｕｎｉｖｅｒｓｉｔｙ，Ｘｉ’ａｎ　７１００２１，Ｃｈｉｎａ）　Ａｂｓｔｒａｃｔ：Ｔｈｅ　ｔｅａｃｈｉｎｇ　ａｓｓｉｓｔａｎｔ　Ｓｙｓｔｅｍ　ｏｆ（（Ｃｏｍｐｕｔｅｒ　ａｐｐｌｉｃａｔｉｏｎ　ｆｏｕｎｄａｔｉｏｎ）＞ｗａｓ　ｄｅｖｅｌｏｐｅｄ　ｔｏ　ｐｒｏｖｉｄｅ　ａｆｔｅｒ－ｓｃｈｏｏｌ　ｔｕｔｏｒｉｎｇ　ｆｏｒ　ｓｔｕｄｅｎｔｓ．Ｔｈｅ　ｐａｐｅｒ　ｉｎｔｒｏｄｕｃｅｓ　ｔｈｅ　ｍａｉｎ　ｆｕｎｃｔｉｏｎ　ｏｆ　ｔｈｅ　ｓｙｓｔｅｍ；ｄｅｓｃｒｉｂｅｓ　ｔｈｅ　ｋｅｙ　ｔｅｃｈｎｏｌｏｇｙ　ａｎｄ　ｓｙｓｔｅｍ　ｄｅｓｉｇｎ　ｒｅｑｕｉｒｅｄ　ｔｏ　ａｃｈｉｅｖｅ．Ｔｈｅ　ｐａｐｅｒ　ｄｉｓｃｕｓｓｅｓ　ＸＭＬ　ａｎｄ　Ａｊａｘ　ｔｅｃｈｎｏｌｏｇｙ，　ｔｈｅ　ｓｙｓｔｅｍ　ｈａｓ　ｔｈｅ　ａｄｖａｎｔａｇｅｓ　ｏｆ　ｅａｓｙ　ｄａｔａ　ｅｘｃｈａｎｇｅ，ｉｍｐｒｏｖｅ　ｔｈｅ　ｉｎｔｅｒａｃｔｉｖｅ　ａｂｉｌｉｔｙ．　Ｋｅｙ　ｗｏｒｄｓ：ｔｅａｃｈｉｎｇ　ａｓｓｉｓｔａｎｔ　ｓｙｓｔｅｍ，ＸＭＬ，Ａｊａｘ，ＳＱＬ　Ｓｅｒｖｅｒ　引　言　学资料，为教师和学生开辟课堂以外的交互平台，促　进学生的可持续学习。现有的精品课程网站大多只　《计算机应用基础》是医学院校的公共基础课，讲　提供课程的教案、课件、大纲等资料的查阅功能，缺少　授内容以Ｗｉｎｄｏｗｓ和Ｏｆｉｆｃｅ为主，采用理论和实验相　交互功能，模板具有一致性而缺少灵活度。　结合的教学方法，侧重于实验教学，旨在培养学生的　计算机操作能力、提高学生的动手能力。目前，课堂　１　系统功能　教学都已采用多媒体教学手段，用ＰｏｗｅｒＰｏｉｎｔ制作的　《计算机应用基础》辅助教学系统是在汲取精品　教学课件和实验室辅助教学平台都能在课堂教学和　课程网站优点的基础上，结合计算机技术和计算机基　实验中给学生的学习提供完善的支持，通过生动、多　础课程的特点，为学生和教师提供教学资料、试题作　样、直观的教学方法使学生获取计算机基础知识。　业和成绩查询管理的平台。具体的功能包括：教学资　除了课堂教学外，学生们还有课后自学的需求，　料管理、试题作业管理、教务管理和后台管理等，见图　尤其对于动手需求较多的计算机课程来说，更多的学　１所示。　生希望能在课后有课程复习和练习的机会。开发《计　算机应用基础》辅助教学平台就是为了满足学生课后　２　开发平台　学习的需求，提供有关于《计算机应用基础》课程的教　《计算机应用基础》辅助教学系统的开发是面向　：｝＝　收稿日期：２０１３—０６—２６。修回日期：２０１３—０８—２９　作者简介：任絮，女，１９７８年生，讲师，研究方向：计算机应用，管理信息系统。　第２６卷第１Ｏ期　电脑开发与应用　（总０７７１）　・４３・　ｉ　　ｉＣＳＳ、ＸＭＬ等Ｗｅｂ技术，采用异步数据交换方式，减　少服务器与客户端之间交换数据的延迟，提高服务　矗垂矗蘸　器与客户端之间的数据交换速度［２１。　教学辅助系统中，课后辅导模块为学生提供章节　图１教学辅助系统功能结构图　Ｉｎｔｅｒｎｅｔ，采用ＡＳＰ＋ＳＱＬ　ｓｅｒｖｅｒ技术，基于ｉＱｕｅｒｙ框　架，实现Ｂ／Ｓ结构的教学辅助平台。系统采用ＳＱＬ　Ｓｅｒｖｅｒ数据库系统实现后台数据库的管理，为了便于　数据交换，使用ＸＭＬ文件存储数据，前台采用　ＨＴＭＬ、ＡＳＰ和ＪａｖａＳｃｒｉｐｔ等技术编写代码，设计用户　和教学系统交流的人机接口。　３　关键技术与系统实现　３．１　Ｗｅｂ标准下ＤＩＶ＋ＣＳＳ布局页面　ｃｓｓ（Ｃａｓｃａｄｉｎｇ　Ｓｔｙｌｅｓ　Ｓｈｅｅｔｓ，层叠样式表）是用于　控制网页样式并允许将样式信息与网页内容分离的　一种标记性语言ＩＩ】。使用ＨＴＭＬ只编写信息内容，而　网页外观样式则由ＣＳＳ定义，内容与样式相互独立，　利于系统的设计，简化了系统的后期维护。　在基于Ｗｅｂ的教学平台的整体界面设计中，本　系统采用了ＤＩＶ＋ＣＳＳ技术对页面进行布局设计。该　系统首先将页面用ＤＩＶ分块；然后通过ＣＳＳ设计各　块的位置和大小，以及相互关系；最后在ＤＩＶ大块中　插人各小块完成页面整体布局。ＤＩＶ＋ＣＳＳ使得页面　的布局较为灵活，通过可变宽度布局使页面在不同的　分辨率下都能有较完整的显示效果。　３．２　ＸＭＬ技术　ＸＭＬ技术是目前广泛使用于Ｉｎｔｅｒｎｅｔ的语言，主　要存储数据和交换数据。虽然ＸＭＬ与ＨＴＭＬ都是使　用标记描述文档资料，但相比ＨＴＭＬ，ＸＭＬ具有更强　的灵活性和可扩展性，适合描述更复杂、容量更大的　信息。ＸＭＬ具有：自定义标记；内容独立于格式；便于　数据交换等优势，为多平台的数据应用提供了便利的　数据接口。　计算机辅助教学系统中使用ＸＭＬ技术存储数据。　在本系统的课堂教学模块，主要用于存储与课堂教学　有关的教案、课件、教学大纲等内容，这部分内容都具　有统一的教学格式要求，所以设计与教学要求相符的　ＤＴＤ定义ＸＭＬ文档标准，在自定义的ＤＴＤ基础上，设　计各章节的教案、大纲和课件内容的ＸＭＬ文件。　３．３　Ａｊａｘ技术　Ａｊａｘ技术是目前广泛应用于Ｂ／Ｓ系统和网站的　异步传输模式，ＡＪａｘ技术包含了ＪａｖａＳｃｒｉｐｔ、ＸＨＴＭＬ、　练习题、试题等信息的浏览和下载服务，对于较大容　量的试题信息浏览，采用Ａｊａｘ技术能在用户不刷新　页面的情况下更新用户界面内容，提高数据传输速　度，提高系统的整体性能。在网页设计的ＤＩＶ块中，　使用ＪａｖａＳｃｒｉｐｔ编写的代码实现异步数据交换。　由于章节练习题和试题等内容有较规范的格式，　并且为了给其他的教学辅助平台提供统一的接口，所　以我们选择使用ＸＭＬ技术描述其内容。在显示ＸＭＬ　文件时，采用基于ｊＱｕｅｒｙ的Ａｊａｘ技术，使用ｊＱｕｅｒｙ　提供的大量简单方便的函数（方法）库『３１，用ｇｅｔ（）、ｐｏｓｔ　（）、ａｊａｘ（）等方法载人ＸＭＬ文件，使用ＤＯＭ技术，采　用循环的方法，获取节点数据，结合ＣＳＳ样式，设计　ＸＭＬ文件的输出显示格式。　３．４　ＳＱＬ　Ｓｅｒｖｅｒ数据库技术　教务管理和后台管理部分需要对学生信息、学生　成绩和用户信息等数据进行维护和管理，数据类型规　范，格式简单，所以采用关系型数据库存储数据。使　用ＡＳＰ程序，通过ＯＤＢＣ访问ＳＱＬ　Ｓｅｒｖｅｒ数据库，对　数据库做相应的操作，在用户登录、后台维护管理等　模块上，实现对学生信息、学生成绩和用户信息的添　加、修改、查询等管理功能。　此外，在对文件的后台管理中，使用ＳＱＬ　Ｓｅｒｖｅｒ　数据库对存储教学数据的ＸＭＬ文件和学生提交的作　业文件进行管理，保证文件数据的完整性和一致性。　４　实现效果　本系统以ＸＭＬ和ＳＱＬ　Ｓｅｒｖｅｒ为数据存储方式，　采用Ａｊａｘ技术，既便于数据交换，也提高了网站的交　互速度。基于以上关键技术，设计实现的《计算机应　用基础》辅助教学系统给学生和教师提供了《计算机　应用基础》课程的课外辅导、自我测试和成绩管理等　功能，基本满足了学生的课外学习需求。　参考文献：　【１】李文才，田中雨，王晓军．ＡＳＰ动态网站开发基础教程与实　验指导【Ｍ】．北京：清华大学出版社，２０１２．　【２】唐四薪，谭晓兰，唐琼．ＡＳＰ动态网页技术与Ａｊａｘ技术【Ｍ】．　北京：清华大学出版社，２０１２．　［３】陈国耀，王清心．基于ｊＱｕｅｒｙ的高校网络心理咨询系统的设　计与实现ｆＪ１．武汉工程大学学报，２０１１，３３（１０）：１０３—１０６．