成工校園APP的設(shè)計(jì)與實(shí)現(xiàn)

胡永泉+曾麗娜

摘 要：成工校園APP采用Web APP開(kāi)發(fā)方式，前端采用Ionic框架，后臺(tái)采用Node.js，數(shù)據(jù)庫(kù)采用MySQL，在學(xué)校已有平臺(tái)上進(jìn)行擴(kuò)展。系統(tǒng)將校園各個(gè)平臺(tái)進(jìn)行集中，除了為學(xué)生提供新聞資訊、校園百科、成績(jī)查詢(xún)、一卡通服務(wù)等常規(guī)功能外，還創(chuàng)新推出生活服務(wù)類(lèi)、微信微博消息推送等功能，為全體學(xué)生提供隨時(shí)、隨地、隨需的移動(dòng)信息服務(wù)。該系統(tǒng)在試運(yùn)行階段得到了學(xué)生的一致好評(píng)，在很大程度上推動(dòng)了學(xué)校的數(shù)字化、信息化建設(shè)。

關(guān)鍵詞：Web APP 移動(dòng)校園 數(shù)字化 信息服務(wù)

中圖分類(lèi)號(hào)：TN91 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1672-3791（2017）11（a）-0034-02

2015年，教育部發(fā)布了利用現(xiàn)代信息技術(shù)和網(wǎng)絡(luò)技術(shù)建設(shè)數(shù)字化校園的指導(dǎo)意見(jiàn)，在十二屆全國(guó)人民代表大會(huì)三次會(huì)議上，李克強(qiáng)總理提出“互聯(lián)網(wǎng)+”行動(dòng)計(jì)劃，數(shù)字化、信息化建設(shè)成為社會(huì)發(fā)展和經(jīng)濟(jì)發(fā)展的必然趨勢(shì)[1]。

成都工業(yè)學(xué)院作為一所面向未來(lái)的現(xiàn)代化大學(xué)，信息化平臺(tái)建設(shè)具有一定的局限性。目前學(xué)院使用的校園信息門(mén)戶(hù)主要是基于PC端，存在靈活性不高、地點(diǎn)局限性大等缺點(diǎn)，在此背景下，成工校園APP應(yīng)運(yùn)而生。成工校園APP順應(yīng)時(shí)下廣泛使用的移動(dòng)互聯(lián)，應(yīng)用采用Web APP開(kāi)發(fā)方式，借助WiFi網(wǎng)絡(luò)或運(yùn)營(yíng)商網(wǎng)絡(luò)，為學(xué)生提供全方位的服務(wù)，有助于全校學(xué)生交流互動(dòng)和日常生活，進(jìn)而促進(jìn)學(xué)院數(shù)字信息化建設(shè)和整體發(fā)展。

1 相關(guān)技術(shù)

1.1 Ionic

Ionic是一個(gè)用來(lái)開(kāi)發(fā)混合手機(jī)應(yīng)用的移動(dòng)開(kāi)發(fā)框架，特點(diǎn)是使用標(biāo)準(zhǔn)的HTML、CSS和JavaScript，是一款熱門(mén)的跨平臺(tái)的前端框架，采用Ionic可快速構(gòu)建高效、擴(kuò)展性強(qiáng)的應(yīng)用程序[2，3]。

1.2 Node.js

Node.js是封裝了Google Chrome V8引擎于Chrome JavaScript平臺(tái)建立的框架，Node.js使用事件驅(qū)動(dòng)，非阻塞I/O模型而得以輕量和高效，用于方便搭建響應(yīng)速度快、易于擴(kuò)展的網(wǎng)絡(luò)應(yīng)用[4，5]。

2 系統(tǒng)設(shè)計(jì)

2.1 總體設(shè)計(jì)

為方便系統(tǒng)應(yīng)用、擴(kuò)展以及管理維護(hù)，成工校園APP系統(tǒng)分為兩部分：成工校園APP客戶(hù)端和系統(tǒng)后臺(tái)管理維護(hù)。移動(dòng)校園客戶(hù)端提供了給學(xué)生的全部服務(wù)；系統(tǒng)后臺(tái)管理則是通過(guò)瀏覽器登錄，對(duì)系統(tǒng)進(jìn)行管理。成工校園APP以數(shù)字化校園系統(tǒng)為基礎(chǔ)平臺(tái)搭建而成，系統(tǒng)采用分層體系結(jié)構(gòu)，各層之間通過(guò)接口通信，耦合度較低，具有極大的擴(kuò)展性和可維護(hù)性。

2.2 數(shù)據(jù)庫(kù)設(shè)計(jì)

