基于流程圖編程的在線作業(yè)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)
發(fā)布時(shí)間:2020-12-24 22:26
根據(jù)在中學(xué)算法教學(xué)的經(jīng)驗(yàn),作者結(jié)合圖形化編程和在線編程平臺(tái)的優(yōu)點(diǎn),設(shè)計(jì)了一個(gè)基于流程圖編程的在線作業(yè)平臺(tái)。該在線作業(yè)系統(tǒng)適用于高中算法教學(xué),在降低學(xué)生學(xué)習(xí)算法的難度、培養(yǎng)學(xué)生的邏輯思維能力、提升學(xué)生學(xué)習(xí)算法興趣的同時(shí),使用自動(dòng)批閱減少高中教師的批閱工作量,進(jìn)而提升教學(xué)質(zhì)量。教師通過在線作業(yè)系統(tǒng)添加練習(xí)題目并預(yù)先設(shè)定輸入和輸出,學(xué)生使用拖拽流程圖完成程序編寫并提交,系統(tǒng)自動(dòng)判斷提交內(nèi)容是否符合預(yù)期,可大幅減少算法教師的工作量;诹鞒虉D的在線作業(yè)系統(tǒng)包括流程圖編輯、班級(jí)管理、學(xué)生管理、習(xí)題管理、成績管理、留言管理等功能。用戶可以通過拖拽流程圖模塊完成流程圖繪制。流程圖按照模塊類型和執(zhí)行順序被轉(zhuǎn)化為JavaScript代碼,可直接在瀏覽器環(huán)境執(zhí)行和調(diào)試。學(xué)生只需了解簡單流程圖結(jié)構(gòu)、基本賦值和比較語法,無需學(xué)習(xí)其它編程語言的代碼語法,有效的降低了學(xué)生學(xué)習(xí)編程的難度。教師可以添加班級(jí),然后按照班級(jí)維度管理學(xué)生,還可以創(chuàng)建和修改編程習(xí)題,學(xué)生可以編寫流程圖代碼解決習(xí)題問題。當(dāng)學(xué)生提交的代碼有誤時(shí),教師也可單獨(dú)對(duì)其批閱,指導(dǎo)學(xué)生如何完善程序內(nèi)容,再次出現(xiàn)相同代碼時(shí)作業(yè)系統(tǒng)將自動(dòng)使使用之前的批閱內(nèi)容...
【文章來源】:華中師范大學(xué)湖北省 211工程院校 教育部直屬院校
【文章頁數(shù)】:59 頁
【學(xué)位級(jí)別】:碩士
【部分圖文】:
圖2.?3教師用例圖??
第3章系統(tǒng)設(shè)計(jì)??交互流程??流程圖的在線作業(yè)系統(tǒng)是流程圖可視化編程與在線作業(yè)平臺(tái)的集合,主如下:??)用戶可便捷的錄入程序;??)教師可對(duì)學(xué)生、題目進(jìn)行管理;??)教師對(duì)學(xué)生提交的代碼進(jìn)行批閱,包括自動(dòng)fit閱和手工批閱,批閱后績;??)學(xué)生和教師在平臺(tái)中進(jìn)行留言交流。??前文需求,整理的主體交互流程如圖3.1所示。??
如開始、輸入等,只包含基本模塊的繪制及輸入動(dòng)作;另外一種帶分支的模塊,包??括選擇結(jié)構(gòu)和循環(huán)結(jié)構(gòu),這種模塊不僅要繪制自身圖形,還需要繪制分支連線結(jié)構(gòu)。??圖形繪制部分模塊詳細(xì)分類如圖3.?3所示。?? ̄墨本ffi形?帶分支圖形 ̄??幵始?輔入?函K??結(jié)束??執(zhí)行代碼??圖3.?3流程圖模塊分類??動(dòng)作響應(yīng)部分包括拖拽和在節(jié)點(diǎn)中輸入處理。操作記錄部分要記錄每一步操作??的前后狀態(tài)以便于進(jìn)行撤銷和重做,避免誤修改。代碼生成功能是根據(jù)流程圖模塊??生成可執(zhí)行的代碼并可在瀏覽器環(huán)境根據(jù)輸入內(nèi)容進(jìn)行執(zhí)行。代碼調(diào)試是可按照流??程圖順序執(zhí)行代碼并可查看執(zhí)行過程中的變量值。??3.3后端服務(wù)架構(gòu)??系統(tǒng)采用瀏覽器/服務(wù)器模式,后端服務(wù)器使用Node.js,koa框架,mysql數(shù)??11??
【參考文獻(xiàn)】:
期刊論文
[1]人人都能學(xué)會(huì)編程——用“畫程”軟件激活編程教學(xué)[J]. 伍先軍. 中國信息技術(shù)教育. 2018(06)
[2]用可視化編程工具Scratch實(shí)現(xiàn)高中數(shù)學(xué)算法[J]. 蔡軍兵. 理科考試研究. 2018(03)
[3]基于Web的在線作業(yè)管理系統(tǒng)研究與開發(fā)[J]. 李觀金. 電腦知識(shí)與技術(shù). 2018(01)
[4]Blockly教學(xué)實(shí)踐探究[J]. 胡紅云. 考試周刊. 2017(46)
[5]基于WEB的C語言作業(yè)自動(dòng)評(píng)測(cè)系統(tǒng)構(gòu)建與應(yīng)用[J]. 褚治廣. 遼寧工業(yè)大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版). 2016(05)
[6]基于圖文法的程序流程圖與源代碼自動(dòng)轉(zhuǎn)換[J]. 朱云,曾曉勤,朱寧,劉禹鋒. 計(jì)算機(jī)工程與科學(xué). 2015(05)
[7]面向兒童的圖形化編程語言和工具[J]. 王婷婷,王丹力,路璐,何亮,王宏安,戴國忠. 計(jì)算機(jī)輔助設(shè)計(jì)與圖形學(xué)學(xué)報(bào). 2013(04)
[8]程序流程圖到代碼的自動(dòng)生成算法[J]. 王黎明,王幗釹,周明媛,褚艷利,陳科,陳平. 西安電子科技大學(xué)學(xué)報(bào). 2012(06)
[9]基于圖形化編程的高中算法課教學(xué)設(shè)計(jì)[J]. 全玉婷. 上海師范大學(xué)學(xué)報(bào)(基礎(chǔ)教育版). 2010(02)
[10]在線作業(yè)系統(tǒng)發(fā)展現(xiàn)狀、問題與建議[J]. 曾杰. 中國電化教育. 2009(08)
博士論文
[1]高中生的算法理解水平及其教學(xué)策略研究[D]. 熊丙章.西南大學(xué) 2013
碩士論文
[1]在線編程評(píng)測(cè)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[D]. 晏燕.吉林大學(xué) 2017
[2]教育機(jī)器人圖形化編程系統(tǒng)研究[D]. 王思宇.北方工業(yè)大學(xué) 2017
[3]在線作業(yè)平臺(tái)在小學(xué)高年級(jí)數(shù)學(xué)中的應(yīng)用研究[D]. 呂婧.天津師范大學(xué) 2017
[4]在線作業(yè)提交系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 孟吉冬.吉林大學(xué) 2014
[5]流程圖代碼自動(dòng)生成算法的研究與實(shí)現(xiàn)[D]. 秦超.西安電子科技大學(xué) 2014
本文編號(hào):2936418
【文章來源】:華中師范大學(xué)湖北省 211工程院校 教育部直屬院校
【文章頁數(shù)】:59 頁
【學(xué)位級(jí)別】:碩士
【部分圖文】:
圖2.?3教師用例圖??
第3章系統(tǒng)設(shè)計(jì)??交互流程??流程圖的在線作業(yè)系統(tǒng)是流程圖可視化編程與在線作業(yè)平臺(tái)的集合,主如下:??)用戶可便捷的錄入程序;??)教師可對(duì)學(xué)生、題目進(jìn)行管理;??)教師對(duì)學(xué)生提交的代碼進(jìn)行批閱,包括自動(dòng)fit閱和手工批閱,批閱后績;??)學(xué)生和教師在平臺(tái)中進(jìn)行留言交流。??前文需求,整理的主體交互流程如圖3.1所示。??
如開始、輸入等,只包含基本模塊的繪制及輸入動(dòng)作;另外一種帶分支的模塊,包??括選擇結(jié)構(gòu)和循環(huán)結(jié)構(gòu),這種模塊不僅要繪制自身圖形,還需要繪制分支連線結(jié)構(gòu)。??圖形繪制部分模塊詳細(xì)分類如圖3.?3所示。?? ̄墨本ffi形?帶分支圖形 ̄??幵始?輔入?函K??結(jié)束??執(zhí)行代碼??圖3.?3流程圖模塊分類??動(dòng)作響應(yīng)部分包括拖拽和在節(jié)點(diǎn)中輸入處理。操作記錄部分要記錄每一步操作??的前后狀態(tài)以便于進(jìn)行撤銷和重做,避免誤修改。代碼生成功能是根據(jù)流程圖模塊??生成可執(zhí)行的代碼并可在瀏覽器環(huán)境根據(jù)輸入內(nèi)容進(jìn)行執(zhí)行。代碼調(diào)試是可按照流??程圖順序執(zhí)行代碼并可查看執(zhí)行過程中的變量值。??3.3后端服務(wù)架構(gòu)??系統(tǒng)采用瀏覽器/服務(wù)器模式,后端服務(wù)器使用Node.js,koa框架,mysql數(shù)??11??
【參考文獻(xiàn)】:
期刊論文
[1]人人都能學(xué)會(huì)編程——用“畫程”軟件激活編程教學(xué)[J]. 伍先軍. 中國信息技術(shù)教育. 2018(06)
[2]用可視化編程工具Scratch實(shí)現(xiàn)高中數(shù)學(xué)算法[J]. 蔡軍兵. 理科考試研究. 2018(03)
[3]基于Web的在線作業(yè)管理系統(tǒng)研究與開發(fā)[J]. 李觀金. 電腦知識(shí)與技術(shù). 2018(01)
[4]Blockly教學(xué)實(shí)踐探究[J]. 胡紅云. 考試周刊. 2017(46)
[5]基于WEB的C語言作業(yè)自動(dòng)評(píng)測(cè)系統(tǒng)構(gòu)建與應(yīng)用[J]. 褚治廣. 遼寧工業(yè)大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版). 2016(05)
[6]基于圖文法的程序流程圖與源代碼自動(dòng)轉(zhuǎn)換[J]. 朱云,曾曉勤,朱寧,劉禹鋒. 計(jì)算機(jī)工程與科學(xué). 2015(05)
[7]面向兒童的圖形化編程語言和工具[J]. 王婷婷,王丹力,路璐,何亮,王宏安,戴國忠. 計(jì)算機(jī)輔助設(shè)計(jì)與圖形學(xué)學(xué)報(bào). 2013(04)
[8]程序流程圖到代碼的自動(dòng)生成算法[J]. 王黎明,王幗釹,周明媛,褚艷利,陳科,陳平. 西安電子科技大學(xué)學(xué)報(bào). 2012(06)
[9]基于圖形化編程的高中算法課教學(xué)設(shè)計(jì)[J]. 全玉婷. 上海師范大學(xué)學(xué)報(bào)(基礎(chǔ)教育版). 2010(02)
[10]在線作業(yè)系統(tǒng)發(fā)展現(xiàn)狀、問題與建議[J]. 曾杰. 中國電化教育. 2009(08)
博士論文
[1]高中生的算法理解水平及其教學(xué)策略研究[D]. 熊丙章.西南大學(xué) 2013
碩士論文
[1]在線編程評(píng)測(cè)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[D]. 晏燕.吉林大學(xué) 2017
[2]教育機(jī)器人圖形化編程系統(tǒng)研究[D]. 王思宇.北方工業(yè)大學(xué) 2017
[3]在線作業(yè)平臺(tái)在小學(xué)高年級(jí)數(shù)學(xué)中的應(yīng)用研究[D]. 呂婧.天津師范大學(xué) 2017
[4]在線作業(yè)提交系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 孟吉冬.吉林大學(xué) 2014
[5]流程圖代碼自動(dòng)生成算法的研究與實(shí)現(xiàn)[D]. 秦超.西安電子科技大學(xué) 2014
本文編號(hào):2936418
本文鏈接:http://sikaile.net/kejilunwen/ruanjiangongchenglunwen/2936418.html
最近更新
教材專著