HTML5互動網頁在骨髓細胞形態教學中的應用*

林梅雙，鄧 聰,鄧小燕，魏 潔

(廣州醫科大學附屬第二醫院檢驗科，廣東廣州 510260)

臨床血液學檢驗是醫學檢驗技術的主干課程之一[1]，骨髓細胞形態教學是重點和難點[2-3]。該課程要求學生掌握正常和病理情況下的骨髓細胞形態特征，而骨髓細胞形態的內容繁多，千變萬化，抽象而空洞[4]。教師講解費時費力，學生辨識困難而枯燥[5]。面對教師難教，學生難學的困境，如何讓學生對骨髓細胞有一個理性的認識和理解，需要教師在教學過程中靈活運用教學方法與手段，增強趣味性和生動性，調動學生的積極性和主動性，以達到更好的教學效果。近幾年，結合傳統學習方式和數字化或網絡化學習(即E-learning)優勢的混合式教學逐漸成為國際教育的焦點[6-7]。基于微信平臺的HTML5互動網頁在骨髓細胞形態教學中的改革，能夠實現教師發揮引導與啟發作用，體現學生作為主體的主動性與積極性，達到線上教育與線下教育結合的混合式教學[8]。本研究小組首次將HTML5互動網頁在2014級醫學檢驗技術骨髓細胞形態教學中運用，取得了良好的成效。

1 骨髓細胞形態教學存在的問題

1.1骨髓細胞形態的內容特殊性 骨髓細胞形態是一個較為抽象的內容，理論知識包括正常骨髓細胞形態與病理情況下骨髓細胞形態，內容繁多，枯燥乏味，抽象而空洞，學生難以領會認識、理解與辨認細胞，而且還會產生混淆，時間久了會遺忘。實踐中細胞形態變化多端，與理論往往不完全吻合，學生難以辨認、比較與領會，對教師依賴大。僅僅通過顯微鏡下細胞形態學習，不僅效率低，還會使學生眼睛和身心疲勞[9]。

1.2學時壓縮，教學內容增多，實驗課減少 2012年，教育部正式將醫學檢驗專業調整為醫學技術類專業，統一學制4年[10]。本校臨床血液學課程總學時由120個改成110個，實驗課學時由60個改成52個。隨著迅猛發展的醫學科學研究與不斷涌現的研究成果，使教學內容不斷增加。教學內容增多，而學時卻減少，特別是實驗學時的減少，使學生顯微鏡下觀察細胞的機會減少了，將理論知識應用于形態學實踐的時間減少了[11]。

1.3傳統教學效率低[12]傳統的形態教學是教師先整體介紹細胞形態，然后學生顯微鏡下自己觀察，有疑問舉手提問。需要教師不斷巡視指導，不斷解答各種問題，而且許多問題是重復的，不僅增加教師的勞動強度，還降低了教學效率。學校為保證教學效率，需要配置多名教師。即使增加教師也僅僅是機械性地回答問題，無法了解學生對形態的掌握情況。雖然引進顯微數碼互動系統，教師可以適當集中共性的問題統一解答，但學時有限，回答的問題并不全面。一旦教師講解時間占太多，學生看片的時間就會減少，不利于提高學生的自主觀察辨識和獨立分析能力。

1.4共享性與互動性差[5，13-14]在有限的學時下，學生只能觀察少量骨髓片在自己顯微鏡下的圖像，無法觀察到其他同學顯微鏡下的內容。雖然使用顯微數碼互動系統，可以由教師統一播放給學生觀察，但還是無法真正實現資源共享，而且還占用了獨立思考與辨認細胞能力的時間。教師只能了解學生提問的細胞是否正確辨認，但如果學生沒有提問，就無法了解學生是否找到目標細胞，是否正確辨認形態。教師不能及時地發現并針對性地解決問題，師生之間的交流和溝通受到了限制，課堂教學質量難以保證。

面對形態學的特殊性、學時減少、教學效率低，共享性與互動性差等諸多問題，需要通過適當教學方法改革，向學生展示生動與形象的細胞形態，不斷增強信息資源的共享性與互動性，不斷拓展學生的學習時間和空間。只有創造機會讓學生去學習和鞏固細胞形態知識，才能調動學生積極性與主動性，讓學生真正融入形態學的微觀世界，提高學生自主觀察、獨立分析與創造的能力[15]。

2 HTML5互動網頁在骨髓細胞形態教學中的應用

