岑慶棚

摘要：近年來，各大高校都逐漸開始著手創(chuàng)建信息化平臺。為了能夠更加便捷地、及時地將校園生活導航信息反映給各位師生，該文提出了基于移動平臺的校園生活導航服務網(wǎng)站的設計方案并進行了分析。

關(guān)鍵詞：移動平臺；校園生活；導航網(wǎng)站

中圖分類號：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 概述

如今，校園信息應用已經(jīng)進入了我們校園的日常生活當中。現(xiàn)在互聯(lián)網(wǎng)上有著相當一部分的校園應用，如：菜園“幫”，超有“愛”，校園里“開戰(zhàn)”……還有現(xiàn)在比較出名的《超級課程表》，該應用是廣州超級周末科技有限公司旗下的一款針對校園市場的社交應用。

因此，本文提出了基于移動平臺上的校園生活導航網(wǎng)站，外界人士能夠通過本網(wǎng)站快速地查閱本校的各種信息，以及會員通過本網(wǎng)站在線報名參加各種社團活動，講座。

2 技術(shù)可行性分析

2.1前端技術(shù)簡介

本網(wǎng)站開發(fā)采用的編程語言主要是：WCSS以及PHP，其次還有HTML5。

PHP語言：它是一種通用開源腳本語言，可以比CGI更快速地執(zhí)行動態(tài)網(wǎng)頁。用PHP做出的動態(tài)頁面與其他的編程語言相比，PHP是將程序嵌入HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標記的CGI要高許多。

WCSS：它是WAP2.0下專屬的CSS，目的是定義文檔的風格和布局，從文檔內(nèi)容中分離[2]。

HTML5：它是超文本標記語言，是在HTML的第五次修訂產(chǎn)物。HTML5是一種腳本語言支持大部分移動端和PC端用戶進行訪問，它不需要對代碼進行轉(zhuǎn)化，直接多平臺訪問可以保證頁面兼容性[4]。

2.2服務器端配置簡介

服務器端軟件配置Windows Server 2003，MySQL。

Windows Server 2003操作系統(tǒng)：對于部署業(yè)務關(guān)鍵的應用程序，群集服務是必不可少。Windows Server 2003增強的群集支持，以及對稱多處理技術(shù)支持的向上擴展提高了可用性和可伸縮性[3]。

MySQL：是一個開放源代碼的小型關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)，由于其體積小，速度快，成本低，許多中小型企業(yè)都選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。

3 網(wǎng)站需求分析

3.1用戶需求分析

此網(wǎng)站開發(fā)主要面向的對象是學校師生。因校內(nèi)信息繁多，如：社團活動，講座和兼職信息等，而且信息發(fā)布的地方不統(tǒng)一，造成了信息容易丟失且不便于管理。再有就是，目前大多數(shù)學校都是采用傳單的方式來進行消息的發(fā)布，這樣做既浪費了人力、金錢而且收效甚微。

鑒于現(xiàn)在智能手機的流行以及移動網(wǎng)絡的建設，手機已經(jīng)成為目前信息傳遞最方便、快捷的一個平臺。因此，開發(fā)基于移動平臺的校園生活導航服務網(wǎng)站更能滿足用戶們的需求。

3.2解決方案

在B/S模式的軟件開發(fā)中采用最多的是MVC設計模式。MVC是一種流行的設計模式，它把應用程序分成三個層次：視圖層、模型層、控制層[1]。

視圖：向用戶顯示數(shù)據(jù)，接受用戶輸入，與模型層交互，向模型查詢業(yè)務狀態(tài)，接受模型發(fā)出的數(shù)據(jù)，更新顯示用戶界面。

模型：模型是應用程序的主體，它用于表示業(yè)務數(shù)據(jù)和業(yè)務邏輯。一個模型可以同時為多個視圖提供數(shù)據(jù)，從而提高了代碼的可重用性。

控制器：接受用戶輸入，并調(diào)用模型和視圖來完成用戶請求。在用戶提交表單時調(diào)用模型組件處理請求，最后調(diào)用視圖來顯示模型處理后返回的數(shù)據(jù)。

因此，在開發(fā)基于移動平臺的校園生活導航服務網(wǎng)站時，采用了基于PHP的MVC開發(fā)模式。

