基于HTML5的高校易交流平臺的設計與實現

何星宇，孫 瑜（通信作者）

（云南師范大學 云南 昆明 650500）

0 引言

隨著移動互聯網的快速發展和移動智能設備的普及，基于HTML5技術的移動交流平臺大量涌現，強大的功能、便捷的特性使其成為了高校信息交流的重要工具。傳統高校信息交流平臺中，以第三方為信息傳播媒介，通過“信息＋交流”的業務模式基本滿足了大學生群體信息交流需求，但總體來看依然存在諸多問題。（1）信息時效性：依托于第三方發布的信息無法保證其時效性，會使部分信息失去價值。（2）信息安全性：信息的匿名發布無形中提高了信息風險。（3）信息查詢：當用戶在查詢歷史信息時，龐大的信息數據量讓查找成為困難。近年來，大學生信息交流平臺的開發技術逐漸從傳統的B/S架構向著適用于移動端使用的APP轉變[1]。基于此背景的移動信息交流技術作為一種新的學習模式，可以為移動交流提供高質量的移動信息交流資源設計和相關研究[2]。近幾年智能終端系統的發展，興起了python語言開發、混合開發模式下的手機APP開發以及少部分高成本安卓原生開發等技術，如何在縮短開發時間的前提下保證開發產品的質量，是目前亟需解決的一大問題。

1 系統開發環境

本文開發過程基于Windows 10系統進行，采用SSM框架，這一框架主要為運用在企業開發過程中，適用于許多主流的運用系統中。以Hbuilder為開發平臺，在移動應用開發過程中，Hbuilder是一項很具優勢的集成開發軟件。Hbuilder建設了最全面的HTML以及網頁瀏覽器擴展的強大語法庫，讓開發的過程變得更加精準。選擇HTML5[3]為語言來編寫程序，大幅增加了適應移動終端設備的功能。表1具體介紹了開發過程中所有工具及其開發環境，可供參考。

表1 操作工具及相關信息

2 高校易交流APP需求分析

2.1 高校易交流APP概述

高校易交流APP的需求主要來自在校大學生，目前的大學群體對兼職、找工作、找對象、失物招領等方面有著顯著需求。現存的信息交流平臺存在諸多不便的地方，例如：信息的交互性差、龐大的數據量讓查找成為困難、信息的準確性難以確定、信息存在明顯延時等。通過對高校APP的設計與開發，希望能夠解決目前現存高校信息交流平臺中存在的問題，提高信息的安全性以及平臺與用戶的交互性，給高校在讀學生帶來最大的交流便利。

2.2 高校易交流APP可行性分析

所謂可行性分析，就是分析高校易交流APP能否通過最小的代價來實現其最大的價值。就經濟可行性上來說，易交流APP并未選用Native開發模式，大大節約了開發的成本，且在APP后期的運營上，只需要選用價格合適的服務器即可，在開發過程中采用了當前主流的開源代碼以及框架，這在最大程度上降低了后期運維的復雜度；就技術可行性上來說，網絡上有許多現成的開源代碼和現成的開發框架，基本具備綠色、直觀、可視化的特點，能最大程度降低了開發難度，縮短了開發周期。綜上分析，高校易交流APP具備技術上的可行性。

2.3 高校易交流APP需求分析

2.3.1 高校易交流APP功能性需求分析

本文的需求分析主要采用問卷調查的方式和根據以往高校信息交流平臺的需求使用情況來進行分析的，問卷調查一共發放了180份，數據包含了大一至大四的樣本，主要圍繞著用戶對功能的需求以及建設意見來進行，關鍵數據如圖1所示。

圖1 信息分類、信息需求、使用意愿、現狀問卷調查結果

根據需求分析，設計上將高校易交流APP進行了功能模塊上的劃分，主要設置有用戶注冊、登錄、發布信息、刪除信息、搜索信息、評論、點贊等功能，旨在設計一款具有交互性的交流APP。一份完整的APP，不僅僅需要滿足功能性的需求，更需要滿足非功能性的需求。對于功能性需求來說，用例圖能夠更加直觀地進行展示，非功能性描述主要通過文字的分析來進行。針對問卷調查的結果分析，設計了以下的用例圖。如圖2所示。

圖2 易交流平臺功能性需求分析

新用戶可以進行注冊，注冊成功后即可使用登錄、發布信息、搜索信息、評論、點贊等功能。除此之外，用戶還可以在個人中心進行信息管理。

2.3.2 高校易交流APP非功能性需求分析

APP開發出來最終要服務的是用戶，良好的用戶體驗感能夠讓APP得到長久的使用。非功能需求分析是客戶對系統的使用感受的體現。本文主要從安全性和可用性兩個方面進行分析。

