Oray上的小程序教學(xué)輔助平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

廖海玲 何明昌 李梅 楊宇豪 張睿 張盼

摘要：目前大多數(shù)高校的教學(xué)平臺(tái)都是網(wǎng)站形式，也有一些提供手機(jī)APP以實(shí)現(xiàn)部分功能。隨著微信的流行與便捷，師生們使用微信的比例越來(lái)越高。為此開(kāi)發(fā)了一款基于微信小程序的教學(xué)輔助平臺(tái)，并自建管理后臺(tái)，開(kāi)發(fā)語(yǔ)言使用PHP，采用MySQL構(gòu)建數(shù)據(jù)庫(kù)，結(jié)合Oray上的https域名發(fā)布。平臺(tái)涵蓋了課表查詢、成績(jī)查詢、在線考試、視頻教學(xué)、社區(qū)討論，并獨(dú)創(chuàng)課堂坐標(biāo)位置考勤功能，同時(shí)滿足了學(xué)生們碎片化學(xué)習(xí)的需求。

關(guān)鍵詞：微信;小程序;輔助;坐標(biāo);考勤;Oray

中圖分類號(hào)：G434? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2019）19-0090-03

Abstract： At present， most of the teaching platforms in colleges and universities are in the form of websites， and some provide mobile apps to realize some functions. With the popularity and convenience of WeChat， more and more teachers and students use WeChat. For this purpose， a teaching assistant platform based on WeChat small program was developed， and a management background was built. development language used PHP， MySQL was used to build the database， and the HTTPS domain name on Oray was published. The platform covers course schedule query， score query， online examination， video teaching， community discussion， and the original classroom coordinate position attendance function， while meeting the needs of students in fragmented learning.

Key words： WeChat; Small program; Auxiliary; Coordinates; Attendance; Oray

1 引言

通過(guò)基于Android的APP教育平臺(tái)模式開(kāi)發(fā)出的教育平臺(tái)， 雖然可以定制完善功能， 但其客戶量、重復(fù)的登陸、退出、安裝、卸載等，給用戶帶來(lái)的煩冗工作是非常麻煩的，手機(jī)的容量就是那么大，不可能無(wú)休止地安裝手機(jī)APP，于是基于微信的手機(jī)應(yīng)用越來(lái)越多，也越來(lái)越受用戶喜愛(ài)。調(diào)查顯示2018年微信活躍用戶達(dá)到10.4億人，巨大的市場(chǎng)資源是微信小程序蓬勃發(fā)展的主要因素， 但是由于技術(shù)局限性，微信小程序使用起來(lái)也存在功能局限性，其主因還在于必須借助微信的管理，基于微信平臺(tái)二次開(kāi)發(fā)的應(yīng)用程序顯示出越來(lái)越明顯的市場(chǎng)優(yōu)勢(shì)[1]，為此，使用微信小程序開(kāi)發(fā)，擁有自己的管理后臺(tái)是非常必要的。

2 技術(shù)結(jié)構(gòu)

微信小程序的整體技術(shù)架構(gòu)大概從以下幾個(gè)方面來(lái)說(shuō)：視圖層和邏輯層分離，通過(guò)數(shù)據(jù)驅(qū)動(dòng)，事件交互，不直接操作DOM;視圖層負(fù)責(zé)渲染頁(yè)面結(jié)構(gòu)，邏輯層負(fù)責(zé)邏輯處理、數(shù)據(jù)請(qǐng)求、接口調(diào)用等。如圖1所示：

3 技術(shù)實(shí)現(xiàn)

3.1 前端設(shè)計(jì)

微信小程序的前端設(shè)計(jì)最大特點(diǎn)就是代碼邏輯清晰簡(jiǎn)單，微信小程序首先初始項(xiàng)目，要求把每個(gè)頁(yè)面相關(guān)的js、wxss、wxml放在各自的文件中，使得結(jié)構(gòu)清晰明朗，這種設(shè)計(jì)理念，使得微信小程序整齊劃一，職責(zé)明確，減輕代碼設(shè)計(jì)復(fù)雜度。在小程序設(shè)計(jì)中，主要的文件app.json作用是對(duì)微信小程序進(jìn)行全局配置，決定頁(yè)面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多 tab 等，而入口文件app.js則注冊(cè)一個(gè)小程序，接受一個(gè) object 參數(shù)，通過(guò)其指定小程序的生命周期函數(shù)，通過(guò)全局方法getApp（）獲取app實(shí)例，進(jìn)而直接調(diào)用它的屬性或方法。

