基于微課學習的Flash動畫作品展示平臺的設計與實現

李向群，張鵬程，劉伯龍

（1.中國礦業大學計算機科學與技術學院，徐州221116；2.中國礦業大學化工學院，徐州221116）

基于微課學習的Flash動畫作品展示平臺的設計與實現

李向群1，張鵬程2，劉伯龍1

（1.中國礦業大學計算機科學與技術學院，徐州221116；2.中國礦業大學化工學院，徐州221116）

《大學計算機基礎》是非計算機專業學生的一門必修課，Flash動畫制作是其中的重要內容，其內容的實踐性與綜合性較強，單純依靠傳統的課堂教學已經無法滿足學生們對知識的需求。分析并探討Flash動畫作品展示平臺的設計思路，采用WebStorm作為開發工具實現學習平臺的設計。實踐證明，建立一個基于微課學習的Flash動畫作品展示平臺，可以提高學生自主學習的積極性并有效促進課程教學方法的改進和教學活動的創新。

微課；Flash動畫；作品展示平臺；WebStorm

0 引言

《大學計算機基礎》是我校為非計算機專業開設的計算機基礎教育必修課，學時32學時理論課+40學時上機實踐課。《大學計算機基礎》早在1998年以前就已經在我校的各個學院開設，2005年開始在全校實施分級教學，藝術體育類是其中一個教學層次。針對藝術生和體育生的專業特長和就業前景，教學大綱中安排了Flash動畫制作這部分內容，學時分配占整個課程的1/4之多。Flash動畫制作是一門靈活性、實踐性、綜合設計性很強的課程，給學生創新能力的培養提供了非常好的拓展空間。因此，單純依靠傳統的課堂教學已經無法滿足學生們對設計內容學習的需求。

2011 年，“微課”的概念在國內首次被提出[1]。微課的顯著特點如時間短、容量小、主題突出、內容精細、學習不受時間和空間的限制、更利于主動學習等備受當代學生們的青睞[2]。2012年、2013年微課也逐漸成為以胡鐵生、焦建利教授等為代表的教育學者們關注的焦點，焦建利教授認為：“微課是為教學和學習模式創新而生的，教學模式創新是根本。在線教學、混合學習和翻轉課堂之類創新的教學模式，才能真正推進以‘學習者為中心’的教學理念發展，才能穩步提升教學質量。”。因此，開發以微課學習為基礎的網絡學習平臺既是計算機基礎教育教學改革的一種趨勢，又是以“學生”為主體的教學模式與“微時代”特色相結合的教學改革的必然。

目前，我校大學計算機基礎系列課程中還沒有一個完善的關于Flash動畫制作課程的微課學習平臺。而學生要想學好Flash動畫，既要學習基本知識，又要學會鼠繪，還要學習腳本語言，在有限的學時內，要想讓學生掌握Flash動畫制作技能并做出自己的Flash動畫作品，對于學生來講是有難度的。建立一個基于微課學習的Flash動畫作品展示與學生自學平臺是我校學生自主學習的切身需求。

1 動畫作品展示平臺的設計思路

學習平臺的設計內容主要分為以下六個功能模塊：微課學習、作品欣賞、作業互評、作品上傳、資源下載和教師后臺管理模塊。

（1）微課學習模塊。微課是以闡釋某一知識點為目標，以短小精悍的在線視頻為表現形式，以學習或教學應用為目的的在線視頻教學[3]。該模塊中包含大量的Flash小動畫的教學視頻，時間大多控制在5-10分鐘，將經典的動畫制作技巧融合在不同的動畫作品中，主題突出，內容精細。微課的錄制采用了錄屏軟件，除了演示在Flash環境下的操作過程，還有教師的步驟講解。微課學習的操作畫面和聲音同步，讓學習者利用網絡平臺可以收獲實時課堂的學習效果。在學習微課的同時，平臺中有當前動畫制作的詳細文檔，學習者可以按照其中的步驟逐一實踐。

（2）作品欣賞模塊。該模塊又分為三部分內容，分別是獲獎作品欣賞、歷年學生優秀作業作品欣賞和分類作品欣賞。獲獎作品指的是在我校每年舉辦的計算機文化節-動漫作品大賽中獲獎的作品，作品的來源已不再局限于藝術學院和體育學院的學生，而是來自全校學生的共同參與，作品的主題廣泛如環境保護、我的祖國、愛與奉獻等。歷年學生作業作品是指教師每年給上課的學生布置不同主題的Flash作業，如翻譯小助手、旋轉的文字變幻、詩朗誦、探照燈、一分鐘Flash MV、睡前小故事等，教師篩選其中優秀的作品上傳到學習平臺中供大家欣賞。分類作品指的是將學生的作品按照Flash動畫制作的技巧分成四類，分別是逐幀動畫、傳統補間、補間動畫和補間形狀，這四大類涵蓋了Flash動畫制作的基本技巧，也是學生們在學習過程中必須要熟練掌握的內容。

