专题学习网站的设计、开发和应用策略研究——以“庆阳文化专题学习网站”为例

开花旭 王蕊 罗万丽

（西北师范大学 教育技术学院，甘肃 兰州 7 3 0 0 7 0）

专题学习网站的设计、开发和应用策略研究
——以“庆阳文化专题学习网站”为例

开花旭 王蕊 罗万丽

（西北师范大学 教育技术学院，甘肃 兰州 7 3 0 0 7 0）

专题学习网站是互联网背景下学习资源的一种重新组织，其为学生提供了一种便捷的探究学习平台，能够培养学生在网络环境下自主学习、探究学习和合作学习的能力。本文针对目前专题学习网站建设中存在的问题，以“庆阳文化专题学习网站”的建设为例重新设计与开发了专题网站，并得出其应用策略，以期对我国专题学习网站的研究工作提供借鉴。

专题学习网站；设计与开发；应用策略

一、问题的提出

专题学习网站最初是源于李克东教授在2001年提出的“专题探索—网站开发”的教学思想，后有研究者将其内涵概括为四论：学习系统论、学习平台论、工具论和教学方式论。[1]专题学习网站作为网络学习环境下的资源学习型网站，主要是围绕教学目标，以专题为导向进行相关主题资源的优化整合，内容多以结构化知识展示和拓展性资源呈现为主，可辅助学习者进行基于资源的自主学习和协作学习。

在现代信息技术环境下，专题学习网站以其多样化的资源优势和结构化的知识展示等优势深受广大教师所喜爱。笔者在参与“甘肃省新闻网站建设与对外传播研究”项目的一次调研中发现，很多教师对于借助专题学习网站进行教学普遍很感兴趣，也尝试过在教学中使用并且创建专题学习网站，设计相关的专题案例，开发专门的技术平台等，但这些专题学习网站也存在着页面设计不合理、技术支持不到位等问题。通过文献梳理发现，国内研究者对于专题学习网站建设存在的问题也有论述。如陈永光认为专题学习网站结构化知识设计不足，表现在用户界面、导航、内容和超链接等模糊呆板，扩展性学习资源设计较少。[2]范荣指出专题学习网站重开发实践而轻理念研究，忽略了“师生共建”的原则，从教学设计到资源整合，基本是教师单方面承担了所有工作，没有考虑到学生的主体性。[3]可见教师对于专题学习网站的结构和本质认识还比较模糊，在应用方面还需要更为深入的探究，专题学习网站的设计与开发也亟待更多的策略和建议。

二、专题学习网站的设计与开发

在“互联网+”潮流的影响下，教师借助专题学习网站培养学生自主学习、协作学习和探究学习等能力，促进学生创新、实践能力的培养，是新时代下实现教育信息化所必需的教学手段。[4]专题学习网站的设计应当重点突出对内容结构和功能的设计。首先，对于功能模块的设计要能够满足用户的基本学习需要，导航、资源库、讨论空间等是一个专题学习网站基本的功能模块，其设计要求操作简单、使用方便；其次，要突出其资源整合的功能，资源库系统的设计应当能够兼容多种不同格式的资源，便于学习者浏览和下载；最后，需要整合多种相关技术来搭建网络学习平台，且平台的使用应当具备技术门槛低、协作交流便捷等特征。

本文以“庆阳文化专题学习网站”的建设为例研究专题学习网站的设计与开发，主要从以下四个方面进行论述：

（一）网站系统架构和功能模块设计

1.系统整体架构

该专题学习网站采用典型的B/S模式架构，即浏览器/服务器模式。笔者依据系统需求分析，将该网站的整体架构分为表示层、管理层和数据库层。表示层主要是为用户提供一个可视化的操作界面，管理层负责对整个系统运行进行管理，数据库层负责对系统数据的构建和存取。[5]处于表示层的教师、学生和管理员通过浏览器不仅能便捷浏览该网站中的开放学习资源，注册登录后还能通过可视化的界面向系统管理员发出业务请求；管理层负责对接收到的业务请求进行处理并反馈给用户，若是用户访问失败或者不能正常作业，则必要时还需要对数据库层进行操作；数据库层收录了对该网站使用者的多种数据库，用户和管理员操作的数据都存放在数据库中，包括系统信息库、用户数据库、资源数据库和论坛库等。