從APP的安全性方面來分析，APP的受眾主要為高校在讀的學生，采用MySQL5.7進行用戶個人信息的存儲，確保用戶的個人信息不被隨意地泄露出去。

從APP的可用性方面來分析，在開發過程中用戶界面嚴格地按照標準的APP界面標準來進行設計與實現的，簡潔美觀的操作界面、良好的交互性符合大眾日常對手機移動應用的使用習慣，讓用戶更加容易上手使用，優秀的可用性讓軟件更能夠普及使用。

3 易交流APP功能模塊設計

APP的總體設計主要是對整體進行概括及抽象，其中包含了各個部分的聯系。對APP進行整體的設計有利于提高整體的工作性能。高校易交流平臺采用了MVC標準來進行設計，大大減少了各個部分之間的干擾，從而最大程度提高系統的整體性能。圖3為易交流APP的總體設計圖。

圖3 總體設計圖

3.1 需求模塊分析

問卷調查不同用戶的需求，將需求劃分為三個模塊。以下對三個模塊進行具體的分析。

3.1.1 用戶模塊

用戶模塊主要是直線用戶注冊、用戶登錄、用戶注銷、用戶密碼更改等功能。主要的功能描述如表2所示。

表2 用戶模塊功能描述

3.1.2 信息模塊

信息模塊主要包括發布信息、瀏覽信息、信息分類、信息檢索、刪除信息等操作。主要的功能描述如表3所示。

表3 信息模塊功能描述

3.1.3 圖文模塊

圖文模塊是為了發布圖文結合的長篇文章而設計的模塊，功能上主要包括圖文發布功能、點贊功能、留言功能。主要的功能描述如表4所示。

表4 圖文模塊功能描述

APP的總體設計主要是對整體進行概括及抽象，其中包含了各個部分的聯系[4]。對APP進行整體的設計有利于提高整體的工作性能。高校易交流平臺采用了MVC標準來進行設計，大大減少了各個部分之間的干擾，從而最大程度提高系統的整體性能。

3.2 數據庫設計

在高校易交流APP進行總體設計的過程中，數據庫的設計是必不可缺的一個部分[5]，數據庫是支撐APP運行的關鍵。本文參照數據庫設計時的標準進行設計，主要從概念設計和邏輯設計兩個部分來進行設計。

3.2.1 數據庫概念設計

是高校易交流APP E-R圖的設計，其中包括了實體、關系以及屬性。本E-R圖主要的實體有普通用戶實體、文章分類實體、圖文結合實體、soulmate實體、失物招領實體、招聘信息共享實體、點贊實體、留言實體等。在每一個實體中都有屬性[6]，由于篇幅有限，在文章中僅僅畫出了關鍵的屬性。E-R圖可以將各個實體之間完整地連接起來。

圖4 E-R圖

3.2.2 數據庫邏輯設計

數據庫的概念設計主要是構建出數據庫表的模型[7]，在MySQL中進行實際操作時起著關鍵的指導作用。本文選用信息表進行具體闡述，如表5所示。

表5 信息表

4 系統功能測試

本章重點描述各個模塊的測試，展示最終的效果。

4.1 登錄、注冊、主界面設置

用戶數注冊的功能設置賬號密碼的格式及進行有效校驗。為了防止用戶注冊結束后出現忘記密碼的情況，特別設置了賬戶密碼的提示，檢驗用戶密碼是否符合設定的格式，密碼復雜度的設定有效提高了用戶密碼的安全性，防止出現密碼泄露的風險；用戶進行登錄時需要輸入用戶名和密碼。僅已經注冊成功的用戶可以成功登錄；高校易交流APP的首頁展示了用戶名稱、日期以及APP和核心功能的入口。如圖5所示。

圖5 注冊、登錄、主界面測試

4.2 APP內各模塊測試

圖6 為APP主要功能測試，主要包括遇見你的soulmate模塊、招聘信息共享模塊、失物招領模塊、圖文共傳模塊、信息分類匯總模塊，除了以上模塊功能測試外，還對點贊、評論、搜索等基礎操作進行了測試，測試結果顯示，APP功能皆正常且便捷。

圖6 各功能模塊測試

5 總結與展望

本文針對高校大學生對便捷信息交流APP的需求，設計出了一款初步可以簡單使用的APP。設計與實現過程中，依舊存在不足。從目前APP實現的功能來看，只能提供初步使用。為了實現與用戶更好的交互發展，還需要做到：進一步完善信息類型；提高與用戶的交互性；將學號作為登錄方式，提高信息安全性；完善信息發布的基本功能等。