職業(yè)教育移動(dòng)學(xué)習(xí)小程序的設(shè)計(jì)與實(shí)現(xiàn)

張妮，郭治豪，楊盈圖

（廣西農(nóng)業(yè)職業(yè)技術(shù)大學(xué)，廣西 南寧 530007）

0 引 言

教育信息化2.0時(shí)代，技術(shù)與教學(xué)深度融合。在職業(yè)教育領(lǐng)域，教學(xué)模式和學(xué)習(xí)方式不斷地進(jìn)行改革與創(chuàng)新，更具數(shù)字化和多元化。移動(dòng)學(xué)習(xí)作為新型的在線學(xué)習(xí)形式，主要是指利用移動(dòng)設(shè)備（智能手機(jī)、pda、ipad、pocket pc、iphone等）或無(wú)線通信技術(shù)獲取教育服務(wù)、教育資源和教育信息。因移動(dòng)學(xué)習(xí)靈活便捷，支持碎片化學(xué)習(xí)，從而深受職業(yè)院校學(xué)生青睞，成為職業(yè)教育中重要的學(xué)習(xí)方式。一方面，移動(dòng)智能終端的普及化和移動(dòng)網(wǎng)絡(luò)的快速發(fā)展，為移動(dòng)學(xué)習(xí)提供了良好的軟硬件環(huán)境。另一方面，移動(dòng)學(xué)習(xí)的開展，需要網(wǎng)絡(luò)平臺(tái)作為支撐，因此，設(shè)計(jì)開發(fā)功能完善，操作便捷的移動(dòng)學(xué)習(xí)平臺(tái)必不可少。

1 微信小程序介紹及其優(yōu)勢(shì)

微信小程序（WeChat Mini Program），是騰訊公司于2017年初推出的一款基于微信平臺(tái)運(yùn)行的新應(yīng)用。微信小程序的創(chuàng)新在于無(wú)須下載安裝，只要用戶掃一掃或者搜一下即可便捷打開。微信小程序讓用戶“觸手可及”，迅速在IT界流行，并廣泛地應(yīng)用于社會(huì)各行各業(yè)中。

較之其他應(yīng)用程序，微信小程序具有其獨(dú)特優(yōu)勢(shì)。主要體現(xiàn)在：

（1）開發(fā)與維護(hù)更容易。騰訊公司提供了專門的開發(fā)者工具，集多種功能于一體。開發(fā)者也可以直接使用第三方提供的模板，從而提高開發(fā)效率。同時(shí)，微信小程序還支持跨平臺(tái)，更利于維護(hù)；

（2）即開即用，使用方便。微信小程序無(wú)須下載安裝以及注冊(cè)登錄，它以微信為入口，沒有煩瑣的登錄流程，即開即用，不用關(guān)閉，也不需要卸載。使用超級(jí)便捷，深受廣大用戶歡迎；

（3）流暢的使用體驗(yàn)。微信小程序注重用戶體驗(yàn)，融合了微信公眾號(hào)與H5的功能，量輕卻不卡頓。

因其突出優(yōu)勢(shì)，微信小程序在各行各業(yè)的應(yīng)用非常廣泛，各種小程序隨處可見。因此，將微信小程序應(yīng)用于職業(yè)教育領(lǐng)域，開發(fā)職業(yè)教育移動(dòng)學(xué)習(xí)平臺(tái)小程序，無(wú)疑給廣大職業(yè)院校學(xué)生開展移動(dòng)學(xué)習(xí)帶來(lái)極大的便利。

2 職業(yè)教育移動(dòng)學(xué)習(xí)小程序系統(tǒng)設(shè)計(jì)

設(shè)計(jì)與開發(fā)職業(yè)教育移動(dòng)學(xué)習(xí)小程序的主要目的在于為職業(yè)院校學(xué)生提供一個(gè)使用便捷、功能完善、界面友好的支持學(xué)生隨時(shí)隨地學(xué)習(xí)的平臺(tái)，為學(xué)生的自主學(xué)習(xí)、線上學(xué)習(xí)、移動(dòng)學(xué)習(xí)提供重要平臺(tái)支撐。為了更好地達(dá)成目標(biāo)，本論文從設(shè)計(jì)需要遵循的原則以及系統(tǒng)需要實(shí)現(xiàn)的功能兩方面進(jìn)行了深入的探討。

2.1 設(shè)計(jì)原則

2.1.1 界面簡(jiǎn)潔友好原則

