培養學生實踐創新能力的項目化教學設計

摘"要：項目化教學以任務驅動的方式讓學生在學習和探究中掌握知識技能，進而實現實踐創新能力的提升。學生在學期初對課程的理論知識的學習相對較少，因此，項目的設計就顯得尤為重要，既不能脫離項目實踐本身，也不能讓學生在項目實踐中喪失學習的興趣。選擇目前較為熟知的電子商務平臺進行模仿，根據學生的學情進行項目化教學設計，通過簡單的代碼展示，引導學生不斷探索新方法，讓學生在項目實踐過程中不斷地完善內容，一步步向該電商平臺效果靠攏，最終能夠憑借現階段的知識搭建出較為滿意的電商平臺，達到培養學生創新能力與綜合素質的目的。

關鍵詞：項目化；創新能力；教學設計；實踐教學；電商平臺

中圖分類號：TP37文獻標識碼：A

Abstract：Projectbased"teaching"enables"students"to"master"knowledge"and"skills"in"learning"and"exploration"in"a"taskdriven"way，thus"achieving"the"improvement"of"practical"innovation"ability.At"the"beginning"of"the"semester，students"learn"relatively"little"theoretical"knowledge"of"the"course，so"the"design"of"the"project"is"particularly"important，which"can"not"be"separated"from"the"project"practice"itself，nor"can"students"lose"their"interest"in"learning"in"the"project"practice.Choose"the"currently"familiar"ecommerce"platform"for"imitation，carry"out"projectbased"teaching"design"according"to"students'"learning"situation，and"guide"students"to"constantly"explore"new"methods"through"simple"code"display，so"that"students"can"constantly"improve"the"content"in"the"process"of"project"practice，step"by"step"closer"to"the"effect"of"this"ecommerce"platform，and"finally"build"a"more"satisfactory"ecommerce"platform"with"current"knowledge.To"achieve"the"purpose"of"cultivating"students'"innovative"ability"and"comprehensive"quality.

Keywords：Projectbased；Innovation"ability；Teaching"design；Practical"teaching；Ecommerce"website

1"研究背景

項目化教學以任務驅動的方式能夠讓學生在學習和探究中掌握知識技能，實現實踐創新能力的提升，有助于學生職業能力的遷移，并且已有非常多的應用成果。Brievac"Mislav"P與urkovic＇"Damir［1］將項目教學引入相關課程，以情境學習和學生發展的模式作為實施的模板進行案例應用，提出理論意義與研究不足。D.Erdil［2］將項目教學引入課程，從而提升課程質量。張健慧［3］以深度學習為理論依據進行項目設計，旨在培養學生高階思維及知識遷移等能力。韓佳穎［4］在創新創業研究領域中以OBE理念為依據進行項目教學設計，旨在培養學生創新能力與綜合素質。云大維［5］以CDIO理念為依據設計計算機教學模式，培養學生創新能力與學習積極性。因此，項目化教學的出現為培養學生實踐創新能力提供了新思路，是一種符合當前教學改革理念的教學方式。項目化教學以任務驅動的方式讓學習者在學習探究中完成知識技能的掌握，實現各方面能力的提升，未來把先進的信息技術融合到項目化教學中以提高教學效果，也是必不可少的一個發展舉措。

2"研究內容

本文選擇實踐性較強的“電商視覺營銷設計”課程作為基礎，進行項目化教學實踐設計，在實踐鍛煉中培養學生的創新能力。本校“電商視覺營銷設計”課程旨在培養學生對電子商務平臺等相關頁面的構思、創造以及實施，產品開發并沒有唯一的標準答案，非常考驗學生的實踐創新能力，學生可以根據各自的想法進行創作。

2.1"項目的選取

旅游類專業學生對技術應用類課程相對比較畏懼，如智慧旅游技術應用等相關專業，課程學習壓力相對較大，缺乏創造力。因此，如何在保證學生學到知識的前提下，更能創造出更好的產品，是本門課程最大的挑戰。

