1、1“乳腺癌”专题学习网站的设计与开发 1）王惠珍，杨丽全，肖灿华，包利文1)为广东高校现代教育技术“151”工程立项课题，项目编号：GDA099摘要：专题学习网站是在因特网的环境下，围绕某一专题进行较为广泛深入研究的资源学习型网站，本质是一个基于网络资源的专题研究、协作式学习系统。本文详细阐述了“乳腺癌”专题学习网站的构思过程、设计、开发和评价等，为学习者开展基于专题学习网站的协作、探究性学习提供平台。关键词：乳腺癌；专题学习网站；设计；开发The design and development of subject-based learning website about “breast ca
2、ncer”WANG Hui-zhen, YANG Li-quan, XIAO Can-hua，BAO li-wen(Nursing Department, Southern Medical University, Guangzhou 510515, China)Abstract: The subject-based learning website refers to the resource website for learning engaged in a wide deeper research on a certain subject. The essence is a special
3、-topic-study and collaborative-learning website. This paper detailed introduces the procedure of thinking, designing, the process of development of subject-based learning website about “breast cancer”. The study aims to offer a platform for learners.Key words: breast cancer; subject-based learning w
4、ebsite; design; development 进入 21 世纪，信息技术与课程整合这一概念已经在信息技术教育研究领域产生了强烈的影响，但大部分整合方式的研究集中在具体的学科之中，基于 Internet 的专题学习网站的建设是信息技术与课程整合的新视点，是信息技术与学科整合的重要切入点 1。 外科学或外科护理学是临床医学和护理专业最重要的主干课程之一，是学生学习的重点，也是教师授课的重点。乳腺癌是常见的普通外科疾病之一，是女性最常见的恶性肿瘤之一，已被喻为全球女性的第一号健康杀手，由于乳腺癌涉及的相关知识相当广泛，包括生理、病理、解剖、内科、康复、整形、心理、预防保健等，而且出现的新理
5、论、新技术和新方法较多，所以在教学中需不断更新素材。如何设计一个既有深度、又有广度，既有基础知识、又有最新进展的学习素材是医学生、乳腺疾病患者和普通民众的迫切需求。为此， “乳腺癌”专题学习网站的设计与开发对促进人们对乳腺癌的认识和教学有重要意义。1 网站建设的主要目的和服务对象为医学院校不同专业的本科生开展基于专题学习网站的自主、协作、探究性学习提供平台；为网络学院或继续教育的医学进行网上学习；也可用于以乳腺疾病为研究方向的研究生及医护人员等人士自学；为相关领域的教师备课提供一个专业性、共用性的资源库；为广大女性、对乳腺疾病知识感兴趣的乳腺疾病患者或普通民众提供科普性学习的园地；建立乳腺癌病
6、例讨论和研究成果展示的园地。2 “乳腺癌”专题学习网站的设计2.1 网站专题内容和框架的确定及设计专题内容的选定是网站建设的关键，内容的选择要体现“乳腺癌”专题的特点，因为专题学习网站的本质是一种基于网络资源的研究性学习系统，核心是专题学习资源，学习资源建设以“专题”为导向，以“整合”为特征。专题学习网站必须包含以下四个基本内容 2：专题结构化知识、专题资源库、专题协作学习环境和专题学习评价。 “乳腺癌”专题学习网站专题内容的确定及设计是根据外科学及外科护理学中“乳腺疾病”教学特点和专题学习网站的基本构成要求，同时通过国际上流行的“头脑风暴法” （Mind storming）确定网站的内容模块
7、。本网站确定的框架包括内容模块和工具模块。其中内容模块2见图 1；工具模块包括(1) 站内搜索；(2) 站外搜索；(3)相关链接；(4)书签等。图 1：乳腺癌专题学习网站内容模块框架结构图2.2 系统设计（1）人机交互界面的设计首页尽可能有吸引力，其设计成功与否，直接关系到学习者对网站的第一印象。本网站首页具有界面简洁、美观，结构合理、信息量大并可随时更新的特点：首页的最上方设有网站的“Logo” （标志） ，下方一个非常清晰的横条是包括网站 8 个主体模块的“模块导航” ；最左边有学习者“注册登录”入口，取得查看网站及操作的权限，下方是“在线调查” ，技术上设计时采取只有注册登录才能投票，而
8、且一个用户名只能投一次，这样避免有些人乱投票，保证调查结果的更加科学、真实，这是本网站技术实现上的一个特色。再下方是站内搜索和站外搜索，为学习者提供查询站内资源和站外信息等；首页的中间是“诊断与治疗” 、 “护理与康复”和“个案分析”3 个主要栏目内容，表明首页信息量大，并可随时更新的特点；首页的最右边是公告栏，显示有关乳腺疾病的最新会议、报告通知等最新消息，下方是“研究动态”和“资源中心”两个模块；首页的最下方有书签、友情链接、网站介绍和联系我们等功能。首页中各个功能模块都有文字链接，学习者点击不同的模块，就可以进入相应的模块浏览学习。（2）导航策略设计导航设计在专题学习网站的设计中举足轻重
9、，与版面设计一样，设计网站的导航不仅要从功能上考虑，同时也需要从视觉感受上考虑，它应当与整个站点的界面设计融为一体，既要在功能上提供方便，更要在视觉上起到点睛作用。 “乳腺癌”专题学习网站的导航设计主要有以下几种：模块导航、检索导航、菜单导航、帮助导航和热门文章（资源）导航等。（3）屏幕界面设计包括屏幕信息的布局、屏幕信息的呈现、颜色搭配以及文字设计等。根据网站的视觉流程设计将导航信息位于屏幕顶部的上方或左边；二级页面菜单导航放在页面的左边；屏幕设计时注意信息的密度及显示等因素，尽量将所有相关数据显示在单个屏幕上，减少学习者的记忆负担根据网页色彩搭配的原理，“乳腺癌”专题学习网站3结合乳腺疾病
10、患者大多数是女性的特点，网站设计采用粉紫色和淡灰色为统一的基本色调，为避免紫色过多而造成的单调、沉闷和视觉疲劳，整个网页是白色为底，在白色上面搭配粉紫色的色块，色块采用了明暗色变化及颜色渐变的色块处理，局部采用粉紫色与桔黄色、淡蓝色搭配。为使网站整体风格一致和每个模块风格一致，但又不单调、死板。所以设计时采取每个功能模块结构相同，色彩各不相同，但色彩及图片风格保持一致。为学习者营造一个美观、和谐、愉悦的画面及色彩丰富的学习环境，为乳腺疾病患者提供一种轻柔、舒适、放松的感觉。总之，专题内容的选定是专题学习网站建设的首要环节，它决定了专题学习内容的生成以及整个学习过程；教学设计和网站整体框架结构的
11、设计是专题学习网站开发的前提和基础；而系统设计则是充分发挥网络的优势，将教学设计中所确定的专题内容在网络环境下呈现出来。可见，专题内容的选定及教学设计、网站整体框架结构设计和系统设计是专题学习网站设计的三个重要环节，缺一不可。3 “乳腺癌”专题学习网站的开发3.1 网站开发技术基础与工具本网站的开发主要应用了以下几个方面技术：开发环境选用 Microsoft 的 windows 2000 server 下运行；数据库选用较为系统化、实用的 SQL Server；动态网页发布技术采用最新的 ASP.Net；WEB 服务器采用 IIS5；网站开发工具使用 DreamweaveMX。3.2 开发过程
12、资料收集、整理：根据网站建设的具体要求，按上述网站的内容模块进行分工收集，采用多级树型结构进行分类组织搜集网站所需素材和资料，包括文本、图形图像、视频、音频和动画等,经乳腺疾病的专家的修改、审查后方可录入网站，保证内容的科学性、正确性。编写制作脚本：制作脚本是体现专题学习网站系统结构和教学功能并作为网站制作的直接依据的一种文字表现形式，编写制作脚本是开发专题学习网站的前提。用 ASP.Net 编写脚本语言。编码实现：按照系统设计的内容，运用 DreamweaverMX 开发网站的静态网页。使用 SQL Server 数据库系统建立网站所需的数据库。运用 ASP.net 编写网站的动态网页发布程
13、序。资料的整理和录入：资料在审核修改后录入已开发网站平台的相应模块。其录入格式遵循教育部有关标准和技术规范：一般文字素材多用文本文件 txt 、html 格式；图形图像多以 JPG、GIF 等压缩格式；动画格式以 mov、GIF、Flash；视频格式以 wmv、rm 等。(5)网站初步建成，试运行测试：把初步建成的网站放置本校校园网的服务器，在本校的网络教室组成了一个小型模拟测试环境，按照网站设计开发的要求，测试网站是否达到预期目标，是否能跨平台、跨浏览器运行，重点测试网站运行的可靠性、稳定性等技术指标。(6)网站评价、完善：“乳腺癌”专题学习网站在校园网运行了 3 个月之后，对网站的效果进行
14、了评测，邀请乳腺疾病专家、教育技术领域的专家、学科教师和学生分别对网站的开发和应用效果进行评价。4 小结本文具体阐述网站的专题内容的选定及组织、网站整体框架结构的设计和系统设计过程；并在Microsoft 的 windows 2000 server 开发环境下，选用较为专业化和系统化 SQL Server 数据库，通过ASP.Net 动态网页发布技术和 Dreamweaver MX 网站开发工具来原型开发“乳腺癌”专题学习网站平台；同时按照广东省高等学校现代教育技术“151”工程资源建设规范的要求来搜集、制作、整理网站所需的资源，并录入网站中；最后按照网站设计开发的要求，进行网站测试。 “乳腺
15、癌”专题学习网站整体结构及模块划分合理，功能齐全，各模块资源丰富，可以满足学习和科研的需要。资源总量约 1.70G，采用4动态网页制作技术，可随时更新、删除和修改；丰富的专题学习内容，将专题学习、课题研究和临床实践融为一体；具有强大的专题学习功能；界面简洁、美观，具有很强的艺术性；有正式网址（http:/ ，可以通过互联网访问，资源可以跨平台使用，较好的兼容性；提供定位准确、快速的站内和站外搜索引擎；提供普通患者网上咨询和学习功能。参考文献1 王丽珍.信息技术与课程整合的新视点J. 中国远程教育 , 2005,(1):63-65.2 谢幼如,尹睿.专题学习网站的教学设计J. 电化教育研究 ,2003,(1):34-38.*注：本课题为广东高校现代教育技术“151”工程立项课题，项目编号：GDA099作者简介：王惠珍，女， （1954） ，教授，硕士研究生导师，院长，从事护理管理、护理教育研究，工作单位：510515，南方医科大学护理学院；杨丽全工作单位：351100，福建莆田学院；肖灿华工作单位：510515，南方医科大学护理学院；包利文学习单位：510515，南方医科大学 2001 级医学影像学专业。联系电话：013527830115，020-61648340 Email：联系地址：广州同和南方医科大学护理学院 王惠珍收 510515