職業(yè)院校學(xué)生利用移動(dòng)學(xué)習(xí)微信小程序開展學(xué)習(xí)的時(shí)候，首先接觸到的便是平臺(tái)的界面。界面是學(xué)生與平臺(tái)開展交互溝通的重要途徑。對(duì)界面的感官印象一定程度上影響學(xué)生對(duì)該平臺(tái)的持續(xù)使用意愿。因此，界面的設(shè)計(jì)要能讓學(xué)生賞心悅目，且能提供方便友好的服務(wù)。移動(dòng)學(xué)習(xí)平臺(tái)的界面要簡(jiǎn)潔大方，色彩、模塊的搭配既要符合職業(yè)院校學(xué)生的心理認(rèn)知特點(diǎn)，又要能呈現(xiàn)出較好的視覺效果。同時(shí)，界面還必須導(dǎo)航清晰，讓學(xué)生對(duì)各模塊功能一目了然，能便捷地切換到不同的模塊中。界面中圖標(biāo)要與內(nèi)容相吻合，且符合大多學(xué)生的習(xí)慣和理解。

2.1.2 功能實(shí)用完善原則

移動(dòng)學(xué)習(xí)微信小程序的功能模塊是平臺(tái)的核心內(nèi)容。在功能的設(shè)計(jì)上，要以學(xué)生需求為導(dǎo)向，通過(guò)問卷調(diào)查或訪談的方式，深入了解師生在線上學(xué)習(xí)中遇到的難點(diǎn)痛點(diǎn)問題，明確學(xué)生的實(shí)際需求，然后進(jìn)行深入的分析，設(shè)計(jì)出功能實(shí)用完善，能滿足師生需求的移動(dòng)學(xué)習(xí)平臺(tái)。平臺(tái)除了能實(shí)現(xiàn)學(xué)習(xí)資源的上傳、瀏覽、下載等通用功能外，還應(yīng)該提供實(shí)時(shí)記錄學(xué)生學(xué)習(xí)過(guò)程和分析學(xué)習(xí)情況的功能，以及提問、互動(dòng)等功能，便于學(xué)生在學(xué)習(xí)過(guò)程中開展提問或者互動(dòng)交流等活動(dòng)。以及還應(yīng)該提供資源推薦、測(cè)評(píng)反饋等多樣化的功能。總而言之，平臺(tái)能為學(xué)生的移動(dòng)學(xué)習(xí)提供高效的、多樣化的服務(wù)和支持。

2.1.3 系統(tǒng)穩(wěn)定可靠原則

職業(yè)教育移動(dòng)學(xué)習(xí)小程序需要滿足大量職業(yè)院校學(xué)生不同時(shí)間段的學(xué)習(xí)需求，并要保證師生學(xué)習(xí)數(shù)據(jù)的安全可靠。因此，在設(shè)計(jì)開發(fā)該移動(dòng)學(xué)習(xí)小程序的過(guò)程中，要充分考慮用戶的并發(fā)量，保證系統(tǒng)的穩(wěn)定性，以及保障數(shù)據(jù)的安全可靠。移動(dòng)學(xué)習(xí)小程序的設(shè)計(jì)開發(fā)必須嚴(yán)格遵循穩(wěn)定可靠安全原則，符合國(guó)家標(biāo)準(zhǔn)、行業(yè)標(biāo)準(zhǔn)和公安部頒布的技術(shù)規(guī)范，采取有效的安全保護(hù)措施，能夠承載大數(shù)量的并發(fā)數(shù)，以及具有防病毒感染、防黑客攻擊措施，并具有良好的兼容性和互聯(lián)互通性，易于操作和便于維護(hù)。

2.2 功能設(shè)計(jì)

職業(yè)教育移動(dòng)學(xué)習(xí)小程序的功能按照用戶角色主要分為學(xué)習(xí)者用戶、教師用戶以及系統(tǒng)管理員三個(gè)不同的角色，因此需要對(duì)不同角色的功能進(jìn)行設(shè)計(jì)定位。

2.2.1 學(xué)習(xí)者角色功能設(shè)計(jì)

學(xué)習(xí)者是移動(dòng)學(xué)習(xí)小程序應(yīng)用的主體。職業(yè)院校學(xué)生通過(guò)在移動(dòng)學(xué)習(xí)小程序的學(xué)習(xí)，實(shí)現(xiàn)對(duì)知識(shí)、技能的掌握和提升。學(xué)習(xí)者使用界面中重點(diǎn)包含有資源學(xué)習(xí)、互動(dòng)交流、在線測(cè)試以及學(xué)習(xí)統(tǒng)計(jì)等四大重要功能。資源學(xué)習(xí)功能模塊，主要給學(xué)習(xí)者提供豐富的課程學(xué)習(xí)資源，特別是微視頻資源；互動(dòng)交流功能模塊，主要實(shí)現(xiàn)學(xué)習(xí)者之間、學(xué)習(xí)者與教師之間線上互動(dòng)交流的功能；在線測(cè)試功能主要是實(shí)現(xiàn)對(duì)學(xué)習(xí)者的測(cè)驗(yàn)和智能打分功能；學(xué)習(xí)統(tǒng)計(jì)主要記錄了學(xué)習(xí)者學(xué)習(xí)的情況，包括對(duì)學(xué)習(xí)者學(xué)習(xí)進(jìn)度、測(cè)驗(yàn)結(jié)果以及發(fā)帖討論的情況統(tǒng)計(jì)分析，提供了可視化的圖表，方便學(xué)習(xí)者掌握自己的學(xué)習(xí)情況。