成工校園APP數(shù)據(jù)庫(kù)在現(xiàn)有的數(shù)字化校園系統(tǒng)的基礎(chǔ)上進(jìn)行擴(kuò)展，APP通過(guò)接口訪問(wèn)學(xué)校數(shù)據(jù)庫(kù)，實(shí)現(xiàn)系統(tǒng)與目前正在使用的教務(wù)系統(tǒng)、一卡通服務(wù)系統(tǒng)、圖書(shū)館系統(tǒng)的無(wú)縫連接，既減少了開(kāi)發(fā)和維護(hù)的成本，也保證了兩套系統(tǒng)內(nèi)容的實(shí)時(shí)性和數(shù)據(jù)的一致性。成工校園APP數(shù)據(jù)庫(kù)主要表結(jié)構(gòu)的E-R圖如圖1所示。

3 系統(tǒng)實(shí)現(xiàn)

3.1 Node.js連接數(shù)據(jù)庫(kù)

3.2 系統(tǒng)功能模塊實(shí)現(xiàn)

根據(jù)需求分析，成工校園APP客戶(hù)端包括用戶(hù)管理、新聞資訊、校園百科、教務(wù)查詢(xún)、一卡通服務(wù)、圖書(shū)館、校園論壇、生活服務(wù)、個(gè)人應(yīng)用九大模塊，其中特色模塊為生活服務(wù)和個(gè)人應(yīng)用。

（1）生活服務(wù)模塊實(shí)現(xiàn)。

生活服務(wù)模塊主要為學(xué)生日常生活提供便利服務(wù)，包括失物招領(lǐng)和跳蚤街。失物招領(lǐng)模以圖片和簡(jiǎn)要信息的方式對(duì)丟失的物品進(jìn)行展示。點(diǎn)擊圖片進(jìn)入物品詳細(xì)信息介紹界面，以便用戶(hù)更加準(zhǔn)確地確認(rèn)物品信息。跳蚤街是為學(xué)生進(jìn)行日常用品求購(gòu)或出售提供交流平臺(tái)，學(xué)生可隨時(shí)將閑置的物品通過(guò)平臺(tái)發(fā)布到跳蚤街，系統(tǒng)會(huì)根據(jù)用戶(hù)設(shè)置的需求動(dòng)態(tài)推送物品。與此同時(shí)，買(mǎi)方和賣(mài)方之間可通過(guò)平臺(tái)進(jìn)行實(shí)時(shí)交流，進(jìn)而促成商品的交易。

（2）個(gè)人應(yīng)用模塊實(shí)現(xiàn)。

該模塊最大的特點(diǎn)就是用戶(hù)可根據(jù)自己的需求動(dòng)態(tài)添加常用的功能，如勤工儉學(xué)、公務(wù)保修、考研資訊等。平臺(tái)提供等應(yīng)用都是根據(jù)本校學(xué)生的興趣愛(ài)好所開(kāi)發(fā)，指向性高。且彼此相互獨(dú)立、定期更新。學(xué)生可通過(guò)該模塊實(shí)現(xiàn)私人訂制，實(shí)時(shí)關(guān)注自己感興趣的信息。

4 結(jié)語(yǔ)

本文介紹了成工校園APP的設(shè)計(jì)與實(shí)現(xiàn)過(guò)程，通過(guò)該系統(tǒng)的使用，學(xué)生可以方便在不同移動(dòng)終端（手機(jī)、iPad等）進(jìn)行信息的綜合查詢(xún)，并可根據(jù)自身興趣愛(ài)好私人訂制客戶(hù)端功能模塊，及時(shí)了解校園動(dòng)態(tài)。成工校園APP將多個(gè)孤立的信息系統(tǒng)整合到移動(dòng)端平臺(tái)，提供一站式信息服務(wù)，從而解決孤立“信息島”問(wèn)題，在很大程度上促進(jìn)了學(xué)校的新型信息化建設(shè)。

參考文獻(xiàn)

[1] 劉歡，盧蓓蓉，馬晨輝.淺析高校校園移動(dòng)應(yīng)用開(kāi)發(fā)[J].武漢大學(xué)學(xué)報(bào)：理學(xué)版，2012（S1）：171-174.

[2] 朱凱南，李艷平，申閆春，等.基于Ionic和Cordova的跨平臺(tái)移動(dòng)APP的研究與應(yīng)用[J].電腦知識(shí)與技術(shù)，2016，12（1）：119-121.

[3] 鄧慧琴.Ionic框架開(kāi)發(fā)移動(dòng)App-自定義登錄加密插件[J].齊齊哈爾大學(xué)學(xué)報(bào)：自然科學(xué)版，2017，33（1）：9-13.

[4] 王金龍，宋斌，丁銳.Node.js：一種新的Web應(yīng)用構(gòu)建技術(shù)[J].現(xiàn)代電子技術(shù)，2017，38（6）：70-73.

[5] 沈昕.基于Node.js及Mongodb的在線學(xué)習(xí)測(cè)試系統(tǒng)設(shè)計(jì)[J].無(wú)線互聯(lián)科技，2015（4）：30-32.