梁英偉

摘要：根據(jù)高校校園送水服務(wù)管理工作的需要，為了讓送水服務(wù)工作得到有效的管理，開發(fā)了基于HTML5的校園送水服務(wù)管理系統(tǒng)。該系統(tǒng)采用B/S結(jié)構(gòu)方案，以asp技術(shù)為基礎(chǔ)，以HTML5技術(shù)為關(guān)鍵，再結(jié)合SQL Server 2008數(shù)據(jù)庫進(jìn)行開發(fā)。該系統(tǒng)具有跨平臺使用的特點，具有穩(wěn)定的數(shù)據(jù)處理功能，有助于促進(jìn)校園送水服務(wù)管理工作的改善。

關(guān)鍵詞：HTML5；B/S結(jié)構(gòu)；管理

中圖分類號：TP311

文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2017）10-0055-02

1.背景

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)技術(shù)的應(yīng)用讓人們的學(xué)習(xí)、生活、工作等各方面都得到了改善。特別是移動互聯(lián)網(wǎng)的發(fā)展，擺脫了傳統(tǒng)有線網(wǎng)絡(luò)的約束，讓人們可以在移動的過程中從事各種網(wǎng)上活動。

很多高校中都會大量使用桶裝水，但是桶裝水送水服務(wù)的管理一直都是高校管理中一個容易被忽視的環(huán)節(jié)。有時候往往由于送水服務(wù)的管理手段落后，造成多方不利的局面。對于桶裝水用戶來說，預(yù)約送水服務(wù)的方式比較落后，預(yù)約信息不能準(zhǔn)確傳達(dá)，往往造成送水服務(wù)延時或者預(yù)約實效。對于送水工作人員來說，預(yù)約信息存在偏差，就會造成工作出錯。對于送水工作管理者來說，不能實時掌握送水工作人員的工作情況和了解用戶的需求，往往造成不能滿足用戶的需求而遭到用戶投訴；不能合理地為送水工作人員安排工作和不能準(zhǔn)確地統(tǒng)計他們的工作量，往往會引起送水工作人員的不滿。

針對這種情況，采用B/S結(jié)構(gòu)開發(fā)的校園送水服務(wù)管理系統(tǒng)，不但可以增強(qiáng)校園送水服務(wù)的管理工作，而且可以讓系統(tǒng)開發(fā)人員節(jié)約開發(fā)成本，縮短開發(fā)周期。HTML5技術(shù)不但是一種新型的網(wǎng)頁開發(fā)技術(shù)，而且正好符合B/S結(jié)構(gòu)系統(tǒng)的開發(fā)條件。利用HTML5技術(shù)開發(fā)的系統(tǒng)不但可以實現(xiàn)跨平臺使用，方便了用戶的操作，而且可以對處于移動工作狀態(tài)的人員進(jìn)行有效的管理。

2.HTML5簡介

HTML5是第五代超文本標(biāo)記語言，它不但能滿足傳統(tǒng)的互聯(lián)網(wǎng)應(yīng)用，而且為正在快速興起的移動互聯(lián)網(wǎng)發(fā)展帶來強(qiáng)勁的動力。移動互聯(lián)網(wǎng)就是將移動通信和互聯(lián)網(wǎng)兩者雙結(jié)合而得出概念。HTML5的新特性能夠激發(fā)移動互聯(lián)網(wǎng)應(yīng)用的開發(fā)，從而更好地推動移動互聯(lián)網(wǎng)的發(fā)展。目前蘋果、谷歌、微軟世界三大移動互聯(lián)網(wǎng)巨頭都支持了HTML5。由此可見，HT-ML5在未來移動互聯(lián)網(wǎng)的發(fā)展具有很大的潛力。

3B/S結(jié)構(gòu)簡介

