葉貴友

（江蘇聯(lián)合職業(yè)技術(shù)學(xué)院淮安生物工程分院 計算機工程系，江蘇 淮安 223200）

計算機語言作為專業(yè)核心課程，語言版本由當(dāng)初的QBASIC、Turbo C 到當(dāng)今Visual Basic.NET、Visual C#.NET、Java 等不斷變遷；程序設(shè)計課程也由學(xué)科體系向行動體系變革，促進(jìn)了技能型人才的培養(yǎng)。隨著信息技術(shù)與教育的融合，孕育著職業(yè)教育的第二次改革，已在智慧校園建設(shè)、虛擬仿真應(yīng)用等方面取得可喜的成績，但在創(chuàng)新型人才培養(yǎng)上卻建樹甚微，正如喬布斯所說：“為什么IT 改變了幾乎所有領(lǐng)域，卻唯獨對教育的影響小得令人吃驚?”

一、《ASP.NET 程序設(shè)計》課程存在的問題

《ASP.NET 程序設(shè)計》是我校五年制高職計算機專業(yè)核心課程，通常安排在第六學(xué)期，采用項目化案例教材和理實一體化授課方式進(jìn)行教學(xué)，課時一般為70-80學(xué)時。其前導(dǎo)課程為《GUI 應(yīng)用程序設(shè)計》《數(shù)據(jù)庫技術(shù)與應(yīng)用》等。

《ASP.NET 程序設(shè)計》課程教學(xué)中存在的主要問題有：

（1）學(xué)生對課程的理論學(xué)習(xí)不求甚解、技能操作淺嘗輒止，過于依賴教師講授，局限于課堂上學(xué)習(xí)，缺少學(xué)習(xí)動力和學(xué)習(xí)熱情，處于被動學(xué)習(xí)狀態(tài)?？炭嚆@研、勤奮好學(xué)的學(xué)生較少，缺乏追根溯源的毅力和持之以恒的精神。

（2）基礎(chǔ)不牢，習(xí)慣懶散。五年制高職院校的生源是初中畢業(yè)生，部分學(xué)生在初中階段沒有養(yǎng)成良好的學(xué)習(xí)習(xí)慣，升入高職院校后，用1.5－2 年時間完成高中文化課程的速成學(xué)習(xí)，加劇了兩極分化。遇到問題不主動解決，安于現(xiàn)狀，課堂上自控力差，注意力不集中、打瞌睡、不記筆記等現(xiàn)象不在少數(shù)。還有一些學(xué)生形象思維較好，但抽象思維能力欠缺，體現(xiàn)在《ASP.NET 程序設(shè)計》課程教學(xué)中，表現(xiàn)為程序界面設(shè)計領(lǐng)悟能力較好，程序代碼悟性和理解不夠，但心理上又畏難怕苦，不愿去深究。

二、《ASP.NET 程序設(shè)計》課程的翻轉(zhuǎn)課堂探索

翻轉(zhuǎn)課堂引入中國，被教育界寄予厚望，利用信息技術(shù)對傳統(tǒng)教育進(jìn)行改革，扭轉(zhuǎn)傳統(tǒng)教育中被動學(xué)習(xí)的現(xiàn)狀，助力創(chuàng)新型人才培養(yǎng)。

1.網(wǎng)絡(luò)學(xué)習(xí)平臺的選用

要實施翻轉(zhuǎn)課堂，必先搭建網(wǎng)絡(luò)學(xué)習(xí)平臺。筆者2016 年11 月在濟南有幸聆聽了華南師范大學(xué)汪曉東教授所作的“遇見更好的課堂——在線開放課程開發(fā)與應(yīng)用”講座，開始接觸翻轉(zhuǎn)課堂和使用“智慧職教云”網(wǎng)絡(luò)學(xué)習(xí)平臺。

