多媒体网站设计开发范例6篇

前言:中文期刊网精心挑选了多媒体网站设计开发范文供你参考和学习,希望我们的参考范文能激发你的文章创作灵感,欢迎阅读。

多媒体网站设计开发

多媒体网站设计开发范文1

关键词:小型教育网站 Web SQL Server ASP应用程序

国际互联网(Internet)自上世纪80年代诞生至今,在短短几十年的时间里已经从美国的发源地分布和推广应用在全球范围内,这一发展趋势吸引了各国在互联网行业的快速发展,国际互联网也由此对人们的日常生活起到至关重要的作用,渗透到人类社会的每一个角落。随着国家经济与社会的快速发展,在互联网时代背景下,教育越来越注重创新性教学研究,为培养符合时代要求的高素质人才提供了技术支持。Web服务器在国际互联网(Internet)的推广和应用方面起到不可或缺的作用,是访问Internet的一种最为简便快捷,也是应用最广泛的方式,尤其是年轻人的使用频次,因此,在Web互联网环境下的创新性教育具有重要的潜力可以发掘,基于Web的小型远程教育网站在推动现代教育改革方面具有重要的作用。

一、教育网站的特点

1.以多媒体为载体的呈现方式

多媒体教学是现代教学有效利用现代信息科技尤其是Internet的成功体现。现代教学实践已经证明多媒体教学在提高学生学习兴趣和积极性,改进教学方法,改善教学质量方法具有非常突出的潜力和优势。

2.交互式技术的应用。众所周知,教学实践过程是教师与学生的互动过程,教师需要传道授业,学生需要学习巩固,而网络教学最为突出的特点是有利的实现了教学的交互性。

3.开放与灵活性

以Web为载体的网络教学为现代教学提供了一个开放性教学,通过超文本的方式将教学内容进行远程传播。

二、小型教育网站的功能模块分析

1.远程教学系统

远程教学系统从时空的角度而言,实现了不同地域、不同时间间教学资源的传播,是基于Internet上的实时的虚拟的集成学习环境的教学模式。从资源共享的角度而言,远程教学系统最为突出的特点是为师生的教学学习过程提供了一个虚拟的环境,在这一虚拟环境中为教师教学、学生学习提供了最大的教学资源,仅仅以网页的形式即可实现教学内容的传播与接受。

2.智能答疑系统

学生学习的过程就是对疑问追求答案的过程,而教师教学过程则是传播知识,解答疑问并掌握学生学习状况的过程。智能答疑系统实现了教学过程中,学生疑难问题的汇总,教师答疑过程的集中化和便捷化。通过智能答疑系统教师不仅能够及时帮助学生掌握知识,解除疑问,而且通过汇总分析及时掌握教学效果和学生的学习掌握情况,有利的提高了教学质量。

3.在线考试系统

基于SQL数据库和Internet网络技术的远程教学系统是一个综合实时测评系统,在线考试系统实现了教师测评教学效果的智能化,相比于传统纸质考试而言,在线考试系统实现了出题、应答、批阅以及题库的集合。

4.教学资料库

CAI课件充分体现了教师利用现代网络技术进行教学的过程,一个高质量的的CAI课件可谓是教师的教学经验与知识和心血的结晶。因为,CAI课件是基于计算机技术将传统知识数据化的复杂的系统制作。现代教学中,教师也越来越多的应用CAI课件。

5.远程交流系统

电子公告板也即BBS是远程交流系统的基础技术支持,在网络技术的基础上,实现了远程交流系统的信息实时交流和讨论的功能。远程交流系统是一个开放式的信息交流与传播平台,学生与学生、学生与老师以及老师之间都可在远程交流系统中,不受时间、地域等条件的限制进行实时交流和讨论。

6.远程多媒体视音频点播系统

在信息时代背景下,影音无疑是吸引学生的一大利器。远程多媒体视音频点播系统实现了视频和音频资料在教学实践中的实时和远程点播。远程多媒体视音频点播系统是教育网站交互式特点和技术应用的最好体现,实现了教学过程的便捷化,教学内容的可视化,对于知识的传播和教学效果的提高具有重要的作用。

三、小型教育网站的建设、运行及维护

1.小型教育网站的建设。结合教育网站在远程教育过程中的模块,我们不难发现,一个正规的教育网站不仅需要高性能的硬件设备作为载体,同时需要利用现代软件技术进行Web程序的编写,SQL Sever数据库和ASP整合的开发技术的整合,构建基于“Sever-Browser”架构下的设计开发模式。

2.小型教育网站的运行与维护机制建设

小型教育网站在“Sever-Browser”架构下的设计和开发只是网站成功的第一步,而网站的运行和维护机制则是保障学生和教师愿意使用的关键。为此,在网站运行和维护机制建设中需要充分发挥师生的主观能动性。为教师和学生在使用小型教育网站过程中提供人性化服务和后勤保障,吸引和调动教师与学生的使用热情。同时,引导师生的自律习惯的养成,唯有自律,小型教育网站才能发挥储存和传播教学资源,提供教学场所,发挥教学工具的作用,在教学主体之间构建桥梁的作用。

3.其它推广维护工作,主要就是寻找互换链接的对象、信息、Email营销推广、回复客户Email以及网站与用户的互动应答等,大都需要长期经营。这些工作大多不需要涉及太复杂的专业知识,但需要投入很多精力。对于企业网站维护人员,需要明确工作职责、内容,并长期学习新知,这人属于时代营销网站的忠实用户。

四、结语

