《电脑平面设计》网络课程开发关键技术及工具软件的应用

扬州大学本科生毕业设计-1-《电脑平面设计》网络课程开发——关键技术及工具软件的应用教育技术学专业2003级戴烨指导老师何亭【摘要】本文基于目前教学需要，严格依照网络课程的要求，通过《电脑平面设计》网络课程的实际开发流程、开发过程中所要做的准备和实际工作，初步论述了网络课程开发所使用的关键技术和工具软件，以及所能实现的相关功能。【关键词】网络课程；关键技术；工具软件【Abstract】BasedonthecurrentneedsofteachingandcurriculuminstrictaccordancewiththerequirementsoftheWeb-basedCourses.through《computergraphicdesign》courseoftheactualWeb-basedCoursesdevelopmentprocess,thedevelopmentprocesstobedoneinthepreparationandpracticalwork,InitialexpositionsoftheWeb-basedCoursesusedcurriculumdevelopmentofkeytechnologiesandsoftwaretools,andwhatcanbeachieved-relatedfunctions.【Keywords】Web-basedCourses;Keytechnologies;Softwaretools引言现在计算机及网络的速度是越来越快、作用越来越大，教育向网络化、个性化、终身化和国际化方向发展的趋势日益明显，学与教的关系和方式正在发生变革。代表教育信息化发展水平的网络课程才是当今信息时代教育真正实现资源共享、发展个性、自主学习、终身学习和提高信息素养的必然选择所谓网络课程就是通过网络表现的某门学科的教学内容及实施的教学活动的总和。它包括两个组成部分：按照一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境，当然其中网络教学支撑环境特指支持网络教学的软件工具、教学资源及在网络教学平台上实施的教学活动。网络课程除了应具备课程的一般特点和要求以外，它还作为一种网络教学资源，具有良好的交互功能，能让学习者在网络环境下进行人机交互学习；能为学习者提供方便、快捷、经济的资源共享方式；能使教师随时更新教学内容扬州大学本科生毕业设计-2-和教学信息，也使学习者可以对课程的教学内容和教学资源进行重组和改造；能使学习者按照一定的教学目标和要求，采取适当的学习策略，进行网上教学活动，并在网上进行自主学习评价，获得反馈信息；还能使学习者不受时空的限制，与其他学习者和老师进行交流等。基于Internet网络的学习系统具有非常广泛的应用前景。我的毕业设计是开发网络课程《电脑平面设计》，开发网络课程涉及到教学内容、素材准备、学习环境设计等环节，本文就开发过程中运用到的关键技术和工具软件进行论述。一、《电脑平面设计》网络课程的结构体系《电脑平面设计》网络课程由网络教学和后台管理两大部分构成，其中教学环境部分主要分为如下功能模块：登陆注册、课程内容、学习社区、学生博客、资源仓库、经典赏析、作品展示、休闲一刻、电子笔记、教师介绍和修改资料等组成；后台管理部分分为：系统管理、学习资源管理、学习交流管理模块，具体结构体系如图1所示。图1：“电脑平面设计”网络课程的结构体系学习资源管理作品展示管理经典赏析管理资源仓库管理作业管理试题管理系统管理学生管理修改资料退出登录学习交流管理电子邮箱学习社区Blog管理注册登陆界面过客留言教师介绍修改资料经典赏析学生博客学习社区课程内容资源仓库电子笔记休闲一刻作品展示网站地图学习帮助新闻公告课程简介学生注册学习帮助网站地图后台管理部分教学环境部分扬州大学本科生毕业设计-3-（一）教学环境1．登陆模块在这个平台上，我们设定了两种登录身份，分别是学习者、教师或管理员。教师或管理员在前台页面上拥有除学生一样的权限外，还能对学生的作业进行在线打分，同时可以对展出的作品进行教师评价（而学生只能做学生评价）。游客（未注册用户）通过此界面可了解本网络的课程简介、新闻公告、学习帮助、过客留言等内容，如果游客对此课程感兴趣，想学习此课程，就需要进行登陆。如图2所示2．其他模块1）课程内容、经典赏析、资源仓库、休闲一刻、电子笔记模块：学习者能对整个课程有个全面的了解。通过该模块，学习者能学习到这门课程的所有知识点。这些模块学习者在学习课程内容的时候，可以做作业，上传作业，记笔记，浏览下载参考资料、欣赏经典作品等。界面如图3所示。图2：“电脑平面设计”网络课程的登陆界面扬州大学本科生毕业设计-4-图3：“电脑平面设计”网络课程的学习模块界面2）学习社区、学生博客、作品展示、教师介绍模块：实现学习者和教师、学习者和学习者之间交流的功能，是师生进行网络课程交流学习的空间。在这部分模块中，主要可以分为三方面的内容，教师对学生的评价、学生对课程的评价、师生之间的交流、学生之间的交流。教师对学生的评价主要有教师对学生作业的在线打分，和对其中优秀作品的评语。学生对课程的评价可以通过课程信箱或者可以在学生社区中发表自己的想法，当然也能在自己的BLOG空间中发表文章。师生交流就主要通过教师的电子邮件和网站的BLOG平台实现，在这个平台下学生能自由地发表文章，发表自己喜欢的作品等也可以对其他同学或者老师的文章、作品进行点评。在这个平台下学习者可以根据不同的爱好创建自己的群组，在这个群组下，可以单独的进行讨论（和QQ群一样），还有就是在这个平台下可以对学习内容进行分类别的发表意见和讨论，在这里我们将BLOG界面展示如下（图4）。图4：“电脑平面设计”网络课程的BLOG界面扬州大学本科生毕业设计-5-（二）后台管理1．系统管理此模块对系统的正常运行起着非常重要的作用。系统管理员可以通过查看登录日志、系统配置，进行用户管理，发布公告等，来维护网络课程的正常运行。2．学习资源管理此模块用于教师对学生作业、学生作品、经典作品，试题进行管理，包括对其内容的添加、修改和删除。3．学习交流管理此模块为教师对师生之间和学生之间的交流进行管理，对信息有添加、修改和删除的功能。二、开发《电脑平面设计》网络课程的关键技术《电脑平面设计》网络课程是动态网站应用程序，其开发过程中主要应用到两大关键技术：动态网站数据库的设计与编程以及利用JavaScript进行网页编程。（一）数据库与Web的交互ASP（ActiveServerPages）是IIS提供的一种动态网页技术，它能够将HTML文本、脚本命令及ActiveX组件混合在一起构成ASP页，实现对Web数据库的访问。当用户使用浏览器访问ASP网页时，Web服务器响应，调用ASP引擎来执行ASP文件，并解释其中的脚本语言，通过ODBC连接数据库，由数据库访问组件ADO（ActiveXDataObjects）完成数据库操作，最后ASP生成包含有数据库查询结果的HTML页面并返回用户端。ASP是通过统称为ADO（ActiveXDataObjects）的对象模块来存取数据库，无论是采用Access、SQLServer、VisualFoxPro、Informix、Oracle、dBase或其他数据库，只要该数据库具有对应的ODBC或OLEDB驱动程序，ADO对象就能加以存取。如图6所示：扬州大学本科生毕业设计-6-图5：ASP网页、ADO对象、数据库间的关系ADO组件由七个对象和四个集合组成。其中，最重要的是Connection、Command和Recordset三个对象。Connection对象用于创建应用程序和数据库之间的连接，Command对象用于定义数据库的操作，而Recordset对象则包含了从数据库中查询到的结果集合。在ASP中通过ADO访问数据库，一般要通过以下四个步骤：1.创建一个到数据库的Connection；2.查询一个数据集合，即执行SQL，产生一个Recordset；3.对数据集合进行需要的操作；4.关闭Connection。（二）JavaScript功能JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：1、是一种脚本编写语言JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个简易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。ASP网页ADO对象OLEDB或ODBC数据库驱动AccessSQL其他数据库扬州大学本科生毕业设计-7-2、基于对象的语言。JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。3、简单性JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计,从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。4、安全性JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。5、动态性JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(HomePage)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。6、跨平台性JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。综上所述JavaScript是一种新的描述语言，它可以被嵌入到HTML的文件之中。JavaScript语言可以做到回应使用者的需求事件(如：form的输入)，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。JavaScript和Java很类似，但到底并不一样！Java是一种比JavaScript更复杂许多的程式语言，而JavaScript则是相当容易了解的语言。JavaScript创作者可以扬州大学本科生毕业设计-8-不那么注重程式技巧，所以许多Java的特性在JavaScript中并不支援。三、开发《电脑平面设计》网络课程工具软件的选择与功能实现以上的两大关键技术都需要工具软件的支撑，下面就来介绍一下开发本网络课程所选择的工具软件，及其结合关键技术所实现的一些功能。（一）工具软件的选择高效地进行网站应用程序的开发与调试，还要为网站的建设选择一些合适的开发工具，本网络课程主要的开发工具如下：1．网页制作工具——DreamweaverDreamweaver是Macromedia公司推出的主页编辑工具。它是一个所见即所得网页编辑器，支持最新的DHTM