（3）作業互評模塊。作業互評的前提是教師已經將學生提交的動畫作品初步篩選并上傳到平臺上，要求學生們根據教師提供的評分標準對作品進行打分評價，得分在一定標準之上的標記為優秀作品并成為平臺中的“作品欣賞”作品。

（4）作品上傳模塊。作品上傳是教師專屬權限，學生不能直接上傳自己的作品，但學生可以向教師提出上傳的申請，當教師審核通過了學生作品之后，學生可將作品的詳細信息如作者、作品名稱、作品意義以及作品等內容在頁面提交，作品文件必須符合標準的提交格式，教師在后臺管理模塊再次審核作品提交信息后才能完成作品的上傳。

（5）資源下載模塊。可以下載的資源包括教學大綱、學時安排與上課進度、電子課件、Flash CS6的安裝軟件、音樂裁剪軟件、視頻和音頻格式轉換軟件、動畫元件素材、動畫制作技巧文章等內容，學生可以在學習過程中下載這些重要的資源。

（6）教師后臺管理模塊。教師的后臺管理可以實現的操作是：作品查詢、作品的審核與上傳、作品下架、學生管理與教師管理。作品查詢可以實現多條件查詢，如作品名稱、作者、發布時間、點擊量等。作品的審核與上傳是學生按照規定的文檔格式上傳作品信息及作品之后，教師在后臺審核信息的真實性和作品的品質，確定無誤后點擊上傳，學生在前臺頁面就可以欣賞到最新的優秀作品。作品下架是指隨著優秀作品的不斷積累，將一些內容缺乏新意或者不屬于當前教學大綱內容的作品從前臺網頁中取消瀏覽的鏈接，但下架并不是刪除，學生在前臺看不到下架的作品，但服務器上仍然保存了該作品。學生管理主要是實現將當前教學班的學生加入合法瀏覽用戶名單，默認學生的學號為登錄號，密碼也與學號相同。同時，也可以添加、查詢、刪除學生。教師管理的對象分為普通任課教師和管理員兩種，可以添加與刪除教師，也可以將教師權限升級為管理員權限，以實現作品的上傳和下架。

2 動畫作品展示平臺的實現

基于微課學習的Flash動畫作品展示平臺，依托于中國礦業大學服務器云，利用學校的云計算資源為教學服務。系統內嵌FTP服務器，管理員可以方便有效地上傳分享文件，Flash素材、制作工具、優秀作品等都可以通過訪問網站素材下載板塊進行下載。系統采用B/S設計模式，這使得系統具有跨平臺展示的能力，Linux，Windows，Mac OS等系統，借助瀏覽器均能獲得統一的展示。同時平臺擁有高效的擴展性，管理員僅僅需要在服務器上對系統進行升級，客戶端便可以獲得最新應用。系統設計工具采用的是WebStorm，WebStorm具有優秀的代碼提示功能與代碼跟蹤功能[4]，與Google瀏覽器搭配方便開發人員進行調試。頁面采用HTML5+ CSS3美化，借助HTML5的語義化標簽，編寫易于理解的代碼如定義header、main和footer分別代表頁眉，正文，頁腳；借助CSS3可以編寫出優美的過渡效果，文字陰影，懸浮特效。圖片的加載全部采用AJAX異步獲取，并進行事件回調處理，完美解決傳統加載方式遇到圖片獲取失敗時影響網頁整體布局與美觀度的問題，同時可以對圖片顯示效果進行處理如飛入與飛出、百葉窗、旋轉放大等特效；對于CSS、JS等靜態資源的加載采用CDN云加速技術，多站點響應，可靠性高，就近獲取等優點，大大提高網站健康程度與用戶體驗。

該系統將教學資源分為可視化資源與非可視化資源，可視化資源如SWF格式的動畫、微課視頻、動畫制作步驟文檔等，借助HTML豐富的排版能力對其進行美化，使用后可以直接在瀏覽器中瀏覽。可視化資源主要用來輔助課堂教學，幫助學生課下的自主學習；對于非可視化資源如可下載的Flash安裝軟件、動畫素材、電子課件等，借助FTP服務對用戶開放下載。這些非可視化的資源主要用于課程的教學實踐，學生在實驗課環節將課堂內容結合多樣化的素材，再根據教師的作業安排設計出具有創造力的動畫作品。

