HTML5互動網(wǎng)頁在骨髓細(xì)胞形態(tài)教學(xué)中的應(yīng)用*

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

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

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

1 骨髓細(xì)胞形態(tài)教學(xué)存在的問題

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

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

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

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

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

2 HTML5互動網(wǎng)頁在骨髓細(xì)胞形態(tài)教學(xué)中的應(yīng)用

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

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

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

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

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

3 HTML5互動網(wǎng)頁在教學(xué)中的應(yīng)用成效

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

4 HTML5互動網(wǎng)頁的優(yōu)勢

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

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

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

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

5 小 結(jié)

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