小型教育网站的开发与建设是一项网络技术的应用,需要各专业人才的共同协调参与,尤其是软件编程和维护人员对数据库资源的掌控,教师对CAI课件的制作和分享。小型教育网站的推广应用是对传统教学模式一种改革,在信息化时代背景下,小型教育网站不仅能够实现教学资源的共享,同时也促进了社会创新性的发展,为培养高素质、高质量的人才提供新的途径。目前,网络技术的发展为技术人员在Web上开发应用程序,和进行基于“Sever-Browser”架构下的教育网站设计开发模式提供了可能性,也为教学资料库本身带来了开放性。

参考文献

多媒体网站设计开发范文2

【 关键词 】 教育资源网;IA;设计

Design of Educational Resources Website from the Perspective of IA

Gao Chun

(Henan Police College HenanZhengzhou 451000)

【 Abstract 】 This paper describes the current situation and problems of the construction of educational resources in China, and points out the important role of the IA theory to guide the construction of websites.

【 Keywords 】 education resource network;ia;design

1 引言

在教育信息化推动下,我国教育资源网站发展迅速,作为教育资源的重要组成部分,资源网站不仅可以有效促进学习,而且能推进学习的个性化和社会化。因此,各教育机构和高校都纷纷建立起了自己的教育资源站点和远程教学网站,通过共享学习资源,为学习活动提供必要的资料,对教学活动开展起到很好的促进作用。目前,根据资源网站的组织情况,国内教育资源网站大体可以分为三大类:国家和地方级教育资源网站,分类教育资源网站,学校、企业或个人网站。

虽然我国在教育资源网站建设上取得了很大成绩,但由于国内教育信息资源标准化研究太慢,对于资源网建设还没有一个统一的标准化体系,导致网站建设随意性较大,存在几个问题:(1)网站设计花哨,实用价值不大,容易分散学习者注意力;(2)网站页面信息量大,栏目太多,内容不易查找;(3)页面层次感、清晰度不够,部分网站文字模块过于繁杂,导致信息过载;部分网站图片使用意义不明,比例设置失衡;(4)为获取利润,一些教育机构在网站上挂有太多广告,容易引起学习者负面情绪;(5)网站缺乏整体规划,结构松散,没有一个统一的标准体系。

从以上问题可以看出,现阶段我国资源网站的建设,没能真正站在用户需求的角度去开发。未来教育信息化的发展应偏向于资源的有效利用上,如何更好地促进学习,做到资源共享,是资源网站设计者们应考虑的问题。

2 IA理论在教育资源网站建设中的重要作用

IA理论即信息构建(Information Architecture),由美国建筑学家R.S.Wurman提出,基本含义是组织信息和设计信息环境、信息空间或信息体系结构,以满足需求者的信息需求、实现他们与信息交互的目标的一门艺术和科学。它包括调查、分析、设计和执行过程,设计到组织、标识、导航和搜索系统的设计,目的是帮助人们成功地发现和管理信息。

由于互联网上的信息种类繁多、内容特征多种多样的多媒体信息,造成信息空间的混论,用户在其中很容易迷惑和迷失方向。因此,互联网尤其需要信息构建成为信息化和优化的思想和工具,以帮助用户在异质的信息空间中管理和获取信息。随着网络的发展,IA理论被引入到网站的设计开发过程中。

网站IA是指借助图形设计、人机交互图书馆学等理论方法,在用户需求的基础上,组织网站信息、设计导航系统、标识系统和搜索系统,帮助用户方便地查找和应用信息,其核心思想是“让信息可访问”和“让信息可理解”。本文认为,将IA理论应用于资源网站建设有积极作用:(1)获得和理解信息内容,将信息组织好;(2)优化信息结构;(3)面向用户传达信息内容;(4)提供一个清晰的易于信息获得的界面。作为一门新兴的学科,用IA理论指导教育资源网站设计,是一种全新的理念。

3 教育资源网站信息构建设计与分析

教育资源网站作为一个服务性网站,旨在为学习者提供教学资源,对其进行信息构建不仅能使网站的功能、内容和风格上更符合学习者的需求,方便学习者快速获取信息,而且有助于增强网站的灵活性和可扩展性,为后期维护提供便利。

3.1 网站页面风格设计

页面风格设计包括整体形象设计、字体设置和色彩搭配。教育资源网站要立足教育服务和教育文化的理念,不同风格的页面设计要针对教育内容和学习者类型。色彩和字体的设置也要考虑学习者的喜好,不同专业、不同年龄段的学习者对色彩和字体的喜好都有所不同。

3.2 组织系统设计

组织系统设计是对网站所有信息进行有序分类、合理布局,方便学习者快速的查找定位到所需要的信息。信息组织系统包括信息组织体系和信息组织结构两个主要方面。信息组织体系也就是组织的维度,分为精确性组织体系和模糊性组织体系。精确性组织体系对信息类别界定比较清晰,方便用户对信息的查找。模糊性组织体系对信息类别的界定不太清晰,方便用户对信息进行模糊性检索。教育资源网站应提供多种信息获取方式,两种组织提醒同时使用,精确性组织体系用于显性内容的浏览,模糊组织体系用于相关信息的检索。组织维度的选择就是确定组织的上下左右关系,教育资源网站信息组织结构的设计,应以自上而下的树形结构为主,以自下而上和超文本结构为辅,组织结构在广度上不超过10项,在深度上不超过5层。

3.3 标识系统设计

标识系统就是标签系统,负责网站内容的表述,为内容确定标签、内容或描述。标识系统有五种表现形式,分别为标题型、导航型、上下文链接型、索引型和图形。标识系统的设计不仅可以对页面起到装饰作用,还可以引导学习者,使网站更具个性化。设计标识系统应遵循两个原则:(1)有效的标识系统应明确学习者是谁,为学习者提供什么,怎么用等问题;(2)标识的设计要统一,即版面样式、设计风格、语法、两个相同信息内容的标签等要统一,不可产生歧义。

