基于Appcan的高校公共課移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)與開發(fā)
——以《現(xiàn)代教育技術(shù)》課程為例

（黃河科技學(xué)院，河南 鄭州450000）

基于Appcan的公共課移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)與開發(fā)是以一定的信息化教育背景以及相關(guān)的國(guó)內(nèi)外發(fā)展現(xiàn)狀為基礎(chǔ)展開的。本研究主要表述了選題的研究背景以及意義，并根據(jù)國(guó)內(nèi)外相關(guān)文獻(xiàn)，梳理分析目前的研究現(xiàn)狀，結(jié)合所需研究方法，依據(jù)特定研究思路，完成論文撰寫。

一、研究背景及意義

研究背景在一定程度上介紹了選題的來源，而研究意義則闡述了選題的價(jià)值所在，以下對(duì)選題研究背景和意義具體闡述說明。

（一）研究背景

信息時(shí)代的到來，給社會(huì)各行各業(yè)帶來新的生機(jī)，各種新興產(chǎn)業(yè)層出不窮，同時(shí)也給社會(huì)各領(lǐng)域帶來新的挑戰(zhàn)。當(dāng)然，教育領(lǐng)域也毫無例外地受到影響，引起政府的高度重視與大力支持。隨著移動(dòng)4G手機(jī)、WiFi的普及，以及各類APP的發(fā)展，使得移動(dòng)智能終端設(shè)備全面普及成為可能。通過互聯(lián)網(wǎng)絡(luò)技術(shù)，人們可以隨時(shí)隨地地獲得已被共享的學(xué)習(xí)資源，大幅提高知識(shí)獲取效率，降低資源獲取成本，為建設(shè)終身學(xué)習(xí)型社會(huì)奠定良好而堅(jiān)實(shí)的基礎(chǔ)。

（二）研究意義

高校公共課一直致力于培養(yǎng)德、智、體全面發(fā)展的綜合型素質(zhì)人才，在高校課程中占有重要地位。然而，公共課教學(xué)實(shí)踐中卻存在著各種各樣的教學(xué)問題，導(dǎo)致公共課教學(xué)效果一直收效甚微。學(xué)習(xí)者所接收到的公共課信息也大多局限在課堂教師的面對(duì)面?zhèn)魇?。因此，針?duì)目前高校公共課存在的教學(xué)問題，結(jié)合移動(dòng)互聯(lián)網(wǎng)隨時(shí)隨地學(xué)習(xí)的特征以及移動(dòng)設(shè)備的便于攜帶性，基于Appcan IDE移動(dòng)集成開發(fā)環(huán)境，開發(fā)移動(dòng)學(xué)習(xí)平臺(tái)，以實(shí)現(xiàn)高校公共課微資源共享，提高學(xué)習(xí)者學(xué)習(xí)效果。高校公共課移動(dòng)學(xué)習(xí)平臺(tái)的開發(fā)，既是為了拓寬學(xué)習(xí)者視野，促進(jìn)學(xué)習(xí)者的全面發(fā)展，以培養(yǎng)出適應(yīng)社會(huì)發(fā)展的多元化高素質(zhì)人才；也是為了倡導(dǎo)移動(dòng)學(xué)習(xí)，使隨時(shí)隨地學(xué)習(xí)觀念深入人心，進(jìn)而促進(jìn)終身學(xué)習(xí)理念的深入推廣。

二、平臺(tái)開發(fā)需求分析與功能模塊設(shè)計(jì)

本章從平臺(tái)開發(fā)需求分析與平臺(tái)功能模塊設(shè)計(jì)兩個(gè)方面展開。

（一）平臺(tái)開發(fā)的功能需求分析

1.教師對(duì)平臺(tái)的功能需求

（1）實(shí)時(shí)更新數(shù)據(jù)庫

高校公共課移動(dòng)學(xué)習(xí)平臺(tái)應(yīng)該根據(jù)本門課程相關(guān)熱點(diǎn)、前沿問題進(jìn)行即時(shí)數(shù)據(jù)更新。

（2）電子教材

本平臺(tái)以便攜式的移動(dòng)設(shè)備為載體，由教師梳理、總結(jié)相關(guān)教材的重點(diǎn)、難點(diǎn)，上傳至平臺(tái)，使學(xué)習(xí)者能夠隨時(shí)隨地方便、快捷地查閱各種教材，

（3）具有推送功能

教師通過服務(wù)器端，主動(dòng)推送相關(guān)教學(xué)信息到手機(jī)客戶端，讓學(xué)習(xí)者在第一時(shí)間了解本課程相關(guān)信息，開闊自己的眼界，發(fā)散自己的思維。

（4）書籍推薦