2.2.2 教師角色功能設(shè)計(jì)

教師角色在移動(dòng)學(xué)習(xí)小程序中要實(shí)現(xiàn)的功能重點(diǎn)包含有課程管理、教學(xué)管理以及學(xué)生管理三大功能模塊。課程管理功能模塊中，支持教師對(duì)自己開設(shè)的課程進(jìn)行管理，包括新建課程、修改課程名稱以及刪除課程等操作；教學(xué)管理功能模塊主要包含教師對(duì)教學(xué)資源的上傳管理，課程討論互動(dòng)的發(fā)起、管理以及作業(yè)、測(cè)試的發(fā)布等主要功能，以便于教師開展網(wǎng)上教學(xué)；學(xué)生管理主要包含了學(xué)生數(shù)據(jù)的導(dǎo)入、學(xué)生學(xué)習(xí)過(guò)程記錄以及學(xué)生學(xué)習(xí)情況的統(tǒng)計(jì)分析等主要功能，主要幫助教師更科學(xué)、全面地掌握學(xué)生的學(xué)習(xí)情況。

2.2.3 系統(tǒng)管理員功能設(shè)計(jì)

系統(tǒng)管理員在移動(dòng)學(xué)習(xí)小程序中具有最高的權(quán)限功能，可以管理平臺(tái)所有的功能模塊。主要包含了權(quán)限分配功能，以及對(duì)平臺(tái)各個(gè)功能模塊管理的功能。通過(guò)權(quán)限分配功能模塊，可以給教師設(shè)置新建、修改以及刪除課程等功能，還可以批量地對(duì)學(xué)生數(shù)據(jù)進(jìn)行導(dǎo)入處理等。對(duì)于移動(dòng)學(xué)習(xí)平臺(tái)的其他功能模塊，系統(tǒng)管理員均可管理，便于出現(xiàn)問題的時(shí)候，系統(tǒng)管理員進(jìn)行調(diào)試解決。

3 職業(yè)教育移動(dòng)學(xué)習(xí)小程序的實(shí)現(xiàn)

3.1 開發(fā)環(huán)境的搭建

職業(yè)教育移動(dòng)學(xué)習(xí)小程序主要采用的開發(fā)工具是微信開發(fā)者工具。微信開發(fā)者工具是一款專門針對(duì)微信后臺(tái)設(shè)計(jì)開發(fā)人員打造的微信調(diào)試工具，其開發(fā)原理是集成了Chrome DevTools和基本的移動(dòng)調(diào)試模塊，開發(fā)人員可以借助微信開發(fā)者工具進(jìn)行更方便、安全的開發(fā)。在正式進(jìn)行小程序的開發(fā)之前，需要完成小程序賬號(hào)的注冊(cè)和相關(guān)開發(fā)環(huán)境的配置。

微信小程序開發(fā)需要先注冊(cè)小程序賬號(hào)。首先需要進(jìn)入微信公眾官網(wǎng)注冊(cè)賬號(hào)，微信小程序賬號(hào)注冊(cè)包含了個(gè)人、企業(yè)、政府、媒體以及其他組織5種類型，用戶可根據(jù)自身情況和需求進(jìn)行選擇注冊(cè)。賬號(hào)注冊(cè)完成后，可綁定開發(fā)者相關(guān)信息并獲取APP ID，需要激活郵箱并進(jìn)行信息登記，完善管理員信息。然后便可在微信開發(fā)者工具中對(duì)小程序進(jìn)行程序開發(fā)、代碼編輯、調(diào)試瀏覽等操作。本職業(yè)教育移動(dòng)學(xué)習(xí)小程序的后臺(tái)主要采用SQL Server數(shù)據(jù)庫(kù)和ASP.NET進(jìn)行開發(fā)。

3.2 移動(dòng)學(xué)習(xí)小程序主要功能界面的實(shí)現(xiàn)

3.2.1 移動(dòng)學(xué)習(xí)小程序首頁(yè)界面的實(shí)現(xiàn)

用戶打開微信，利用“掃一掃”進(jìn)行掃碼，或者通過(guò)搜索、分享功能均可便捷地進(jìn)入移動(dòng)學(xué)習(xí)微信小程序，其首頁(yè)如圖1所示，在底端主要包含有“最新資訊”“課程列表”“個(gè)人中心”三個(gè)一級(jí)主菜單，“最新資訊”主要給學(xué)習(xí)者分享最新的學(xué)術(shù)講座動(dòng)態(tài)，“課程列表”主要顯示在移動(dòng)學(xué)習(xí)平臺(tái)上線最新課程和比較熱門的課程，“個(gè)人中心”則包含了我在學(xué)的課程、我的資料、學(xué)習(xí)記錄等個(gè)人相關(guān)的信息，如圖2所示。

