论文部分内容阅读
摘要：当前，各类网络教学支持平台还不是很完善，尤其是其中的网络笔记本系统，开发者在设计时不够重视，开发出来的笔记本功能单一，不能满足学习者的需要。文章分析了理想的笔记本系统应具备的功能，然后设计出新型的笔记本系统模型，并利用相关技术对其进行了实现。
关键词：网络教学；教学支持平台；笔记本
目前，基于网络的教学日益盛行，在这种教学模式下，一个完备的网络教学支持平台是十分必要的，网络笔记本系统作为其中不可或缺的一个组成部分，却很少引起人们的重视，更有甚者认为这是多余的部分。由此导致目前开发的网络笔记本系统功能单一，只能实现对文字的记录，使用起来不灵活；而且学习者之间不能相互访问对方的笔记，使得学习者的学习经验处于闭塞状态，得不到交流。这些不足，使得做读书笔记这种重要的学习行为在效果上大打折扣。为此，文章从学习者角度出发，使用目前盛行的Web2.0的相关理念和技术，设计出真正符合网络学习需要的笔记本系统。
1网络笔记本系统
1.1 传统网络笔记本系统
传统网络笔记本主要有独立式笔记本和组件式笔记本这两类。独立式笔记本独立于网络课程而存在，功能较为丰富，但是与网络课程严重脱离，如英国的Notely.net，韩国的Springnote.com。组件式笔记本则是嵌入网络课程里面，在一定程度上与网络课程整合，但基本上都是类似于Windows记事本的简单系统，存在很多缺陷，如功能单一、不灵活、用户之间不能共享等。
1.2 基于Web2.0的网络笔记本系统
文章提出的是基于Web2.0的网络笔记本系统，它和传统的笔记本系统有着天壤之别，其主要特点有：
(1)异步响应
系统采用了Ajax技术，可实现用户端无需刷新页面便可向服务器传输或读写数据，这样即减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。
(2)随想随记
在任意需要做笔记的地方用鼠标选中需要做笔记的文本，即可弹出笔记窗口，类似于批注的功能。
(3)笔记共享
学习者可以根据自己的需要将自己特定部分的笔记设置为共享，共享的笔记可以被其他用户在权限范围下对其进行查看或修改。
(4)富笔记内容
笔记中可以记录包含音频、视频、动画等丰富的多媒体信息，还能对其进行修改和编辑。
(5)高效管理
系统中使用了RSS（简易聚合）、Tag（标签）技术，结合索引技术，可以快速准确地查找到需要的信息，并进行分类、聚合等相关操作。
(6)数据备份
用户可以根据需要，即时或者定时下载自己和他人共享的数据，并以XML通用格式保存到本地计算机或者由系统自动发送到设置好的电子邮箱中。
(7)独立组件
文章中设计的网络笔记本系统，拥有独立的数据库与运行环境，可以通过系统规定的API接口，以组件的形式与任意的网络学习平台结合起来使用。
2系统设计
2.1 系统结构设计
文章提出的基于Web2.0的网络笔记本系统分为以下5个模块：
(1)系统信息管理模块：此模块用于对系统信息和用户权限的设置；
(2)笔记管理模块：此模块用于对笔记的各种管理操作，如修改，查找、删除等操作；
(3)笔记处理模块：此模块用于对笔记的各种处理工作，又可以对其继续划分为内容处理模块和划词引擎模块；
(4)好友管理模块：用于添加和删除好友；
(5)数据备份还原模块：此模块用于保护数据的安全性，使用户和管理员都可以备份与还原权限范围内的数据。
各个模块间的关系如图1所示：
2.2 系统功能设计
系统功能主要从使用者和管理者两个角度进行设计。
(1)从使用者角度描述的系统功能(如图2所示)：
(2)从管理员角度描述的系统功能(如图3所示)：
2.3 浏览器端设计
本系统的用户浏览器端的设计，主要使用了HTML，CSS，JavaScript等基本技术。具体设计效果，如图4至图8所示：
2.4 系统实现方式设计
本系统的服务器端采用PHP作为开发语言，使用MySQL进行数据存储，浏览器端采用JavaScript作为脚本语言。与一般基于PHP的系统不同的是，本系统需要在不同的网络教学支持平台上以插件的方式运行，它的操作属于跨域操作，这是服务器不允许的不安全的方式。所以，只有将本系统的服务器端与浏览器端之间的联系弱化，我们可以通过一种与服务器实现技术无关的数据格式作为中间层通信，从而完成相关操作。
(1)JSON简介
JSON即JavaScript Object Notation，它是一种轻量级的数据交换格式，非常适合于服务器与 JavaScript的交互。JSON为Web应用开发者提供了另一种数据交换格式，同XML或HTML片段相比，JSON提供了更好的简单性和灵活性。因此，本系统采用了JSON进行数据通信(如图9所示)：
(2)MVC模式
MVC模式是软件工程中的一种软件架构模式。它把软件系统分为3个基本部分：Model模型，View视图和Controller控制器。即把一个应用的输入、处理、输出流程按照Model，View，Controller的方式进行分离。在本系统中，笔者采用了MVC模式进行设计。将模型设计为对象实体属性的一个集合，将控制器设计为对系统相应模型进行操作的一个集合。
2.5 系统UML设计
(1)对象UML设计
本系统中对象模型共有3个，分别是URL模型，笔记模型，用户模型。其中笔记模型的UML设计如图10所示
(2)控制器UML设计
本系统中的控制器共有3个，分别是URL控制器，笔记控制器和用户控制器。其中笔记控制器的UML设计如图11所示：
2.6 数据库设计
(1)数据库E-R图
根据分析笔记本系统的结构，将其划分为使用者实体、URL实体和笔记实体，其中笔记实体的E-R如图12所示：
(2)数据表结构
通过绘制的数据实体E-R图，我们将创建3张数据表来存储数据，数据表wn_user，wn_url和wn_note，分别对应的是用户表、URL映射表和笔记表。其中数据表wn_note的结构见表1：
3系统实现
3.1 数据库实现
数据库的创建有两种方式，一种是在基于图形界面的管理软件中创建，另一种是在基于终端的软件用命令来创建，这两种方式各有所长。
3.2 服务器端实现
(1)数据库连接
系统需要读写的用户信息、笔记信息等数据，都被保存在服务器中的数据库文件里。因此，用户端在对数据进行读写操作之前，系统必须和数据库进行连接。PHP系统内置了连接和操作数据库的函数，通过这些函数，我们可以实现对数据库的相关操作。具体代码如下：
(2)对象模型实现
其中笔记模型的实现代码：
用户模型和URL模型的实现代码(略)
(3)控制器实现
笔记控制器，用户控制器和URL控制器的实现代码：(略)
(4)系统接口实现
3.3 浏览器端实现
自Web2.0时代，人们开始将HTML，CSS和JavaScript相互独立开来编写，本系统也采用这种方法对浏览器端进行代码实现。
(1)HTML代码
(2)CSS代码（略）
(3)JavaScript代码（略）
4系统运行
4.1 整合方法
先将本网络笔记本系统创建成独立的网站连入互联网，然后用户须在本系统中注册一个用户名，最后只需要在任意课程网站首页的HTML代码中加入如下代码即可。
4.2 运行效果
此系统在某精品课程网站上运行的效果图如图13所示：
5结束语
本系统是一个基于B/S结构的网络笔记本,其最大的创新点是拥有独立的数据库与运行环境,可通过系统规定的API接口,以组件的形式与任意的网络学习平台结合起来使用。因此,具有一定的商业推广价值。
另外，本系统使用了JSON作为中间层，实现了数据的跨域传输。在使用方面，由于使用者可能会使用诸如FireFox等不同类型的浏览器，所以在实现网页界面时，浏览器兼容测试必须要做好，在这方面本系统还有待进一步完善。
参考文献
[1]佘名高,王程根.基于Web2.0的Ajax技术的开发[J].计算机技术与发展，2007，5∶203～205
[2]杨国瑞,张思博.基于AJAX的Web应用架构设计[J].现代电子技术，2006，15：100～103
[3]Kevin McArthur著，汪泳译.PHP高级程序设计—模式、框架与测试[M].北京∶人民邮电出版社，2009
[4]朱祖林,陈丽.远程学习支持服务评价模型及指标体系的研究[J].中国电化教育，2007，2∶42～45
[5]凌晨.基于Web2.0的网络学习共同体支持平台构建研究[D].华东师范大学，2008
[6]侯晶晶，王太昌.网络信息聚合工具RSS及其在教育中的应用[J].中小学电教，2006，2∶27～30
[7]吴永和.现代远程教育支持服务环境的构建[J]．开放教育研究，2006，1∶82～85
关键词：网络教学；教学支持平台；笔记本
目前，基于网络的教学日益盛行，在这种教学模式下，一个完备的网络教学支持平台是十分必要的，网络笔记本系统作为其中不可或缺的一个组成部分，却很少引起人们的重视，更有甚者认为这是多余的部分。由此导致目前开发的网络笔记本系统功能单一，只能实现对文字的记录，使用起来不灵活；而且学习者之间不能相互访问对方的笔记，使得学习者的学习经验处于闭塞状态，得不到交流。这些不足，使得做读书笔记这种重要的学习行为在效果上大打折扣。为此，文章从学习者角度出发，使用目前盛行的Web2.0的相关理念和技术，设计出真正符合网络学习需要的笔记本系统。
1网络笔记本系统
1.1 传统网络笔记本系统
传统网络笔记本主要有独立式笔记本和组件式笔记本这两类。独立式笔记本独立于网络课程而存在，功能较为丰富，但是与网络课程严重脱离，如英国的Notely.net，韩国的Springnote.com。组件式笔记本则是嵌入网络课程里面，在一定程度上与网络课程整合，但基本上都是类似于Windows记事本的简单系统，存在很多缺陷，如功能单一、不灵活、用户之间不能共享等。
1.2 基于Web2.0的网络笔记本系统
文章提出的是基于Web2.0的网络笔记本系统，它和传统的笔记本系统有着天壤之别，其主要特点有：
(1)异步响应
系统采用了Ajax技术，可实现用户端无需刷新页面便可向服务器传输或读写数据，这样即减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。
(2)随想随记
在任意需要做笔记的地方用鼠标选中需要做笔记的文本，即可弹出笔记窗口，类似于批注的功能。
(3)笔记共享
学习者可以根据自己的需要将自己特定部分的笔记设置为共享，共享的笔记可以被其他用户在权限范围下对其进行查看或修改。
(4)富笔记内容
笔记中可以记录包含音频、视频、动画等丰富的多媒体信息，还能对其进行修改和编辑。
(5)高效管理
系统中使用了RSS（简易聚合）、Tag（标签）技术，结合索引技术，可以快速准确地查找到需要的信息，并进行分类、聚合等相关操作。
(6)数据备份
用户可以根据需要，即时或者定时下载自己和他人共享的数据，并以XML通用格式保存到本地计算机或者由系统自动发送到设置好的电子邮箱中。
(7)独立组件
文章中设计的网络笔记本系统，拥有独立的数据库与运行环境，可以通过系统规定的API接口，以组件的形式与任意的网络学习平台结合起来使用。
2系统设计
2.1 系统结构设计
文章提出的基于Web2.0的网络笔记本系统分为以下5个模块：
(1)系统信息管理模块：此模块用于对系统信息和用户权限的设置；
(2)笔记管理模块：此模块用于对笔记的各种管理操作，如修改，查找、删除等操作；
(3)笔记处理模块：此模块用于对笔记的各种处理工作，又可以对其继续划分为内容处理模块和划词引擎模块；
(4)好友管理模块：用于添加和删除好友；
(5)数据备份还原模块：此模块用于保护数据的安全性，使用户和管理员都可以备份与还原权限范围内的数据。
各个模块间的关系如图1所示：
2.2 系统功能设计
系统功能主要从使用者和管理者两个角度进行设计。
(1)从使用者角度描述的系统功能(如图2所示)：
(2)从管理员角度描述的系统功能(如图3所示)：
2.3 浏览器端设计
本系统的用户浏览器端的设计，主要使用了HTML，CSS，JavaScript等基本技术。具体设计效果，如图4至图8所示：
2.4 系统实现方式设计
本系统的服务器端采用PHP作为开发语言，使用MySQL进行数据存储，浏览器端采用JavaScript作为脚本语言。与一般基于PHP的系统不同的是，本系统需要在不同的网络教学支持平台上以插件的方式运行，它的操作属于跨域操作，这是服务器不允许的不安全的方式。所以，只有将本系统的服务器端与浏览器端之间的联系弱化，我们可以通过一种与服务器实现技术无关的数据格式作为中间层通信，从而完成相关操作。
(1)JSON简介
JSON即JavaScript Object Notation，它是一种轻量级的数据交换格式，非常适合于服务器与 JavaScript的交互。JSON为Web应用开发者提供了另一种数据交换格式，同XML或HTML片段相比，JSON提供了更好的简单性和灵活性。因此，本系统采用了JSON进行数据通信(如图9所示)：
(2)MVC模式
MVC模式是软件工程中的一种软件架构模式。它把软件系统分为3个基本部分：Model模型，View视图和Controller控制器。即把一个应用的输入、处理、输出流程按照Model，View，Controller的方式进行分离。在本系统中，笔者采用了MVC模式进行设计。将模型设计为对象实体属性的一个集合，将控制器设计为对系统相应模型进行操作的一个集合。
2.5 系统UML设计
(1)对象UML设计
本系统中对象模型共有3个，分别是URL模型，笔记模型，用户模型。其中笔记模型的UML设计如图10所示
(2)控制器UML设计
本系统中的控制器共有3个，分别是URL控制器，笔记控制器和用户控制器。其中笔记控制器的UML设计如图11所示：
2.6 数据库设计
(1)数据库E-R图
根据分析笔记本系统的结构，将其划分为使用者实体、URL实体和笔记实体，其中笔记实体的E-R如图12所示：
(2)数据表结构
通过绘制的数据实体E-R图，我们将创建3张数据表来存储数据，数据表wn_user，wn_url和wn_note，分别对应的是用户表、URL映射表和笔记表。其中数据表wn_note的结构见表1：
3系统实现
3.1 数据库实现
数据库的创建有两种方式，一种是在基于图形界面的管理软件中创建，另一种是在基于终端的软件用命令来创建，这两种方式各有所长。
3.2 服务器端实现
(1)数据库连接
系统需要读写的用户信息、笔记信息等数据，都被保存在服务器中的数据库文件里。因此，用户端在对数据进行读写操作之前，系统必须和数据库进行连接。PHP系统内置了连接和操作数据库的函数，通过这些函数，我们可以实现对数据库的相关操作。具体代码如下：
(2)对象模型实现
其中笔记模型的实现代码：
用户模型和URL模型的实现代码(略)
(3)控制器实现
笔记控制器，用户控制器和URL控制器的实现代码：(略)
(4)系统接口实现
3.3 浏览器端实现
自Web2.0时代，人们开始将HTML，CSS和JavaScript相互独立开来编写，本系统也采用这种方法对浏览器端进行代码实现。
(1)HTML代码
(2)CSS代码（略）
(3)JavaScript代码（略）
4系统运行
4.1 整合方法
先将本网络笔记本系统创建成独立的网站连入互联网，然后用户须在本系统中注册一个用户名，最后只需要在任意课程网站首页的HTML代码中加入如下代码即可。
4.2 运行效果
此系统在某精品课程网站上运行的效果图如图13所示：
5结束语
本系统是一个基于B/S结构的网络笔记本,其最大的创新点是拥有独立的数据库与运行环境,可通过系统规定的API接口,以组件的形式与任意的网络学习平台结合起来使用。因此,具有一定的商业推广价值。
另外，本系统使用了JSON作为中间层，实现了数据的跨域传输。在使用方面，由于使用者可能会使用诸如FireFox等不同类型的浏览器，所以在实现网页界面时，浏览器兼容测试必须要做好，在这方面本系统还有待进一步完善。
参考文献
[1]佘名高,王程根.基于Web2.0的Ajax技术的开发[J].计算机技术与发展，2007，5∶203～205
[2]杨国瑞,张思博.基于AJAX的Web应用架构设计[J].现代电子技术，2006，15：100～103
[3]Kevin McArthur著，汪泳译.PHP高级程序设计—模式、框架与测试[M].北京∶人民邮电出版社，2009
[4]朱祖林,陈丽.远程学习支持服务评价模型及指标体系的研究[J].中国电化教育，2007，2∶42～45
[5]凌晨.基于Web2.0的网络学习共同体支持平台构建研究[D].华东师范大学，2008
[6]侯晶晶，王太昌.网络信息聚合工具RSS及其在教育中的应用[J].中小学电教，2006，2∶27～30
[7]吴永和.现代远程教育支持服务环境的构建[J]．开放教育研究，2006，1∶82～85