3 微課學習平臺的實現

微課學習平臺基于響應式布局框架，利用新一代瀏覽器媒體查詢API對用戶的設備尺寸進行查詢，然后將顯示系統分為大型（PC端，大于960px），中型（平板，大于760px），小型（手機，小于760px），這些數據來自于Twitter對用戶數據進行分析得到的最佳實踐。該框架的優勢在于只需要編寫一套顯示系統，而其他顯示系統將由程序自動生成。同時該平臺利用客戶端與服務器協同開發模式，打破了瀏覽器僅僅用來顯示網頁的傳統觀念。雙端MVC的設計理念使得程序的設計向客戶端傾斜，對于數據密集型的功能在考慮安全性的同時，由客戶端承擔數據的獲取、數據的處理、模板的生成、視圖的生成、視圖的展示等，充分利用用戶富裕的計算資源，分擔服務器的計算壓力，由于縮減了數據來回傳遞的次數，使得響應速度大大提高。

微課學習平臺同時將優秀作品的制作步驟以文檔的形式展示出來，為學生邊學習邊實踐提供了有效的視頻和文檔指導。教師在每個主題的微課視頻最后發布本次主題的設計任務，讓學生提前預習，作品完成后提交至系統后臺，由管理員統一審核與發布。學生可以在同類作品的對比中發現作品的優勢與不足，取長補短，由此來提高學生的整體設計水平。

4 結語

基于微課學習的Flash動畫作品展示平臺結合當前網絡資源豐富、手機智能化和普及化的時代特點，極大的激發了學生自主學習的積極性，促進了非計算機專業的《大學計算機基礎》課程教學方法的改進和教學活動的創新，讓學生在實踐中驗證理論的有效性，使抽象的理論內容內涵深化、外延擴展[5]。與此同時，我校每年都會組織大學生計算機文化節等計算機應用技能的比賽，其中，動畫制作便是其中的一項。同時，江蘇省以及全國也都會開展相應的動畫作品大賽。因此，建立基于微課學習的動畫作品展示平臺，可以鼓勵更多對動畫制作有興趣并且有特長的優秀學生上傳自己的作品，這既是為參加校級、省級、全國動漫大賽進行的作品儲備，又是學生們之間在數字網絡平臺互相交流和學習的途徑。

[1]胡鐵生.“微課”：區域教育信息資源發展的新趨勢[J].中國電化教育,2011(10):61-65.

[2]胡鐵生,周曉清.高校微課建設的現狀分析與發展對策研究[J].現代教育技術,2014(2):5-13.

[3]焦建利.微課與翻轉課堂中的學習活動設計[J].中國教育信息化,2014(24):4-6.

[4]百度百科

[5]王賦騰,孫曉榮,劉翠玲.示范課程網站與微課學習平臺的設計與實現[J].教育教學論壇,2016(12):237-238.

[6]季益龍,張閃閃,趙俞凌.基于微課程的自主學習系統設計與實現[J].國教育信息化,2015(21):88-91.

Design and Im p lementation of Flash Anim ation Works Exhibition Platform Based on M icro-Course Learning

LIXiang-qun1，ZHANG Peng-cheng2，LIU Bai-long1

（1.Department of Computer Science,China University of Mining and Technology,Xuzhou 221116；2.School of Chem ical Engineering,China University of Mining and Technology,Xuzhou 221116）

University Computer Basis course is required for non-computer majors,Flash animation design is one of the important content full of practical and comprehensive,relies only on traditional classroom teaching has been unable tomeet the students'demand for knowledge. With the arrival of the era ofm icro,the micro-course become the mainstream channels of students'autonomous learning,analyzes the idea of design the Flash animation display platform,usesWebStorm as a tool to realize the design of E-learning platform.Practice has proved that the establishment of amicro-course learning based Flash animation display platform,can improve students'autonomous learning initiative and effective promotion of curriculum teachingmethods and innovation of teaching activities.

Micro-Course;Flash Animation;Works Exhibition Platform;WebStorm

1007-1423（2017）03-0022-04

10.3969/j.issn.1007-1423.2017.03.006

李向群（1973-），女，山東省濟南人，博士，副教授，研究方向為計算機應用

2016-11-29

2017-01-15

中國礦業大學課程建設與教學改革項目（No.2015JC02）

張鵬程（1996-），男，江蘇徐州人，在讀本科，研究方向為Web應用

劉佰龍（1983-），男，江蘇徐州人，博士，講師，研究方向為智能機器人