3.4 导航系统的设计

导航系统就是信息组织系统的页面化显示,其目的是让学习者能够知道自己所在的位置,所能获取到的信息,就像地图一样,让学习者知道自己从哪里来,这里有什么,将要到哪里去。网站导航系统主要有几种类型:全局导航、局部导航、情景式导航、辅助导航。为满足不同学习者的学习需求,在教学资源网站的设计中,要综合使用各种导航。其次导航的位置要符合学习者的习惯,通过调查得知,绝大多数学习者习惯全局导航放在网站顶部,而将局部导航放在网站左边,这样的布局使学习者有一种熟悉感。

3.5 检索系统的设计

教育资源网站内容多、信息量大,检索系统的设计可使学习者快速直接获取自己所需要的信息。在设计检索系统时应注意几个问题:(1)提供多种检索方式,为满足学习者不同的信息需求,应设置全文检索、作者检索、图片检索、视频资源检索等多种检索方式,方便学习者查询;(2)检索界面的设计应提供简单检索和复杂检索两种方式,提供模糊、精确和二次检索功能;(3)检索结果应设置必要的提示,当学习者无法检索到所需信息,系统应提供相关检索建议。

参考文献

[1] 陈洪磊.基于IA的高校门户网站问题分析与对策[J].情报杂志,2010.12.

[2] 徐瑾.信息构建探析[J].科技进步与对策,2005,22(2):170-171.

[3] 陈建勋.Web信息架构(第三版)[M].北京:电子工业出版社,2008(8).

多媒体网站设计开发范文3

关键词中职教育 信息化教学 诗歌专题设计

在传统教育观念长期影响下的语文老师,面对基础薄弱的中职生,目前大多数职业学校语文课堂中,仍是教师讲,学生听。教学过程中,重传授轻探究,重结论轻过程,重共性轻差异,重独立轻合作,重认知轻情感,高耗费低效率等传统课堂教学固有的弊端依然存在,严重制约了学生的发展,也与当今教学改革目标相距甚远,这样一来滋长了学生对语文的轻视和厌学情绪。近年来中等职业教育课程改革国家规划新教材《语文》基础模块上册选编《荷花淀》《致橡树》《我愿意是急流》《永远的蝴蝶》《情人的玫瑰绽开在教室里》等歌咏人世至爱真情的文章,一改过去中职语文教材面目陈旧、索然寡味的状况,注入了新的教学内容。选入爱情题材作品是符合中职学生身心发展需要的,也顺应了社会发展的要求,更符合中等职业教育课程改革的理念和精神,爱情观作为学生人生观的一个重要组成部分,正确的引导教育不可或缺。

随着新型教育技术的广泛采用,传递教学内容的途径已经在发生重大的改变,尤其是电子计算机的普及,确保了学生在多种时空下学习这些内容。他们可以按照教学要求自己制定学习计划,并且能够运用计算机进行自我测试和评价。我们借助信息技术拓展教学时空,改变传统教学以教师为主导的讲授教学模式和语文单学科独立模块个体作业的教学方式,有效地促进了中职语文教学的发展。在建构主义理论、诗歌鉴赏学习理论的支撑下,我们运用多种信息化手段对古代爱情诗专题进行了设计。

1在信息化教学中诗歌专题系统设计

中职教材中古代诗歌专题课程与信息技术的整合是本专题信息化的核心。本专题是师生学习型多媒体网络教室下的教学研究课程。诗歌是一种以抒情为主的文学形式,即使是叙事诗,也总是把抒发饱满浓烈的感情放在一个极为重要的位置;同时又是以爱情题材为主,此时既不能抛开语文学科特点,更不能让语文课堂变成谈情说爱的地方,如何有效适度地进行爱情教育,就应该按照中职语文教学内容和要求,以学生“阅读各种优秀作品,体会其丰富内涵,加深和拓宽对自然、社会、人生等问题的思考和认识”为出发点。是以先进的思想和认知学习理论为指导,以多媒体计算机网络为辅助手段,以培养和发展学生多方面能力为宗旨的一种新型教学模式。

1.1分析教学目标。

笔者认为,中职语文教学设计应侧重创设符合教学内容要求的情境和提示新旧知识之间联系的线索,向学生提供较为复杂的真实问题,帮助学生开发或发现这些问题。本专题的教学内容依据职高语文教学大纲的要求选定,教学对象为高中二年级学生,教学时间为4个课时,根据实际情况,教学目标包括以下几个方面:(1)利用教学网站创设情境,确定学习要点,优化学习内容,培养专题研究意识。(2)利用软件,引导学生独立发现问题、分析问题和解决问题,让学生学会欣赏诗歌,体会诗歌中丰富的情感。(3)通过对爱情诗歌的赏析,培养学生对爱情的正确认识,帮助学生树立高尚的爱情观和审美观。

1.2确定设计思路

根据以上教学目标,确定网站的设计思路:即利用网站创设情境,让学生学会欣赏诗歌,体会古代爱情诗词的韵味,培养高尚的爱情观和审美观。

我们专题网站设计流程为:网站需求分析一网站功能定位一学习者特征分析一专题内容选取一知识结构体系设计一信息资源选取与整合一学习模块设计一页面美工设计。

本专题是师生协商学习型多媒体网络教室下的教学研究课程,以培养和发展学生多方面能力为宗旨,涉及朗诵教学和赏析教学等诸多层面的一种新型教学模式。通过这一系列合理而完整的设计流程,构建出网站的总体框架。

1.3具体内容

在教学的过程中,我们以中职教材中古代诗歌专题课程与信息技术的整合的理念出发,把网站分为九个模块(见图1):