平臺(tái)基于小程序進(jìn)行開(kāi)發(fā)，主要開(kāi)發(fā)語(yǔ)言是 JavaScript。小程序的開(kāi)發(fā)與普通的網(wǎng)頁(yè)開(kāi)發(fā)相比有很大的相似性。網(wǎng)頁(yè)開(kāi)發(fā)渲染線程和腳本線程是互斥的，長(zhǎng)時(shí)間的腳本運(yùn)行可能會(huì)導(dǎo)致頁(yè)面失去響應(yīng)，而在小程序中，二者是分開(kāi)的，分別運(yùn)行在不同的線程中。網(wǎng)頁(yè)開(kāi)發(fā)者可以使用到各種瀏覽器暴露出來(lái)的 DOM API，進(jìn)行 DOM 選中和操作，使系統(tǒng)易于維護(hù)，易于測(cè)試。

3.2 后臺(tái)架構(gòu)設(shè)計(jì)

適用于Web開(kāi)發(fā)領(lǐng)域前后臺(tái)用的開(kāi)發(fā)語(yǔ)言有以下幾種：java，Python，php，asp.net，c++，rubyon rails等。PHP是運(yùn)行在服務(wù)器的腳本，在語(yǔ)法上吸收了C語(yǔ)言、Java的特點(diǎn)，利于學(xué)習(xí)，使用廣泛，其特點(diǎn)是靈活，上手快，易修改，發(fā)布快捷，環(huán)境好部署，可以運(yùn)行在UNIX、LINUX、WINDOWS、Mac OS、Android等平臺(tái)。ThinkPHP是一個(gè)快速、兼容而且簡(jiǎn)單的輕量級(jí)國(guó)產(chǎn)PHP開(kāi)發(fā)框架，使用面向?qū)ο蟮拈_(kāi)發(fā)結(jié)構(gòu)和MVC模式，融合了Struts的思想和TagLib（標(biāo)簽庫(kù)）、ROR的ORM映射和ActiveRecord模式，提高了代碼的重用率[3]，可以支持Windows/Unix/Linux等服務(wù)器環(huán)境，支持MySQL、PgQL、Sqlite多種數(shù)據(jù)庫(kù)以及PDO擴(kuò)展。作為一個(gè)整體開(kāi)發(fā)解決方案，ThinkPHP能夠解決應(yīng)用開(kāi)發(fā)中的大多數(shù)需要，其自身包含了底層架構(gòu)、兼容處理、基類庫(kù)、數(shù)據(jù)庫(kù)訪問(wèn)層、模板引擎、緩存機(jī)制、插件機(jī)制、角色認(rèn)證、表單處理等常用的組件，并且對(duì)于跨版本、跨平臺(tái)和跨數(shù)據(jù)庫(kù)移植都比較方便。

MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，是開(kāi)源的，目前MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，開(kāi)放源碼，因此平臺(tái)中我們采用MySQL進(jìn)行數(shù)據(jù)處理。

4 系統(tǒng)需求分析

平臺(tái)采用HTML5、java進(jìn)行前端設(shè)計(jì)，用PHP+MYSQL數(shù)據(jù)庫(kù)進(jìn)行后臺(tái)開(kāi)發(fā)，平臺(tái)力求給每個(gè)用戶最貼心的學(xué)習(xí)服務(wù)，主要功能有信息查找、資料分享，視頻學(xué)習(xí)，社區(qū)討論、視頻直播等，根據(jù)業(yè)務(wù)流程，系統(tǒng)內(nèi)分三大板塊：教師手機(jī)客戶端、學(xué)生手機(jī)客戶端和管理員后臺(tái)。功能區(qū)有四個(gè)模塊：分別為教學(xué)輔助模塊，消息接收模塊，社區(qū)討論模塊，個(gè)人中心模塊，如圖3所示：

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

5.1 JSON數(shù)據(jù)交換格式

