张红岩,张军辉 (安徽工程大学现代教育技术中心,安徽 芜湖 241003)
大学生网络伦理教育主题网站设计与实现
张红岩,张军辉 (安徽工程大学现代教育技术中心,安徽 芜湖 241003)
为了给广大师生提供伦理教育交流的平台,设计了大学生网络伦理教育主题网站。阐述了该网站的总体设计,详细介绍了网站功能模块设计,并对网站实现进行具体分析。该网站试运行后,效果良好,得到广大师生的认可。
网络伦理教育;主题网站;设计
大学生作为接触网络的高频人群,如何在虚拟环境下整合中西方网络伦理教育资源,通过主题网站开展网络伦理教育,是一个值得探讨的重要课题。为此,笔者对大学生网络伦理教育主题网站设计与实现进行探讨❶安徽工程大学青年基金资助项目“安徽省大学生网络伦理现状调查与教育对策研究”(2008YQ016)。。
1.1网站总体架构
图1 网站总体框架图
网站的总体设计以学习者为中心,对学习者的学习过程进行分解,具体分为以下5个功能模块:在线课堂模块,其功能是实时讲授和在线点播;学习社区模块,其功能是主题讨论、我是新生和小组交流;资源中心模块,其功能是用户登录、案例分析、教学教案和专业资源;博客部落模块,包括学生日志、学生相册、博客明星和博客公告等内容;网络调查模块,其功能是在线调查和统计分析,网站总体框架如图1所示。
1.2网站结构设计
1)页面链接结构设计 基于Web信息的最大特点是任意链接,如何将信息放入逻辑顺序并创建一个有趣易懂的资源库是网站建设的重点。线性结构、树状结构、网状结构和分栏式结构是网站通常采用的页面链接结构形式。由于该网站定位为互动学习类主题教育网站,因此在结构设计上主要采用分栏式结构与网状结构相结合的方式,这样网站中的模块以分栏的方式非常清晰地排列在首页上,当访问者选择相应模块进入到相应页面后,可以在页面之间随意跳转。
2)网站的导航设计 该网站的导航系统和其它类型网站的导航系统不同,主要表现在以下几方面:①导航内容具有专业性和学术性,其包括教育资源、学习资源、知识资源等。②导航服务对象具有针对性,可以指导学习者方便地进行选择性学习。网站栏目导航是通向网站主要栏目的链接,是网站一级层次结构。网站栏目导航如表1所示。
表1 网站栏目导航
图3 教师管理视频流程
3)公共服务设计 公共服务是网站的一些重要元素的链接,这些链接可以帮助访客使用网站(如帮助、网站地图等)或者能够提供有关网站组织者的信息(如关于我们、与我们联系等)。
4)当前位置设计 当前位置告诉访问者目前正处于网站的哪个地方,其作用是通过显示在浏览进程中的位置,减少访问者在网站内的“空间迷失”。
1.3网站资源设计
网站的资源是网站得以存在的物质基础。网站资源设计是指确定主题教育网站所需的信息资源的种类、明确每种资源在主题教育网站中的作用以及确定站点信息资源的来源与依据。一个主题教育网站中的信息资源应该非常丰富,在类别上主要包括专题知识内容、文献和各种素材库、信息资源库、案例库、试题库等,在资源呈现方式上主要包括文字、图片、动画、声音、视频、虚拟现实等[1]。参照现有网站的资源设计理念,该网站的信息资源也分为上述类型。其中,文字图片类的资源主要来自日常搜集的教材以及网络上的热点案例,声音视频类的资源除了一些学习类的视频、案例视频外,还包括课程的教学视频资源等。为此,笔者采用分层分级的设计方法,使资源的呈现方式更具逻辑性和可用性,同时方便资源更新,网站资源设计层级图如图2所示。
2.1在线课堂模块
在线课堂模块的功能是设计在线的视频资源,这样可以方便学习者自主观看讲座视频,使其系统地学习网络伦理教育的相关内容,具体功能如下:①教师添加、修改和删除在线视频(见图3);②提供学生在线观看视频教学页面;③呈现可随时任意跳转的目标链接,方便学习者对学习内容进行选择。图3是教师管理视频流程。
2.2学习社区模块
图4 学习社区模块示意图
图5 博客部落模块示意图
由学习内容建构的讨论区和公共留言板是该网站学习社区的2个组成部分。BBS论坛交互式的在线沟通方式为学习者之间以及教室与学习者之间提供相互交流的平台,是学生进行协作学习的重要工具,也是教师了解学生学习状况的重要信息来源。因此,教师通过BBS论坛可以针对某个专题提出讨论主题,让学生参与主题讨论发表自己的观点,同事管理员也能在线向用户发布公告信息。学习社区模块的示意图如图4所示。
2.3博客部落模块
博客部落即博客群,是博客管理与博客专集组织的基本形式,博客站点以“群”的方式组织博客专集,以此推动同一类型文章的展示或讨论某一主题,如SOHU博客就建立了诸如IT博客群、读书博客群等[2]。博客部落模块的主要功能如下:学习者申请博客;提供学习者在线管理博客页面;提供群主管理页面。博客部落模块示意图如图5所示。
3.1网站艺术实现
1)网站风格 在网站设计中,当确定了网站的主题、预设目标群体、信息资源内容以及结构和导航体系后,还需进一步找出最能体现网站风格的元素[3]。对于该网站来说,由于其预设目标群体是大学生,因此在风格设计中,应更注重青春、活泼、生动、亲切、有活力的“整体形象”的营造。网站首页如图6所示。
2)网站的CI设计 目前,CI设计概念已广泛应用到网站的设计中,其主要作用是通过视觉来统一网站的形象。由于该网站是师生网上学习、交流的平台,因而在设计中应给访问者一种明确的站点形象,具体包括以下几方面:设计网站标志;确定网站的标准色彩;确定网站标志、标题和主菜单的标准字体。
3)网站的色彩设计 色彩作为创造有序的视觉信息流程的重要因素,是决定网页界面传递信息的关键。设计该网站的色彩时应考虑如下内容:页面背景与文字、图片、边框、图标、链接等搭配是否符合网站的整体风格;利用不同的色彩分布与搭配,将不同类型的信息分布排列,从而形成有序的视觉流程。此外, 在设计过程中应考虑到网页的色彩是否能引人注日,是否照顾访问者的视觉感受,是否与所表达的内容相一致等。
图6 网站首页 图7 资源审核模块界面
3.2网站资源审核模块技术实现
资源审核部分主要由站点超级管理员负责,也可以由超级管理员赋予其他管理员相应的权限进行设置,其目的是防止上传资源内容不合法或不安全,资源审核模块界面界面如图7所示。
在数据库表设计方面,资源审核的功能实现较为简单,仅在资源表中添加一字段进行判断即可,通过判断该资源记录所对应的资源的值即可判断该资源是否已审核,从而在前台页面窗口进行相应的显示。在前台页面,数据库中已添加一个字段chk作为置顶的标记,0代表审核中,1代表审核完。在后台代码编写页面修改时,用选择框选择0或1, 也可以用复选框,也可以直接用文本框填写0或1。
大学生网络伦理教育主题网站的设计建立在对安徽省大学生网络伦理现状调查和相关网站分析基础上,在设计时应充分体现以学习者为中心的理念,通过用户管理模块将学习者纳入网站管理核心,同时在学习社区模块通过开发学习论坛和问答中心使学习者形成以知识建构为目标的学习共同体。博客部落模块的设计和开发也体现了主题教育网站与博客相结合的新型的学习模式,使得学习过程更为活泼和开放。在线课堂模块的设计和实现运用了当前流行的流媒体技术,从而丰富学习资源的形式。该网站经过试运行后,效果良好,得到广大师生的认可。
[1]徐苗.教育主题网站的总体策划[D].徐州:徐州师范大学,2005.
[2]百度百科博客群[DB/OL].http://baike.baidu.com/view/128108.htm.2009-3-24.
[3]百度百科网站制作[DB/OL].http://baike.baidu.com/view/10410.html#3.2012-3-2.
10.3969/j.issn.1673-1409(N).2012.08.041
TP393.092
A
1673-1409(2012)08-N124-04
2012-04-16
张红岩(1980-),女,2002年大学毕业,硕士,工程师,现主要从事媒介素养、网络传播技术方面的教学与研究工作。
[编辑] 李启栋