(1)网站首页。水墨画配上古筝弹奏的“梅花三弄”,把学习者拉入了诗歌的古典意境,画面上游动的小鱼灵动可爱。左侧是九个模块,一目了然,便于操作,右侧是展示内容的平台,上方是专题的LOGO,也是以水墨山水画为背景,整个页面富有古典韵味,体现了现代技术与文学意境的完美结合。

(2)课文学习。这是主体教学课程。老师在使用过程中,可以直接参考并利用“课文学习”模块中的大量素材。根据三首诗歌内容分成三个部分,配以完整的教学设计以及一些辅的学习资源,每首诗歌的学习分解为“原文译文”“文学背景”“教学FLASH”“同步练习测试”四块内容。本模块是整个网站的基础,是教学性最突出的部分。其中“同步练习测试”特色在于用VB编程制作并嵌入“课文学习”模块,实现了人工智能与人机交互。既可作为学生自学时检查课前预习的工具,也可作为了解课后学习效果的工具。

(3)名家评价。有关爱情诗歌方面的视频赏析,从名家讲评中体会古代爱情诗词的韵味,加深对古代爱情诗词的理解,例如百家讲坛等。将教育性和趣味性结合,注重诗歌欣赏的深度挖掘和广度探求。

(4)先睹为快。为满足老师不同需求,教学中也可直接进入“先睹为快”模块,利用教学FLASH和观看与诗歌相关的视频文件,理清教学思路。控制按钮清楚明了,易操作,易查阅,节省备课时间,提高教学效度。

(5)美图美看。“美图美看”包括名人图片、诗歌故事版画、剧照等增强学生感性认识。比如与《钗头凤》相关的《沈园故事》图片,从中可以看见隐藏在文章背后的丰富内容,以各种形态直观呈现给学习者,提高其学习兴趣,拓展其知识面。

(6)美文美读。诗歌朗诵也是诗歌学习的一个重要部分,除了在FLASH中插入以外,另外还专门设置了一个模块,方便同学和老师们欣赏学习。

(7)扩展阅读。“扩展阅读”让学生既可以进行爱情诗歌比较阅读,也可以了解其他经典爱情诗歌作品。还增设友情链接,当网站实现动态的时候可以充分利用。这些都大大扩宽学生的知识面,加深对专题的认识。

(8)学习笔记。这一模块可以让老师及时了解学生的学习情况,接纳反馈意见,这个模块把学生、老师和电脑三者高效结合起来。学生的信息进入数据库保存,教师可以留言,网络用于动态时,学生可以进入数据库,这样即便于教师掌握学生的学习情况,又能让学生得到及r的反馈,实现师生的互动。

(9)留言板块。使用这个多媒体软件的学校或教师个人,在有服务器设备的条件下,只要实现动态网络即可交互信息,在线师生互动,甚至做到在线实时解答,就像现在网上医生实施的网络问诊一样。

网站还非常适合远程教学和学生自学。本多媒体教学软件让学生完全可以在没有教师的情况下理清思路,达成自学。以《钗头凤》为例,原文译文,背景资料都有呈现,动态的FLASH设置情境增加了趣味性,美文欣赏让学生体会到诗歌的韵味,感受诗歌中丰富的情感,学会诗歌欣赏的一般方法,实现语文诗歌教学的初衷。

在这个学习型多媒体网络中实施整个教学活动,它与普通多媒体教室有明显的区别。首先,学生可以通过网络进行问题学习,协作学习。其次,学生还可以利用教学软件在计算机上自主学习,再次,教师可利用网络的互动功能及时了解学生的学习情况,并能及时接受学生的反馈,给予辅导和调整教学方法。这些都是在普通多媒体教室不能做到的功能。

2本专题多媒体教学软件制作的特色与关键技术

(1)本课件中要求用于多媒体网络环境下,所以充分利用网络特性进行设计与制作。特色在于用flash课件代替了以往的PPT课件,用Dreamweaver和Flash相结合制作的多媒体教学软件兼容性好,嵌入在学习网站当中,是我们尝试进行多媒体教学革新的新成果。

(2)应用VB编程设计人机交互智能部分,学生可以自由输入内容,对错由电脑给出提示,体现了教学软件良好的交互功能。本课件中要求用于多媒体网络环境下,所以充分利用网络特性进行设计与制作。教师在完成课文讲解后,开放控制权给学生,让学生在自己的机器上可以自主学习,另外不明之处可以用笔记本记录下来,体现了教学软件良好的交互功能。由于用VB编写这一部分软件较容易,且兼容性好,是我们尝试的一个多媒体编程方向。教师可通过网络公开分析讨论学习者练习中出现的问题,在线学员都可进行讨论,并最终解决问题。

(3)由于用Dreamweaver CS3和Flash CS3 Pro制作的多媒体教学软件兼容性好,使用Flash课件动态效果好,有利于达成情境教学的高效性,这也是我们尝试的一个多媒体教学新的方向。

多媒体网站设计开发范文4

关键词:电子教室;在线学习;Java

中图分类号:TP313 文献标识码:A 文章编号:1009-3044(2015)29-0015-03

The Design and Implementation of the Electronic Classroom Based on Java

XU Li-hua

(Nanjing Institute of Industry Technology, Nanjing 210023, China)

Abstract:With the popularity of the Internet, the traditional learning mode has become more and more not to meet the students' learning habits, followed by online learning has been the students and teachers welcome. This system mainly serves all the students and teachers in the school, to provide them with a more diversified learning environment. This system is based on Java technology, which can realize the function of online learning, resource sharing, online examination and so on.

Key words: electronic classroom;online learning; Java

1 本系统的研究意义