學習初期，學生學習了一些網頁前端知識，在實際教學過程中發現學生興趣較大，學習難度在可接受的范圍內，那么如何能夠選擇適合的項目，既能鞏固學生知識，又能提升學生興趣和創造力，是任課教師需要研究的重要內容。因此，本次項目化教學一般選擇目前較為熟知的電子商務購物平臺，選取較為簡單的“登錄”頁來進行教學實踐。

2.2"項目的實施

2.2.1"任務發布

為了讓學生提前了解本門課程的任務安排，在學期初，可以讓學生加入“智慧職教”中的資源庫，該平臺可為本門課程資源的上傳、存儲、傳播、運行、應用、維護和更新等提供多方便利服務，如圖1所示。

通過資源庫內容的瀏覽，學生可以提前了解到本門課程的知識結構、任務安排等全部信息，課前任何時段都可提前學習、熟悉任務。在臨近上課前，可通過智慧職教開啟SPOC教學，在課前發布本節課的上課任務，課堂上需要完成的任務，以及課后任務等，如圖2所示。

2.2.2"任務分析

根據教學課時量安排，本次課程應在4個課時，約160分鐘內完成，由于學生剛剛接觸本門課程，基礎知識相對薄弱，盡可能地讓學生在已有知識的基礎上進行項目的實現。一般的“登錄”頁面，可大致劃分為上、中、下三個區域，最上面的區域內容較為簡單，一般為平臺Logo和文字等，緊接著會有一些提示信息；中間部分是最為重要的內容，有登錄表單，需要學生精心設計和思考頁面結構；最下面區域一般是一些文字信息。

2.2.3"任務實施

2.2.3.1"上面區域的實施

首先對上面區域實施，內容基本上包括平臺Logo和文字以及一些提示信息。需要對該區域進行布局，因為是學習初期，還沒有學到太多的理論知識，但已經學習過＜table＞標簽的布局方法，所以在該區域合理應用便能得到大致效果，簡要設計一個，展示代碼如下：

＜table＞

＜tr＞

＜td"width=\"200px\"＞＜/td＞

＜td＞＜img"src=\"logo.png\"/＞＜/font＞＜/td＞

＜td＞＜font"size=\"5\"＞＜p＞"；"；"；"；歡迎登錄＜/p＞＜/td＞

＜td"width=\"600px\"＞＜/td＞

＜td＞＜a"href=\"#\"＞登錄頁面，調查問卷＜/a＞＜/td＞

＜/tr＞

＜/table＞

＜table"bgcolor=\"#FAF0E6\""height=\"40px\""width=\"100%\"＞

＜tr"align=\"center\"＞

＜td＞依據《網絡安全法》，為保障您的賬戶安全和正常使用，請盡快完成

手機號驗證！＜/td＞

＜/tr＞

＜/table＞

通過兩個＜table＞來分別布局，這樣便能夠很好地對上面兩個區域的內容布局，而不至于兩個區域互相干擾。但布局成功后，對比現有電子商務平臺，也會發現一些問題，如我們的字體效果和大多數電子商務平臺頁面是有一定差距的，“登錄頁面，調查問卷”超鏈接的風格和原網頁也是不一樣的，如何能夠改進，不斷接近原網頁，是每個學生思索、探究、實踐，進而創新的關鍵，答案不唯一。

2.2.3.2"中間區域的實施

中間區域的內容是整個頁面的重點內容，相對比較復雜，一般可以認為背景是整個圖片，右邊一塊區域是一個表單，但是通常情況下我們得不到整個圖片，所以課堂上只能分區域進行制作。左邊區域可以看作是一個圖片，右邊區域看作是一個表單，通過表格標簽＜table＞進行布局，至少需要一行兩列，簡要設計一個，展示代碼如下：

＜table"bgcolor=\"red\""height=\"500px\""width=\"100%\"＞

＜tr＞

＜td"width=\"260px\"＞＜/td＞

＜td＞＜img"src=\"p1.png\""height=\"500px\"＞＜/td＞

＜td＞

＜table"bgcolor=\"white\""height=\"300px\""width=\"300px\"＞

＜tr＞＜td＞"＜form＞

＜p＞密碼登錄"；"；"；"；短信登錄＜/p＞

