基于HTML5的校園送水服務管理系統的設計與實現

梁英偉

摘要：根據高校校園送水服務管理工作的需要，為了讓送水服務工作得到有效的管理，開發了基于HTML5的校園送水服務管理系統。該系統采用B/S結構方案，以asp技術為基礎，以HTML5技術為關鍵，再結合SQL Server 2008數據庫進行開發。該系統具有跨平臺使用的特點，具有穩定的數據處理功能，有助于促進校園送水服務管理工作的改善。

關鍵詞：HTML5；B/S結構；管理

中圖分類號：TP311

文獻標識碼：A

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

1.背景

隨著網絡技術的不斷發展，網絡技術的應用讓人們的學習、生活、工作等各方面都得到了改善。特別是移動互聯網的發展，擺脫了傳統有線網絡的約束，讓人們可以在移動的過程中從事各種網上活動。

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

針對這種情況，采用B/S結構開發的校園送水服務管理系統，不但可以增強校園送水服務的管理工作，而且可以讓系統開發人員節約開發成本，縮短開發周期。HTML5技術不但是一種新型的網頁開發技術，而且正好符合B/S結構系統的開發條件。利用HTML5技術開發的系統不但可以實現跨平臺使用，方便了用戶的操作，而且可以對處于移動工作狀態的人員進行有效的管理。

2.HTML5簡介

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

3B/S結構簡介

B/S是指Browser/Server（瀏覽器/服務器），即客戶端為WEB瀏覽器，服務器端為WEB服務器。B/S結構是從傳統的C/S結構發展起來的網絡結構模式，它是由表示層、業務邏輯層與數據訪問層構成的三層分布式結構。由于B/S結構具有跨平臺使用，開發和維護成本低，易于集成和擴展等特點，所以被廣泛應用于分布式系統的開發中。

4.系統需求分析

通過對校園送水服務管理工作進行調查，確定了校園送水服務管理系統要滿足以下幾個要求。

1）系統不但可以在Pc端設備上使用，而且可以在移動終端設備上使用。

2）所有系統用戶都要進行登錄操作，以保證系統安全。

3）系統能夠穩定地處理和保存數據。

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

5）預約者可以對送水工作人員進行評價操作。

5.系統設計

5.1功能模塊設計

根據對校園送水服務管理工作進行分析，可以設計出幾個系統的主要功能模塊。校園送水服務管理系統功能如圖l所示。

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

2）預約模塊。該模塊可以讓預約者進行預約操作。預約者可以填寫信息進行預約，也可以進行取消預約操作。此外，預約者還可以進行桶裝水送達的確認操作和對送水工作人員的評價操作。

3）反饋模塊。該模塊可以讓預約者進行反饋操作。預約者可以進行桶裝水送達的確認操作和對送水工作人員的評價操作。

4）登錄認證模塊。該模塊可以讓所有用戶進行登錄系統操作，保證系統使用的安全性。

5）信息導人模塊。該模塊可以讓超級管理員進行用戶信息導人的操作，確保系統的用戶只能是校內人員。

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

7）信息查看模塊。該模塊可以讓預約者進行信息查看的操作。預約者可以查看最新動態的信息，了解送水服務工作的最新情況。

8）工作調度模塊。該模塊可以實現系統自動派單和人工派單功能。送水工作管理者可以在系統里設定規則，讓系統按照規則以自動派單的方式給送水工作人員分配工作。此外，送水工作管理者還可以根據預約信息和送水工作人員的情況，以人工派單的方式給送水工作人員分配工作。

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

5.2數據庫設計

為了讓數據更加安全可靠，采用了SQL Server 2008數據庫對系統進行開發。以下列舉了幾個主要數據表進行介紹。

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

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

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

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

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

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

7）預約信息表。該表包括預約序號、預約者賬號、預約者姓名、預約者聯系電話、送水工作人員姓名、送水工作人員聯系電話、樓房名稱、預約日期、詳細地址、桶裝水數、評價分數、是否送達、預約操作時間、送達時間等字段。該表主要用來記錄預約者進行操作的信息。其中，預約序號為主字段。

8）最新動態信息表。該表包括最新動態信息編號、內容、標題、添加時間等字段。其中，最新動態信息序號為主字段。

6.系統實現

該系統采用了B/S結構進行開發，在表示層的實現上運行了HTML5和CSS3雙結合的技術。用戶界面如圖2所示。

7.結束語

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