在传统的课堂式教学下学习存在着很多的缺点,比如不能随时随地掌握学习的主动权。随着科学技术的不断提高,计算机科学与技术日渐成熟,计算机应用的普及,计算机已经进入人类社会生活的各个领域,并发挥这越来越重要的作用,越来越多的学员选择网上在线学习。

在线学习提供最优秀的教育资源传统授课方式中,真正能享受到最优秀老师付的人只能是少数人,而通过在线学习,学员可以任意选自己感兴趣的课程,接受优秀老师所上传的知识的精华,接受一流的教育。在线学习可以让学员不收时间和地域的限制,并且可以随时随地上网参与学习,而在线学习必须依赖一定的应用软件为之服务,提供一种类似“网上教室”的虚拟空间,本系统就是基于Java技术设计并开发的,给教师和学生提供在网上进行教学、互动、资源共享等功能的电子教室。

2 系统功能说明

本系统设计与开发分为前台和后台。前台又分为用户和游客,后台分为教师和管理员。普通用户、游客、教师、管理员的具有的功能如表1所示 :

表1 系统框架表

[前台\&普通用户\&学习课程、考试、下载/共享资源、收藏课程\&游客\&学习课程\&后台\&教师\&新增章节、下载共享资源\&管理员\&新增院系、开设课堂、审核资源\&]

游客的主要功能是学习课程。

学生的主要功能是学习课程、考试、下载/共享资源、收藏课程。

教师的主要功能是新增章节、下载/共享资源。

管理员的主要功能是新增院系、开设课程、审核资源。

3 系统设计

3.1 数据库设计

根据系统的功能分析,进行数据抽象和建模后,进行本系统的数据库设计。分别是:院系表、课程表、试卷表、试卷问题表、章节表、资源表、用户表、错误试题表,具体信息如表2所示:

3.2 系统开发框架

本系统基于Java B/S架构进行设计开发,遵循MVC模式,严格进行了应用系统的三层结构的划分。

MVC模式是“模型-视图-控制器”,MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用于组织代码用一种业务逻辑和数据显示分离的方法,这个方法的假设前提是如果业务逻辑被聚集到一个部件里面,而且界面和用户围绕数据的交互能被改进和个性化定制而不需要重新编写业务逻辑MVC被独特地发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

在本系统的开发过程中,利用了JSP+Servlet技术,严格遵循了MVC模式进行开发,系统的耦合度小。

用Servlet充当控制器,来实现业务功能与对应页面的控制转发;

用JSP页面充当视图层,来实现业务功能的展示。

用接口和接口实现类分离,配以工厂模式的形式来实现业务逻辑类,充当JavaBean的角色。

4 系统主要功能实现

4.1 个人中心功能

个人中心的功能具有资源推送、我的收藏、我的错题、修改头像、修改个性签名、试卷和课程的推送,实现效果如图1所示:

4.2 资源共享功能

资源共享功能具有查看资源列表、上传资源及下载资源功能,效果如图2所示:

图2 资源共享页面

本功能主要代码如下:

int res_id = Integer.parseInt(request.getParameter("rd"));

int flag = Factory.getResourceDaoInstance().addSum(res_id);

Reource res = Factory.getResourceDaoInstance().getRes(res_id);

SmartUpload su = new SmartUpload();

su.initialize(pageContext);

su.setContentDisposition(null);

su.downloadFile("/upload/file/"+res.getRes_way());

%>

4.3 课程页面

课程的页面实现主要有查看课程简介,查看章节目录、试卷列表、最热资源、数据统计,以及收藏课程的功能,效果如图3所示:

4.4 注册登录功能

注册功能需要用户把基本信息的必填项全部填写完毕,如有未填写则会显示提示,并且同意协议后方可注册,注册成功后系统会自动给你填写的电子邮箱发个激活邮件,激活后账号方可使用。

登录功能是个弹出层,输入账号、密码之后才能登陆,否则会有网页弹框提示,如果登录的账号未注册或者未激活,也会有相应的提示,效果如图4所示:

图4 登录功能

5 总结

本文介绍了基于Java的电子教室的设计与实现过程,包括需要解决的问题,系统的需求功能分析,系统的功能设计等。

对于在线学习(E-learning)这个课题有很大的前景,随着互联网的发展,教育行业在十年前就推广远程教育,通过互联网虚拟教室来实现远程视频授课,电子文档共享,从而让教师与学生在网络上形成一种授课与学习的互动。本项目将在以后的工作中进一步优化解决,使之可以真正应用于生产实践。

参考文献:

[1] (美).Cay S. Horstmann, Gary Cornell.JAVA 2核心技术.卷I,基础知识[M].机械工业出版社,2006.

[2] (美).Kevin Mukhar.Java 数据库应用程序编程指南[M].电子工业出版社. 2002.

[3] 刘俊亮,王清华.JSP Web开发学习实录(配光盘)(Web程序员成功之路) [M].清华大学出版社,2011.

[4] 李超.CSS网站布局实录:基于Web标准的网站设计指南[M].2版.科学出版社,2007.

[5] 李刚.疯狂HTML 5/CSS 3/JavaScript讲义(含CD光盘1张) [M].电子工业出版社,2012.

[6] (美)麦卡劳.基于MVC的JavaScript Web富应用开发[M]. 李晶,张散集,译.电子工业出版社,2012.

[7] 刘义良.多媒体电子网络教室在实验教学中应用探讨[J].铁路计算机应用,2010(9).

[8] 蔡海燕,袁晓斌.多媒体电子教室在教学中的应用[J].软件导刊,2008(10).

[9] 鲁明勇,一种新型的教室――互动式多媒体网络教室[J].教育信息化,2003(5).

