Web辅助制作系统设计与实现.doc

Web课件辅助制作系统的设计与实现 　　[摘要]随着信息技术、网络技术的飞速发展及其在教育领域的应用和渗透，以计算机网络为核心的网络教育给现代化教育注入了新的活力，而网络课件在网络教育中发挥着非常重要的作用。本文提出并实现了一个Web课件辅助制作系统，方便教师对课件进行个性化制作，同时兼顾了易用性和标准化的特点，满足了教育资源开发者的实际需求。 　　[关键词]Web课件 辅助制作系统 　　 　　一、引言 　　随着现代化网络的迅速发展，传统的教育模式面临着前所未有的挑战，计算机网络教育作为一种新的重要的教学形式具有很大的意义，并且发展势头强劲。在计算机网络教育的发展中，资源建设是教育信息化建设的核心任务之一，长期以来，课件开发中存在着不规范性，课件可扩展性不够，课件资源重复建设等问题。例如，传统网络课件的开发是每门课程独立设计，工作量大，重复编码较多，而且开发人员不熟悉课程内容，无法独立完成。另一方面，课程教师制作网络课件，需要掌握主流的网页开发工具，具备一定的脚本语言编程基础，这些对于不具备技术背景的教师过于复杂。 　　本文给出了一个Web课件辅助制作系统的设计与实现。借助本系统，使得教师能方便地对课件进行个性化制作、组织、管理，同时生成的课件界面风格统一，满足开放性、可重组和可扩展性需求，解决目前课件资源建设中面临的问题。本系统主要面向广大高校希望进行网络教学的老师使用，充分考虑用户群总体计算机应用水平，兼顾了易用性和标准化的特点，满足了教育资源开发者的实际需求。 　　二、系统的设计思考 　　结合课件辅助制作系统的特点，系统设计主要考虑三个方面：其一，课程结构的编排，充分考虑教师教学思想实践，采用灵活的课程划分方法，自动化章节目录索引，丰富的课堂教学内容，“目标－学习－参考－检测”式的授课思想，树型结构的课程导航。其二，素材的管理，主要负责素材上载、删除，素材预览，素材标准化验证，可调用第三方软件进行素材同步编辑。最后是课程内容编辑，要求能实现文本编辑、字体编辑、字型编辑、字号编辑、颜色编辑、背景编辑、标题样式编辑、对齐方式编辑，添加链接以及图片、音频、视频、动画素材插入，形成即见即所得式课程预览。 　　利用课件辅助制作系统，可以动态的生成课程的教学大纲，课程简介，教学内容的章节，内容的重难点等。在整个过程中，教师不用掌握专业技术，只需要根据自己的教学需求，就像操作WORD那样，通过简单的复制粘贴或者编辑排版等操作，就能够生成适合自己教学和适合学生学习的网络课件。 　　系统设计的整体思想，如图1所示，采用应用服务器、数据服务器和客户端的三层结构设计。作为业务操作的客户端，用户可以在任何地方和时间通过浏览器访问应用服务器，完成课件制作、课程学习等功能的操作，客户端实现了零维护的要求。 　　 　　 　　 　　图1：系统结构图 　　三、系统的实现 　　（一）课程模板设计模块 　　教师通过选择模板在线制作课件，实现课件的在线生成、修改、添加、删除，教师可以根据教学的需求和自身的教学风格，分析学习者的特点，选择合适的课程模板。 　　课程模板采用CSS+DIV+AJAX设计方式，使用动态JSP进行格式化输出，依据模板显示，以达到统一改变显示风格的目的。系统为教师提供了几套不同的课程模板，在模板的设计过程中，参照优秀的网络课件和优秀网络精品课程的页面设计，在配色时充分考虑色彩的鲜明性、独特性和艺术性，既保持整体风格的一致，又通过调整CSS代码，来改变细节页面的布局和视觉特色。 　　AJAX代码用于根据后台数据动态生成章节内容，用户在点击菜单项时，页面会调用相应的JS和CSS代码，并在后台调用Web服务端数据，根据教师的个人需求择合适的模板，从而把从后台的数据进行格式化，依据CSS的格式将相关的内容显示在模板上。 　　（二）课件编辑模块 　　对于课件编辑模块的设计，我们主要采用功能强大的FCKeditor编辑器，嵌入到JSP页面中提供内容编辑和排版功能。编辑完成的数据，通过Form传递到后台，以将其保存到数据库中。 　　FCKeditor编辑器嵌入到JSP页面中，可以通过它来对要编辑的课件内容进行编辑，排版，改变字体的颜色，字体背景的颜色，字型字号等，选择恰当的样式和表现形式，同时也可以利用它来上传图片，FLASH，视频等。它是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。可和PHP、JavaScript、ASP、ASP．NET、Java等不同的编程语言相结合。它兼容于绝大部分的网页浏览器，代码支持XHTML，文件结构更加清晰，可以更方便地将其部署在自己的系统中。 　　在本系统的设计中，用到了FCKeditor编辑器上传图片、上传视频、选择字体字型字号、复制、粘贴、撤销、选择字体背