在線課堂微信小程序的設(shè)計與實現(xiàn)
發(fā)布時間:2021-04-02 16:58
移動互聯(lián)網(wǎng)技術(shù)的高速發(fā)展改變著人們生活、工作、學(xué)習(xí)方式,在教育事業(yè)領(lǐng)域中出現(xiàn)了利用移動互聯(lián)網(wǎng)技術(shù)進(jìn)行在線學(xué)習(xí)的教學(xué)模式,打破傳統(tǒng)教學(xué)模式中固定地點(diǎn)、固定方式、固定時間約束,為廣大學(xué)員提供一個便捷、適應(yīng)新時代發(fā)展要求的學(xué)習(xí)平臺,成為傳播教育資源新的方式。本文研究內(nèi)容源于西北民族大學(xué)已結(jié)項國家科技支撐計劃項目課題“藏語/漢語遠(yuǎn)程教育關(guān)鍵技術(shù)研究與示范應(yīng)用”的后續(xù)研究工作內(nèi)容。在線課堂小程序中的教學(xué)資源依托“藏語/漢語遠(yuǎn)程教育關(guān)鍵技術(shù)研究與示范應(yīng)用”所建設(shè)的課程資源完成,實現(xiàn)基于微信平臺的藏漢雙語在線學(xué)習(xí)系統(tǒng)。本文主要工作包括:對藏語遠(yuǎn)程教育網(wǎng)的相關(guān)資源進(jìn)行梳理、整合,為在線課堂系統(tǒng)吸收優(yōu)質(zhì)教學(xué)資源?疾、分析在線課堂系統(tǒng)的選題背景、國內(nèi)外研究現(xiàn)狀等已有研究,總結(jié)出選題目的及意義;對開發(fā)語言、小程序組件、小程序API、開發(fā)工具等相關(guān)技術(shù)進(jìn)行了解釋論述;從可行性分析、環(huán)境需求、功能需求、性能需求四個方面對在線課堂系統(tǒng)進(jìn)行了需求分析,設(shè)計出系統(tǒng)的開發(fā)環(huán)境配置,總體功能及其所具備的性能;分析系統(tǒng)邏輯結(jié)構(gòu),從微信端、微信API接口、服務(wù)器三部分設(shè)計出系統(tǒng)的整體架構(gòu),從學(xué)員、教師、系統(tǒng)管理員三個角色出...
【文章來源】:西北民族大學(xué)甘肅省
【文章頁數(shù)】:63 頁
【學(xué)位級別】:碩士
【部分圖文】:
小程序基本信息圖
圖 18 播放頁效果圖5.3 關(guān)鍵詞搜索實現(xiàn)在線課堂系統(tǒng)關(guān)鍵詞搜索功能,并彈出輸入法,進(jìn)行輸入關(guān)鍵詞。實現(xiàn)具體流程如下所示:1、建立 wxml 文件,為搜索功能設(shè)計前端頁面。采用 form 標(biāo)簽包住整個搜索框及搜索結(jié)果展示部分,并為其綁定 submit 方法提交表單數(shù)據(jù)至相應(yīng) js 文件中。設(shè)置搜索按鈕,綁定 bindtap 方法,將 text 中輸入內(nèi)容通過 js 文件傳送至 data表中進(jìn)行存儲。采用 view 層集中展示搜索結(jié)果和相關(guān)樣式的設(shè)置,同時調(diào)用wx中內(nèi)置 for 循環(huán)方法進(jìn)行遍歷搜索結(jié)果,統(tǒng)一展示。2、建立 wxss 文件,為前端搜索頁及搜索結(jié)果展示,修飾呈現(xiàn)樣式,增強(qiáng)用戶的觀看效果。3、建立 js 文件,將前端 wxml 文件中,表單提交的數(shù)據(jù)及 text 框中輸入內(nèi)容進(jìn)行數(shù)據(jù)處理。tijiaoform方法中,將獲取到的搜索輸入內(nèi)容,賦值為 formdat
處理數(shù)據(jù)格式,調(diào)用 that.setData 方法保整個搜索流程。搜索實現(xiàn)效果如圖 19 tion (e) { this; = e.detail.value.id; //獲取表單所有 name({s://dafeng.applinzi.com/search.php?id=’ +eID,{ 'Content-Type': 'application/json' }, function (res) {setData({res.data,
【參考文獻(xiàn)】:
期刊論文
[1]微信小程序在高校圖書館中的創(chuàng)新實踐[J]. 楊毅,李兆瑞. 信息記錄材料. 2019(02)
[2]微信小程序開發(fā)[J]. 王婷婷. 信息技術(shù)與信息化. 2018(12)
[3]基于微信小程序的第二課堂學(xué)分系統(tǒng)設(shè)計研究[J]. 張迪,黃森,朱珺,朱燁. 電腦知識與技術(shù). 2018(36)
[4]家校微信小程序的設(shè)計和開發(fā)[J]. 傅鐘,雷笑天,王強(qiáng),張健. 微處理機(jī). 2018(06)
[5]微信小程序?qū)W習(xí)平臺提升MOOC結(jié)課率研究[J]. 陳宏揚(yáng). 無線互聯(lián)科技. 2018(22)
[6]基于微信小程序的課程在線測試系統(tǒng)[J]. 張沈梅,孫昊,王玲,成甜甜,祖兆研. 電腦知識與技術(shù). 2018(32)
[7]基于微信小程序的移動學(xué)習(xí)平臺的設(shè)計與實現(xiàn)[J]. 牛琳,吳琳. 軟件工程. 2018(09)
[8]微信小程序在中職教學(xué)中的探索與應(yīng)用[J]. 曹海燕. 科技創(chuàng)新導(dǎo)報. 2018(25)
[9]微信小程序設(shè)計[J]. 邢榕珊,匡芳君. 計算機(jī)時代. 2018(08)
[10]高中生學(xué)習(xí)過程中開發(fā)微信小程序的應(yīng)用[J]. 吳嫻雅. 中國教育技術(shù)裝備. 2018(15)
碩士論文
[1]《教育技術(shù)理論與創(chuàng)新》課程的微信小程序的設(shè)計研究[D]. 張麗瑩.內(nèi)蒙古師范大學(xué) 2018
[2]基于微信小程序的移動學(xué)習(xí)平臺環(huán)境構(gòu)建與系統(tǒng)設(shè)計開發(fā)[D]. 王玉洋.南京大學(xué) 2018
[3]基于用戶需求的高校圖書館微信小程序移動服務(wù)設(shè)計研究[D]. 王松.東北師范大學(xué) 2018
[4]基于微信小程序的翻轉(zhuǎn)課堂的應(yīng)用模式探究[D]. 李子嫣.海南師范大學(xué) 2018
[5]基于微信小程序的《計算機(jī)應(yīng)用基礎(chǔ)》微學(xué)習(xí)平臺的設(shè)計與實現(xiàn)[D]. 代洪彬.廣西師范學(xué)院 2018
[6]基于微信小程序的個人電臺系統(tǒng)的設(shè)計與實現(xiàn)[D]. 金瑩.吉林大學(xué) 2017
[7]高校在線論壇系統(tǒng)的設(shè)計與實現(xiàn)[D]. 曹林.西安電子科技大學(xué) 2017
[8]基于“云技術(shù)”的遠(yuǎn)程教育系統(tǒng)的設(shè)計與實現(xiàn)[D]. 李梓陽.電子科技大學(xué) 2016
[9]基于云計算的在線學(xué)習(xí)平臺的設(shè)計與實現(xiàn)[D]. 曹律.湖南大學(xué) 2016
[10]“移動互聯(lián)”在線學(xué)習(xí)平臺的設(shè)計與實現(xiàn)[D]. 周佳瑩.湖南大學(xué) 2016
本文編號:3115622
【文章來源】:西北民族大學(xué)甘肅省
【文章頁數(shù)】:63 頁
【學(xué)位級別】:碩士
【部分圖文】:
小程序基本信息圖
圖 18 播放頁效果圖5.3 關(guān)鍵詞搜索實現(xiàn)在線課堂系統(tǒng)關(guān)鍵詞搜索功能,并彈出輸入法,進(jìn)行輸入關(guān)鍵詞。實現(xiàn)具體流程如下所示:1、建立 wxml 文件,為搜索功能設(shè)計前端頁面。采用 form 標(biāo)簽包住整個搜索框及搜索結(jié)果展示部分,并為其綁定 submit 方法提交表單數(shù)據(jù)至相應(yīng) js 文件中。設(shè)置搜索按鈕,綁定 bindtap 方法,將 text 中輸入內(nèi)容通過 js 文件傳送至 data表中進(jìn)行存儲。采用 view 層集中展示搜索結(jié)果和相關(guān)樣式的設(shè)置,同時調(diào)用wx中內(nèi)置 for 循環(huán)方法進(jìn)行遍歷搜索結(jié)果,統(tǒng)一展示。2、建立 wxss 文件,為前端搜索頁及搜索結(jié)果展示,修飾呈現(xiàn)樣式,增強(qiáng)用戶的觀看效果。3、建立 js 文件,將前端 wxml 文件中,表單提交的數(shù)據(jù)及 text 框中輸入內(nèi)容進(jìn)行數(shù)據(jù)處理。tijiaoform方法中,將獲取到的搜索輸入內(nèi)容,賦值為 formdat
處理數(shù)據(jù)格式,調(diào)用 that.setData 方法保整個搜索流程。搜索實現(xiàn)效果如圖 19 tion (e) { this; = e.detail.value.id; //獲取表單所有 name({s://dafeng.applinzi.com/search.php?id=’ +eID,{ 'Content-Type': 'application/json' }, function (res) {setData({res.data,
【參考文獻(xiàn)】:
期刊論文
[1]微信小程序在高校圖書館中的創(chuàng)新實踐[J]. 楊毅,李兆瑞. 信息記錄材料. 2019(02)
[2]微信小程序開發(fā)[J]. 王婷婷. 信息技術(shù)與信息化. 2018(12)
[3]基于微信小程序的第二課堂學(xué)分系統(tǒng)設(shè)計研究[J]. 張迪,黃森,朱珺,朱燁. 電腦知識與技術(shù). 2018(36)
[4]家校微信小程序的設(shè)計和開發(fā)[J]. 傅鐘,雷笑天,王強(qiáng),張健. 微處理機(jī). 2018(06)
[5]微信小程序?qū)W習(xí)平臺提升MOOC結(jié)課率研究[J]. 陳宏揚(yáng). 無線互聯(lián)科技. 2018(22)
[6]基于微信小程序的課程在線測試系統(tǒng)[J]. 張沈梅,孫昊,王玲,成甜甜,祖兆研. 電腦知識與技術(shù). 2018(32)
[7]基于微信小程序的移動學(xué)習(xí)平臺的設(shè)計與實現(xiàn)[J]. 牛琳,吳琳. 軟件工程. 2018(09)
[8]微信小程序在中職教學(xué)中的探索與應(yīng)用[J]. 曹海燕. 科技創(chuàng)新導(dǎo)報. 2018(25)
[9]微信小程序設(shè)計[J]. 邢榕珊,匡芳君. 計算機(jī)時代. 2018(08)
[10]高中生學(xué)習(xí)過程中開發(fā)微信小程序的應(yīng)用[J]. 吳嫻雅. 中國教育技術(shù)裝備. 2018(15)
碩士論文
[1]《教育技術(shù)理論與創(chuàng)新》課程的微信小程序的設(shè)計研究[D]. 張麗瑩.內(nèi)蒙古師范大學(xué) 2018
[2]基于微信小程序的移動學(xué)習(xí)平臺環(huán)境構(gòu)建與系統(tǒng)設(shè)計開發(fā)[D]. 王玉洋.南京大學(xué) 2018
[3]基于用戶需求的高校圖書館微信小程序移動服務(wù)設(shè)計研究[D]. 王松.東北師范大學(xué) 2018
[4]基于微信小程序的翻轉(zhuǎn)課堂的應(yīng)用模式探究[D]. 李子嫣.海南師范大學(xué) 2018
[5]基于微信小程序的《計算機(jī)應(yīng)用基礎(chǔ)》微學(xué)習(xí)平臺的設(shè)計與實現(xiàn)[D]. 代洪彬.廣西師范學(xué)院 2018
[6]基于微信小程序的個人電臺系統(tǒng)的設(shè)計與實現(xiàn)[D]. 金瑩.吉林大學(xué) 2017
[7]高校在線論壇系統(tǒng)的設(shè)計與實現(xiàn)[D]. 曹林.西安電子科技大學(xué) 2017
[8]基于“云技術(shù)”的遠(yuǎn)程教育系統(tǒng)的設(shè)計與實現(xiàn)[D]. 李梓陽.電子科技大學(xué) 2016
[9]基于云計算的在線學(xué)習(xí)平臺的設(shè)計與實現(xiàn)[D]. 曹律.湖南大學(xué) 2016
[10]“移動互聯(lián)”在線學(xué)習(xí)平臺的設(shè)計與實現(xiàn)[D]. 周佳瑩.湖南大學(xué) 2016
本文編號:3115622
本文鏈接:http://sikaile.net/kejilunwen/ruanjiangongchenglunwen/3115622.html
最近更新
教材專著