計算機通識課微課資源開發與應用

方梅青 曹莉 趙營穎

關鍵詞：計算機通識課；微課開發；微課導學

1引言

目前，國內很多高校都開設了計算機通識課，通常包括“計算機文化基礎”“圖像處理”“程序設計基礎”“動畫設計”等課程。學生在大學一年級選修這類課程，通過這些通識課的學習，旨在促進與提升學生對計算機的了解和對常用軟件的應用能力。

在教育信息化浪潮的推動下，微課作為信息化教學資源，正在以全新的優勢沖擊著教育領域[1-2]。對于計算機通識課來說，設計制作微課視頻是實現翻轉課堂、混合式學習的前提。微課通常是按照課程知識點的劃分在5～10分鐘之內將一個知識點做完整講解，它具有主題鮮明、生動形象的特點，且支持反復點撥，突破了傳統課堂在時間和空間上的限制，滿足了學習者片段式學習的需求，因此在課堂教學中發揮了巨大作用。

2微課開發

本文選取計算思維與計算機應用課程作為課例，在深入研究教材和調研學生學情的基礎上，結合具體教學內容選取具有代表性的重點和難點作為微課內容。課程主要講授Web系統開發的基礎模式和方法，應用ASP.NET技術和數據庫技術，進行Web應用程序設計，屬于計算機通識課程中的較高級內容。基于該課程的微課制作實踐，總結出以下開發流程。

2.1梳理課程知識體系

在微課開發過程中，通過研究分析教學大綱以及教材和課程目標，重構已有的學習資源，對課程的重點和難點做細致梳理，共篩選出78個知識點，其中重難點知識54個[3-4]。將課程內容調整為圍繞一個綜合案例——在線新聞發布系統，講解動態網站開發的基本知識。該系統分為六個子模塊開發，涵蓋本課程的主要知識內容，幫助學生從微課教學模式中零散的知識點認識到知識的連貫性和系統性。表1為課程知識體系及對應的知識點微課。

2.2微課設計

依據教學目標設計教學內容的呈現順序和方式，將微課分為重難點精講型微課和實驗演示型微課兩大類進行設計。（1）重難點精講型微課主要針對理論知識做講解[5-8]，通過課堂實錄分析重難點，幫助學生消化和理解理論知識。例如，內置對象和狀態管理這部分內容比較抽象，存在許多難以掌握的知識點，學生通過微課學習能夠理解其中的核心內容，要把這些知識互相串聯起來，需要講解Cookie，Session和Application的區別，讓學生理解這三種狀態管理對象各自的適用范圍。（2）實驗演示型微課主要幫助學生理解實驗原理及方法[9-10]．因為實驗演示是ASP.NET課程的重要課型，是培養科學素養、科學思維的主要途徑。在傳統課堂教學中，教師演示一遍實驗，學生很難記住所有步驟，因此將教師演示實驗的過程錄制成短視頻，上傳至教學平臺，學生在課余時間能點播視頻講解，邊看邊練，也可以隨時暫停或重播，滿足了學生的復習需求。

根據教學內容確定微課教學設計，通過研讀教材，分析授課內容，形成微課教案，設定教學目標和教學方法，詳細描述教學過程。在此，以“靜態網頁與動態網頁”微課教案為例設計教學過程。

（1）微課名稱：靜態網頁與動態網頁。

（2）授課教師：曹莉。

（3）微課類型：重難點精講型、實驗演示型。

（4）教學目標：掌握靜態網頁和動態網頁的概念和特點；了解動態網頁主流的開發技術。

（5）教學方法：講授法、案例法。

（6）教學過程：①導人。針對靜態網頁和動態網頁的字面意義，引導學生思考靜態網頁的“靜”和動態網頁的“動”是從網頁更新的機制方面來解釋的。②講解。靜態網頁的內容是在用戶發出請求之前就已經生成了，網頁內容相對穩定，容易被搜索引擎檢索，但不適用于更新頻繁的網站。動態網頁的內容是在用戶發出請求之后才生成，需要有數據庫的支持，便于維護和更新，但是不易被檢索。以“12306火車票售票網站”為例介紹主流動態網頁開發技術。③演示。以“12306火車票售票網站”的購票流程分析動態網頁的工作原理，將流程中的查詢動作分解為請求，數據庫訪問，響應等步驟。④分析。以瀏覽器到服務器的一次請求圖解釋購票案例，體會動態網頁在實時更新網站方面的優勢和快捷。

（7）總結：由于靜態網頁和動態網頁各有優缺點，在實際開發中應當將這兩種技術合理搭配使用，才能讓用戶有更好的上網體驗。結合微課的教學目標以及重難點知識，采用深度學習理念設計學生的自學清單。深度學習強調知識的連貫性和整體性，為了讓學生在學習中內化知識，啟發深度思考，形成知識遷移，自學清單中列出詳細的學習指南，學習任務以及針對性練習，可以貫穿課前、課中和課后，加強新知識的遷移應用。