[10] 闫丽萍.电子教室的进一步发展和应用.软件导刊,2012(4).

多媒体网站设计开发范文5

关键词:意义建构,任务驱动,网页设计

1 引言

随着网络信息化的飞速发展,网络应用日趋广泛和成熟,网站是网络应用的主要形式,越来越多的企事业单位、政府和个人,通过Internet网站,用于宣传企业产品,政府法规,展现个人风采;还有电子期刊、网上交易等,网站的应用已经渗透到生活中的各个方面。网页设计成为了炙手可热的计算机应用技术。如何提高网页设计教学效果,培养学生独立开发网站的能力,是我们在教学工作中要考虑的问题。

2 建构主义理论

建构主义是在认知主义基础上发展起来的独特的学习观,它认为“学习不应该被看成是对于教师授予知识的被动接受,而是学习者以自身已有的知识和经验为基础主动的建构活动”。也就是说,学生学习过程是在教师创设的情境下,借助已有的知识和经验,主动探索,积极交流,从而建立新的认知结构的过程。

建构主义主张学习是学习者主动建构自己知识经验的过程,是通过新经验与原有知识经验的相互作用而不断充实、丰富和改造自己已有知识经验的过程。它强调学习的主动性、实践性、创造性和社会性。

在认识论的基础上,建构主义提出了学习实质上是一种“意义建构”的独特观点。以“建构”观念取代传统的学习是一种“反映”的观念,更能体现学习的本质特征。因为“反映”是从客体的角度来看问题,强调学习作为一种认识所具有的客体性和符合性;而“建构”则强调主体性和选择性,指出了学习作为一种认识是主体能动选择、主动建构的过程,其中心在于学生的“学”。

3 网页设计课程的教学方法研究

3.1 网页设计课程特点

网页设计课程基本以传统的教材结构为主线,主要以Dreamweaver8.0软件为主干,Flash动画制作和Fireworks图像处理为辅助工具,介绍网站开发过程。Dreamweaver8.0是Macromedia公司推出的一款专业网页制作软件,它支持所见即所得的可视化操作,使用十分方便。

Dreamweaver网页设计是一门实践性很强的技术基础课,它在要求学生熟练掌握网站开发工具的同时,要求学生发挥创造性思维和创新精神,设计彰显个性的优秀网站。

3.2 传统网页设计教学方法的不足

传统Dreamweaver网页设计课程安排与教材结合非常紧密。从常见的网页元素,到表格与布局、框架、表单、层、CSS样式表、模板和库等等,所有操作都是教材中的内容,学生学习和上机操作都很直观,容易将理论知识和实践相对应。学生可以通过教师的演示和讲解很快的掌握某个网页元素的使用方法,但是问题在于,学生是学习主体的地位被剥夺。根据以往的教学情况来看,往往存在这样的问题,就是教师教了哪些知识点,学生就只会哪些知识点:教师做了什么样的演示,学生就按部就班地只会做相应的操作,知识没有经过他们思维的二次加工,因此只能处于简单的记忆、模仿阶段,根本不会有创新的意识。可是创新意识正是一个好的网站开发者所必备的潜质。没有了创新,网站就不具备吸引眼球的魅力。

网页不仅要实现一定的功能,还要体现出美学价值,符合人们的审美习惯。传统网页设计教学活动,我们将大部分精力用在了介绍网站开发的流程上,从网站整体规划,素材的准备、网站的建立,到页面制作和调试,最后到站点的与维护,而忽视了如何建立一个成功的网站。一个成功的网站大都由制作精美的网页组成。网页的布局合理,颜色搭配得当,网页间的层次清晰,内容别具特色。是其能够从众多网站中脱颖而出的重要原因。我们要在课堂上引入相关的行业知识,美术知识,色彩知识和网站策划知识,并与Flash以及Fireworkers软件的使用相结合,使我们的学生不仅在技术层面上会建网站,还要能建好的、精美的网站。

3.3 任务驱动教学法在网页设计课程中的应用

“任务驱动”是一种建立在建构主义教学理论基础上的教学法。它要求“任务”的目标性和教学情境的创建。使学生带着真实的任务在探索中学习。在这个过程中,学生还会不断地获得成就感,可以更大地激发他们的求知欲望,逐步形成一个感知心智活动的良性循环,从而培养出独立探索、勇于开拓进取的自学能力。

3.3.1 兴趣的培养

兴趣对于学生的主动学习非常重要,教学刚开始时,教师可以通过推荐一些富有特色的专题网站和展示一些优秀的网页作品,激发学生开发网站的兴趣,并将该方法始终贯穿整个教学过程,让学生始终保持对于网站开发的热情,从而引导他们去思考如何建立网站、设计网页,并由此确定建设一个完整网站的总体任务。

3.3.2 统筹兼顾,精心设计任务

教师在设计任务时,要从学生实际出发,充分考虑学生现有的知识结构和能力水平,精心设计教学任务及教学情境。激发学生探索问题的兴趣,让学生带着具体的任务学习,培养学生主动学习的习惯。

任务驱动应用在网页设计课程中,可以大致分为3个阶段:基础准备、案例分析和项目设计。其中基础准备阶段,主要是引导学生学习书本上的知识,包括Dreamweaver的基本操作,ASP基础,数据库基础等,通过让学生加强上机练习巩固基本技能,为网站开发做好技术准备。这一阶段教师主要做好理论知识的总结归纳和上机操作的指导。

案例分析阶段,教师主要是通过某个网站开发的具体实例,分模块介绍网页设计的方法,将大任务逐步细化成小任务,在解决小任务的同时可以将Dreamweaver基本工具的使用贯穿其中。例如,设计用户登录/注册模块,用到了表单元素和简单的ASP技术。此阶段教师主要是引导学生从需求分析阶段开始,逐步完成某一个主题网站的设计。

