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互动网页技术的课程建设必将成为教学资源建设中的新热点。