＜p＞"＜input/＞"＜/p＞

＜p＞"＜input"type=\"password\"/＞"＜/p＞

＜p＞＜input"type=\"submit\""value=\"登錄\"/＞＜/p＞

＜/form＞"＜/td＞"＜/tr＞

＜/table＞

＜/td＞

＜td"width=\"175px\"＞＜/td＞

＜/tr＞

＜/table＞

通過＜table＞的嵌套，能夠對整個頁面進行大致的布局，但是對比大多數網頁，差距還是非常大的。首先，由于得不到原網頁的背景圖，所以在實踐過程中，先給表格增加一個背景色，然后在左邊單元格中插圖一張從原網頁中截取下來的圖片，但是這項操作就顯得背景和單元格內容極其不協調，可引導學生觀察，思考在得不到原圖的情況下，如何才能盡可能地把背景和單元格內容進行融合；其次，再分析表單區域，除背景外，不僅僅是一個簡單的表單，還有很多細節的內容需要完善，如表單中按鈕的風格等，需要改進的點太多，需要學生不斷發揮創造力，完善頁面效果。

2.2.3.3"下面區域的實施

有了前面的基礎，再去完成頁面下方區域的內容就顯得比較簡單了，所以這部分內容不作為課堂上的教學任務，而是放在課后實施。分析發現這塊區域通常只需要一個＜table＞便能夠實現效果，采用多行多列的形式進行布局，有時候不僅僅有文字內容，文字和文字之間可能還會多了一些豎線進行分割，最簡單的方法便是把豎線截下來作為一張圖片插入單元格中，增加列數即可；如果只有一段居中文字，那么只需要合并單元格，然后把文字居中放在一個單元格中便能夠實現效果。這塊區域不進行代碼的展示，學生可根據自己的理解去編寫代碼，在已有的理論知識基礎上，不斷地創新，盡可能地接近選取的原網頁，達到實踐效果，將最后的實現效果上傳到智慧職教平臺。

結語

項目化教學能夠讓學生在學習完理論知識后，立馬進行實踐鍛煉，在實踐過程中不斷對標找差距。在課堂教學初期，利用現有的知識進行電子商務平臺的搭建并不能夠完全實現原網頁的效果，這時候就要對項目進行分析、實踐、創新，逐步引導學生不斷探索新知識，根據每個人的不同想法去創新新方法，使網頁不斷與原網頁接近，最終達到培養學生創新能力與綜合素質的目的。

參考文獻：

［1］Brievac"Mislav，Purkovic＇"Damir.Application"of"projectbased"learning"in"the"teaching"of"Technical"Culture［J］.Politehnika；Cˇasopis"za"tehnicˇki"odgoj"i"obrazovanje，2020，4（2）.

［2］D.Erdil.A"ProjectBased"Learning"Approach"to"Teaching"Computer"Architecture［J］.EAI"Endorsed"Transactions"on"eLearning，2020，6（19）.

［3］張健慧，李艷梅.基于深度學習的項目式實驗教學——以“高品質的發酵產品制作”為例［J］.生物學教學，2020，45（10）：5456.

［4］韓佳穎，張墨貴.基于OBE理念的創新創業項目教學模式研究［J］.實驗技術與管理，2020，37（02）：209211.

［5］云大維，鄭兵.基于CDIO理念的大學計算機教學——評《大學計算機基礎：基于CDIO項目教學》［J］.中國科技論文，2021，16（04）：471.

基金項目：江蘇省第六期“333人才”青年人才資助項目“雙智驅動下的智慧旅游技術應用專業項目化課程體系建構研究”；江蘇省職業教育智慧旅游技術應用“雙師型”名師工作室項目；江蘇高校哲學社會科學重點研究基地建設子項目（2020YJJD004）；南京旅游職業學院教育教學改革研究課題（2022XJY010）；南京旅游職業學院“課程思政”示范課程建設項目（2022KCSZ07）

*通訊作者：耿海（1988—"），男，漢族，江蘇南京人，研究生，講師，研究方向為智慧旅游、電子商務。