葉貴友

摘 要：文章通過(guò)《ASP.NET程序設(shè)計(jì)》課程的翻轉(zhuǎn)教學(xué)實(shí)踐研究，對(duì)網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的選用、學(xué)習(xí)資源的制作和翻轉(zhuǎn)課堂的實(shí)施三個(gè)方面進(jìn)行詳細(xì)闡述，凝練了“項(xiàng)目引導(dǎo)的《ASP.NET程序設(shè)計(jì)》課程自主學(xué)習(xí)模式”，提出了三維透視圖及其層疊在課件制作中的應(yīng)用方法。

關(guān)鍵詞：項(xiàng)目;課件;透視圖;自主學(xué)習(xí);翻轉(zhuǎn)課堂

中圖分類(lèi)號(hào)：G433? ? ? ? ?文獻(xiàn)標(biāo)志碼：B? ? ? ? ? ?文章編號(hào)：1673-8454（2019）16-0043-04

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Private Sub CommandButton1_Click（）

Dim Slide1 As Slide

Dim Shape1 As Shape

Set Slide1 = ActivePresentation.Slides（1）

Set Shape1 = Slide1.Shapes（3）

Shape1.ThreeD.Perspective = msoTrue

Dim ss As Integer

Dim tt As Integer

tt = 0

ss = Shape1.ThreeD.RotationX

If ss = 0 Then

While tt < 80

DoEvents

Shape1.ThreeD.IncrementRotationX -1

tt = tt + 1

Wend

Shape1.ThreeD.RotationX = -80

Else

While tt < 80

DoEvents

Shape1.ThreeD.IncrementRotationX 1

tt = tt + 1

Wend

Shape1.ThreeD.RotationX = 0

End If

End Sub

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、結(jié)論

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

參考文獻(xiàn)：

[1]游春華，梁宛玲.地方高校大學(xué)生學(xué)習(xí)方式的調(diào)查與分析——以惠州學(xué)院為例[J].惠州學(xué)院學(xué)報(bào)（社會(huì)科學(xué)版），2018（4）：123-128.

[2]李莉環(huán)，武慧琴.“信息化2.0”背景下高職高專(zhuān)學(xué)生自主學(xué)習(xí)能力現(xiàn)狀、問(wèn)題及對(duì)策[J].蘭州石化職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2018（3）：50-53.（編輯：李曉萍）