4 網(wǎng)站設計

在需求分析確定之后，需要對網(wǎng)站進行整體性分析和設計，這包括網(wǎng)站的功能模塊劃分與描述、用戶界面的設計等步驟。

4.1功能模塊設計

網(wǎng)站的主要功能包括校園大事件、校園活動、南國茶坊、跳蚤市場，如所示圖1。

校園大事件：管理員通過該模塊實現(xiàn)發(fā)布官方消息，以及各院系的消息。幫助在 校師生，以及外界人士了解和查詢我們學校的官方消息以及各院系的新聞等各方面的信息。

校園活動：該模塊主要作用是管理員發(fā)布消息和會員報名參加活動。管理員可以 發(fā)布社團活動信息，講座信息，兼職招聘信息。會員除了能瀏覽管 理員所發(fā)布的消息之外，還能在線報名參加各種校園活動，講座。

南國茶坊：該模塊主要功能是提供給普通訪客，以及會員進行瀏覽關(guān)于學習，時事新聞，日常生活信息等。

跳蚤市場：該模塊主要列舉出會員所發(fā)布的交易信息。幫助在校師生進行二手書籍售賣或收購，以及生活用品的交易信息、組隊團購信息的發(fā)布等。

4.2 用戶界面設計

本網(wǎng)站前端是基于HTML5和CSS。對于用戶來說，二者結(jié)合能夠提高用戶的體驗，加強用戶的視覺感受。根據(jù)對移動平臺的設計理念，我們的網(wǎng)站的界面設計上面也保持了簡約、美觀，以方便用戶以及讓用戶帶來視覺上的舒適。如網(wǎng)站整體采用白色作為背景色，網(wǎng)站首頁直接是4個模塊的導航圖標，以此來突出網(wǎng)站的主要功能。

5 網(wǎng)站功能實現(xiàn)

5.1校園大事件模塊的實現(xiàn)

該模塊的重點在于對文字的處理。主要研究如何利用列表以及文本的形式，友好且美觀的顯示到各用戶的瀏覽器上。動態(tài)地顯示學院各院系所發(fā)布的官方消息，新聞等信息。

5.2校園活動模塊的實現(xiàn)

該模塊的重點也在于對文字的處理，且新增用戶登錄功能。用戶輸入正確的登陸信息后，服務器返回一條確認信息。

5.3南國茶坊模塊的實現(xiàn)

該模塊側(cè)重于實現(xiàn)用戶與用戶之間的交流功能。用戶可以查閱到各個話題，而且，用戶登陸后不僅可以對別人的主題發(fā)表意見，還可以發(fā)表自己的主題。

5.4跳蚤市場模塊的實現(xiàn)

該模塊側(cè)重于滿足用戶發(fā)布交易信息的需求。用戶登錄后，可以發(fā)布交易消息。其他的用戶可以查閱到相關(guān)交易信息列表及其發(fā)布人詳細信息。

6 結(jié)束語

基于移動平臺的校園生活導航服務網(wǎng)站應用于各種便攜式設備，為在校師生和外來人員帶來了獲取校園信息的一個全新的途徑。一個專于移動設備的網(wǎng)站，最重要的設計目標就是要達到令各位用戶能夠及時友好地獲取到信息，這正是我們設計這個網(wǎng)站的原因。因此，該網(wǎng)站除了能夠滿足用戶獲取校園信息的基本需求，同時還能夠滿足用戶的發(fā)布消息功能的需求，從而提高了整個網(wǎng)站的實用性。

參考文獻：

[1] 夏軍，徐力，姜代紅. 基于移動平臺的校園生活導航服務系統(tǒng)[J].軟件導航，2013，12（9）.

[2] 李騰雷，張瑞雪. 基于Andriod移動平臺的校園導航系統(tǒng)的設計與實現(xiàn)[J]. 大眾科技， 2013， 15（170）.

[3] 王東群. 校園信息平臺移動服務網(wǎng)站研究與設計[D]. 成都：電子科技大學，2012：10-11.

[4] Adam Freeman. HTML5權(quán)威指南[M]. 北京： 人民郵電出版社，2012.