智慧職教云是一種在線學(xué)習(xí)和在線教學(xué)平臺，支持在線學(xué)習(xí)、混合式學(xué)習(xí)、翻轉(zhuǎn)課堂等教學(xué)創(chuàng)新實踐活動。其具有以下幾個特點：首先是支持移動互聯(lián)網(wǎng)絡(luò)，支持手機或電腦在線學(xué)習(xí)、在線教學(xué)的網(wǎng)絡(luò)平臺，互動性好，符合當(dāng)前移動互聯(lián)時代學(xué)習(xí)的要求；其次，平臺上提供了豐富的學(xué)習(xí)資源，并且是免費平臺，便于一線教師實踐應(yīng)用；此外，職教云以學(xué)校為基本單元，便于管理和應(yīng)用。

筆者試用職教云教學(xué)，要求學(xué)生在自己的手機上下載、安裝和注冊智慧職教云課堂App，發(fā)現(xiàn)有少數(shù)學(xué)生找理由不安裝，有抵觸情緒。在對下一年級學(xué)生授課時，筆者將安裝包、安裝說明、注冊說明、邀請二維碼發(fā)到班級QQ 群中，用推薦方式告訴學(xué)生“正版軟件，放心使用”，課前將教學(xué)資源、教案、PPT 放在職教云平臺上，課中有意識地使用手機進(jìn)行簽到、授課、提問、討論等教學(xué)活動，改變策略后，第三次授課時所有學(xué)生均完成了云課堂的手機注冊。

2.學(xué)習(xí)資源的制作與三維透視圖應(yīng)用

翻轉(zhuǎn)課堂的視頻有兩種形式：一種是微課，它是以視頻為載體，記錄教師圍繞某個知識點或教學(xué)環(huán)節(jié)開展的簡短、完整的教學(xué)活動，它是“課”，具有相應(yīng)的結(jié)構(gòu)和體系，與常規(guī)課相比，內(nèi)容更聚焦。另一種是微視頻，圍繞知識點、技能點制作成簡短的視頻。職教云平臺的“課前”欄目中提供了討論、測驗、考試、投票、問卷調(diào)查、作業(yè)、課件等教學(xué)活動功能，如圖1 所示?！罢n中”除上述功能外，還增加了簽到、提問、小組PK、拍照、白板等教學(xué)活動功能，如圖2、圖3 所示。因此，筆者選用微視頻形式制作學(xué)習(xí)資源，教學(xué)活動則調(diào)用和設(shè)置職教云平臺上的功能，主題聚焦、使用靈活并能智能統(tǒng)計和數(shù)據(jù)分析。

圖1 職教云“課前”教學(xué)活動功能（PC 瀏覽器端截圖）

圖2 職教云“課中”教學(xué)活動功能（手機截圖）

圖3 職教云“課中”拍照、白板功能

課程的微視頻制作采用PPT 和軟件實操講解錄屏為主，錄制軟件為超級錄屏8.0。在正常屏幕分辨率的情況下，一般5-10 分鐘的微視頻大小在15-30M。如何保證視頻質(zhì)量，又能減低視頻大小，減少學(xué)生移動數(shù)據(jù)流量？筆者嘗試用降低分辨率、改變視頻輸出格式等辦法，但視頻清晰度下降會影響使用效果；視頻大小與錄制時長直接相關(guān)，筆者發(fā)現(xiàn)三維透視圖在PPT 課件中應(yīng)用，能夠有效協(xié)調(diào)課件的條理和細(xì)節(jié)矛盾，減低視頻時長。三維透視圖是指應(yīng)用視覺空間的變化規(guī)律在平面上呈現(xiàn)立體特征的空間畫面。現(xiàn)在很多軟件都提供二維平面圖轉(zhuǎn)化為三維透視圖的技術(shù)。

（1）微軟Office 辦公軟件進(jìn)行三維透視圖的轉(zhuǎn)換

微軟Office 辦公軟件套裝中Word、Excel、Power-Point 等都提供了將二維平面圖與三維透視圖互換技術(shù)，此外，在Win7 及更高版本W(wǎng)indows 操作系統(tǒng)中提供了三維透視層疊窗口Aero 桌面特效。下面筆者以Microsoft PowerPoint 2010 為例,介紹實現(xiàn)二維平面圖與三維透視圖互換的方法：

