基于移動(dòng)平臺(tái)的校園生活導(dǎo)航服務(wù)網(wǎng)站設(shè)計(jì)

岑慶棚

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

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

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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 概述

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

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

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

2.1前端技術(shù)簡(jiǎn)介

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

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

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

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

2.2服務(wù)器端配置簡(jiǎn)介

服務(wù)器端軟件配置Windows Server 2003，MySQL。

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

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

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

3.1用戶需求分析

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

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

3.2解決方案

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

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

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

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

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

4 網(wǎng)站設(shè)計(jì)

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

4.1功能模塊設(shè)計(jì)

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

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

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

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

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

4.2 用戶界面設(shè)計(jì)

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

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

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

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

5.2校園活動(dòng)模塊的實(shí)現(xiàn)

該模塊的重點(diǎn)也在于對(duì)文字的處理，且新增用戶登錄功能。用戶輸入正確的登陸信息后，服務(wù)器返回一條確認(rèn)信息。

5.3南國(guó)茶坊模塊的實(shí)現(xiàn)

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

5.4跳蚤市場(chǎng)模塊的實(shí)現(xiàn)

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

6 結(jié)束語(yǔ)

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

參考文獻(xiàn)：

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

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

[3] 王東群. 校園信息平臺(tái)移動(dòng)服務(wù)網(wǎng)站研究與設(shè)計(jì)[D]. 成都：電子科技大學(xué)，2012：10-11.

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