近年來，隨著移動互聯網的發展[16]，HTML5技術逐漸成熟。微信中邀請函，產品介紹和活動宣傳網頁都是HTML5網頁作品。借助專門創作HTML5互動網頁的在線網站和APP軟件，只要選擇合適模板再插入圖片、音頻和視頻等素材，短時間內可制作出精美的HTML5互動網頁。并且作品可以通過QQ與微信等多種方式分享和傳播[17-18]。由于HTML5互動網頁具有：(1)簡單易用，制作技術門檻低；(2)豐富的互動模板和在線素材；(3)使用免費，傳播方便等優點[19-21]，已廣泛使用于教學中。本教學研究小組嘗試將HTML5互動網頁運用于骨髓細胞形態教學，取得了良好的效果。

2.1課前預習思考，課堂重點突出 教師查閱大量圖譜資料，精選出典型細胞圖片，將細胞按系統與階段進行整理和編輯，制作成生動形象、圖文并茂的HTML5互動網頁。網頁以不同專題的細胞圖像為主，插入簡潔的介紹，并附上輕音樂。分為以下6個專題：正常骨髓細胞分化演變規律、粒紅巨細胞系統、其他細胞系統、易混淆細胞系統、常見紅細胞疾病、常見白細胞疾病。采用動態方式從細胞整體和形態入手，詳細說明胞體、胞質、胞核等正常形態特點與病理特征。在相應專題內容授課前1周，通過班級微信群和朋友圈分享給學生，學生在課前通過瀏覽HTML5互動網頁進行預習與討論。在微信上提出問題，老師及時給予解答。教師在課堂上，按照教學大綱針對性講解，重點強調各細胞形態特點與鑒別要點，針對課前學生提出的典型問題，統一給予解答。

2.2學生制作網頁，教師反饋效果 實驗課與開放實驗上，同學們顯微鏡下觀察骨髓細胞形態時，通過多媒體數碼顯微互動系統[22]，將形態典型、不典型及辨認困難的細胞截圖保存，利用課余時間自己辨認，找出細胞形態特征，再與同學們一起討論觀察、分析、體會與分享。辨認困難時，通過微信請教老師。通過自我思考，同學討論，教師解答達到從抽象的感性認識升華為理性認識。最后同學們以組為單位整理典型細胞圖片，利用相關APP制作互動網頁。該網頁除了有圖片，還要對圖片進行文字描繪。通過微信提交給老師審核。老師在手機上進行瀏覽，及時通過微信溝通糾正，直到正確無誤。

2.3分享網頁作品，持續復習鞏固 同學們制作的HTML5互動網頁通過微信群與朋友圈分享學習，不同組別互相學習，并將其收藏，方便在以后的學習過程中不斷溫故知新與復習鞏固。通過朋友圈分享也可以讓更多的人學習，資源不僅局限于校內，可以讓許多兄弟院校醫學檢驗的學生，以及其他專業的學生也學習。

2.4自主在線測評，自我反思提高 老師將可以判斷學生學習能力的細胞制作成HTML5互動網頁，答案利用網頁涂擦顯示功能展示，給予學生足夠的分析、思考與判斷時間。學生可以隨時隨地測試，了解個人辨認細胞的能力，及時發現不足，有針對性地學習，直到完全掌握。

3 HTML5互動網頁在教學中的應用成效

本研究小組首次將HTML5互動網頁在2014級醫學檢驗技術167名學生的骨髓細胞形態教學中運用。在學期末，利用顯微數碼互動系統進行細胞形態考核，要求學生在30 s內寫下每一個展示細胞的名稱。學生對常見典型的骨髓細胞辨認的準確率很高，超過往年學生辨認骨髓細胞形態的能力，取得良好效果。調查問卷表明，普遍學生認為將HTML5互動網頁運用于骨髓細胞形態教學，提高了學習興趣和學習效率；有利于知識的理解和記憶；有利于空間思維的培養；提高自主學習能力；增進師生感情。

4 HTML5互動網頁的優勢

4.1提高實驗教學效率，體現教師指導示范 教師在課前通過HTML5互動網頁的方式將抽象和微觀的骨髓細胞直觀化、具體化，生動形象地展現給學生，使學生從宏觀和微觀兩個方面更好地理解和記憶細胞形態特征。學生提前預習與感知細胞，熟知課堂將要講解的內容，帶著問題聽課，提高聽課效率。課后將細胞制作成HTML5互動網頁反饋學習掌握的情況，教師及時了解學生對形態的掌握程度并加以調控。最后將優秀HTML5互動網頁作品分享，分享學習成果的同時，達到持續漸近學習。整個過程教師起指導性與示范性作用，教師通過HTML5互動網頁引導學生辨認細胞，發現學生不足，及時給予糾正。