啟動Microsoft PowerPoint 2010，在菜單上選擇“插入”“圖片”，將圖片添加到幻燈片中；選擇幻燈片中圖片，點擊鼠標(biāo)右鍵，在快捷菜單中選擇“設(shè)置圖片格式”，彈出對話窗體，在窗口左邊的項目類型中，選擇“三維旋轉(zhuǎn)”，在窗口右邊的模板“預(yù)設(shè)”中選“透視”的一種模板，設(shè)置“旋轉(zhuǎn)”X 為80°，透視為45°。圖4 是《ASP.NET 程序設(shè)計》課程中聊天室界面設(shè)計視圖，圖5 是聊天室界面設(shè)計視圖轉(zhuǎn)換為三維透視圖。

（2）使用VBA 程序代碼實現(xiàn)平面圖與三維透視圖互換

啟動Microsoft PowerPoint 2010，在菜單上選擇“插入”“圖片”，將圖片添加到幻燈片中；在菜單上選擇“開發(fā)工具”（默認(rèn)安裝下，菜單上沒有“開發(fā)工具”，在Microsoft PowerPoint 2010“文件”菜單下點擊“選項”，彈出對話窗體，在窗口左邊的項目類型中，選擇“自定義功能區(qū)”，在“主選項卡”下勾選“開發(fā)工具”即可），將“命令按鈕”圖標(biāo)拖放到幻燈片上，雙擊“命令按鈕”，進(jìn)入程序設(shè)計視圖，輸入如下代碼：

圖4 聊天室界面設(shè)計視圖

圖5 轉(zhuǎn)換為三維透視圖

保存PPT 演示文稿類型為“啟用宏的PowerPoint 演示文稿(*.pptm)”。在幻燈片放映中，點擊“命令按鈕”，平面圖以動畫形式旋轉(zhuǎn)為三維透視圖；再次點擊“命令按鈕”，三維透視圖旋轉(zhuǎn)為平面圖。

（3）三維透視圖在課件中的應(yīng)用

在《ASP.NET 程序設(shè)計》課程中，項目四信息交流主要內(nèi)容是聊天室程序設(shè)計。該項目的知識點是Ajax 異步數(shù)據(jù)刷新、數(shù)據(jù)的顯示和數(shù)據(jù)的上傳保存。涉及到程序的界面設(shè)計、代碼設(shè)計、數(shù)據(jù)庫表結(jié)構(gòu)設(shè)計和運行測試。課件制作時，將涉及到的二維平面圖和表，通過ABA代碼轉(zhuǎn)變?yōu)槿S透視圖并按序?qū)盈B，加入流程線與文字標(biāo)注，呈現(xiàn)的就是聊天室項目總體結(jié)構(gòu)模塊圖，如圖6所示。雖然課件只有一張幻燈片，但模塊間調(diào)用關(guān)系、執(zhí)行時序以及模塊之間的數(shù)據(jù)流、控制流信息等一目了然?；脽羝庞硶r，用鼠標(biāo)點擊三維透視圖，透視圖將以動畫形式旋轉(zhuǎn)為平面視圖呈現(xiàn)細(xì)節(jié)，便于講授和實現(xiàn)細(xì)節(jié)聚焦，調(diào)和了脈絡(luò)與細(xì)節(jié)這對矛盾，有效破解了教學(xué)設(shè)計的難點。

圖6 三維透視圖在聊天室程序設(shè)計課件中的應(yīng)用

3.翻轉(zhuǎn)課堂的實踐

（1）課前自主學(xué)習(xí)

