基于移动平台的校园生活导航服务网站设计

岑庆棚

摘要：近年来，各大高校都逐渐开始着手创建信息化平台。为了能够更加便捷地、及时地将校园生活导航信息反映给各位师生，该文提出了基于移动平台的校园生活导航服务网站的设计方案并进行了分析。

关键词：移动平台；校园生活；导航网站

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）21-0016-02

The Campus Life Navigation Service Website Based on The Mobile Platform

CEN Qing-peng

（The Department of Information Science & Technology， Guangdong University of Foreign Studies South China Business College， Guangzhou 510545， China）

Abstract：In recent years， universities have gradually started to create the information platform. In order to be able to reflect the campus navigation information to the teachers and students more easily and timely， the design， which based on mobile platform of the navigation service and website is proposed in this paper.

Key words：mobile platform； campus life； navigation website

1 概述

如今，校园信息应用已经进入了我们校园的日常生活当中。现在互联网上有着相当一部分的校园应用，如：菜园“帮”，超有“爱”，校园里“开战”……还有现在比较出名的《超级课程表》，该应用是广州超级周末科技有限公司旗下的一款针对校园市场的社交应用。

因此，本文提出了基于移动平台上的校园生活导航网站，外界人士能够通过本网站快速地查阅本校的各种信息，以及会员通过本网站在线报名参加各种社团活动，讲座。

2 技术可行性分析

2.1前端技术简介

本网站开发采用的编程语言主要是：WCSS以及PHP，其次还有HTML5。

PHP语言：它是一种通用开源脚本语言，可以比CGI更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多。

WCSS：它是WAP2.0下专属的CSS，目的是定义文档的风格和布局，从文档内容中分离[2]。

HTML5：它是超文本标记语言，是在HTML的第五次修订产物。HTML5是一种脚本语言支持大部分移动端和PC端用户进行访问，它不需要对代码进行转化，直接多平台访问可以保证页面兼容性[4]。

2.2服务器端配置简介

服务器端软件配置Windows Server 2003，MySQL。

Windows Server 2003操作系统：对于部署业务关键的应用程序，群集服务是必不可少。Windows Server 2003增强的群集支持，以及对称多处理技术支持的向上扩展提高了可用性和可伸缩性[3]。

MySQL：是一个开放源代码的小型关联式数据库管理系统，由于其体积小，速度快，成本低，许多中小型企业都选择了MySQL作为网站数据库。

3 网站需求分析

3.1用户需求分析

此网站开发主要面向的对象是学校师生。因校内信息繁多，如：社团活动，讲座和兼职信息等，而且信息发布的地方不统一，造成了信息容易丢失且不便于管理。再有就是，目前大多数学校都是采用传单的方式来进行消息的发布，这样做既浪费了人力、金钱而且收效甚微。

鉴于现在智能手机的流行以及移动网络的建设，手机已经成为目前信息传递最方便、快捷的一个平台。因此，开发基于移动平台的校园生活导航服务网站更能满足用户们的需求。

3.2解决方案

在B/S模式的软件开发中采用最多的是MVC设计模式。MVC是一种流行的设计模式，它把应用程序分成三个层次：视图层、模型层、控制层[1]。

视图：向用户显示数据，接受用户输入，与模型层交互，向模型查询业务状态，接受模型发出的数据，更新显示用户界面。

模型：模型是应用程序的主体，它用于表示业务数据和业务逻辑。一个模型可以同时为多个视图提供数据，从而提高了代码的可重用性。

控制器：接受用户输入，并调用模型和视图来完成用户请求。在用户提交表单时调用模型组件处理请求，最后调用视图来显示模型处理后返回的数据。

因此，在开发基于移动平台的校园生活导航服务网站时，采用了基于PHP的MVC开发模式。

4 网站设计

在需求分析确定之后，需要对网站进行整体性分析和设计，这包括网站的功能模块划分与描述、用户界面的设计等步骤。

4.1功能模块设计

网站的主要功能包括校园大事件、校园活动、南国茶坊、跳蚤市场，如所示图1。

校园大事件：管理员通过该模块实现发布官方消息，以及各院系的消息。帮助在 校师生，以及外界人士了解和查询我们学校的官方消息以及各院系的新闻等各方面的信息。

校园活动：该模块主要作用是管理员发布消息和会员报名参加活动。管理员可以 发布社团活动信息，讲座信息，兼职招聘信息。会员除了能浏览管 理员所发布的消息之外，还能在线报名参加各种校园活动，讲座。

南国茶坊：该模块主要功能是提供给普通访客，以及会员进行浏览关于学习，时事新闻，日常生活信息等。

跳蚤市场：该模块主要列举出会员所发布的交易信息。帮助在校师生进行二手书籍售卖或收购，以及生活用品的交易信息、组队团购信息的发布等。

4.2 用户界面设计

本网站前端是基于HTML5和CSS。对于用户来说，二者结合能够提高用户的体验，加强用户的视觉感受。根据对移动平台的设计理念，我们的网站的界面设计上面也保持了简约、美观，以方便用户以及让用户带来视觉上的舒适。如网站整体采用白色作为背景色，网站首页直接是4个模块的导航图标，以此来突出网站的主要功能。

5 网站功能实现

5.1校园大事件模块的实现

该模块的重点在于对文字的处理。主要研究如何利用列表以及文本的形式，友好且美观的显示到各用户的浏览器上。动态地显示学院各院系所发布的官方消息，新闻等信息。

5.2校园活动模块的实现

该模块的重点也在于对文字的处理，且新增用户登录功能。用户输入正确的登陆信息后，服务器返回一条确认信息。

5.3南国茶坊模块的实现

该模块侧重于实现用户与用户之间的交流功能。用户可以查阅到各个话题，而且，用户登陆后不仅可以对别人的主题发表意见，还可以发表自己的主题。

5.4跳蚤市场模块的实现

该模块侧重于满足用户发布交易信息的需求。用户登录后，可以发布交易消息。其他的用户可以查阅到相关交易信息列表及其发布人详细信息。

6 结束语

基于移动平台的校园生活导航服务网站应用于各种便携式设备，为在校师生和外来人员带来了获取校园信息的一个全新的途径。一个专于移动设备的网站，最重要的设计目标就是要达到令各位用户能够及时友好地获取到信息，这正是我们设计这个网站的原因。因此，该网站除了能够满足用户获取校园信息的基本需求，同时还能够满足用户的发布消息功能的需求，从而提高了整个网站的实用性。

参考文献：

[1] 夏军，徐力，姜代红. 基于移动平台的校园生活导航服务系统[J].软件导航，2013，12（9）.

[2] 李腾雷，张瑞雪. 基于Andriod移动平台的校园导航系统的设计与实现[J]. 大众科技， 2013， 15（170）.

[3] 王东群. 校园信息平台移动服务网站研究与设计[D]. 成都：电子科技大学，2012：10-11.

[4] Adam Freeman. HTML5权威指南[M]. 北京： 人民邮电出版社，2012.