亚洲免费av电影一区二区三区,日韩爱爱视频,51精品视频一区二区三区,91视频爱爱,日韩欧美在线播放视频,中文字幕少妇AV,亚洲电影中文字幕,久久久久亚洲av成人网址,久久综合视频网站,国产在线不卡免费播放

        ?

        JavaScript網(wǎng)頁編程課程“3智慧”教學(xué)實(shí)踐

        2019-05-09 13:33:38趙敏之廖清遠(yuǎn)
        計(jì)算機(jī)教育 2019年4期
        關(guān)鍵詞:小游戲網(wǎng)頁編程

        趙敏之,王 敏,廖清遠(yuǎn)

        (湖南商務(wù)職業(yè)技術(shù)學(xué)院 商務(wù)信息技術(shù)學(xué)院,湖南 長沙 410205)

        0 引 言

        程序設(shè)計(jì)課程是高職IT類專業(yè)必修課,課程開設(shè)目標(biāo)旨在培養(yǎng)學(xué)生求解問題的思路和方法,即算法能力。程序設(shè)計(jì)語言由一系列關(guān)鍵字和語法規(guī)則構(gòu)成,抽象的語法、語義和內(nèi)部運(yùn)行機(jī)理使邏輯思維能力較弱的高職學(xué)生難以入門;傳統(tǒng)的“先上課,后上機(jī)”按部就班完成上機(jī)任務(wù)的教學(xué)模式更顯得枯燥乏味,學(xué)生長期處于“淺思考”甚至“不思考”狀態(tài),動(dòng)手能力和解決問題的能力難以提升。如何通過程序設(shè)計(jì)課程教學(xué)提高學(xué)生應(yīng)用信息技術(shù)思考問題、解決問題的能力,并具有一定創(chuàng)新創(chuàng)造能力的智慧人才是高職人才培養(yǎng)的關(guān)鍵。計(jì)算思維是一種通過抽象和分解的方法,選擇合適的方式對問題進(jìn)行建模,將復(fù)雜問題約簡,轉(zhuǎn)化成學(xué)生容易接受的思維模式的能力,是信息社會(huì)創(chuàng)新必須的思維方式[1]。但“思維不可見,思維難以教”卻成為培養(yǎng)的障礙。

        通過構(gòu)建智慧課堂,把教學(xué)關(guān)注點(diǎn)從“知識(shí)”轉(zhuǎn)移到“智慧”,教會(huì)高職學(xué)生怎樣思考,從而實(shí)現(xiàn)自主探究式學(xué)習(xí),培養(yǎng)“不只會(huì)使用軟件,而是會(huì)利用軟件作為工具進(jìn)行開發(fā)和創(chuàng)新”的智慧型人才是“3智慧”人才培養(yǎng)模式的內(nèi)涵。其中“3智慧”有兩層含義:一是從構(gòu)建智慧課堂到促進(jìn)智慧生成,最后培養(yǎng)智慧人才的3個(gè)階段;二是“智慧人才”中的智慧包含學(xué)習(xí)智慧、協(xié)作智慧和創(chuàng)新智慧[2]。

        有瀏覽器的地方就有JavaScript,全球最大求職引擎indeed.com公布的“2017年需求最高的編程語言”統(tǒng)計(jì)中JavaScript名列前三。無處不在的瀏覽器使JavaScript成為當(dāng)下最熱門的Web開發(fā)語言。相對其他編程語言,JavaScript更直觀,編輯運(yùn)行更方便。JavaScript這種可視化編程的特性對高職學(xué)生而言,是一種更容易接受的編程工具。

        1 總體設(shè)計(jì)

        1.1 學(xué)情分析

        教育部《教育信息化“十三五”規(guī)劃》提出:應(yīng)“深化信息技術(shù)與教育教學(xué)的融合發(fā)展,著力提升學(xué)生的信息素養(yǎng)、創(chuàng)新意識(shí)和創(chuàng)新能力,養(yǎng)成數(shù)字化學(xué)習(xí)習(xí)慣,促進(jìn)學(xué)生的全面發(fā)展”[3]。在麥克思統(tǒng)計(jì)的2014屆畢業(yè)3年后月收入較高的主要高職高專專業(yè)中,軟件技術(shù)專業(yè)畢業(yè)生以平均月收入7 797元位居榜首。作為高職高專月收入最高的軟件技術(shù)專業(yè)對畢業(yè)生有更明確的要求——具備較強(qiáng)的編程能力和創(chuàng)新能力。另一方面,招收的學(xué)生與社會(huì)和企業(yè)的需求存在一定的差距。

        JavaScript網(wǎng)頁編程課程是軟件技術(shù)專業(yè)第二學(xué)期開設(shè)的專業(yè)基礎(chǔ)課,是一門將抽象的編程邏輯和可視化網(wǎng)頁設(shè)計(jì)相融合的課程。第一學(xué)期已開設(shè)Java程序設(shè)計(jì)基礎(chǔ)和HTML&CSS網(wǎng)頁設(shè)計(jì)。通過前期的學(xué)習(xí),能力強(qiáng)的學(xué)生已較好地掌握了相關(guān)知識(shí),但一部分學(xué)生對于JavaScript的函數(shù)、數(shù)組等邏輯性較強(qiáng)的知識(shí)點(diǎn)還不能很好地理解和應(yīng)用。

        學(xué)生前期專業(yè)知識(shí)學(xué)習(xí)和學(xué)習(xí)心理的分析見表1。

        1.2 內(nèi)容分析

        課程采用“知識(shí)講解+案例實(shí)踐”的方式進(jìn)行教學(xué)安排??紤]到面向?qū)ο蟮母拍顚σ荒昙?jí)學(xué)生來說還比較困難,且后續(xù)會(huì)有Java面向?qū)ο蟮日n程專門講解,因此略去面向?qū)ο笙嚓P(guān)內(nèi)容。講解內(nèi)置對象知識(shí)點(diǎn),并調(diào)整該節(jié)案例“制作年歷”為更能調(diào)動(dòng)學(xué)生興趣的“猜數(shù)小游戲”。

        “猜數(shù)小游戲”利用HTML、CSS設(shè)計(jì)網(wǎng)頁內(nèi)容和樣式,根據(jù)輸入的數(shù)字利用分支結(jié)構(gòu)進(jìn)行判斷,給出不同的消息框。有效地串聯(lián)了網(wǎng)頁設(shè)計(jì)和編程的知識(shí)點(diǎn),入手難度相對不大,可擴(kuò)充完善的空間較大。游戲由簡入難分為5關(guān),有利于學(xué)生鞏固已學(xué)知識(shí),并能動(dòng)手實(shí)踐,也有利于學(xué)有所長的學(xué)生進(jìn)一步提升和拓展。

        1.3 重點(diǎn)和難點(diǎn)分析

        本案例要求學(xué)生綜合利用前面所學(xué)的JavaScript基本語法、函數(shù)和新知識(shí)點(diǎn)內(nèi)置對象完成網(wǎng)頁制作。

        重點(diǎn)是利用內(nèi)置對象、函數(shù)實(shí)現(xiàn)網(wǎng)頁的基本功能交互,即產(chǎn)生隨機(jī)數(shù)à用戶輸入所猜的數(shù)字à判斷猜的數(shù)字與隨機(jī)數(shù)的大小à提示猜大了、猜小了或猜數(shù)正確。

        難點(diǎn)為自主分析需求、自主設(shè)計(jì)并實(shí)現(xiàn)合理的拓展功能交互。

        1.4 教學(xué)目標(biāo)設(shè)定

        通過對教學(xué)對象和教學(xué)內(nèi)容的分析,確定本單元的知識(shí)與技能、過程和方法、情感與態(tài)度目標(biāo),見表2。

        1.5 教學(xué)策略制訂

        為了化解矛盾、突破重難點(diǎn)、達(dá)成目標(biāo),采用“3智慧”教學(xué)策略。

        (1)呼云喚雨,構(gòu)建智慧課堂;

        (2)轉(zhuǎn)知為智,促進(jìn)智慧生成;

        (3)以生為本,培養(yǎng)智慧人才。

        2 組織實(shí)施

        2.1 教學(xué)手段運(yùn)用

        (1)通過藍(lán)墨云班課、傳智播客高校學(xué)習(xí)平臺(tái)、W3School在線學(xué)習(xí)網(wǎng)站等打造時(shí)時(shí)可學(xué)、處處能學(xué)的環(huán)境,拓展學(xué)習(xí)的時(shí)間和空間;

        (2)利用思維導(dǎo)圖分析需求、理清思路,利用流程圖表現(xiàn)算法,實(shí)現(xiàn)思維可視化;

        (3)利用可視化開發(fā)工具HBuilder將思維轉(zhuǎn)化為網(wǎng)頁作品,利用極域電子課堂了解學(xué)習(xí)情況,進(jìn)行適時(shí)的廣播分享,實(shí)現(xiàn)師生思維碰撞,讓思維可見、可教。

        表1 學(xué)情分析

        表2 教學(xué)目標(biāo)

        2.2 教學(xué)環(huán)節(jié)設(shè)計(jì)

        以猜數(shù)小游戲?yàn)橹骶€貫穿課前感受游戲、課中設(shè)計(jì)游戲、課后優(yōu)化游戲3個(gè)環(huán)節(jié),培養(yǎng)學(xué)生的學(xué)習(xí)智慧、學(xué)科智慧(計(jì)算思維)和協(xié)作智慧??傮w教學(xué)流程圖見圖1。

        2.3 課堂實(shí)施

        1)課前感受游戲。

        課前感受游戲環(huán)節(jié)包含兩個(gè)任務(wù):看游戲和析游戲。

        看游戲:教師發(fā)布學(xué)習(xí)任務(wù),要求學(xué)生觀看游戲視頻。對照視頻,分析游戲需求,并繪制初步的思維導(dǎo)圖和簡單的流程圖。

        析游戲:學(xué)生分析游戲中用到的知識(shí)點(diǎn),查看相關(guān)學(xué)習(xí)資源,并自主在網(wǎng)上搜索相關(guān)信息。根據(jù)分析,繪制流程圖或思維導(dǎo)圖,并在云班課“答疑/討論”活動(dòng)中提出疑問或參與解答;教師根據(jù)學(xué)生的反饋調(diào)整任務(wù)單和其他資源。

        2)課中設(shè)計(jì)游戲。

        課中設(shè)計(jì)游戲環(huán)節(jié)對照軟件開發(fā)的流程分成5關(guān),難度從低到高,學(xué)生在逐級(jí)挑戰(zhàn)的過程中充分調(diào)動(dòng)原有思維經(jīng)驗(yàn)與知識(shí)基礎(chǔ),經(jīng)歷分析、構(gòu)想、抉擇、發(fā)現(xiàn)、歸納,解決未知的問題。課中設(shè)計(jì)游戲環(huán)節(jié)思路和任務(wù)見表3。

        第1關(guān):需求分析。

        動(dòng)手寫代碼之前一定要先把思路理清,需求分析、概要設(shè)計(jì)優(yōu)于編寫代碼。在強(qiáng)調(diào)需求分析的重要性時(shí),有些學(xué)生還是不以為然。在教學(xué)中須通過重復(fù)的強(qiáng)調(diào)和訓(xùn)練,讓學(xué)生逐步養(yǎng)成軟件工程的思想。

        圖1 “猜數(shù)小游戲”總體教學(xué)流程圖

        表3 “課中設(shè)計(jì)游戲”環(huán)節(jié)思路與任務(wù)

        本關(guān)首先講解random()隨機(jī)數(shù)函數(shù),要求學(xué)生比較round()、ceil()、floor()的用法;解答學(xué)生自主學(xué)習(xí)中的其他疑問。學(xué)生自主思考如何解決生成隨機(jī)數(shù)的問題;教師通過極域下發(fā)任務(wù)單,學(xué)生對思維導(dǎo)圖和流程圖進(jìn)行細(xì)化,明確游戲需求,確定游戲的框架。

        第2關(guān):完成網(wǎng)頁基本功能交互。

        建構(gòu)主義認(rèn)為,學(xué)習(xí)過程中學(xué)生應(yīng)依靠已有的知識(shí)經(jīng)驗(yàn)和認(rèn)知能力,通過新、舊知識(shí)之間的雙向相互作用,調(diào)整、改造原有經(jīng)驗(yàn),形成新的經(jīng)驗(yàn)體系[4]。在本關(guān)中,學(xué)生寫出來的網(wǎng)頁程序可以自己玩,通過運(yùn)用所學(xué)知識(shí),在實(shí)踐過程中不斷發(fā)現(xiàn)問題,尋找解決途徑和方法。

        考慮到學(xué)習(xí)基礎(chǔ)的差異性,應(yīng)先準(zhǔn)備一個(gè)簡單版和詳細(xì)版的任務(wù)單。學(xué)生如有需要,可參考詳細(xì)版中的步驟和代碼截圖,完成猜數(shù)小游戲網(wǎng)頁內(nèi)容、樣式和基本功能的交互,這是本次課的教學(xué)重點(diǎn)。教師通過走動(dòng)觀察和極域監(jiān)控,及時(shí)發(fā)現(xiàn)問題并給予個(gè)別指導(dǎo)。第二關(guān)思維導(dǎo)圖見圖2。

        第3關(guān):完成網(wǎng)頁拓展功能交互。

        從知識(shí)的掌握到能力的形成是存在鴻溝的,消除鴻溝的有效方法是問題解決[5]。通過讓學(xué)生親歷發(fā)現(xiàn)問題、界定與表征問題、問題解決過程才能更好地培養(yǎng)學(xué)生的思維能力。

        本關(guān)要求學(xué)生自主地、個(gè)性化地在第二關(guān)基本功能的基礎(chǔ)上實(shí)現(xiàn)擴(kuò)展,可能涉及顯示猜數(shù)次數(shù)、清空猜數(shù)文本框、當(dāng)猜數(shù)次數(shù)超過指定數(shù)后能查看答案、美化頁面、擴(kuò)展其他游戲功能等。教師通過走動(dòng)觀察和極域監(jiān)控,鼓勵(lì)學(xué)生自主思考,在適當(dāng)情況下進(jìn)行提問,予以點(diǎn)撥;對不同層次的學(xué)生提出差異化要求;收集并記錄學(xué)習(xí)過程中的典型問題。小組之間可適當(dāng)討論,思維碰撞,發(fā)現(xiàn)更多可拓展的功能。

        第4關(guān):調(diào)試糾錯(cuò)。

        一個(gè)可交付的軟件產(chǎn)品一定是通過不斷出錯(cuò)、不斷糾錯(cuò)的過程逐步完善的。本關(guān)利用可視化工具的調(diào)試功能,讓學(xué)生從“出錯(cuò)就懵”到“錯(cuò)了就改”,再錯(cuò)再改,不斷優(yōu)化,從而讓學(xué)生養(yǎng)成細(xì)致、精益求精等良好的編程習(xí)慣,并要求學(xué)生記錄并整理程序中出現(xiàn)的錯(cuò)誤提示和錯(cuò)誤情況,作為小組展示時(shí)分享的素材。

        第5關(guān):歸納小結(jié)。

        歸納是去情境化的過程,讓學(xué)生剝離實(shí)例學(xué)習(xí)運(yùn)用的各種編程技巧和方法,通過類比的方法,將一個(gè)問題的解決方法遷移到另一個(gè)問題中,形成一種內(nèi)在的思維能力[6]。

        闖過游戲前四關(guān),學(xué)生已初步形成了計(jì)算思維能力。在本環(huán)節(jié)中,要求以小組為單位匯總猜數(shù)小游戲網(wǎng)頁設(shè)計(jì)中遇到的問題,相互交流。對于集中突出的問題,教師進(jìn)行簡要的點(diǎn)撥提示,學(xué)生課后自己查資料嘗試解決,同時(shí)選出小組最優(yōu)的作品作為周末拓展的藍(lán)本。借助歸納、實(shí)踐,強(qiáng)化和鞏固學(xué)生的計(jì)算思維能力和學(xué)習(xí)智慧。

        3)課后優(yōu)化游戲。

        課后優(yōu)化環(huán)節(jié)在藍(lán)墨云班課發(fā)布游戲PK的活動(dòng),各小組互相比拼玩游戲,找Bug并進(jìn)行投票評(píng)選。學(xué)生的角色在游戲開發(fā)者和游戲玩家之間轉(zhuǎn)換,通過游戲的測試,完成游戲優(yōu)化,培養(yǎng)學(xué)生的協(xié)作能力,提高自學(xué)意識(shí)。

        2.4 考核評(píng)價(jià)

        本次課的考核評(píng)價(jià)綜合了線上和線下、教師評(píng)價(jià)和學(xué)生評(píng)價(jià)、基本考核和附加考核。

        圖2 第2關(guān)網(wǎng)頁基本功能交互思維導(dǎo)圖

        學(xué)生認(rèn)真參與課前、課中、課后各環(huán)節(jié)的學(xué)習(xí)并闖過前2關(guān),可以得到本次課總成績的80%;闖關(guān)通過所有5關(guān)或自主開發(fā)了游戲的學(xué)生可以得到滿分和額外的獎(jiǎng)勵(lì)。

        3 教學(xué)反思

        3.1 設(shè)計(jì)反思

        根據(jù)“3智慧”的教學(xué)策略,在智慧課堂環(huán)境下,將猜數(shù)小游戲貫穿教學(xué)環(huán)節(jié),讓學(xué)生在身體力行的游戲、學(xué)習(xí)、互動(dòng)中形成思維,理清思維,鞏固思維,沉淀思維,利用課前、課中、課后培養(yǎng)學(xué)生的智慧。

        3.2 實(shí)施反思

        在智慧課堂中,以學(xué)生為主體,讓學(xué)生從課上偶爾學(xué)、課后不想學(xué)到人人皆學(xué)、時(shí)時(shí)可學(xué)、處處能學(xué);利用思維可視化,從零散的知識(shí)點(diǎn)學(xué)習(xí)到構(gòu)建學(xué)生個(gè)人的思維體系;將游戲貫穿于教學(xué)中,讓學(xué)生從游戲的受害者變成游戲的受益者。

        3.3 任務(wù)完成

        在教學(xué)實(shí)施過程中,學(xué)生參與度高,學(xué)習(xí)自主性得到了提升,達(dá)到了預(yù)設(shè)的學(xué)習(xí)目標(biāo),學(xué)生對教師的教學(xué)方式也非常的認(rèn)可。

        3.4 問題及改進(jìn)

        從云班課中統(tǒng)計(jì)的教學(xué)數(shù)據(jù)來看,存在學(xué)習(xí)兩極分化的問題。通過及時(shí)了解分析教學(xué)數(shù)據(jù),教師有針對性地干預(yù)和指導(dǎo);另外,智慧課堂中不同的教學(xué)平臺(tái)存在數(shù)據(jù)難以收集的問題,擬通過構(gòu)建智慧學(xué)習(xí)生態(tài)系統(tǒng)實(shí)現(xiàn)數(shù)據(jù)的整合。

        4 結(jié) 語

        愛因斯坦說:“當(dāng)你把在學(xué)校所學(xué)的東西全部忘記之后,剩下的就是教育了。”教育的真諦在于將知識(shí)轉(zhuǎn)化為智慧。在JavaScript網(wǎng)頁編程和其他程序設(shè)計(jì)類課程教學(xué)實(shí)踐中,采用“3智慧”教學(xué)策略,將教學(xué)內(nèi)容游戲化、學(xué)習(xí)思維可視化,學(xué)生學(xué)習(xí)興趣濃厚,在專業(yè)學(xué)習(xí)中獲得的成就感促進(jìn)軟件技術(shù)專業(yè)學(xué)生更加積極、樂觀,具有良好的自我學(xué)習(xí)和再學(xué)習(xí)的能力,具備智慧人才的基本特征。

        猜你喜歡
        小游戲網(wǎng)頁編程
        我家有只編程貓
        我家有只編程貓
        我家有只編程貓
        我家有只編程貓
        專注力小游戲
        互動(dòng)的小游戲
        大灰狼(2018年10期)2018-10-31 14:47:16
        互動(dòng)小游戲
        大灰狼(2018年9期)2018-10-25 20:56:42
        基于CSS的網(wǎng)頁導(dǎo)航欄的設(shè)計(jì)
        電子制作(2018年10期)2018-08-04 03:24:38
        互動(dòng)小游戲
        大灰狼(2018年2期)2018-06-05 16:53:50
        基于URL和網(wǎng)頁類型的網(wǎng)頁信息采集研究
        電子制作(2017年2期)2017-05-17 03:54:56
        国产一区曰韩二区欧美三区| 国产成人综合日韩精品无码| 97人妻精品一区二区三区| 人妻人人澡人人添人人爽人人玩| 国产成人啪精品视频免费网| 亚洲综合中文日韩字幕| 97一期涩涩97片久久久久久久| 真人与拘做受免费视频| 国产日韩精品一区二区在线观看播放| 女同欲望一区二区三区| 精品久久久久久亚洲综合网| 人妻暴雨中被强制侵犯在线| 亚洲 日韩 在线精品| 在线观看免费的黄片小视频| 18禁止进入1000部高潮网站| 久久中文字幕无码专区| 日本少妇按摩高潮玩弄| 国产av一区二区网站| 婷婷综合另类小说色区| 成人性生交大片免费看r| 亚洲成AV人国产毛片| 国产不卡在线观看视频| 国产乱人激情h在线观看 | 久久AV中文一区二区三区| 日本一区二区三区一级免费| 国偷自拍av一区二区三区| ā片在线观看免费观看 | 97精品人妻一区二区三区在线| 久久久无码精品亚洲日韩按摩| 成人精品一级毛片| 国产精品一区二区黄色片| 国产精品美女久久久免费| av天堂久久天堂av色综合| 国产精品国产三级国产AvkTV| 国产三级精品av在线| 亚洲色欲色欲大片www无码| 亚洲成av人片天堂网九九| 少妇特殊按摩高潮对白| 久久久久人妻一区二区三区| 66lu国产在线观看| 一区二区三区精品偷拍av|