第１ｌ卷第１期 ２Ｏ１２年１月 软件导刊 Ｓｏｆｔｗａｒｅ Ｇｕｉｄｅ ＶＯ１．１１ ＮＯ．１ Ｊａｎ．２０ｌ２ 基于Ｗｅｂ ２．０的个性化高校门户网站设计研究 荆 飞，王 肖 （河南师范大学物理与信息工程学院，河南新乡４５３００７） 摘 要：建立Ｗｅｂ２．０高校门户网站的目的在于整合校园网中分散的系统信息，提供校园内以个人为中心的信息入 口，设计出一个属于其自身的全方位校园信息平台。为各高校今后建设个性化校园门户网站提供了一个发展的方 向。 关键词：ＡＪＡＸ；Ｗｅｂ ２．０；高校门户网站 中图分类号：ＴＰ３９３．０９ 文献标识码：Ａ 文章编号：１６７２—７８００（２０１２）００１—０１２５—０２ 信息和组织内部情况等。对用户而言门户网站成为一块 １ 高校门户网站与Ｗｅｂ ２．０、Ａｊａｘ整合 １．１ ＡＪＡＸ技术标准 数字仪表板，通过浏览器访问门户网站一站式服务来满足 其所需的信息。 １．２ Ｗｅｂ２．０的网站应用 以往门户网站架构技术有微软ＳｈａｒｅＰｏｉｎｔ Ｐｏｒｔａｌ Ｓｅｒｖｅ和ＡＳＰ．ＮＥＴ ２．０的Ｗｅｂ Ｐａｒｔ是Ｊａｖａ Ｐｏｒｔｌｅｔ，但开 不同于以往静态校园网站提供单向信息模式，Ｗｅｂ ２．０网站着重于丰富的信息内容与多元化生活的互动。 和较为严谨集中的企业环境不同，大学校园环境相对宽松 发出的网站接口缺乏友好性与便捷操作。随着Ａｊａｘ广泛 应用，门户网站得到了新的发展。ＡＪＡＸ是Ａｓｙｎｃｈｒｏｎｏｕｓ ＪａｖａＳｃｒｉｐｔ＋ＸＭＬ（异步的ＪａｖａＳｃｒｉｐｔ加上ＸＭＬ）的缩写， 由Ｊｅｓｓｅ Ｊａｍｅｓ Ｇａｒｒｅｔｔ在２００５年２月提出ＡＪＡＸ的定义。 实际上ＡＪＡＸ不是一种纯粹的技术，而更近似于一个技术 框架。主要特点有：①ＸＨＴＭＬ和ＣＳＳ标准化呈现数据； 开放，校园中个人对于信息的交流方式除了运用已有系统 外，还可通过网络或其它方式来获取，如：学术论坛、Ｂｌｏｇ、 影音网站等。因此校园个性化门户网站的设计除包涵原 有内部信息系统外，还加入了Ｗｅｂ ２．０概念，能使用户自 行订阅与组合所需的内容，如：学生订阅教师或同学的 ②ＪａｖａＳｃｒｉｐｔ操作ＤＯＭ（Ｄｏｃｕｍｅｎｔ Ｏｂｊｅｃｔ Ｍｏｄｅ１）实现动 态显示和交互数据；③ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象进行异步数 据读取；④ＸＭＬ和ＸＳＴＬ进行数据交换与处理；⑤ＪａｖａＳ— ｃｒｉｐｔ绑定和处理所有数据。 Ｂｌｏｇ文章彼此间学术交流。Ａｊａｘ丰富了互动中的可操作 性与友好性，高校门户网站变成可扩展的互动空间平台。 ２ Ｗｅｂ ２．０ ｆ－ｊ户网站系统架构 为满足设计需求，引入了Ｄｒｏｐｔｈｉｎｇｓ计划免费提供的 通过Ａｊａｘ应用，大量动画与弹出窗口（Ｐｏｐ－Ｕｐ）使门户 网站在客户端网页接口中呈现出了高度的友好性、互动性 与丰富性。网页操作行为更接近窗口应用程序从而达到富 客户端（Ｒｉｃｈ Ｃｌｉｅｎｔ）的效果。著名Ａｊａｘ ｆ－１户网站包括 ｉＧｏｏｇｌｅ（ｗｗｗ．ｇｏｏｇｌｅ．ｃｏｍ／ｉｇ）与Ｍｙ Ｙａｈｏｏ！（ｍｙ．ｙａｈｏｏ． Ａｊａｘ Ｗｅｂ Ｐｏｒｔａｌ架构来建构高校门户网站。整个网站建 构基于Ｂ／Ｓ架构的Ｎ层体系结构（Ｎ—Ｔｉｅｒ），分为ｗｅｂ层、 业务逻辑层和数据访问层，使用微软的．Ｎｅｔ ３．５开发，如 图１所示。 ｃｏｍ）等。上述新型门户网站除使用Ａｊａｘ外，也引入了Ｗｅｂ ２．０概念于网站的设计中，包括：提供控件拖拽功能让用户 自行决定页面上需要呈现的信息内容；信息内容通过ＲＳＳ 订阅或Ｗｅｂ Ｓｅｒｖｉｃｅｓ请求外部信息来获取，如：Ｂｌｏｇ文章订 阅或天气预报等。页面上采用混搭式（Ｍａｓｈｕｐ）方式整合 呈现。提供控件或网站样式ＡＰＩ，让用户自行设计网站内 容与样式，进而参与到门户网站平台互动之中。 通过这样的设计门户网站形成以服务为导向的信息 平台。用户在平台上能任意组合自己所需控件，如：邮件 图１网站技术架构图 作者简介：荆飞（１９８７一），女，河南焦作人，河南师范大学教育技术系硕士研究生，研究方向为教育技术理论与应用；王肖（１９８６一）， 男，河南周口人，河南师范大学教育技术系硕士研究生，研究方向为计算机网络教育。 ・ １２６・ 软件导刊 ２０１２钽 ２．１ Ｗｅｂ层架构 Ｗｅｂ层指前端与用户互动的接口，主要在前端接口 建构一个控件运行框架，包含Ｗｅｂ页面、Ｗｅ服务、资源 （图片，ＣＳＳ，Ｊａｖａｓｃｒｉｐｔ和Ｒｅｓｘ文件）与配置文件。Ｄｒｏｐ— ｔｈｉｎｇｓ嵌入了ＮＥＴ３．５的新功能，Ｗｅｂ层使用ＡＳＰ．ＮＥＴ ＡＪＡＸ的ＲＩＡ技术。业务逻辑层使用ｗＦ（Ｗｏｒｋｆｌｏｗ Ｆｏｕｎｄａｔｉｏｎ）工作流实现复杂业务逻辑的处理。核心目的 是为用户提供实体类、验证、授权资格与中间层数据缓存。 能够使用户在加载时通过控件来获取当前文件配置信息 同时也为其提供服务与数据存储功能，从而保持了用户使 用状态与操作过程，如：操作一个小控件展开、折叠、移动 或删除，其核心控件间的通信和操作都要通过一个控件容 器（Ｗｉｄｇｅｔ Ｃｏｎｔａｉｎｅｒ）。将容器装载的控件实体（Ｗｉｄｇｅｔ Ｉｎｓｔａｎｃｅｓ）和操作行为作为一个中间件。控件容器确定控 件实体的对象是主机还是为其所提供事件通知的服务。 网页主机包含一个或多个控件容器，每个控件容器中只含 有一个控件。网站页面可包含多个控件，每个控件皆 运行于控件容器中。接口在设计上运用ＡＳＰ．ＮＥＴ ＡＪＡＸ，使得用户在与特定控件互动时，只更新该控件中 的画面，不会造成整个网页更新，如图２所示。同时部分 控件中也使用ＬＩＮＱ ｔＯ ＸＭＬ解析从外部系统得到的 ＸＭＬ信息。 图２ ＡＳＰ．ＮＥＴＡＪＡＸ运行流程 ２．２业务逻辑层设计 业务逻辑层则采用工作流技术架构，将繁琐的用户操 作过程简化为相对应工作流，前端接口对于用户的特定动 作，只需请求相对工作流执行后即返回更新界面。过程包 括：首先由用户执行初始化行为Ａｃｔｉｏｎ类，将用户参数发 送给工作流，而后以同步方式运行活动，最后将结果发送 给用户界面来更新完成。这是把用户动作简化为相对应 的工作流的过程。 工作流中包含许多活动模块的组合，每个活动模块会 执行特定的任务工作，并串联起来完成整个流程。基本上 由６个活动模块组成用户登录流程，当用户登录时流程引 擎会按照次序执行取得用户页面、获取用户设定、获取页面 中运行控件等，来取得所需信息。而该活动模块可以在不 同的工作流程中被重复利用，从而提高系统开发的效率。 整个流程模块可详细叙述为：①先去用户的全局唯一 标识符（ＧＵＩＤ）及输入点；②运用ＧｅｔＦｉｘｅｄ函数取得控件 的字符串作为动态前置码，对前置码进行自动编号；③使 用ＧｅｔＵｓｅｒＰａｇｅ函数定位并获取当前用户所在的页码；④ 通过ＧｅｔＵｓｅｒＳｅｔｔｉｎｇ函数获得用户当前设置；⑤取得当前 用户的控件参数；⑥返回用户设定页面。 业务逻辑层中，ＬＩＮＱ ｔＯ ＳＱＬ的使用让系统得以直接 将关联式资料库中的资料，模型直接转换为程序架构中相 对应的对象模型，从而方便的在每个层次中互动、传送资 料。对象模型中用户拥有自己的设定，记录当前所在网站 上所进行的操作设置，方便该用户下次登录时保持上次的 操作状态。另外用户还拥有多个页面，每个页面中含多个 控件实体。控件实体由控件衍生而来的，其间的关系类似 类与类的实体关系。 ２．３接口封装形式 分层架构中导入了ＧｏＦ ４人组设计的外观模式（Ｆａ－ ｃａｄｅ），提供统一接口降低了系统复杂度，如图３所示。 Ｗｅｂ层因Ａｊａｘ的使用，只有Ｄｅｆａｕｌｔ．ａｓｐｘ单一网页做为 登陆点，当所有用户进入业务逻辑层，前端操作都需经过 Ｆａｃａｄｅ类统一窗口来请求后台对应的工作流，这样就使 系统开发及运行变得更为简洁流畅。 高校门户网站建立的目的在于整合校园中分散的系统 信息，提供校园内个人为中心的信息入口，在开放的校园网 络空间中，校内个人对于信息的分享与获取不局限于校园 内。如何延伸校园门户网站的整合性且提升用户的便利性 成为研究的主旨。通过运用微软．ＮＥＴ Ｆｒａｍｅｗｏｒｋ所包含 的ＡＳＰ．ＮＥＴ ＡＪＡＸ、ＬＩＮＱ ｔＯ ＳＱＬ及工作流等新技术，来 建构一套具有可视化接口的高互动性校园门户网站。引入 Ｗｅｂ ２．０概念，令使用者在开放的校园网路环境中对个人 信息需求的整合可通过外部第３方的资源获取，进而创造 出一个属于其自身的全方位校园信息平台。 图３ 使用Ｆａｃａｄｅ封装后端工作流程。提供单一请求接口 ３ Ｗｅｂ ２．０整合Ａｊａｘ的高校门户网站功能 基于Ｗｅｂ ２．０概念与Ａｊａｘ的校园个性化门户网站， 是具有高度个性化与信息整合功能的互动性平台。特点 归纳如下：①单点登录：整合轻量目录访问协议（Ｌｉｇｈｔ— ｗｅｉｇｈｔ Ｄｉｒｅｃｔｏｒｙ Ａｃｃｅｓｓ Ｐｒｏｔｏｃｏ１），本校邮件账号做为单 一登录账号；②连结并同步登录至校园与其它信息服务： 整合登录至图书馆、数字化学习平台能够得以分析学习者 学习历程，从而达到反馈的功能；③整合型门户：整合校园 公告、学年工作进度、校园活动以及个人信息管理系统等； ④浏览电子邮件：快速浏览本校电子邮件，可设定ＰＯＰ３ 外部信箱或Ｇｍａｉｌ信箱进行预览；⑤提供个性化信息服 务：整合校务系统提供各项个性化通知，如：学分选课、成 第１１卷第ｌ期 ２Ｏｌ２年１月 ＶＯ１．１１ Ｎｏ．１ Ｊａｎ．２Ｏｌ２ 基于Ｗ ｉ ｎｓｏｃｋ的网络通信技术 田丽敏 （浙江师范大学教师教育学院，浙江金华３２１００４） 摘 要：主要介绍了利用Ｗｉｎｓｏｃｋ进行数据通信的工作原理，并且提供了实现ｃ／ｓ模式下数据连接以及传输的应用 实例。为Ｗｉｎｓｏｃｋ的学习者提供了实例，也对编程人员进行编程提供了有意义的参考。 关键词：Ｗｉｎｓｏｃｋ；Ｃ／Ｓ模式；网络通信；ＴＣＰ 中图分类号：ＴＰ３９３．０９ 文献标识码：Ａ 文章编号：１６７２—７８００（２０１２）００１—０１２７—０３ 动机制进行编程。 １ Ｗｉｎｓｏｃｋ简介 ２ Ｗｉｎｓｏｃｋ工作原理 ｗｉｎｓｏｃｋ（Ｗｉｎｄｏｗｓ Ｓｏｃｋｅｔｓ）控件是基于网络通讯协 议ＴＣＰ／ＩＰ的一种编程控件，是Ｗｉｎｄｏｗｓ操作系统中的 Ｗｉｎｓｏｃｋ通信可以分为以下几个步骤： 应用程序接口。Ｓｏｃｋｅｔｓ是网络通信的基本操作单元，提 供了不同主机之间进程互相通信的端口。Ｓｏｃｋｅｔｓ编程接 口是实现应用层协议的基础，是在Ｗｉｎｄｏｗｓ下网络编程 的规范。它不仅包含有人们十分熟悉的Ｂｅｒｋｅｌｅｙ Ｓｏｃｋｅｔ 风格的库函数，而且还有一组专门针对Ｗｉｎｄｏｗｓ的扩展 （１）服务器端侦听网络。因为ＴＣＰ是面向连接的协 议，所以在数据传送前要做好进行连接的准备。服务器端 可以通过Ｌｉｓｔｅｎ方法随时侦听来自网络上发送到服务器 端的信息。 （２）客户端请求连接。客户端需要明确指出连接的 主机名称（或者ＩＰ地址）和端口地址，可以通过Ｃｏｎｎｅｃｔ 库函数，这样就使得程序员能充分利用Ｗｉｎｄｏｗｓ消息驱 绩公告等信息；⑤个性化设定：自由安排网页页面，设定各 项控件显示版面位置，同时可选择喜好的网站背景主题； Ａｊａｘ扩展用户的互动内容，使高校门户网站成为一个全 新的整合式交互平台。 参考文献： ［１］刘鉴澄．ＡＪＡｘ技术在Ｗｅｂ２．０模式开发中的应用研究ｌ－Ｊ］．电脑与 信息技术，２００９（１）． ⑦弹性扩展功能的平台架构：网站使用控件设计架 构，可以针对需求继续开发新控件；⑧依照需求混搭多种 外部信息：通过控件加入Ｇｏｏｇｌｅ Ｍａｐ、天气预报和Ｂｌｏｇ等 第３方所提供的信息服务内容。 高校门户网站出发点强调以用户个人为中心对校园 ［２］ 张豪锋，岑俊杰．基于ＡＪＡＸ技术的网络课程可交互性研究ＥＪ］．现 代远距离教育，２００９（１）． 中信息进行整合。用户能够使用单一账号进行登录，可跨 系统平台对网站内容与外观进行个性化设计。此外该系 统的另一个优势是对Ｗｅｂ ２．０概念的导人且利用Ａｉａｘ技 Ｅ３］ＪＥＳＳＥ ＪＡＭＥｓ ＧＡＲＲＥＴＴ．Ａｊａｘ：Ａ Ｎｅｗ Ａｐｐｒｏａｃｈ ｔｏ ｗｅｂ Ａｐｐｌｉ— ｃａｔｉｏｎｓ［ＥＢ／ＯＬ］．ｈｔｔｐ：／／ｗｗｗ．ａｄａｐｔｉｖｅｐａｔｈ．ｃｏｍ／ｐｕｂｌｉｃａｔｉｏｎｓ／ｅｓ— ｓａｙａ／ａｒｃｈｉｖｅｓ／ＯＯＯ３８５，ｐｈｐ，２００５． 术提高网站接口互动的友好性，使信息的分享和获取突破 了校园网络的界线。 ［４］ＯＭＡＲ Ａ Ｌ ＺＡＢＩＲ．ＡＳＰ．ＮＥＴ ３．５ ｗｅｂ ２．０门户站点［Ｍ］．北京： 机械工业出版社，２００８． ｒ５］ ＭＩＣＲＯＳＯＦＴ ＣＯＲＰ．Ｗｉｎｄｏｗｓ Ｗｏｒｋｆｌｏｗ ＦｏｕｎｄａｔｉｏｎｒＥＢ／ＯＬ］． ４ 结束语 个性化高校门户网站建设是高校网络平台发展的进 一ｈｔｔｐ：／／ｎｅｔｆｘ３．ｃｏｍ／ｃｏｎｔｅｎｔ／ＷＦＨｏｍｅ．ａｓｐｘ，２００７． ［６］ Ｍｉｃｒｏｓｏｆｔ Ｃｏｒｐ．Ｔｈｅ ＬＩＮＱ Ｐｒｏｊｅｃｔ［ＥＢ／ＯＬ］．ｈｔｔｐ：／／ｍｓｄｎ．ｍｉ— ｃｒｏｓｏｆｔ．ｃｏｍ／ｚｈ－ｔｗ／ｌｉｂｒａｒｙ／ｂｂ３８６９７６．ａｓｐｘ，２００７． ［７］Ｅ ＧＡＭＭＡ，Ｒ ＨＥＬＭ，Ｒ ＪＯＨＮＳＯＮ ａｎｄ Ｊ ＶＩＳＳＩＤＥＳ．Ｄｅｓｉｇｎ Ｐａｔ— ｔｅｒｎｓ（１ｓｔ ｅｄ）ｒＭ］．Ａｄｄｉｓｏｎ－Ｗｅｓｌｅｙ Ｐｒｏｆｅｓｓｉｏｎａｌ，１９９４． 步需求。不同于以往的校园网站信息仅由校方提供，彼 此间关系单向互动。基于此引入Ｗｅｂ ２．０概念，提出了 ［８］张豪锋，邢海风，朱元培．基于ＱＲ Ｃｏｄｅ的移动学习系统设计研究 ［Ｊ］．现代教育技术，２０１１（４）． （责任编辑：周晓辉） 个性化高校门户网站的设计，不但将用户作为信息接收 者，同时也使其成为校园信息内容的提供者。并利用 作者简介：田丽敏（１９８５一），女，河南开封人，浙江师范大学教师教育学院硕士研究生，研究方向为信息技术教育。