圖1 微信小程序首頁(yè)

圖2 個(gè)人中心

3.2.2 移動(dòng)學(xué)習(xí)小程序在線學(xué)習(xí)界面的實(shí)現(xiàn)

在線學(xué)習(xí)功能模塊是移動(dòng)學(xué)習(xí)小程序的核心功能模塊，其實(shí)現(xiàn)的界面效果如圖3所示，主要包含了課程公告、課程微課、拓展資源、在線測(cè)試、互動(dòng)交流以及學(xué)習(xí)記錄多項(xiàng)內(nèi)容，其中，“課程公告”主要用于發(fā)布與該課程相關(guān)的信息公告；“課程微課”是學(xué)生自主學(xué)習(xí)的重要內(nèi)容，主要給學(xué)生提供豐富的課程微課，供學(xué)生自主學(xué)習(xí)，效果如圖4所示；“拓展資源”主要上傳教學(xué)課件、教學(xué)案例、圖片素材等各類與課程相關(guān)的資源；“在線測(cè)試”提供了在線測(cè)試，可對(duì)學(xué)生的學(xué)習(xí)情況進(jìn)行檢驗(yàn)；通過(guò)“互動(dòng)交流”板塊，師生可以對(duì)課程內(nèi)容進(jìn)行發(fā)帖討論；“學(xué)習(xí)記錄”記錄了學(xué)生學(xué)習(xí)該門課程的進(jìn)展情況，比如學(xué)習(xí)了微課的進(jìn)度，發(fā)帖的個(gè)數(shù)等內(nèi)容。

圖3 小程序課程學(xué)習(xí)界面

圖4 小程序微課學(xué)習(xí)界面

3.2.3 移動(dòng)學(xué)習(xí)小程序教師課程管理界面的實(shí)現(xiàn)

教師也是移動(dòng)學(xué)習(xí)小程序的重要用戶，允許一名教師在平臺(tái)中創(chuàng)建管理多門課程，一門課程可以被多個(gè)班級(jí)的學(xué)生學(xué)習(xí)，如圖5所示。同時(shí)，小程序提供了學(xué)生課程學(xué)習(xí)情況分析，方便教師了解所授課程學(xué)生學(xué)習(xí)的情況，主要包含了學(xué)情統(tǒng)計(jì)、成績(jī)統(tǒng)計(jì)和發(fā)帖統(tǒng)計(jì)三方面內(nèi)容，如圖6所示。

圖5 教師課程管理界面

圖6 教師所教課程統(tǒng)計(jì)界面

4 移動(dòng)學(xué)習(xí)小程序高級(jí)管理員管理界面的實(shí)現(xiàn)

移動(dòng)學(xué)習(xí)小程序中，管理員分為高級(jí)系統(tǒng)管理員、教師管理員兩種類型，高級(jí)管理員具有最高權(quán)限，可以給教師、學(xué)習(xí)者分配不同的角色，可以對(duì)整個(gè)平臺(tái)的各方面功能進(jìn)行管理編輯，如圖7所示。

圖7 平臺(tái)系統(tǒng)管理后臺(tái)界面

5 結(jié) 論

隨著信息技術(shù)與教育教學(xué)的深度融合，職業(yè)教育教學(xué)方式也日趨多元化。移動(dòng)學(xué)習(xí)也日益成為職業(yè)院校學(xué)生開展學(xué)習(xí)的重要學(xué)習(xí)方式。設(shè)計(jì)開發(fā)移動(dòng)學(xué)習(xí)小程序?yàn)槁殬I(yè)院校學(xué)生開展移動(dòng)學(xué)習(xí)提供了重要的平臺(tái)支撐。本論文從平臺(tái)設(shè)計(jì)原則、功能設(shè)計(jì)以及開發(fā)環(huán)境和實(shí)現(xiàn)效果等方面對(duì)移動(dòng)學(xué)習(xí)平臺(tái)小程序進(jìn)行了闡述，為其他平臺(tái)的設(shè)計(jì)開發(fā)提供參考。同時(shí)，基于微信小程序的職業(yè)教育移動(dòng)學(xué)習(xí)平臺(tái)操作簡(jiǎn)單，使用便捷，符合職業(yè)院校學(xué)生學(xué)習(xí)風(fēng)格和使用習(xí)慣，值得推廣應(yīng)用。同時(shí)，本平臺(tái)也仍然存在一些問題，今后研究中將進(jìn)一步進(jìn)行完善。