2.网站功能模块设计

庆阳文化专题学习网站的设计主要包括前台和后台两部分。前台部分提供给用户便捷的资源浏览和访问，资源主要包括六个模块：首页展示、魅力庆阳、文化新闻、县区动态、教育在线、视频播报，访问包括注册、登录之后进入到文化论坛进行发帖评论。后台管理部分包括资源管理和用户管理，资源管理涉及对网站学习资源的添加编辑，用户管理是对网站使用者的管理，包括用户查找和删除等。

（二）网站技术可行性分析

1.技术路线

庆阳文化专题学习网站以MyEclipse 8.5为主要开发工具，以Dreamweaver 8.0为辅助开发工具，服务器采用Tomcat 6.0版本。该学习网站的页面开发和集成主要采用JSP（Java Server Pages）技术实现，JSP从根本上讲是一个简化的Servlet设计，用它开发的Web应用能够兼容多种不同浏览器和运行环境。网站前台页面主要是以HTML语言进行制作，使用DIV+CSS进行布局和样式化。页面制作还用到了图形图像处理工具PhotoShop和动画制作工具Flash，两者都是Adobe公司下的多媒体软件工具，其自身携带多种技术的功能优势能够支持专题学习网站的建设获得丰富多样的界面素材。

2.关键技术

该网站在开发过程中主要用到的技术有：JSP动态网页开发技术、Java Servlet技术、JavaScript技术和MySQL数据库技术。

（1）JSP动态网页开发技术：指一种基于Java语言的动态网页编程技术，具备跨平台、跨网站服务器、易维护和安全性能高等特点。JSP技术建立的网站支持与用户进行高效的动态交互，是目前动态网站建设所使用的主流技术。

（2）Java Servlet技术：该技术是在Web服务器端创建应用程序，并且与JSP结合使用以响应用户请求的对象，即Servlet对象。

（3）JavaScript技术：JavaScript是一个脚本编程语言，其功能主要是提供一种动态的、个性化的Web内容，并且能够与用户进行交互。

（4）MySQL数据库技术：MySQL是一种互联数据库技术，它将数据信息保存在不同的表中，并对表中的数据信息进行编辑、删除、修改等操作，是一种支持网站系统灵活运行的技术。

（三）网站设计和使用流程

1.结构设计

结构设计是网站建设的骨架，因为专题学习网站特定的教育性目的，在设计结构时不仅要关注知识结构的设计，以有利于体现教学内容的层次关系，还要注意对功能结构的设计，以有利于实现个别化教学，培养学习者的发散性思维[6]。在进行庆阳文化专题学习网站知识内容的设计时，笔者选择以庆阳本土特色文化为主，内容涉及饮食文化、民俗文化、语言文化及各县区文化时事要闻等，意图吸引更多学习者的关注。关于功能结构的设计，主要依据学习者的学习习惯进行内容组织和导航设计，在远程学习中，清晰明了的导航设计能够帮助学习者更好地理解学习内容，为了方便学习者随时进入某一导航，该网站始终保持导航栏位于页面的上方。网站整体结构设计效果如图1所示。

图1 庆阳文化专题学习网站总体结构设计效果图

2.交互设计

庆阳文化专题学习网站设计了专门的学习交流空间，学习者只需要通过注册页面注册个人相关信息，在管理员认证审核后就能登录到BBS论坛中。BBS论坛支持学习者网上发帖互动，解决学习中遇到的问题和困难，并能够向网站管理员提出该网站改进的意见和建议等。

3.用户使用流程