平臺(tái)還開發(fā)了書籍推薦功能，希望學(xué)習(xí)者能通過本平臺(tái)查找相關(guān)教材，及時(shí)了解教材信息，避免盲目選擇書籍的情況。當(dāng)然，書籍的推薦，還需要各專業(yè)教師進(jìn)行把關(guān)、推薦，才能有效避免時(shí)間的浪費(fèi)。

（5）課程考核

規(guī)范的考核可以讓學(xué)習(xí)者在學(xué)習(xí)中及時(shí)察覺自己的不足，這時(shí)，就需要教師制定一定的考核計(jì)劃，使學(xué)習(xí)者能夠?qū)W以致用，不僅讓學(xué)習(xí)者認(rèn)識(shí)到自己的長(zhǎng)處，還能通過針對(duì)性的訓(xùn)練，及時(shí)發(fā)現(xiàn)自己的不足，補(bǔ)齊短板。

2.學(xué)習(xí)者對(duì)平臺(tái)的功能需求

（1）界面美觀大方、交互性強(qiáng)

平臺(tái)在界面設(shè)計(jì)時(shí)應(yīng)遵循美觀大方的原則，這樣學(xué)習(xí)者在使用平臺(tái)時(shí)也會(huì)更舒服，對(duì)平臺(tái)的推廣也會(huì)有一定的推動(dòng)作用。

（2）互動(dòng)、交流

平臺(tái)在開發(fā)時(shí)要有較強(qiáng)的交互性，讓學(xué)習(xí)者體驗(yàn)平臺(tái)的人性化。

（3）平臺(tái)具有兼容性

高校公共課移動(dòng)學(xué)習(xí)平臺(tái)應(yīng)生成不同的應(yīng)用程序來應(yīng)對(duì)不同的操作系統(tǒng)，以適應(yīng)于不同的移動(dòng)終端用戶。

（4）實(shí)現(xiàn)資源共享

平臺(tái)要重視資源的共享，實(shí)現(xiàn)資源開放。只有實(shí)現(xiàn)豐富的學(xué)習(xí)資源的相對(duì)共享，才會(huì)有效促進(jìn)平臺(tái)的推廣。

（二）平臺(tái)功能模塊設(shè)計(jì)

1.教材模塊

筆者以其中一本《現(xiàn)代教育技術(shù)》教材為例，總結(jié)該教材中六個(gè)章節(jié)的知識(shí)點(diǎn)，上傳至平臺(tái)，供學(xué)習(xí)者進(jìn)行理論的學(xué)習(xí)。

2.資源模塊

提供與本門公共課相關(guān)的熱點(diǎn)問題，優(yōu)質(zhì)資源網(wǎng)站鏈接以及相關(guān)公共課專業(yè)書籍等。

3.班級(jí)模塊

查看班級(jí)成員需要提交的作業(yè)或相互下載作品等；同時(shí)，師生可以在此頁面進(jìn)行交流互動(dòng)，共同學(xué)習(xí)、共同進(jìn)步。

4.素材模塊

教師自己制作的教程等素材。

5.資訊模塊

各門公共課最新講座、沙龍、競(jìng)賽等。

6.首頁

首頁具體分為兩個(gè)部分：四大主題模塊和四大附屬模塊。

7.社區(qū)模塊

用于交流、溝通，或者在留言板上留言等。

8.考核模塊

針對(duì)每門公共課的不同特點(diǎn)、不同性質(zhì)，進(jìn)行公共課程的考核改革，并設(shè)置相應(yīng)的考題對(duì)學(xué)員的近期學(xué)習(xí)效果進(jìn)行檢測(cè)，以便學(xué)員根據(jù)自己的檢測(cè)結(jié)果進(jìn)行復(fù)習(xí)，從而不斷提高其學(xué)習(xí)能力，優(yōu)化學(xué)習(xí)效果。

9.幫助模塊

包括用戶管理（用戶注冊(cè)、用戶登陸）、我的收藏、我的位置、關(guān)于我們（關(guān)于本平臺(tái)的介紹）、聯(lián)系我們、修改密碼等。

（三）平臺(tái)功能模塊圖

筆者把高校公共課移動(dòng)學(xué)習(xí)平臺(tái)的各個(gè)功能模塊劃分為兩大模塊：四大主題模塊和四大附屬模塊。四大主題模塊分別為教材、資源、班級(jí)以及素材；四大附屬模塊分別為資訊、考核、社區(qū)以及幫助。具體功能模塊圖如圖1所示。

圖1 平臺(tái)功能模塊圖

三、移動(dòng)學(xué)習(xí)平臺(tái)開發(fā)

（一）首頁頁面開發(fā)

首頁效果形成由兩個(gè)頁面形成，一個(gè)是承載頭部和底部?jī)蓚€(gè)部分，另一個(gè)由浮動(dòng)頁面構(gòu)成，包含首頁頁面的主要內(nèi)容。其效果如圖2所示。