以“靜態網頁與動態網頁”微課為例設計如下自學清單。

1）學習指南

①本節重點。靜態網頁和動態網頁的概念和特點：動態網頁的工作原理。

②學習目標。能列舉出若干動態網站的例子；能從原理上說明靜態網頁和動態網頁的區別。

③學習方法。自主閱讀教材第31～34頁；觀看微課“靜態網頁與動態網頁”：完成“學習任務”和“針對性練習”。

2）學習任務

任務1：總結靜態網頁與動態網頁的特點以及各自適用范圍。

任務2：列舉出幾個典型的靜態網站和動態網站。

任務3：根據本節課的知識畫出思維導圖。

3）針對性練習

練習1：下列是靜態網頁文件的格式。

2.3開發腳本

在教案設計的基礎上開發對應的微課腳本，腳本主要體現微課設計的想法創意，將微課的構思完整展現在視頻中。腳本詳細記錄微課的每個畫面內容，對應的講解配音，持續的時長，以保證在錄制微課時條理清晰，語言順暢，減少口誤次數，也為后期制作減少工作量。以“靜態網頁與動態網頁”微課為例設計如下腳本。

持續時長12s

配音：同學們看到這個題目會直觀地認為靜態網頁是網頁內容靜止不動，動態網頁是帶有動畫的網頁，可以這樣理解嗎？

幻燈片2

配音：在互聯網發展的早期，網站都是由靜態網頁制作而成，網頁內容由HTML（超文本標記語言）編寫而成，網頁內容（文本、圖像、聲音、超鏈接等）一旦做成，就存儲在服務器上保持不變，當我們在瀏覽器里輸入網址請求該網頁時，Web服務器不對網頁內容做任何處理，只是將其原樣發送到瀏覽器上，到客戶端下載完頁面為止，整個訪問過程就結束了。無論哪個瀏覽者，在何時，以何種方式訪問這個網頁，它的內容都保持不變，所以早期的網站主要以展示型內容為主。

幻燈片3

持續時長65s

配音：隨著互聯網的發展，人們對網站的功能需求（用戶注冊、用戶登錄、在線調查、用戶管理、訂單管理）越來越多，單純的靜態網頁已不能適應互聯網應用，于是動態網頁應運而生，開發者在原有的靜態網頁中嵌入由服務器來執行的程序代碼，這些程序會根據用戶提交的請求向數據庫讀取或寫入數據，再將讀寫數據的結果嵌入網頁中，這樣我們就能看到實時更新的信息了。

幻燈片4

持續日寸長68s

配音：以“12306火車票售票網站”為例，在點擊查詢的那一刻就是向服務器提交了一次請求，這個請求會將查詢需求（7月15日，鄭州到北京）發送到服務器上，服務器去執行嵌入網頁中的程序，程序根據接收到的出發地、到達地和出發時間等信息生成數據庫能讀懂的結構化查詢語言SQL，對數據庫里存儲的車票信息做一個全面掃描，最后將符合條件的車票信息嵌入網頁中，并發回給用戶，也就是我們所看到的車次信息列表了。

幻燈片5

持續時長50s

配音：從剛才的例子中我們可以看出，網頁能隨著車票數量的變化為我們呈現最及時的信息，這體現了動態網頁的實時性。在這個查詢的過程中服務器做了大量的工作，它要搜集信息，執行程序，讀取數據庫，生成結果，返回給用戶。所以，動態網頁是在用戶發出請求之后才生成的。而靜態網頁是在用戶發出請求之前就已經生成了。

幻燈片6

持續時長40s

配音：ASP使用VBScript腳本語言，可以將腳本語言直接嵌入HTML文檔中，不需要編譯就可以直接運行。ASP.NET是一種用于創建動態Web頁的強大的服務器端新技術，它可為WWW站點或企業內部互聯網創建動態的、可進行交互的HTML頁面。JSP頁面由HTML代碼和嵌入其中的Java代碼組成，具有良好的跨平臺性o PHP程序最初是用Perl語言編寫的簡單程序，后來經其他程序員不斷完善，于1997年發布了功能基本完善的PHP3。

幻燈片7

配音：動態網頁以數據庫技術為基礎，采用動態網頁技術的網站可以實現更多的功能，如用戶注冊、用戶登錄、在線調查、用戶管理、訂單管理等。同時，進行搜索引擎推廣時需做一定技術處理。動態網頁和靜態網頁并不矛盾，各有特點，網站采用動態網頁還是靜態網頁取決于網站的功能需求和內容多少，如果網站功能比較簡單，內容更新量不是很大，采用純靜態網頁的方式會更簡單，反之一般要采用動態網技術來實現。為了網站能夠適應搜索引擎檢索的需要，可以采用動態網站技術將網頁內容轉化為靜態網頁發布。

2.4微課錄制