B/S是指Browser/Server（瀏覽器/服務(wù)器），即客戶端為WEB瀏覽器，服務(wù)器端為WEB服務(wù)器。B/S結(jié)構(gòu)是從傳統(tǒng)的C/S結(jié)構(gòu)發(fā)展起來的網(wǎng)絡(luò)結(jié)構(gòu)模式，它是由表示層、業(yè)務(wù)邏輯層與數(shù)據(jù)訪問層構(gòu)成的三層分布式結(jié)構(gòu)。由于B/S結(jié)構(gòu)具有跨平臺使用，開發(fā)和維護(hù)成本低，易于集成和擴(kuò)展等特點，所以被廣泛應(yīng)用于分布式系統(tǒng)的開發(fā)中。

4.系統(tǒng)需求分析

通過對校園送水服務(wù)管理工作進(jìn)行調(diào)查，確定了校園送水服務(wù)管理系統(tǒng)要滿足以下幾個要求。

1）系統(tǒng)不但可以在Pc端設(shè)備上使用，而且可以在移動終端設(shè)備上使用。

2）所有系統(tǒng)用戶都要進(jìn)行登錄操作，以保證系統(tǒng)安全。

3）系統(tǒng)能夠穩(wěn)定地處理和保存數(shù)據(jù)。

4）送水工作人員的工作可以分為三類，包括系統(tǒng)自動派單、人工派單和人工接單。

5）預(yù)約者可以對送水工作人員進(jìn)行評價操作。

5.系統(tǒng)設(shè)計

5.1功能模塊設(shè)計

根據(jù)對校園送水服務(wù)管理工作進(jìn)行分析，可以設(shè)計出幾個系統(tǒng)的主要功能模塊。校園送水服務(wù)管理系統(tǒng)功能如圖l所示。

1）送水工作人員操作模塊。該模塊可以幫助送水工作人員更好地進(jìn)行送水工作。送水工作人員的工作可以分兩種，主動接受和被動接受，主動接受的工作就是送水工作人員在系統(tǒng)里對預(yù)約信息進(jìn)行接受操作的工作，被動接受的工作就是送水工作管理者通過系統(tǒng)委派給送水工作人員的工作。送水工作人員可以通過移動終端設(shè)備查看預(yù)約信息，確定好送水日期，送水地點，桶裝水?dāng)?shù)等信息，再進(jìn)行送水工作。

2）預(yù)約模塊。該模塊可以讓預(yù)約者進(jìn)行預(yù)約操作。預(yù)約者可以填寫信息進(jìn)行預(yù)約，也可以進(jìn)行取消預(yù)約操作。此外，預(yù)約者還可以進(jìn)行桶裝水送達(dá)的確認(rèn)操作和對送水工作人員的評價操作。

3）反饋模塊。該模塊可以讓預(yù)約者進(jìn)行反饋操作。預(yù)約者可以進(jìn)行桶裝水送達(dá)的確認(rèn)操作和對送水工作人員的評價操作。

4）登錄認(rèn)證模塊。該模塊可以讓所有用戶進(jìn)行登錄系統(tǒng)操作，保證系統(tǒng)使用的安全性。

5）信息導(dǎo)人模塊。該模塊可以讓超級管理員進(jìn)行用戶信息導(dǎo)人的操作，確保系統(tǒng)的用戶只能是校內(nèi)人員。

6）用戶管理模塊。該模塊可以讓超級管理員對所有用戶進(jìn)行管理操作。

7）信息查看模塊。該模塊可以讓預(yù)約者進(jìn)行信息查看的操作。預(yù)約者可以查看最新動態(tài)的信息，了解送水服務(wù)工作的最新情況。

8）工作調(diào)度模塊。該模塊可以實現(xiàn)系統(tǒng)自動派單和人工派單功能。送水工作管理者可以在系統(tǒng)里設(shè)定規(guī)則，讓系統(tǒng)按照規(guī)則以自動派單的方式給送水工作人員分配工作。此外，送水工作管理者還可以根據(jù)預(yù)約信息和送水工作人員的情況，以人工派單的方式給送水工作人員分配工作。