圖2 首頁頁面效果圖

（二）主題模塊開發(fā)

四大主題模塊分別為教材、資源、班級(jí)和素材，每個(gè)主題設(shè)置一個(gè)按鈕，點(diǎn)擊進(jìn)去即可查詢具體內(nèi)容。其效果如圖3所示。

圖3 四大主題效果圖

按鈕代碼實(shí)現(xiàn)

另外，返回按鈕有兩種JS代碼實(shí)現(xiàn)方法，一種是只能返回到上一級(jí)；另一種是指定返回頁面。

返回上一級(jí)代碼如下。

返回指定頁面代碼（以返回到index.html頁面為例）。

1.資源模塊頁面

資源這一主題圖標(biāo)是以圓為形狀，藍(lán)色為背景色，猶如在知識(shí)的海洋里遨游。其效果如圖4所示。

圖4 資源頁面效果圖

頁面跳轉(zhuǎn)代碼實(shí)現(xiàn)如下。

2.班級(jí)頁面

班級(jí)這一主題圖標(biāo)是以圓為形狀，橙色為背景色，兩個(gè)相互依靠的線性條人為指示圖標(biāo)，圖標(biāo)下方注明相應(yīng)主題“班級(jí)”更進(jìn)一步告訴學(xué)習(xí)者，這一主題包含與班級(jí)成員相關(guān)的內(nèi)容。其效果如圖5所示。

圖5 班級(jí)頁面效果圖

部分代碼實(shí)現(xiàn)如下。

3.素材模塊頁面

素材這一主題圖標(biāo)是以圓為形狀，紅色為背景色，一個(gè)搜索線性圖為指示圖標(biāo)，圖標(biāo)下方注明相應(yīng)主題“素材”，表示學(xué)習(xí)者想要搜索的資料都可以在這一主題中找到。從平臺(tái)中加載網(wǎng)頁流程如圖6、圖7所示。

圖6 素材頁面效果圖

圖7 素材網(wǎng)頁加載流程圖

部分代碼實(shí)現(xiàn)如下。

（三）附屬模塊功能

1.資訊模塊

（ 1）資訊頁面

該模塊布局是分三個(gè)部分：資訊標(biāo)題；標(biāo)題下方是副標(biāo)題，以進(jìn)一步對(duì)本資訊進(jìn)行詳細(xì)說明；資訊標(biāo)題右邊是與本資訊相關(guān)的圖片、圖標(biāo)等，點(diǎn)擊即可進(jìn)入zixun4詳情頁面，后期還會(huì)更新更多最新資訊。其效果如圖8所示。

圖8 熱點(diǎn)資訊效果圖

（ 2）部分代碼實(shí)現(xiàn)

2.考核模塊

（ 1）考核頁面

本平臺(tái)設(shè)置考核功能，希望學(xué)習(xí)者可以借助考核，及時(shí)發(fā)現(xiàn)不足、彌補(bǔ)短缺之處，也同時(shí)保證課堂所學(xué)知識(shí)的融會(huì)貫通。其效果如圖9所示。

圖9 考核頁面效果圖

（ 2）部分代碼實(shí)現(xiàn)

3.社區(qū)模塊

（ 1）社區(qū)頁面

社區(qū)頁面是由三部分構(gòu)成：頭部、內(nèi)容和底部導(dǎo)航。其效果如圖10所示。

圖10 社區(qū)頁面效果圖

（ 2）部分代碼實(shí)現(xiàn)

4.幫助模塊

設(shè)置模塊主要是平臺(tái)相關(guān)信息，加載幫助頁面可呈現(xiàn)中間內(nèi)容部分，內(nèi)容部分又分暗色和亮色兩部分，暗色部分是未登錄時(shí)顯示我的作品，我的收藏、我的位置等，亮色顯示的是關(guān)于我們和聯(lián)系我們，其效果如圖11所示。登錄后頁面就會(huì)全部顯示亮色。

圖11 我的頁面效果圖

年級(jí)選擇代碼實(shí)現(xiàn)：

5.登錄頁面

login_content.html頁面是在注冊(cè)提交成功后，輸入已注冊(cè)手機(jī)號(hào)和密碼，進(jìn)行登錄。如果沒有注冊(cè)過，也可以再次頁面點(diǎn)擊“免費(fèi)注冊(cè)”，進(jìn)行信息填寫，提交注冊(cè)。其效果如圖12所示。

圖12 登錄頁面效果圖

6.關(guān)于我們頁面

關(guān)于我們頁面主要是針對(duì)本次平臺(tái)開發(fā)的版本信息，以及平臺(tái)開發(fā)的背景及意義等，使學(xué)習(xí)者更清楚地了解本平臺(tái)開發(fā)背后的意義。其效果如圖13所示。

