基于Web标准的校园活动预约平台的设计与实现

2013-10-23李成

长沙民政职业技术学院学报 2013年4期

李成

（长沙民政职业技术学院，湖南长沙410004）

立足于学生素质全面发展的教与学是现代职业教育的一个基本特点。校园活动不仅能丰富大学生课余生活，而且对大学生素质的全面提高也有着极其重要的意义。它是学生接触服务社会的通道，是学生观察了解社会的窗口，是学生社会意识形成的催化剂。通过内容丰富、形式多样的校园社团活动,能促进校园文化建设向深层次、高质量方向发展,从而给学生的课余生活提供了活泼、高雅、寓教于乐的新天地，形成校园浓厚的学术氛围、多层次的社会服务体系和活泼健康的校园文化气息[1]。

随着校园活动的蓬勃发展，校园活动高效管理与人员参与合理性成为目前校园活动管理的新挑战。本系统的开发主要以校园活动网上预约与报名等形式，实现校园活动举办的公开化、透明化。校园活动预约平台对校园活动开展进行预约制与信息化管理，一方面提高了校园活动举行的透明度与公开度，另一方面可以很大程度地减轻活动管理人员的工作压力，提高工作效率，使校园活动的开展更加合理，对全面提升学生素质有着重要意义。

一、WEB标准

1、WEB标准简介

WEB标准是由W3C、ECMA等机构联合起草与发布的一系列标准的集合，如：CSS、HTML、XHTML、Javascript等，目的是对WEB表现层的技术标准进行统一，通过不同浏览器或终端向用户展示同一效果的信息内容[2]。WEB标准是由表现（Presentation）、结构（Structure）和行为（Behavior）三部分组成标准集，如下图所示:

图1.web标准结构

（1）表现：主要对结构化信息进行版式、字体、颜色与大小等样式控制，用于表现的WEB标准技术主要就是CSS技术，目前遵循的就是W3C推出的CSS2.0，其目的是为了实现表现与结构分离。

（2）结构：主要用于WEB结构化设计，WEB标准技术中主要对HTML(超文本标记语言)、XHTML（可扩展超文本标记语言）、XML（可扩展标记语言）进行了定义。

（3）行为：对WEB文档内部的模型与交互行为进行定义，主要包括DOM(文档对象模型)与ECMAscript（由CMA制定的JAVASCRIPT标准）。

2、WEB标准优点

WEB标语主要优势是对WEB内容进行表现、结构与行为的分离。主要体现如下：

（1）文件下载与页面浏览速度更快，比传统WEB设计至少节省50%的代码与流量；

（2）表现与结构分离的方法使改版更容易，只需要修改CSS文件就可以从版式、颜色等对网站进行改版，焕然一新；

（3）符合SEO要求，更容易被搜索引擎访问、收录；

（4）更多的浏览器与终端兼容，提供优质的用户访问体验；

（5）更多的用户样式体验。用户可以根据WEB提供的多样式、多风格来选择表现效果[3]。

3、CSS布局与Table布局的区别

CSS它是控制网页布局样式的基础并真正能够做到网页表现与内容分离的一种样式设计语言。相对于传统HTML对样式而言，CSS能够对网页中的对象的位置进行像素级的精确控制，并能够进行初步页面交互设计[4]。其布局方式对比如下：

图2.传统的Table布局与CSS布局对比图

相对于传统布局主要有以下几个优势：①浏览器支持完善；②表现与结构分离；③样式设计控制功能强大；④继承性能优越（层叠处理）[5]。

二、系统设计与实现

1、系统结构设计

系统采用B/S架构，在WEB2.0标准下，利用C#+Sqlserver2008开发，通过从校园现有信息系统中同步其学生基本信息与课表信息作为预约对象数据，各二级学院与学工处（活动主管部门）通过管理平台发布其活动主题、举办时间、地点、参与人员、活动人数、预约模式、预约截止时间等信息，经过主管部门审核后提交到预约平台。系统可根据活动相关要求对预约对象进行审核，对预约活动进行参与人员统计报表、黑名单设置等操作。其系统结构设计如下：