项目设计,可以作为课程结束之际的一种考察手段,布置学生一个大作业,让学生设计开发一个网站。由于网页设计是一种主观性很强的工作,每个学生的想法都不一样,因此,作业主题不限,让每个学生都可以尽情发挥,当然,网站要做到主题鲜明,风格统一。通过这样的方式,可以让学生更好地掌握网站设计制作的流程,培养综合运用知识的能力。

3.3.3 培养学生团队协作意识

团结协作是一切事业成功的基础,个人和集体只有依靠团结的力量,才能把个人的愿望和团队的目标结合起来,产生1+1>2的效果。在网页设计课程的教学中,教师需要设计一些相对比较复杂的任务,让学生分组讨论共同完成。这样不仅锻炼了学生的能力,而且培养了学生之间的团结协作精神。

3.3.4 加强指导,客观评价

任何一个任务提出之后,不要急于讲解,而是先要让学生对提出的任务进行思考,分析和提问。问题提出后,教师不要直接告诉学生应该如何去解决,而应该给予适当的提示和引导,指引学生找到解决问题的线索。让学生结合自己所学知识去解决问题,或者通过书本和网络探索学习新的知识,这样学生的能力才能不断提高。

对于学生设计的网页作品,可以通过多媒体教学环境进行交流展示,每个人都参与讨论评价,对于优秀作品中的关键步骤可以大家共享,从而达到共同提高的目的。

多媒体网站设计开发范文6

【关键词】高职 网络程序设计 网络课程 设计

【中图分类号】G【文献标识码】A

【文章编号】0450-9889(2013)10C-0073-03

在当今的信息化时代,学生的学习方式已从传统的基于课堂教学模式转变为通过多种途径获得知识,其中网络教育因其突破了时间与空间的限制,能够培养学生在传统课堂中难以实现的自主学习和探究学习的能力而成为高职教学中一个重要的研究课题。网络课程克服了传统课堂教学模式的不足,成为现代信息化教育发展的新趋势。

随着网络技术的发展,程序设计的重点已从传统的桌面程序设计转向网络程序设计。为适应信息技术的发展需求,近年来,网络程序设计已经成为各高职院校计算机相关专业的必修课程。其主要任务是使学生掌握Web网站的基本概念、基本原理和开发的基本方法,通过讲授目前流行的Web开发技术及数据库访问技术,培养学生从Web程序设计开发、网站建设、设计到实现的实践动手能力,能够在老师的指导下完成一个具有实际意义的小型Web应用系统的开发。本文拟以网络程序设计课程为例,对网络课程设计进行探讨。

一、网络课程设计理念

以职业能力培养为核心,以实践教学为主线,打破以知识传授为主要特征的传统学科课程模式和以职业工作过程为导向的行动课程模式,转变为以注重培养学生解决实际问题为中心,构建课程体系,遵循由浅入深、循序渐进的原则,着眼于弱化网络程序设计的难点,强调学生动手开发能力的培养,探讨“任务驱动+案例教学”的教学模式在网络程序设计课程中的应用。

针对网络程序设计课程内容抽象、难于理解、学习困难的特点,为降低学生的学习复杂度,提高学生的实践动手能力,新授课程采用任务驱动教学法组织教学,理论知识教学以任务驱动为单元,以“必须”、“够用”为度,突出实践,加强应用性和针对性,让学生在完成任务中掌握知识,带动知识、概念和技能的学习。

对综合课的教学,围绕教学目标和内容的需要,采用典型案例组织学生进行学习、研究、锻炼。典型的小型Web应用系统案例包括留言板、BBS论坛、聊天室、新闻公告系统、文件上传系统、在线购物、网上书店等。利用案例创设一个良好的宽松的教学实践情景,把真实的典型问题展现在学生面前,让他们设身处地地去思考、分析、讨论,从而激发学生的学习兴趣,培养学生创造能力及分析、解决问题的能力。教师可通过采用案例教学法,引导学生对学过的知识加以概括性整理和深化,以形成新的认知结构,逐步递进,最终使学生形成综合网络程序设计的应用能力。

本课程所有的理论教学、课程实验、综合实训,都采用“任务驱动+案例教学”的教学模式进行设计。

二、网络课程的具体设计

(一)导航设计

网络课程信息量大,涵盖媒体素材多样,包含文本、图形、课件、音频、视频、动画等多种形式素材,内部信息之间的关系也较复杂。因此,除在信息结构上要合理设计外,对信息的导航策略要求也十分高。要求导航设计要清晰、明确、简单,符合学生认知心理,否则,学生容易迷失方向。基于导航要求清晰准确这一网站设计思路,将网络程序设计课程网站所有资源进行合理的分类,整个网络由“课程教学实施方案”和“课程网络学习平台”两大部分组成。

“课程教学实施方案”是站在教师的角度,向学生全面介绍整个课程的实施方案,让学生了解课程的教学安排,以便制订具有个性化的学习计划,界面设计如图1所示。

“课程教学实施方案”界面主要包含5个栏目:一是课程简介,包含课程简介,师资队伍两个二级栏目;二是教学大纲,包含课程教学大纲,综合实训大纲两个二级栏目;三是课程特色,包含课程特色,发表文章两个二级栏目;四是教学条件,包含校内实训基地,校外实训基地两个二级栏目;五是教学手段,包含教学方法,教学模式两个二级栏目。单击“进入”按钮可链接到“课程网络学习平台”。

“课程网络学习平台”是站在学生自主学习的角度,向学生提供可通过因特网自主进行学习的完整的网络课程,界面设计如图2所示。

