基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)、開發(fā)及應(yīng)用
發(fā)布時(shí)間:2021-01-10 20:02
移動(dòng)通信技術(shù)的不斷革新、互聯(lián)技術(shù)的不斷發(fā)展以及學(xué)習(xí)理念的不斷更新,催生了移動(dòng)學(xué)習(xí)這一新型學(xué)習(xí)形式。相較于傳統(tǒng)的課堂教學(xué)形式,移動(dòng)學(xué)習(xí)的開展不受時(shí)間和空間的束縛,學(xué)習(xí)者可以隨時(shí)隨地獲取學(xué)習(xí)資源。2017年,微信推出了微信小程序。微信小程序的出現(xiàn)為移動(dòng)學(xué)習(xí)的開展提供了新的思路。相較于原生App和網(wǎng)頁應(yīng)用,微信小程序具有“觸手可及,用完即走”的特點(diǎn),十分適合學(xué)習(xí)者利用碎片化的時(shí)間開展學(xué)習(xí)活動(dòng)。2018年,微信官方推出了云開發(fā)功能,云開發(fā)功能弱化了后端的概念,提供了云存儲(chǔ)、云函數(shù)和云數(shù)據(jù)庫三大能力,并提供了大量開發(fā)相關(guān)API。開發(fā)者無需搭建服務(wù)器即可實(shí)現(xiàn)類似于后端的功能,便于開發(fā)者專注于前端核心業(yè)務(wù)的開發(fā)。因此,本研究針對當(dāng)前基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)開發(fā)過程繁雜和功能模塊較少的問題,采用云開發(fā)功能進(jìn)行開發(fā)工作,簡化開發(fā)過程的同時(shí),保證平臺(tái)功能模塊滿足教師和學(xué)習(xí)者使用需求。本研究主要采用基于設(shè)計(jì)的研究范式,具體的研究內(nèi)容如下:(1)設(shè)計(jì):設(shè)計(jì)微信小程序總體架構(gòu)以及各頁面結(jié)構(gòu),采用MINA框架和云開發(fā)功能開發(fā)微信小程序;確定微信小程序的功能模塊,擬設(shè)置“課程訪問模塊”、“教學(xué)資源模塊”、“互動(dòng)...
【文章來源】:蘭州大學(xué)甘肅省 211工程院校 985工程院校 教育部直屬院校
【文章頁數(shù)】:77 頁
【學(xué)位級(jí)別】:碩士
【部分圖文】:
本文研究框架圖
蘭州大學(xué)碩士學(xué)位論文基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)、開發(fā)及應(yīng)用23序經(jīng)過用戶授權(quán)后,可以使用用戶的微信信息,保證用戶信息安全的同時(shí)簡化了用戶登錄手續(xù),提高用戶的使用體驗(yàn)。圖3-1小程序登錄流程時(shí)序3.2.2設(shè)備需求開發(fā)基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái),需要使用PC設(shè)備和移動(dòng)智能設(shè)備。PC設(shè)備的主要功能是編寫程序代碼,而移動(dòng)智能設(shè)備的主要功能則是用于真機(jī)測試,查看小程序在移動(dòng)智能設(shè)備上的應(yīng)用效果。1.PC設(shè)備開發(fā)微信小程序?qū)τ赑C設(shè)備的要求較少。PC設(shè)備的操作系統(tǒng)可以是Windows或iOS,但Windows操作系統(tǒng)需要Windows7版本及以上。PC設(shè)備主要利用微信官方提供的微信開發(fā)者工具,編寫程序代碼,上傳、審核和發(fā)布程序。此外,開發(fā)微信小程序的過程中會(huì)使用到微信官方提供的云開發(fā)功能,PC設(shè)備
蘭州大學(xué)碩士學(xué)位論文基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)、開發(fā)及應(yīng)用25類資源,而資源加載通常需要耗費(fèi)一定的時(shí)間。為了避免學(xué)習(xí)者產(chǎn)生焦慮的情緒,在加載資源或進(jìn)行操作時(shí),程序都應(yīng)該給出相應(yīng)的友好提示。3.頁面統(tǒng)一、明晰微信小程序由多個(gè)頁面組成。具有相同功能的頁面,應(yīng)該具有統(tǒng)一的樣式結(jié)構(gòu),包括交互按鈕、字體顏色和字體大小等;靵y的頁面結(jié)構(gòu)設(shè)計(jì)會(huì)增加學(xué)習(xí)者的使用負(fù)擔(dān),影響學(xué)習(xí)者的操作體驗(yàn)。因此,在設(shè)計(jì)小程序頁面時(shí),頁面提供能夠滿足功能需求的基本元素即可,避免在頁面出現(xiàn)冗余的元素導(dǎo)致誤操作的情況發(fā)生。3.3.2系統(tǒng)總體設(shè)計(jì)1.MINA框架MINA(MINAIsNotApp)是一套開發(fā)微信小程序的框架,類似于Vue,其運(yùn)行機(jī)制為“響應(yīng)——綁定”模式。MINA框架包括視圖層(View)和邏輯層(AppService),在程序運(yùn)行時(shí),只需在邏輯層對數(shù)據(jù)進(jìn)行修改,視圖層就可以根據(jù)邏輯層反饋的結(jié)果做出更新,MINA框架示意圖如圖3-2所示。微信小程序運(yùn)行所需的接口、模式和機(jī)制均包含在該框架中。筆者基于該框架設(shè)計(jì)基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)。圖3-2MINA框架示意圖(1)視圖層視圖層主要負(fù)責(zé)提供用戶操作界面,將邏輯層提供的數(shù)據(jù)信息渲染至前端頁面。一個(gè)完整的微信小程序頁面包含wxml、wxss、js和json文件,其中wxml文件和js文件是必需的。各文件的功能如表3-1所示。微信推出了不同于HTML的標(biāo)記語言——WXML(WeiXinMarkuplanguage),用于描述微信小程序的頁面結(jié)構(gòu)。同時(shí),微信推出了WXSS(WeiXinStyleSheet)用于構(gòu)建微信小程序頁面的
【參考文獻(xiàn)】:
期刊論文
[1]基于小程序·云開發(fā)的實(shí)驗(yàn)室設(shè)備管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 董傲通,文俊浩. 實(shí)驗(yàn)技術(shù)與管理. 2019(10)
[2]青少年非正式學(xué)習(xí)中的移動(dòng)閱讀行為[J]. 袁紅. 圖書館論壇. 2019(11)
[3]移動(dòng)終端對學(xué)習(xí)的影響效果研究——基于53項(xiàng)實(shí)驗(yàn)和準(zhǔn)實(shí)驗(yàn)的元分析[J]. 杜俐蓉,汪穎. 現(xiàn)代教育技術(shù). 2019(06)
[4]微信小程序用戶持續(xù)使用意愿的影響因素探究[J]. 趙雪芹,王少春. 現(xiàn)代情報(bào). 2019(06)
[5]基于學(xué)習(xí)投入視角的移動(dòng)學(xué)習(xí)資源畫面設(shè)計(jì)研究[J]. 王志軍,馮小燕. 電化教育研究. 2019(06)
[6]基于微信平臺(tái)高校成績查詢系統(tǒng)的設(shè)計(jì)[J]. 韓強(qiáng),陳華精. 電腦知識(shí)與技術(shù). 2019(06)
[7]基于微信小程序的課堂考勤管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 戴麗麗,朱妤. 電腦知識(shí)與技術(shù). 2018(19)
[8]基于微信小程序的高校期末考試智能安排系統(tǒng)[J]. 馬國強(qiáng),路佳. 信息技術(shù)與信息化. 2018(05)
[9]用戶體驗(yàn)視角下MOOC移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)趨勢[J]. 喬紅月,蔣曉. 設(shè)計(jì). 2018(09)
[10]數(shù)字時(shí)代大規(guī)模移動(dòng)學(xué)習(xí)平臺(tái)的構(gòu)建與應(yīng)用:基于PMKS框架的研究[J]. 李小文,童莉莉,李榮祿. 中國電化教育. 2018(03)
碩士論文
[1]基于微信小程序的Scratch移動(dòng)學(xué)習(xí)資源的設(shè)計(jì)和開發(fā)[D]. 姚梅玲.云南師范大學(xué) 2019
[2]在線課堂微信小程序的設(shè)計(jì)與實(shí)現(xiàn)[D]. 汪峰.西北民族大學(xué) 2019
[3]基于微信小程序的在線學(xué)習(xí)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[D]. 李鈺萍.華中科技大學(xué) 2019
[4]面向中學(xué)教育的碎片化學(xué)習(xí)平臺(tái)原型設(shè)計(jì)與實(shí)現(xiàn)[D]. 馬倩.中央民族大學(xué) 2018
[5]基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)環(huán)境構(gòu)建與系統(tǒng)設(shè)計(jì)開發(fā)[D]. 王玉洋.南京大學(xué) 2018
[6]基于微信小程序的《計(jì)算機(jī)應(yīng)用基礎(chǔ)》微學(xué)習(xí)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 代洪彬.廣西師范學(xué)院 2018
[7]面向移動(dòng)教育的手機(jī)網(wǎng)絡(luò)游戲的設(shè)計(jì)與實(shí)現(xiàn)[D]. 王黎.電子科技大學(xué) 2008
本文編號(hào):2969324
【文章來源】:蘭州大學(xué)甘肅省 211工程院校 985工程院校 教育部直屬院校
【文章頁數(shù)】:77 頁
【學(xué)位級(jí)別】:碩士
【部分圖文】:
本文研究框架圖
蘭州大學(xué)碩士學(xué)位論文基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)、開發(fā)及應(yīng)用23序經(jīng)過用戶授權(quán)后,可以使用用戶的微信信息,保證用戶信息安全的同時(shí)簡化了用戶登錄手續(xù),提高用戶的使用體驗(yàn)。圖3-1小程序登錄流程時(shí)序3.2.2設(shè)備需求開發(fā)基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái),需要使用PC設(shè)備和移動(dòng)智能設(shè)備。PC設(shè)備的主要功能是編寫程序代碼,而移動(dòng)智能設(shè)備的主要功能則是用于真機(jī)測試,查看小程序在移動(dòng)智能設(shè)備上的應(yīng)用效果。1.PC設(shè)備開發(fā)微信小程序?qū)τ赑C設(shè)備的要求較少。PC設(shè)備的操作系統(tǒng)可以是Windows或iOS,但Windows操作系統(tǒng)需要Windows7版本及以上。PC設(shè)備主要利用微信官方提供的微信開發(fā)者工具,編寫程序代碼,上傳、審核和發(fā)布程序。此外,開發(fā)微信小程序的過程中會(huì)使用到微信官方提供的云開發(fā)功能,PC設(shè)備
蘭州大學(xué)碩士學(xué)位論文基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)、開發(fā)及應(yīng)用25類資源,而資源加載通常需要耗費(fèi)一定的時(shí)間。為了避免學(xué)習(xí)者產(chǎn)生焦慮的情緒,在加載資源或進(jìn)行操作時(shí),程序都應(yīng)該給出相應(yīng)的友好提示。3.頁面統(tǒng)一、明晰微信小程序由多個(gè)頁面組成。具有相同功能的頁面,應(yīng)該具有統(tǒng)一的樣式結(jié)構(gòu),包括交互按鈕、字體顏色和字體大小等;靵y的頁面結(jié)構(gòu)設(shè)計(jì)會(huì)增加學(xué)習(xí)者的使用負(fù)擔(dān),影響學(xué)習(xí)者的操作體驗(yàn)。因此,在設(shè)計(jì)小程序頁面時(shí),頁面提供能夠滿足功能需求的基本元素即可,避免在頁面出現(xiàn)冗余的元素導(dǎo)致誤操作的情況發(fā)生。3.3.2系統(tǒng)總體設(shè)計(jì)1.MINA框架MINA(MINAIsNotApp)是一套開發(fā)微信小程序的框架,類似于Vue,其運(yùn)行機(jī)制為“響應(yīng)——綁定”模式。MINA框架包括視圖層(View)和邏輯層(AppService),在程序運(yùn)行時(shí),只需在邏輯層對數(shù)據(jù)進(jìn)行修改,視圖層就可以根據(jù)邏輯層反饋的結(jié)果做出更新,MINA框架示意圖如圖3-2所示。微信小程序運(yùn)行所需的接口、模式和機(jī)制均包含在該框架中。筆者基于該框架設(shè)計(jì)基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)。圖3-2MINA框架示意圖(1)視圖層視圖層主要負(fù)責(zé)提供用戶操作界面,將邏輯層提供的數(shù)據(jù)信息渲染至前端頁面。一個(gè)完整的微信小程序頁面包含wxml、wxss、js和json文件,其中wxml文件和js文件是必需的。各文件的功能如表3-1所示。微信推出了不同于HTML的標(biāo)記語言——WXML(WeiXinMarkuplanguage),用于描述微信小程序的頁面結(jié)構(gòu)。同時(shí),微信推出了WXSS(WeiXinStyleSheet)用于構(gòu)建微信小程序頁面的
【參考文獻(xiàn)】:
期刊論文
[1]基于小程序·云開發(fā)的實(shí)驗(yàn)室設(shè)備管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 董傲通,文俊浩. 實(shí)驗(yàn)技術(shù)與管理. 2019(10)
[2]青少年非正式學(xué)習(xí)中的移動(dòng)閱讀行為[J]. 袁紅. 圖書館論壇. 2019(11)
[3]移動(dòng)終端對學(xué)習(xí)的影響效果研究——基于53項(xiàng)實(shí)驗(yàn)和準(zhǔn)實(shí)驗(yàn)的元分析[J]. 杜俐蓉,汪穎. 現(xiàn)代教育技術(shù). 2019(06)
[4]微信小程序用戶持續(xù)使用意愿的影響因素探究[J]. 趙雪芹,王少春. 現(xiàn)代情報(bào). 2019(06)
[5]基于學(xué)習(xí)投入視角的移動(dòng)學(xué)習(xí)資源畫面設(shè)計(jì)研究[J]. 王志軍,馮小燕. 電化教育研究. 2019(06)
[6]基于微信平臺(tái)高校成績查詢系統(tǒng)的設(shè)計(jì)[J]. 韓強(qiáng),陳華精. 電腦知識(shí)與技術(shù). 2019(06)
[7]基于微信小程序的課堂考勤管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 戴麗麗,朱妤. 電腦知識(shí)與技術(shù). 2018(19)
[8]基于微信小程序的高校期末考試智能安排系統(tǒng)[J]. 馬國強(qiáng),路佳. 信息技術(shù)與信息化. 2018(05)
[9]用戶體驗(yàn)視角下MOOC移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)趨勢[J]. 喬紅月,蔣曉. 設(shè)計(jì). 2018(09)
[10]數(shù)字時(shí)代大規(guī)模移動(dòng)學(xué)習(xí)平臺(tái)的構(gòu)建與應(yīng)用:基于PMKS框架的研究[J]. 李小文,童莉莉,李榮祿. 中國電化教育. 2018(03)
碩士論文
[1]基于微信小程序的Scratch移動(dòng)學(xué)習(xí)資源的設(shè)計(jì)和開發(fā)[D]. 姚梅玲.云南師范大學(xué) 2019
[2]在線課堂微信小程序的設(shè)計(jì)與實(shí)現(xiàn)[D]. 汪峰.西北民族大學(xué) 2019
[3]基于微信小程序的在線學(xué)習(xí)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[D]. 李鈺萍.華中科技大學(xué) 2019
[4]面向中學(xué)教育的碎片化學(xué)習(xí)平臺(tái)原型設(shè)計(jì)與實(shí)現(xiàn)[D]. 馬倩.中央民族大學(xué) 2018
[5]基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)環(huán)境構(gòu)建與系統(tǒng)設(shè)計(jì)開發(fā)[D]. 王玉洋.南京大學(xué) 2018
[6]基于微信小程序的《計(jì)算機(jī)應(yīng)用基礎(chǔ)》微學(xué)習(xí)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 代洪彬.廣西師范學(xué)院 2018
[7]面向移動(dòng)教育的手機(jī)網(wǎng)絡(luò)游戲的設(shè)計(jì)與實(shí)現(xiàn)[D]. 王黎.電子科技大學(xué) 2008
本文編號(hào):2969324
本文鏈接:http://sikaile.net/jiaoyulunwen/ktjx/2969324.html
最近更新
教材專著