1、学 号 密 级 哈尔滨工程大学本科生毕业论文绿色设计网站与课件设计院（系）名称：机电工程学院专业名称：工业设计（艺术类）学生姓名：指导教师： 教授哈尔滨工程大学2013 年 6 月绿 色 设 计 网 站 与 课 件 设 计 蒋 如 玉 哈 尔 滨 工 程 大 学学 号 密 级 绿色设计网站与课件设计Green design website and courseware design学 生 姓 名：所 在 学 院：所 在 专 业：指 导 教 师： 职 称： 所 在 单 位： 论文提交日期：2013 年 6 月 12 日论文答辩日期：2013 年 6 月 22 日学位授予单位：哈尔滨工程大学摘要摘
2、 要近年来，我国开始注重网络教育的发展，我国教育教学体制改革，教育教学体制得到了进一步的发展，互联网学习得到了广大学习者的好评。随着网络多媒体技术的发展，通过互联网学习知识面广，知识更新快，局限性小，学习环境不受时空的限制，在当代教育模式中有着巨大的影响力。如今网络教学的发展还不够成熟，工业设计学科本身也具有特异性，学科面光，使得用于工业设计网络教学的优良教学资源不够充足。所以说，学习类网站与多媒体课件的建设对当代教育的发展有着重要的影响，全新的教学要求需要网络课程的发展。本论文首先叙述了本课题研究的背景、研究得现状和课题研究的目的和意义，分析了多媒体课件的概念和特点与目前国内外教学模式的现状
3、，指出了当前高校教育多媒体课件中的不足。通过对目前高校传统教学和信息化教学的比较，分析利弊，研究绿色设计多媒体课件与网站界面的设计，对绿色设计课程的教学大纲进行设计，深入学习，进行实例分析；对设计课件方案进行了比较与评价；设计课程网站方案；并且对课程网站的多个方案进行分析。结合课件教学设计和课件系统设计，通过所学的视觉传达设计方法，以多媒体课件设计的理论和技法为指导，参考网站设计与建设的理论和方法，使所设计的多媒体课件和网站满足教学需要，包括教师的需要，学生自我学习的需要，互动和交流的需要等。本课件系统地介绍了绿色设计的理论和方法，制作出界面友好、便于学生学习和互动的绿色设计课件。关键词：多媒
4、体课件；教学效果；网站；界面分析ABSTRACTABSTRACTIn recent years, China focus on the development of online education, our education system, educational system has been further developed, internet learning praised by the majority of learners. With the development of network multimedia technology, wide range of knowle
5、dge through internet learning, knowledge update soon, the limitations of small and learning environment free from time and space constraints, in the contemporary mode of education has a huge influence. Today, the development of online teaching is not mature enough, the industrial design discipline i
6、tself has a specific, discipline surface light, making for excellent industrial design online teaching resources are inadequate. So, learning class construction sites and multimedia courseware development of contemporary education has an important impact, the new teaching requirements require the de
7、velopment of online courses.This paper first describes the background of this research, studied the situation and the purpose and significance of the research, analyzed the concept and characteristics of multimedia courseware teaching mode with the current domestic and international situation, point
8、ed out the multimedia courseware in higher education deficiencies. Through the current university teaching and traditional teaching of comparative information, analyze the pros and cons of “green design” multimedia courseware and web interface design, “green design“ course syllabus design, in-depth
9、study to analyze an example; the design courseware schemes are compared and evaluation; design course site plan; and a number of options on the course Web site for analysis. Instructional design combines courseware and courseware system design, learned through visual communication design approach to
10、 multimedia courseware design theory and techniques as a guide, reference website design and construction theory and methods to make the design of multimedia courseware and Web sites to meet the teaching needs, including the needs of teachers, students self-learning needs, the need for interaction a
11、nd communication, etc.Courseware systematic introduction to the theory and methods of green design, making a user-friendly, easy to learn and interact with the students green design coursewareKey words: multimedia courseware; teaching effectiveness; website; interface analysis目录目 录第 1 章 绪论11.1 论文研究的
12、背景 11.1.1 教育模式发展趋势11.1.2 课件辅助教学的重要性11.1.3 学习平台资源建设现状21.2 国内外研究现状 21.3 论文研究的目的与意义 41.2.1 论文研究的目的41.2.2 论文研究的意义41.4 论文研究的内容与研究方法 51.3.1 论文的研究内容51.3.2 论文的研究方法6第 2 章 绿色设计课程内容介绍72.1绿色设计课程介绍 72.1.1绿色设计课程的地位72.1.2绿色设计课程教学特点及教学现状82.2绿色设计课程网站需求分析 82.2.1绿色设计学习需要分析82.2.2绿色设计学习者的特征分析92.3绿色设计课程内容及课程大纲设计 102.4 本章
13、小结 11第 3 章 绿色设计多媒体课件设计123.1 界面设计流程 123.2 界面设计方法与步骤 123.2.1 设计准则与教学现状相结合123.2.2 素材的收集与加工123.2.3 设计并制作个性化的信息呈现方式的素材133.2.4 设计多媒体课件界面模板13ABSTRACT3.2.5 运用相应的软件进行界面的设计、开发与美化143.2.6 界面评价与修改143.3 方案设计 163.4 本章小结 20第 4 章 绿色设计课程网站界面设计分析214.1绿色设计课程网站界面设计的原则. 224.1.1 以学习者为中心的原则224.1.2 符合学习者认知规律的原则224.1.3 内容与形式
14、相统一的原则244.2绿色设计网站界面版式设计构成要素分析 244.2.1 界面布局设计244.2.2 界面信息呈现设计254.2.3 界面要素设计264.3 本章小结 30第 5 章 绿色设计网站方案分析与最终方案设计315.1绿色设计课程网站方案分析 315.2绿色设计课程网站最终方案设计 375.3 本章小结 40结 论41参考文献42致 谢44哈尔滨工程大学本科生毕业论文0第 1 章 绪论1.1 论文研究的背景1.1.1 教育模式发展趋势计算机技术与多媒体技术的发展不仅对人们的生活方式影响巨大，还对现代教育模式的有着重大的影响。20 世纪 90 年代起，网络教学趋势显著，网络教育发展迅
15、猛。新的教学形式与教学模式得到了不断地发展和完善，更促使教育改革，教学模式与授课方式逐渐发生变化。国内外信息化教育的发展己经进入了一个全新的发展阶段，计算机网络的普及与应用对传统的教育模式是一个巨大的突破。1.1.2 课件辅助教学的重要性当今社会，对人才的竞争间接或直接的体现了各国综合国力的竞争，教育又是对人才培养的关键所在。对未来社会的发展，人们要不断地学习才能适应社会对劳动者越来越高的要求，来适应时代的发展。传统的教育模式已经不能完全满足现代教育的需要，学习的周期是终身的，所以继续教育与终生的教育是必须的，当代教育教师的要求不仅是教给学生知识，而最重要的是教会学生怎样去自主地学到知识。对未
16、来社会的发展趋势来说，学习者的学习要求会像大众化、终生化、全球化和个性化发展，要求教育提供没有时空的限制，促进学习者之间的协同学习，知识覆盖面广、方式多样化，保证学习者无论在何时何地都能学习是未来教育的趋势。而传统的教学模式就无法达到这一目标。但多媒体网络教学可以做到，它可以通过动画、音频、文案、图像、和视频等丰富多彩的内容整合在一起，通过 Web 网络的发布使信息的来源更广、信息量更大、内容更加充实、生动。对未来学习者终身学习和继续学习的要求提供了平台。它不受时空的限制使传统的教学模式变成为丰富多彩的新型教学模式。可以锻炼学生自主学习的能力，是教育模式跨时代的飞跃。由于不受时空的限制，由此可
17、以扩大受教育的群体，新的教学模式对教育发展有着重要的意义。近年来，随着计算机网络技术的发展，企业、机关、学校等都建设了自己的网站，学习类网站的建设以及多媒体课件的开发已经成为学习者学习的重要手段与平台。在本次毕业设计中，构建一个能实现简单的辅助教师教学的动态教学辅助平台。从多种角度来辅助教师的教学和学生更加自主的学习。绪论1目前制作多媒体的工具，更新很快，也更加简单实用，学习类网站的建设与多媒体课件的开发成为了提高教学效果的有利工具，学生可以在任何地点任何时间进行相关的学习。Web 的网络多媒体教学没有时空的限制，学习者之间互相学习与交流更方便，而且知识的更新更快，在网站上，教师和学习者可以随
18、时随地发布资源，所以，学习类网站的建设势在必行。1.1.3 学习平台资源建设现状现在网络上大部分网络课程的资源与学习者的需求差距还很大。根据对网络上目前精品课程资源现状的分析。首先，课件上教学资源的整理方式传统，许多精品课件，尤其是时间偏早上传的课件内容基本是教材内容或文字的复制，内容不够丰富，一部分课程中上传了教师上课的课件或者教学录像，缺乏其他的相关资料;学习资源与功能模块整合不合理，大部分学习类网站上的内容都是简单的文字资料堆积，而可以提供新资源快速更新，资源下载，学习者能够互动、交流的学习类网站较少。其次，交互模式不全面、导航设置不够清晰，现阶段大多数学习类网站都提供了简单的论坛给学生
19、进行交流，也有一部分不提供论坛，而其中有在线答疑和在线聊天室的课程，大多都是摆设，无人应答。最后，缺乏方便快捷的辅助工具，当前的学习类网站在这方面考虑比较少，只有少部分近期的学习类网站有一定程度的体现。1.2 国内外研究现状目前，中国在网络教育发展的速度与规模上远不及美国、德国、英国和日本等发达国家。在国内，近些年来，多媒体教育，互联网的学习模式也逐渐兴起，有 67 所高校被教育部批准发展现代远程教育试点的工作，开设了法学、医学、教育学、文学、工学、理学、管理学、农学、哲学和经济学 10 大学科门类，近 140 多种专业，开设了近 2,000 个现代远程教育在校外的学习试点，有 160 多万学
20、生注册了远程教育 1。目前，课程学习类网站的设计并没有遵循教育部门的相关规范，体现在一下几方面，网站的导航，没有系统性，比较混乱，给学习者查询有效信息带来不便。最重要的一点，也是现今大多数学习类网站的共同点，就是文字类信息量非常大，而图片、视频类的信息少。随着网络技术的发展，学习者学习方式的不断变化，网上学习已经哈尔滨工程大学本科生毕业论文2越来越得到学习者的重视与青睐。由于计算机网络技术的不断发展，网上学习已经逐渐发展成一种普遍的学习途径。现今国内外不断推广网络学习，研究总结经验，使网络学习环境更自由，可操作性更强，知识更新更快。对于网络学习环境，网络课程与多媒体课件的开发，多数研究者并不是
21、针对性的学习者，而学习者与研究者能够合作完成课件与网页的开发的情况少。技术研究人员往往知识遵循大方向的规律，但是对分学科理论的研究并没有，所以制作出的课件与网页针对性小。所以，如何能使技术研究人员与理论研究人员相互配合来设计开发多媒体课件与网络课程网站，是我们研究课题发展的瓶颈。在中国知网上搜索关于“网络课程界面”的文献，发现对于这方面的研究较少，笔者认为这是网络课程与网络学习环境的建设不完善的一部分因素。 2通过对这些文献的研究，对于学习类网站的研究多数是针对某一本课程的研究，或者是研究对某一课程内容的教学设计，但对于界面的设计很少。正在设计实例的分析中也很少提及，最终导致现有的学习类网站的
22、实际应用与现实需求落差较大。就学习类网站界面的设计来说，相比较于国内研究，国外相关研究由于起步较早，所以发展至今也很成熟。无论是从宏观层面的理论指导，还是具体网站界面设计的开发实践，都有很广泛的研究。可以说对于各种相关理论的应用也非常广泛、全面并且很成熟，对于具体的界面设计原则己经形成了行内的规范。美国佛罗里达海岸大学的“在线设计原则”网站以及 Articulate 网站上的 The Rapid E-learning Blog 模块中都明确提出学习类网站设计过程中应该遵循的规律和原则，介绍了关于学习类网站界面设计研究与发展的成果，包括信息呈现原则、界面设计原则以及多媒体信息设计原则等 3。第一
23、，网络课程的界面信息的呈现要做到清晰、直观，其逻辑序列的排列应该能够遵循学习者的认知规律，能促进学习者进行阅读和加工；第二，界面信息的呈现要适量，不要一次性呈现过量的信息，以免给学习者造成认知负荷；第三，学习内容的组织结构应该具有良好的层级递进关系，页面之间的链接应确保准确且有逻辑，方便学习者进行信息检索和页面切换；第四，对于图形图像的使用不能是为了单纯的装饰作用，而必须要有明确的教学意图；第五，对于色彩与文字的使用应该协调搭配，以提高网络课程的视觉形象为目的，并能够促进学习者的认知加工。Best Web Design 网站中的 Web Course Design 模块部分对网络课程开发的整套流程作了详细介绍，涉及到分析、设计、开发、利用、管理、评价各个层次 4。而将设计这一部分又进一步细分为内容设计和界面设计，详细阐述了网络课程界面设计原则和
