基于HTML5的目標監督應用軟件的開發

潘永康 王梅紅

摘 要：隨著互聯網的快速發展，移動應用的開發得到了快速的發展和普及。移動互聯與我們的衣食住行深入融合，我們可以使用豐富的網絡資源，也能利用科技的力量改善我們的生活方式。本文基于HTML5 技術來開發出一款能夠服務在校學生的應用軟件，該軟件能夠有效的提高學生學習的效率。

關鍵詞：HTML5;APP ;目標監督

1.項目背景

移動互聯網的發展使得我們的生活越來越方便，我們的生活也無時無刻不在與電子產品打交道。網絡是一把雙刃劍，在給我們帶來快捷、便利、滿足的同時，它在無形中弱化了我們的思考能力，我們對電子產品愛不釋手，同時使得學生常常會忽視日常的學習任務。基于這種考慮，我們希望能夠利用科技的力量來改變生活方式，向拖延說不，甩掉依賴。互聯網的發展給了我們改變的可能，我們要用自己的知識去做出改變。

2.目標監督應用軟件設計方案

2.1 目標監督應用軟件功能需求調查結果

在課題開始階段進行APP功能需求的調查，我們設計調查問卷，向大學生群發放問卷，在大量的調查結果中總結出普遍的現象。大學生在校學習上的問題主要體現為學習任務不明確、缺乏必要的監督措施、學習動力不足、娛樂產品的影響等。針對這些問題我們認真的分析出現的原因和應對的方法。我們設計出的APP因該具有明確學習任務、及時監督學習、獎勵學習、好友交流等主要功能。

2.2 確定開發軟件

開發軟件選用HTML5 技術配合MUI 集成框架來設計APP 的頁面和用戶接口，選用node.js 來處理應用的請求的響應，選用MySQL來存放用戶數據和信息。HTML5 是互聯網的下一代標準，是構建以及呈現互聯網內容的一種語言方式，被認為是互聯網的核心技術之一。MUI是最接近原生APP體驗的高性能前端框架。在確定了APP開發技術之后逐步完成功能的實現。

2.3目標監督應用軟件開發

2.3.1 程序簡介

目標監督應用的用戶界面如下圖，有四大共能模塊，以下主要分為三層：

（1）數據存儲層：選用MYSQL 為應用的數據庫，將用戶的信息包塊個人信息、任務信息、獎勵信息、好友信息等進行存儲和處理。

（2）技術支撐層：技術層主要為業務層的順利完成提供支撐。主要包括安全算法、日志管理、數據連接、網絡連接等方面。安全的算法提高系統的可靠性、可用性，日志用來對應用的維護，數據用來對頁面進行數據渲染，網絡連接提供網絡服務。

（3）業務層：該層是應用的核心層，主要為用戶提供設定任務、目標監督、獲取獎勵、好友交流等功能，可以有效的提高用戶的完成任務的效率。

2.3.2 程序片段舉例

（1） 前端對獲得數據的渲染

（2） 前端發送請求的方式

（3） 后端處理請求的方式

（4） 對數據庫的操作

功能測試與完善

目標監督管理軟件能夠安裝到手機上，用戶可以下載使用，應用設計的四大功能模塊都已實現，能夠完成任務的設定、任務的修改、任務的執行等操作，用戶在設定任務的截至時間即將到達時會受到系統發送的提醒短信，來督促用戶及時完成任務，不要拖延時間。用戶的任務完成后，即可獲得本次打卡活動的相應積分，并可以兌換獎品，增加完成任務的喜悅感。用戶在應用中可以與好友互動一起完成任務。應用也存在一定的問題，比如在監督方面可能監管不到位，用戶設定的任務具有一定的局限性，無法及時的檢測用戶的狀態和消息。該應用的維護將會持續下去，為用戶提供便利的服務。

結論

在目標監督應用的開發過程中我們總結出了寶貴的項目經驗。對APP開發的流程有了較為深入的了解和應用。應用的功能模塊都已經實現，我們采用了前后端分離的技術來開發應用，降低了代碼整合的復雜度。從數據訪問開始著手，到功能逐個實現，我們完成了目標監督應用的開發。應用暫時未能投入使用，我們期待有一天越來越多的人會使用它來提高自己的學習效率。