庆阳文化专题学习网站是一个基于B/S架构的开放式专题学习网站，学习者使用浏览器向Web服务器发出资源学习的请求，服务器对此请求做出响应，将有关资源信息发送给学习者的浏览器供学习和查看，并且能够通过浏览器注册和登录之后学习相关的资源信息。其用户在使用该网站进行学习时，可依据个人需求进行首页和其他导航页面资源的浏览学习，在学习过程当中遇到困难需要帮助或者对其他用户讨论内容感兴趣的情况下，可以通过注册登录的方式进入到BBS论坛中浏览或发表评论来获得帮助，问题解决之后退出登录。

（四）网站数据库的设计与实现

1.数据库概念模型的设计与实现

数据库的模式架构依照一定的模型来实现。概念模型是人们对现实世界数据对象的初步建模，同时也是开发者和用户之间的一种语言，能够表达出用户所想并为开发者所知晓。概念模型的建构能够帮助学习者正确理解网站结构和资源的组织形式。概念模型中的实体指的是客观存在的事物，能够很清晰地区分出来。联系指的是现实世界中事物内部或者事物与事物之间的联系，这些联系能够客观地反映出事物与事物之间的联系。一个实体往往通过某种逻辑与另一个或多个实体产生联系，概念模型中的联系将直接影响数据库的设计。

庆阳文化专题学习网站采用MySQL数据库，形成了概念模型的实体—联系属性图（E-R图），主要有用户实体、管理员实体、资源实体和论坛实体。用户实体通过评论作用于论坛实体，通过浏览资源作用于资源实体，管理员实体的作用是对其他三种实体进行管理，以此来构建各实体之间的联系。

2.数据库表结构

按照该网站的结构功能要求，笔者在数据库中总共建立了四张表，分别是用户信息表、管理员信息表、资源信息表和论坛表，以用户信息表为例说明数据库中的表结构。如表1用户信息表结构所示，表中“列”共设计了四个字段，每个字段都包含了不同的数据信息。由于登录名、邮箱地址和登录密码都难以估计其确切的数据长度，所以使用Varchar可变长度的字符串数据类型，并且用户在注册和登录过程中必须完整输入相关信息才能成功，主关键字作为用户信息表的唯一特定标识，其数值也不能为空。数据库表结构的相关信息只有拥有管理员权限才能进行编辑、删除和修改等操作。

表1 用户信息表结构

三、专题学习网站的应用策略

（一）构建专题学习网站的知识模块

网站体系的构建依赖于一定的知识模块，主要包括专题资源库、专题知识库、协作学习平台和专题论坛这四个模块。[7]

1.专题资源库

专题资源库的类型包括文本资源库、视音频资源库、图形动画资源库、案例资源库和文献资料库等，将这些类型的资源上传到网上，作为课外拓展资源供学生随时查看，补充了教师课堂教学中的不足。

2.专题知识库

专题知识库资源的建设主要来自课本的结构化知识和课本之外的拓展性知识。结构化知识与校本课程相关联，内容与学科知识紧密结合，学生通过专题网站学习这些结构化知识，完成对知识的重新建构。拓展性知识是综合各学科的知识，它通常建立起不限于本学科的知识体系供学生参考。学生在学习的过程中先以校本课程中的结构化知识为基础，然后学习学科之外的拓展性知识，在体验学科知识交叉的教学过程中使个人能力得到全面发展。

3.协作学习平台

协作学习平台支持的是一种合作交流的探究性学习活动，各学习群体和个人之间是协商互动、共同作业的关系。该平台应至少包括三个功能模块，即管理员空间、教师空间和学生空间，用户凭借自己的账号、密码登录到各自的学习空间。且学生通过空间访问，以个人或小组合作的形式完成讨论任务和作业。

4.专题论坛

论坛模块的设计旨在为学习者提供一个讨论交流的空间，论坛不仅支持组内成员间发帖交流，而且对注册该网站的所有用户都开放，用户可自由在论坛页面发表个人意见，其他用户看到后可跟帖评论。

（二）将网站功能与教学应用相结合