4.2增強學生學習積極性，培養學生自主學習能力 通過一個學期的網頁制作，共收集到學生自主制作HTML5互動網頁作品64份，選出優秀作品共4個，利用教研室課程經費，給予適當獎勵，調動了學生的學習積極性與熱情。學生將優秀HTML5互動網頁骨髓細胞形態作品收藏在手機里作為骨髓細胞形態的重要學習資源。根據個人學習的需要，隨時隨地調閱反復觀察，為自主學習提供了方便、快捷和有效的條件。同時，學生還可以利用網頁中的典型細胞作為模板，與顯微鏡下所見到的難以辨認細胞進行對照比較。學生自主制作HTML5互動網頁，在激發了學生的學習熱情的同時，也培養了學生的總結和表達能力。

4.3實現師生雙向互動，增強師生積極參與 教師課前分享HTML5互動網頁作品，學生預習感知細胞，提出問題；教師課堂上針對學生提出的問題，有的放矢地講解；學生課后制作HTML5互動網頁作品提交給教師，教師及時給予反饋；最后分享優秀HTML5互動網頁作品供同學們持續學習提高。這種基于微信HTML5互動網頁的教學模式使學生與教師的交流不僅僅局限于課堂，實現了教師與學生、學生與學生之間隨時隨地的雙向或多項交流，增進了師生情誼與同學友誼。

4.4促進教學能力提高，豐富形態教學資源 教師課前制作HTML5互動網頁作品不僅需要查閱大量圖譜，還要掌握HTML5互動網頁制作方法，在不斷提高自身辨認細胞能力的同時也掌握HTML5互動網頁新技術的使用方法。在檢查學生HTML5互動網頁作品過程中，不斷發現學生易混淆的細胞，包括原始粒細胞與早幼粒細胞，早幼粒細胞與中性中幼粒細胞，原始紅細胞與早幼紅細胞，晚幼紅細胞與成熟淋巴細胞，成熟單核細胞與中性中、晚幼粒細胞，大淋巴細胞與中性中幼粒細胞，成熟漿細胞與成骨細胞，破骨細胞與顆粒型巨核細胞等。并把這些易混淆細胞制作成HTML5互動網頁作品分享給學生，提高學生區分與辨認細胞能力。通過設計、開發和觀看HTML5互動網頁，不斷積累了教學資源和方法。整個教學過程中，學生不斷反思，不斷實踐，不斷提高專業能力。將教師課前制作、教學過程中制作與學生課后制作的HTML5互動網頁作品收藏與分享，逐步豐富骨髓形態教學資源與教學內容，為醫學檢驗技術學生、其他兄弟院校醫學檢驗技術學生及其他醫學專業對骨髓形態興趣的同行提供豐富、生動、真實的骨髓形態學習資料。

5 小 結

移動終端設備在教育教學中的應用已經是一種不可避免的趨勢[23]，為教育教學帶來新的機遇和挑戰。HTML5互動網頁不僅具有多設備跨平臺性、瀏覽器兼容性等優勢[24]，其豐富的知識內容的呈現形式和互動學習活動，吸引學習者參與到學習中，享受學習的樂趣，提高學習效率，在教育教學方面有廣闊的應用前景[25]。本研究小組首次將HTML5互動網頁在醫學檢驗技術骨髓細胞形態教學中運用，取得了良好的成效。通過HTML5互動網頁將抽象、微觀的骨髓細胞形態直觀化與具體化的同時，實現了教學圖像信息資料的共享性、互動性、再現性與重復性，真正滿足骨髓細胞形態教學的各種需求，為骨髓細胞形態教學構建出了一種全新的、多維動態的教學方式。使得在有限的教學時間里，教學信息量大幅度提高，教學內容更加豐富，知識交流更加快捷，教學效率得到明顯提升。它解決了骨髓細胞形態課程抽象，教師難教，學生難學；內容多，課時少；傳統教學互動性差，共享性差，效率低等問題。以直觀、形象、生動的教學方式，實現全方位、靈活多樣的教學過程，豐富了教學手段，十分適用于骨髓細胞形態教學。這種教學方式，學習目標明確，學習方式靈活，可以通過手機或電腦隨時隨地學習，自主空間大，符合當代大學生的認知習慣，真正實現任何時間、任何地點都能學習的夢想[26]。相信未來運用HTML5互動網頁技術的課程建設必將成為教學資源建設中的新熱點。