“课程网络学习平台”界面包含9个栏目:一是电子教案,包含网络程序设计课程所有教案;二是电子课件,包含网络程序设计课程所有课件及所有案例分析课件;三是教学录像,包含网络程序设计课程所有教学录像,在每章的教学录像中浏览者可随意控制要播放的录像内容;四是实训教程,包含网络程序设计课程的实验教程和综合实训教程,共有12个实验和4个典型案例分析,所有实验和案例都可在线演示;五是技术专题,提供该学科当今的一些研究成果,以及配合教学内容的一些资料,有利于学生进行扩展学习;六是教学资源,提供一些网站制作素材,供学生们在制作网站时使用;七是在线测试,包含对本课程的教学内容的自测题目及其自动评判系统,输入用户名和密码,即可进入在线测试模块,在“在线测试”模块中,选择要测试的教学内容,即可进行自测和自评;八是师生论坛,提供一个师生互动的平台,包含对本课程常见问题的讨论及其解答,输入公共账号和密码即可登录该论坛,亦可注册新用户后,再登录,九是动画演示,包含所有原创动画,通过Flas演示来讲解课程中的重点和难点内容。

(二)论坛设计

为便于师生讨论和教师答疑,建立“师生论坛”作为交互讨论平台。教师固定时间和学生同时在线,就可以实时回答学生的提问,如果教师不在线,学生还可以留下问题与同学进行交流,也方便教师上线后回答。

“师生论坛”包含用户注册、用户登录、发表新帖、回复帖子、浏览帖子、用户信息等功能模块,系统功能结构如图3所示。

“师生论坛”是一个典型的网络应用系统,为方便论坛的维护和扩展,需为不同用户分配不同的权限。注册学生属于普通用户,普通用户可以发表帖子、回复帖子、浏览帖子、浏览整个论坛信息;任课教师具有管理员权限,管理员可以对整个论坛信息进行全面管理,系统工作流程如图4所示。

(三)在线测试设计

为了考查学生对本课程知识的掌握情况,实现考试功能与教育评估和教育管理功能的高度结合,使考务工作自动化,设计了一个在线测试模块。在线测试包含对本课程的教学内容的自测题目及其自动评判系统,在在线测试模块中,学生可以评价其自主学习的效果,为教师提供教学分析的依据。

根据网络考试的特点,将在线测试系统分为前台和后台两个模块进行设计。前台主要用于考生注册、登录、在线考试、查询成绩、退出系统。学生注册并登录后,即可选择考试内容进行在线测试。前台功能结构如图5所示。后台主要用于管理员对管理员信息、考生信息、考题信息、考生成绩信息等进行管理。教师或管理员登录后,即可进入后台对所有考试信息进行管理。后台功能结构如图6所示。

“在线测试”是一种以互联网为基础的考试模式。这种模式,为学习者创造了一种新的考试环境,使学生可以随时随地通过网络进行考试。学生通过学号注册成功后,输入自己的学号和密码登录进入前台,按步骤依次进行选题和答题,答题完毕后系统会自动评分,并给出考试成绩,解决了在考试后等待考试分数通知的问题。管理员或教师使用自己的用户名和密码登录后,可进入后台,对考生信息、考试信息、管理员信息、考试题目等,进行添加、修改、删除等管理,系统工作流程如图7所示。

三、网络课程设计的优点

上述网络课程设计存在如下优点:

其一,网站制作技术多样化。网络课程的前台采用Dreamweaver+Flash+Photoshop作为开发工具,后台采用ASP+Access进行设计,所有页面采用CSS+XHTML进行布局,界面设计新颖合理,教学目标清晰,定位准确,栏目设置合理,导航方便。

其二,教学录像浏览方便。在网络课程中,浏览者可随意控制要播放的教学录像内容。教学录像窗口采用框架结构布局,由三个区域组成,左上角是视频音频播放区,可任意调整视频窗口的大小,适应学生个性化的浏览要求。左下角是文字索引区,可随意选择需要播放的章节内容或知识点。右边是屏幕流播放区,播放教师计算机的屏幕内容。

其三,实验教程可实现在线演示。利用网络程序设计具有操作性强和可再现性的特点,借助现代教育技术,设计“实验教程在线演示”功能,使学生能够很直观地感知程序的运行结果,提高学生运用程序设计知识解决实际编程问题的能力,降低学生的学习难度,提高学习效果和效率。

其四,动画演示形象直观。对于教学中的重点、难点和教学手段难以表达的教学内容,通过动画演示栏目,利用多媒体技术丰富的表现力,帮助学生掌握重点,突破难点。

其五,师生论坛交互友好。论坛给师生提供一个交流的平台,为网络的互动提供便利。通过论坛,师生得以更方便地交流,更便捷地发表自己的观点,学习者可以从中获得自己想要的信息,实现网络资源共享。

其六,在线测试题库丰富。在线测试系统建立了覆盖所有知识点的题库,方便学习者自主测验、及时得到反馈信息,从而有计划、有步骤,系统地调整学习进度,使网上学习更有效。与此同时,教师(管理员)可以通过系统对学生的信息进行分析统计,有针对性地为学生提供指导。

以上网络课程设计在实践教学中取得了很好的应用效果,在配合课堂教学,提高教学质量和学生自学能力方面,发挥了重要的作用。在今后的网络课程教学中,还应以学生发展为目的,合理开发、利用各种课程资源,实现课程资源的多样整合,促进学生全面发展。

【参考文献】

[1]吕怀婉.优质网络课程资源开发与设计[J].西安电力高等专科学校学报,2012(2)

[2]刘占东.高等院校网络课程建设初探[J].职业技术,2012(6)

【基金项目】2011年新世纪广西高等教育教改工程项目(2011JGB193)