圖13 關(guān)于我們頁面效果圖

四、平臺(tái)測(cè)試

（一）平臺(tái)測(cè)試概述

開發(fā)結(jié)束后，需要對(duì)平臺(tái)進(jìn)行測(cè)試，以確保平臺(tái)的穩(wěn)定性、安全性，使平臺(tái)在為學(xué)習(xí)者帶來便利的同時(shí)，防止信息泄露、平臺(tái)使用中斷等問題。本平臺(tái)調(diào)試的對(duì)象有很多，包括單元調(diào)試，功能調(diào)試，分辨率調(diào)試，穩(wěn)定性調(diào)試、安全性調(diào)試、測(cè)試用例等。

（二）調(diào)試流程

平臺(tái)設(shè)計(jì)、開發(fā)完成后，對(duì)平臺(tái)的測(cè)試尤為重要，只有穩(wěn)定、性能可靠的平臺(tái)開發(fā)才有存在的價(jià)值。因本平臺(tái)是基于AppcanIDE集成開發(fā)工具進(jìn)行的純代碼編寫，因此，在對(duì)平臺(tái)進(jìn)行實(shí)時(shí)預(yù)覽調(diào)試時(shí)，可從平臺(tái)功能測(cè)試、性能測(cè)試以及安全穩(wěn)定性測(cè)試等角度進(jìn)行測(cè)試分析，并根據(jù)調(diào)試結(jié)果，隨時(shí)進(jìn)行代碼的編寫、修改；調(diào)試無誤后，即可發(fā)布應(yīng)用。平臺(tái)整體測(cè)試流程如圖14所示。

圖14 平臺(tái)整體測(cè)試流程圖

1.分辨率調(diào)試

公共課移動(dòng)學(xué)習(xí)平臺(tái)以應(yīng)用安裝包的形式安裝在移動(dòng)終端設(shè)備進(jìn)行應(yīng)用，但在安裝應(yīng)用之前，可在AppcanIDE集成開發(fā)工具中進(jìn)行基本功能的調(diào)試。

Appcan開發(fā)模擬器中可以進(jìn)行橫豎屏切換調(diào)試，分辨率調(diào)試等。分辨率具體情況有iphone 3GS 320×480；GalakyS2 480×800；iphone4 640×960；iphone5 640×1136；ipad 768×1024；小米2720×1280。各分辨率調(diào)試均以首頁為例。因不同的移動(dòng)終端，設(shè)備的屏幕大小也有所不同，分辨率也不盡相同。因此，在開發(fā)移動(dòng)學(xué)習(xí)平臺(tái)時(shí)特別需要注意分辨率的不同，對(duì)各種各樣的分辨率都要有所考慮。不同的分辨率下，平臺(tái)中內(nèi)容字體大小、圖標(biāo)大小、位置等有一定的差異。

2.調(diào)試用例分析

通過Appcan開發(fā)模擬器對(duì)平臺(tái)進(jìn)行實(shí)時(shí)預(yù)覽，對(duì)不同分辨率下的各模塊頁面菜單一一就行調(diào)試描述，查看平臺(tái)的運(yùn)行狀態(tài)以及結(jié)果是否能夠正常顯示，以確保平臺(tái)能夠正常使用。

3.調(diào)試結(jié)果分析

根據(jù)需求分析以及功能設(shè)計(jì)，在Appcan預(yù)覽界面進(jìn)行調(diào)試，測(cè)試各個(gè)功能。在調(diào)試中找出各個(gè)模塊是否達(dá)到預(yù)期效果，能夠正常投入使用，根據(jù)上一節(jié)測(cè)試用例分析得出如表1所示結(jié)果。

表1 調(diào)試結(jié)果分析

五、研究總結(jié)

本研究完成了高校公共課移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)、開發(fā)，并在真機(jī)模擬下進(jìn)行真機(jī)調(diào)試，也測(cè)試了平臺(tái)的適用性、穩(wěn)定性，以保證平臺(tái)功能的實(shí)現(xiàn)，并發(fā)現(xiàn)平臺(tái)在使用中存在的問題并及時(shí)進(jìn)行解決。移動(dòng)終端的快速發(fā)展，使得手機(jī)的觸屏功能越來越靈敏，高清音視頻、高質(zhì)量圖片顯示功能越來越高超以及閱讀器功能的日漸完善，使移動(dòng)學(xué)習(xí)平臺(tái)的使用更具有現(xiàn)實(shí)性。并且，學(xué)習(xí)者與教師之間、學(xué)習(xí)者與學(xué)習(xí)者之間也可以通過此平臺(tái)在討論區(qū)或留言板等進(jìn)行即時(shí)雙向交流。目前，該平臺(tái)的基本功能已經(jīng)實(shí)現(xiàn)，但還是有一定的不足之處需要進(jìn)一步完善。