JSON（Java Script? Object? Notation）是一種輕量級(jí)的獨(dú)立語(yǔ)言的文本數(shù)據(jù)交換格式，基于Java Script編程語(yǔ)言的一個(gè)子集，具備良好的讀寫(xiě)性能，并且方便機(jī)器進(jìn)行解析和生成[4]，這些特性使得JSON成為理想的數(shù)據(jù)交換語(yǔ)言，所以系統(tǒng)在手機(jī)客戶端采用JSON數(shù)據(jù)交換格式。JSON作為數(shù)據(jù)的交換格式，在客戶端和服務(wù)器端都要有對(duì)應(yīng)的轉(zhuǎn)換過(guò)程，如圖4所示：

5.2 坐標(biāo)位置考勤實(shí)現(xiàn)

教師登錄系統(tǒng)后，向服務(wù)器發(fā)出學(xué)生考勤請(qǐng)求，系統(tǒng)接到指令，向?qū)W生發(fā)出登錄指令，學(xué)生登錄后，系統(tǒng)得到學(xué)生位置信息，系統(tǒng)根據(jù)學(xué)生位置信息，識(shí)別學(xué)生是否在指定位置，得出考勤結(jié)果，流程如圖5所示：

5.3 動(dòng)態(tài)網(wǎng)站服務(wù)器

因?yàn)樵O(shè)計(jì)的網(wǎng)站是動(dòng)態(tài)的，相關(guān)的功能需要有大量的數(shù)據(jù)上傳等，如果找一些付費(fèi)的服務(wù)器的話，除了增加成本外，還要考慮一些運(yùn)行成本以及網(wǎng)站維護(hù)等問(wèn)題，而且在發(fā)布運(yùn)行過(guò)程中隨時(shí)都有可能要調(diào)試修改?；谏厦娴膯?wèn)題我們選擇了花生殼Oray作為平臺(tái)用的動(dòng)態(tài)域名解析。

下載花生殼動(dòng)態(tài)域名軟件安裝后，輸入賬號(hào)密碼登錄，設(shè)置內(nèi)網(wǎng)穿透，綁定自己的IP提交，花生殼客戶端會(huì)記錄ADSL撥號(hào)后所分配的動(dòng)態(tài)IP地址，然后返還給花生殼服務(wù)器端，并把IP地址寫(xiě)入用戶在花生殼網(wǎng)站注冊(cè)的域名記錄里[5]，這樣非常方便平臺(tái)的調(diào)試與維護(hù)。

6 結(jié)束語(yǔ)

隨著互聯(lián)網(wǎng)的深入發(fā)展，教學(xué)輔助工具也應(yīng)該與時(shí)俱進(jìn)，平臺(tái)通過(guò)強(qiáng)大的互聯(lián)網(wǎng)技術(shù)，通過(guò)微信小程序，使用坐標(biāo)定位考勤，極大提高了學(xué)生到課率平臺(tái)還分享優(yōu)秀的學(xué)習(xí)資料，開(kāi)設(shè)課程直播、點(diǎn)播等功能，為師生們提供一個(gè)高質(zhì)量、體驗(yàn)優(yōu)的學(xué)習(xí)平臺(tái)。

參考文獻(xiàn)：

[1] 劉琦，丁萍莉.基于微信小程序的互聯(lián)網(wǎng)+教育學(xué)習(xí)平臺(tái)的研究與設(shè)計(jì)[J].內(nèi)江科技，2016，37（12）：45-46.

[2] 歉信君.淺談微信小程序架構(gòu)[EB/OL].https：//www.cnblogs.com/kenshinobiy/p/6724867.html.

[3] 孫武，陳濤，王凡，劉炳楠，劉春.基于ThinkPHP框架的學(xué)習(xí)共享資源平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J].電腦迷，2018（5）：208.

[4] 王華志. 基于JSON的異構(gòu)數(shù)據(jù)源數(shù)據(jù)交換技術(shù)研究[D].武漢：武漢理工大學(xué)，2015.

[5] 何明昌.建設(shè)經(jīng)濟(jì)高效動(dòng)態(tài)服務(wù)器 提升學(xué)生網(wǎng)站建設(shè)容量[J].實(shí)驗(yàn)室研究與探，2010，29（5）：58-61+78.

【通聯(lián)編輯：王力】