基于HTML5的目標(biāo)監(jiān)督應(yīng)用軟件的開發(fā)

潘永康?王梅紅

摘要：隨著互聯(lián)網(wǎng)的快速發(fā)展，移動(dòng)應(yīng)用的開發(fā)得到了快速的發(fā)展和普及。移動(dòng)互聯(lián)與我們的衣食住行深入融合，我們可以使用豐富的網(wǎng)絡(luò)資源，也能利用科技的力量改善我們的生活方式。本文基于HTML5 技術(shù)來開發(fā)出一款能夠服務(wù)在校學(xué)生的應(yīng)用軟件，該軟件能夠有效的提高學(xué)生學(xué)習(xí)的效率。

關(guān)鍵詞：HTML5;APP;目標(biāo)監(jiān)督

一、項(xiàng)目背景

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

二、目標(biāo)監(jiān)督應(yīng)用軟件設(shè)計(jì)方案

（一）目標(biāo)監(jiān)督應(yīng)用軟件功能需求調(diào)查結(jié)果

在課題開始階段進(jìn)行APP功能需求的調(diào)查，我們?cè)O(shè)計(jì)調(diào)查問卷，向大學(xué)生群發(fā)放問卷，在大量的調(diào)查結(jié)果中總結(jié)出普遍的現(xiàn)象。大學(xué)生在校學(xué)習(xí)上的問題主要體現(xiàn)為學(xué)習(xí)任務(wù)不明確、缺乏必要的監(jiān)督措施、學(xué)習(xí)動(dòng)力不足、娛樂產(chǎn)品的影響等。針對(duì)這些問題我們認(rèn)真的分析出現(xiàn)的原因和應(yīng)對(duì)的方法。我們?cè)O(shè)計(jì)出的APP因該具有明確學(xué)習(xí)任務(wù)、及時(shí)監(jiān)督學(xué)習(xí)、獎(jiǎng)勵(lì)學(xué)習(xí)、好友交流等主要功能。

（二）確定開發(fā)軟件

開發(fā)軟件選用HTML5 技術(shù)配合MUI 集成框架來設(shè)計(jì)APP 的頁面和用戶接口，選用node.js 來處理應(yīng)用的請(qǐng)求的響應(yīng)，選用MySQL來存放用戶數(shù)據(jù)和信息。HTML5 是互聯(lián)網(wǎng)的下一代標(biāo)準(zhǔn)，是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語言方式，被認(rèn)為是互聯(lián)網(wǎng)的核心技術(shù)之一。MUI是最接近原生APP體驗(yàn)的高性能前端框架。在確定了APP開發(fā)技術(shù)之后逐步完成功能的實(shí)現(xiàn)。

（三）目標(biāo)監(jiān)督應(yīng)用軟件開發(fā)

2.3.1 程序簡(jiǎn)介

目標(biāo)監(jiān)督應(yīng)用的用戶界面如下圖，有四大共能模塊，以下主要分為三層：

（1）數(shù)據(jù)存儲(chǔ)層：選用MYSQL 為應(yīng)用的數(shù)據(jù)庫，將用戶的信息包塊個(gè)人信息、任務(wù)信息、獎(jiǎng)勵(lì)信息、好友信息等進(jìn)行存儲(chǔ)和處理。

（2）技術(shù)支撐層：技術(shù)層主要為業(yè)務(wù)層的順利完成提供支撐。主要包括安全算法、日志管理、數(shù)據(jù)連接、網(wǎng)絡(luò)連接等方面。安全的算法提高系統(tǒng)的可靠性、可用性，日志用來對(duì)應(yīng)用的維護(hù)，數(shù)據(jù)用來對(duì)頁面進(jìn)行數(shù)據(jù)渲染，網(wǎng)絡(luò)連接提供網(wǎng)絡(luò)服務(wù)。

（3）業(yè)務(wù)層：該層是應(yīng)用的核心層，主要為用戶提供設(shè)定任務(wù)、目標(biāo)監(jiān)督、獲取獎(jiǎng)勵(lì)、好友交流等功能，可以有效的提高用戶的完成任務(wù)的效率。

2.3.2 程序片段舉例

（1） 前端對(duì)獲得數(shù)據(jù)的渲染

（2） 前端發(fā)送請(qǐng)求的方式

（3） 后端處理請(qǐng)求的方式

（4） 對(duì)數(shù)據(jù)庫的操作

三、功能測(cè)試與完善

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

四、結(jié)論

在目標(biāo)監(jiān)督應(yīng)用的開發(fā)過程中我們總結(jié)出了寶貴的項(xiàng)目經(jīng)驗(yàn)。對(duì)APP開發(fā)的流程有了較為深入的了解和應(yīng)用。應(yīng)用的功能模塊都已經(jīng)實(shí)現(xiàn)，我們采用了前后端分離的技術(shù)來開發(fā)應(yīng)用，降低了代碼整合的復(fù)雜度。從數(shù)據(jù)訪問開始著手，到功能逐個(gè)實(shí)現(xiàn)，我們完成了目標(biāo)監(jiān)督應(yīng)用的開發(fā)。應(yīng)用暫時(shí)未能投入使用，我們期待有一天越來越多的人會(huì)使用它來提高自己的學(xué)習(xí)效率。

作者簡(jiǎn)介：

潘永康（1998.04—），男，漢族，河南漯河人，河南大學(xué)軟件學(xué)院，2017級(jí)本科生在讀，研究方向：網(wǎng)絡(luò)工程。

王梅紅（1998.08—），女，漢族，河南安陽人，河南大學(xué)法學(xué)院 2017級(jí)本科生在讀，研究方向：法學(xué)。