9）績效統(tǒng)計模塊。該模塊可以讓送水工作管理者進(jìn)行送水工作人員工作績效統(tǒng)計的操作。送水工作管理者可以對不同教室、不同用戶類型、不同預(yù)約時段等信息進(jìn)行統(tǒng)計，并且獲取統(tǒng)計數(shù)據(jù)提供給教師管理員，讓他們更好地改善工作。

5.2數(shù)據(jù)庫設(shè)計

為了讓數(shù)據(jù)更加安全可靠，采用了SQL Server 2008數(shù)據(jù)庫對系統(tǒng)進(jìn)行開發(fā)。以下列舉了幾個主要數(shù)據(jù)表進(jìn)行介紹。

1）超級管理員信息表。該表包括超級管理員序號、賬號、密碼、登錄IP、登錄時間等字段。該表用來記錄超級管理員的登錄和操作信息。其中，超級管理員序號為主字段。

2）送水工作管理者信息表。該表包括送水工作管理者序號、賬號、密碼、登錄IP、登錄時間等字段。該表用來記錄送水工作管理者的登錄信息。其中，送水工作管理者序號為主字段。

3）送水工作人員信息表。該表包括送水工作人員序號、賬號、密碼、送水工作人員工號、送水工作人員姓名、送水工作人員聯(lián)系電話、登錄IP、登錄時間等字段。該表用來記錄送水工作人員的個人信息和登錄信息。其中，送水工作管理者序號為主字段。

4）送水工作人員績效統(tǒng)計表。該表包括統(tǒng)計序號、送水工作人員工號、送水工作人員姓名、統(tǒng)計時段、評價總分、工作總數(shù)、工作完成數(shù)、統(tǒng)計操作時間等字段。該表用來按照時段記錄送水工作人員的績效統(tǒng)計信息。其中，送水工作人員序號為主字段。

5）樓房信息表。該表包括樓房序號、樓房名稱等字段。該表用來記錄樓房的信息。

6）預(yù)約者信息表。該表包括預(yù)約者序號、預(yù)約者賬號、密碼、預(yù)約者類型、預(yù)約者姓名、預(yù)約者聯(lián)系電話、登錄IP、登錄時間等字段。該表用來記錄預(yù)約者的個人信息和登錄信息。其中，預(yù)約者序號為主字段。

7）預(yù)約信息表。該表包括預(yù)約序號、預(yù)約者賬號、預(yù)約者姓名、預(yù)約者聯(lián)系電話、送水工作人員姓名、送水工作人員聯(lián)系電話、樓房名稱、預(yù)約日期、詳細(xì)地址、桶裝水?dāng)?shù)、評價分?jǐn)?shù)、是否送達(dá)、預(yù)約操作時間、送達(dá)時間等字段。該表主要用來記錄預(yù)約者進(jìn)行操作的信息。其中，預(yù)約序號為主字段。

8）最新動態(tài)信息表。該表包括最新動態(tài)信息編號、內(nèi)容、標(biāo)題、添加時間等字段。其中，最新動態(tài)信息序號為主字段。

6.系統(tǒng)實現(xiàn)

該系統(tǒng)采用了B/S結(jié)構(gòu)進(jìn)行開發(fā)，在表示層的實現(xiàn)上運行了HTML5和CSS3雙結(jié)合的技術(shù)。用戶界面如圖2所示。

7.結(jié)束語

本文調(diào)查了高校校園送水服務(wù)管理工作的情況，通過對基于HTML5的教室使用預(yù)約系統(tǒng)的開發(fā)，來解決送水服務(wù)工作中存在的問題。使用該系統(tǒng)可以實現(xiàn)一舉多得的效果。對于預(yù)約者來說，可以讓他們更方便快捷地預(yù)約送水服務(wù)。對于送水工作管理者來說，可以讓他們更好地管理送水信息和送水工作人員，更好地改善送水服務(wù)工作。對于送水工作人員來說，可以讓他們更方便地接受任務(wù)和完成任務(wù)，充分調(diào)動他們的工作積極性和提高他們的工作效率。由此可見，HTML5在高校管理工作上應(yīng)用具有重大的意義。