微課錄制分為屏幕錄制類、課堂實錄類、動畫類以及混合類。此次研究在屏幕錄制過程中選用了錄屏軟件“講課助手+PPT”的方式，這種制作方法無需高端設備，僅為計算機及配備了耳麥和手寫板。在錄制過程中，耳麥用于錄制授課講解配音，手寫板用于在PPT上批注。圖1展示的是實驗演示型微課“DataList控件”的視頻畫面。

實錄類微課主要在錄播教室完成錄制，多臺攝像機從多個角度捕捉教師授課動作，同時根據教師行為自動切換遠景近景和屏幕畫面。這種制作方式要求教師全程出鏡，可以真實還原課堂教學場景。圖2展示了狀態管理這一節的微課視頻畫面。

動畫類錄制方式需要使用專業的3D動畫設計軟件或平面動畫軟件Flash來完成，要求設計人員精通視頻錄制技術和動畫設計技術。這類微課視頻是制作者根據微課腳本在計算機中勾勒虛擬事物來表現課堂教學中的活化模型。這種錄制方式主要用于講解原理、方法類的知識點。

混合類錄制是將前幾種錄制方式結合起來，通常需要專業采編人員錄制，在后期制作中將人像、課件、動畫合成剪輯。圖3展示的是“靜態網頁與動態網頁”微課的視頻畫面，該視頻是與影視制作公司合作開發的。

2.5后期制作

后期制作主要對所拍攝的視頻做剪輯、降噪、增加標題、制作字幕等處理，以保證微課效果。后期制作用到的軟件是“快剪輯”，將素材分別放在不同的軌道上，以時間線為基準，對視頻做剪輯處理或字幕添加操作。圖4展示的是“DataList控件”微課在“快剪輯”軟件中的制作畫面。

基于以上實踐研究，目前已完成63個微課視頻的制作，主要分為重難點精講型微課和實驗演示型微課，涵蓋ASP.NET應用開發技術的全部知識點，圖5列出了常用控件部分知識的微課視頻文件。這些微課視頻既可以單獨學習，也可以按照章節順序連續學習，為學生預習新知和鞏固復習提供支持。

3課堂應用

本課程的微課程資源在設計與開發完成后，在本科生的教學中進行了一個學期的實踐應用，教學時間是2022年2月～2022年6月，應用對象為2022級本科生。該課程的微課資源主要用于課前預習、課中內容展示、課后復習。課程建設了11個章節的知識內容，每次課前在教學平臺上發布學習指導和課后作業，學生根據教學指導下載微課視頻來學習對應的章節內容。

課堂上教師根據學生的預習情況應用不同的教學策略，根據學生的實際學習情況分成三大組，各組內部由學生自行分工合作，每組學生講解其中的一個知識點，以PPT形式展示預習成果。教師根據學生的展示效果評估對該知識點的掌握情況，小組成員在互助合作學習的過程中充分溝通，對有疑問的地方提出各自的想法。

教師在學生展示成果的同時，收集學生遇到的常見問題，對這些問題進行歸納，并在課堂上做詳細解釋，同時引導學習小組用所學知識對疑問進行解答。在整個課堂的討論活動中，學生通過交流展示能掌握本節課的所有知識點。最后，教師當堂進行檢測，發布一些拓展性題目，檢驗學生是否能將當堂課的理論知識應用在實踐中。

4應用效果

在學期末通過“麥可思教學質量平臺”向學生發布微課應用情況問卷，檢驗微課資源的應用效果。問卷主要從使用情況和學習體驗兩方面來展開調查，通過“問卷星”發放問卷，共收到問卷79份，有效79份。

4.1完成學習任務情況

從表2所列統計結果來看，大約80％的學生能非常好完成課堂學習任務，另外約18％的學能較好完成課堂學習任務，說明在微課導學教學模式中，學習任務設計的難度適中，能適應多數學生的學習能力。

4.2對知識的掌握情況

由于課程的知識點比較細碎，且抽象性和復雜性普遍困擾學生，通過微課導學模式，學生對程序設計知識掌握的情況比之前有大幅改善，在知識學習過程中的畏難情緒也普遍減少，如表3所列。

4.3微課能否滿足課前、課中、課后的學習需求

微課導學模式貫穿課前、課中、課后三個環節，課前學生根據自學清單預習，課中教師組織討論，交流核心問題的解決方案，課后布置拓展性作業，對課內知識做延伸訓練。所有學生都認為這樣的學習安排能滿足自身的學習需求，如表4所列。

4.4教學目標是否清晰

學生從自學清單中可以明確微課的教學目標，在討論環節針對本節課的重難點展開交流，從而加深對知識的理解。通常教學目標以問題求解的形式來設計，學生在解決問題的過程中逐漸接近問題真相，以達到教學目標，如表5所列。

5結束語

在計算機通識課中借助微課資源實施翻轉課堂，顛覆了傳統教學中教師講解演示、學生模仿練習的固定模式。微課將教材中的抽象知識形象地表現出來，幫助學生理解重難點，極大地提升了學生的學習興趣。同時，學生在課前預習中通過觀看微課邊學邊思考，帶著問題去探索新知識，也強化了自主學習能力。