使用職教云平臺，教師可以查看到學(xué)生課前自主學(xué)習(xí)課程資源的情況和比例。在教師不作要求的情況下，課前自主學(xué)習(xí)的學(xué)生占全班25%-50%，如在“課中”有意識地增加提問、測試等教學(xué)干預(yù)，課前自主學(xué)習(xí)的學(xué)生比例可達(dá)到90%以上。游春華、梁宛玲[1]對其所在學(xué)校的415 名本科生進(jìn)行了調(diào)查，課前認(rèn)真預(yù)習(xí)的學(xué)生為4.82%，有時預(yù)習(xí)的學(xué)生達(dá)55.9%，從不預(yù)習(xí)和基本不預(yù)習(xí)的學(xué)生占39.28%。李莉環(huán)、武慧琴[2]對其所在學(xué)校的332 名專科生進(jìn)行了調(diào)查，自主制定學(xué)習(xí)目標(biāo)、按時完成的學(xué)生占10.24%，能夠自主制定學(xué)習(xí)目標(biāo)、是否完成不確定的學(xué)生占44.58%，學(xué)習(xí)無目標(biāo)、由教師決定的占45.18%。這些調(diào)查數(shù)據(jù)與我校情況基本相似，也反映出了當(dāng)前大中專院校學(xué)生課外學(xué)習(xí)的現(xiàn)狀。

開展翻轉(zhuǎn)課堂教學(xué)的前提是有效進(jìn)行課前的自主學(xué)習(xí)。進(jìn)行翻轉(zhuǎn)課堂教學(xué)要達(dá)到傳統(tǒng)教學(xué)的效果，課前自主學(xué)習(xí)課程資源的學(xué)生必須超過85%以上，因為自主觀看視頻效果與教師課堂講授效果是不一樣的。

（2）課中小組協(xié)作學(xué)習(xí)

翻轉(zhuǎn)課堂“課中”的“自主探究”和“小組協(xié)作學(xué)習(xí)”是重要的教學(xué)環(huán)節(jié)，對創(chuàng)新型人才培養(yǎng)起著決定性作用。小組協(xié)作學(xué)習(xí)與成員分工協(xié)作，能夠促進(jìn)學(xué)生個體的長項發(fā)展和思維發(fā)散，培養(yǎng)團隊協(xié)作精神。但受傳統(tǒng)教育慣性思維的影響，開展“自主探究”是順理成章的事情，但組織與開展小組協(xié)作學(xué)習(xí)殊非易事。首先，教師與學(xué)生接觸時間短，對每個學(xué)生的喜好、特長、性格、學(xué)習(xí)風(fēng)格等缺乏了解，分組與組內(nèi)分工缺乏針對性，存在放不開、拿不出的現(xiàn)象；其次，受傳統(tǒng)教育理念的影響，缺乏團隊協(xié)作意識和協(xié)作精神；最后，開展小組協(xié)作學(xué)習(xí)，需要提供分組討論的環(huán)境，保證成員間地位平等，人人有分工，個個盡其責(zé)，互相協(xié)作完成項目。

（3）傳統(tǒng)課堂的“微翻轉(zhuǎn)”

《ASP.NET 程序設(shè)計》課程中，以農(nóng)資銷售系統(tǒng)為案例，介紹農(nóng)資銷售經(jīng)營活動中發(fā)生在銷售、收費、倉庫管理部門間的“物質(zhì)流轉(zhuǎn)、信息流轉(zhuǎn)、數(shù)據(jù)流轉(zhuǎn)”過程及其模塊開發(fā)技術(shù)。其中項目四信息交流是課程從靜態(tài)頁面設(shè)計到動態(tài)頁面設(shè)計的過渡章節(jié)，在內(nèi)容上與前后項目關(guān)聯(lián)度小，學(xué)生熟悉聊天、論壇軟件的應(yīng)用，寓教于樂，參與熱情高，最適合開展翻轉(zhuǎn)課堂教學(xué)。而課程中銷售、收費、提貨、報表項目之間聯(lián)系緊密，適合傳統(tǒng)課堂教學(xué)，可將教學(xué)材料上傳到職教云平臺供實踐操作時參考，對傳統(tǒng)課堂教學(xué)實施了“微翻轉(zhuǎn)”。

三、項目引導(dǎo)的《ASP.NET 程序設(shè)計》課程自主學(xué)習(xí)模式研究