1.教学内容以主题化的形式呈现

教师借助专题学习网站的导航栏功能，将教学内容以主题化形式呈现给学生，教学内容可以是经过优化整合后的学习资源，也可以是在教师的专门组织下产生的有意义的教学活动设计。

2.网络环境下开展探究学习活动

与传统的学习环境相比，借助专题学习网站可以实现网络环境下的学习活动。教师将资源上传到网上供学生查看和下载，也可在互动讨论区布置相关话题，学生在讨论区发帖进行交流学习，教师对学生学习情况进行监控。在学生质疑、发现问题时，应先主动查找资料进行自我学习和探究，不能解决时再与同伴或教师沟通。

3.O2O模式下进行多样化评价

基于网络的专题学习网站教学是一种线下线上相结合的教学模式，其评价主体是多元化的。教师通过网站不仅能在线上对学生的学习情况进行实时发帖评论，而且能在线下对学生提交的作业进行批改；学生使用网站提供的交流工具也能对同伴和教师教学做出评价，这种评价也是实时与非实时相结合的。

4.组别划分功能支持分层化教学

网络教学经常会因为学习内容多、任务重等影响教学质量，加之学生作为独立的个体，其自身具备的特质又普遍存在着差异。而专题学习网站具有划分小组的功能，将学生按照学习成绩或者特定的测试结果进行分组，按照组别将学生名单录入系统，以小组协作学习的方式实现分层化教学，在一定程度上促进个性化教学实施。[8]

[1]赵健,郭绍青.设计专题学习网站提升教师信息化教学能力[J].电化教育研究,2011，(01)：85-89.

[2]陈永光.中小学专题学习网站建设存在的问题与对策[J].教育探索,2014，(03)：94-95.

[3]范荣.基于Web 2.0的专题学习网站构建[J].现代教育技术,2010，(S1)：130-132.

[4]张利桃,任改梅,李扬.基于专题学习网站的“WebQuest”学习过程设计[J].中国电化教育,2013，(02)：98-101.

[5]贺相春.专题学习网站动态生成系统的开发与应用[J].电化教育研究,2013，(03)：68-72.

[6]王宇飞.中学信息技术课程专题学习网站的设计[J].现代教育技术,2007，(12)：90-92.

[7]张艳红.专题学习网站的结构设计及相关案例分析[J].中国远程教育,2003，(03)：51-53.

[8]刘玉平.中小学专题学习网站建设与应用的有效策略研究[J].新课程研究(基础教育),2009，(02)：146-147.

（责任编辑 孙志莉）

Research on Design and Development of Subject-Based Learning Websites and Their Application Strategies—A C a s e S t u d y o f Qi n g y a n g C u l t u r e S u b j e c t-B a s e d L e a r n i n g We b s i t e

KAI Huaxu,WANG Rui,LUO Wanli
(College of Education Technology,Northwest Normal University,Lanzhou,Gansu,China 730070)

The subject-based learning website is restructuring learning resources in the context of the Internet.It provides students a convenient and fast enquiry-based learning platform,which can cultivate students’abilities of autonomous learning,enquiry-based learning,and collaborative learning in the network environment.Based on the current problems existed in the construction of subject-based learning website,this study redesigned and redeveloped the subject-based learning website by taking the Qingyang culture subject-based learning website as the example.Meanwhile,it puts forward some application strategies for constructing the website,hoping that it may offer some references for the study of subject-based learning website in China.

subject-based learning website;design and development;application strategy

G 4

A

2096-0069（2017）04-00 8 1-05

2017-05-02

2015年甘肃省哲学社会科学规划项目“甘肃省新闻网站建设与对外传播研究”（15YB031）

开花旭（1992— ），男，甘肃庆阳人，研究生，研究方向为信息技术与教育应用；王蕊（1967— ），女，甘肃兰州人，教授、硕士生导师，研究方向为信息技术与教育应用；罗万丽（1993— ），女，甘肃定西人，研究生，研究方向为现代远程教育。