針對學(xué)生自主學(xué)習(xí)愿望不高、團隊協(xié)作學(xué)習(xí)意識不強的狀況，在課程授課計劃中，增加了12 學(xué)時的創(chuàng)新實踐項目。授課計劃修訂后，第一階段是課程案例項目教學(xué)，使學(xué)生了解動態(tài)網(wǎng)站開發(fā)步驟，初步具備Web 程序設(shè)計能力；第二階段是學(xué)生自主立項，按類分組協(xié)作，參考課程案例項目和云平臺資源，創(chuàng)新應(yīng)用激發(fā)學(xué)習(xí)動力，對傳統(tǒng)課堂教學(xué)實施“翻轉(zhuǎn)”。整個課程的教學(xué)結(jié)構(gòu)設(shè)計如圖7 所示。

圖7 項目引導(dǎo)的《ASP.NET 程序設(shè)計》課程自主學(xué)習(xí)模式

《ASP.NET 程序設(shè)計》課程分成兩段教學(xué)，第一階段，學(xué)生由于知識技能的積累不夠，只能按教師的講解示范進(jìn)行模仿。進(jìn)入第二階段，讓學(xué)生自主選項，創(chuàng)新應(yīng)用，感受到“學(xué)的有用”，吸引學(xué)生傾情專注課程學(xué)習(xí)，領(lǐng)會程序設(shè)計的精髓，感悟軟件的魅力。為了推進(jìn)項目進(jìn)度，給學(xué)生參考選項（如班級網(wǎng)站、門戶網(wǎng)站手機版、淘寶平臺上電子商務(wù)網(wǎng)站等，分析項目設(shè)計思路、主要應(yīng)用技術(shù)和對應(yīng)的課程項目），自主立項后按類分組，協(xié)作分工，任務(wù)壓力傳導(dǎo)到每個人。小組任務(wù)分工和時間進(jìn)度要求如表1 所示。

表1 小組最簡頁面分工和計劃橫道圖

四、項目引導(dǎo)的《ASP.NET 程序設(shè)計》課程自主學(xué)習(xí)模式應(yīng)用調(diào)查

1.學(xué)生調(diào)查

采用項目引導(dǎo)的《ASP.NET 程序設(shè)計》課程自主學(xué)習(xí)模式分別在微高1501、微高1601 班進(jìn)行試運行，經(jīng)教務(wù)處組織的教師教學(xué)情況測評，測評項目包括教學(xué)態(tài)度、課堂秩序、課外輔導(dǎo)、提問互動、教學(xué)效果等9 個方面。在2017 年和2018 年兩個年度測評中，兩個班所有學(xué)生全打了滿分（全系教師測評滿分率為10.35%），采用翻轉(zhuǎn)課堂自主學(xué)習(xí)模式教學(xué)實踐，得到學(xué)生們的認(rèn)可和肯定。

2.縱向?qū)Ρ?/h3>

《ASP.NET 程序設(shè)計》教材從2014 年延用至今，課程考核一直采用上機考核形式，學(xué)生在指定的6 個頁面中自選完成3 個頁面設(shè)計。2017 年，筆者開展翻轉(zhuǎn)課堂教學(xué)實踐研究，與以前傳統(tǒng)教學(xué)相比，課程平均及格率由82.7%提高到90%以上；班級均分由76.1 提高到85.4分，能完成程序代碼設(shè)計的學(xué)生比例大幅提高。

五、結(jié)論

《ASP.NET 程序設(shè)計》課程具有計算機語言類課程的共同現(xiàn)象：“知之非難，行之不易”，教師的陳述、示范與學(xué)生的實踐模仿不難，學(xué)生創(chuàng)新應(yīng)用就不容易了。筆者認(rèn)為，程序設(shè)計如同小學(xué)低年級學(xué)生初寫作文，積累不夠，“無米下鍋”。課程前期，學(xué)生需要積累一定量的控件、函數(shù)、語句的用法及其常用程序算法。課程后期，要給學(xué)生自主設(shè)計、創(chuàng)新應(yīng)用的時間和機會，培養(yǎng)學(xué)生體驗軟件的魅力。