基于H5的移動端《臨床檢驗基礎》在線考試教學資源的開發*

陳 波,黃海櫻,周 強,冀天星,林 楨,陳靖楠

廣州醫科大學附屬第二醫院檢驗科,廣東廣州 510260

目前,網絡考試課程是我國高校教師在信息技術研究和教學綜合實施過程中較常使用的網絡教育資源。目前對于考試課程的教學內容設計、教學資源研發,以及使用模式等的研討也越來越多。而近年,由于支持移動設備的教學平臺逐漸增多,以微信為代表的通信及社交平臺也進入了移動教學資源研發平臺的主體行列,提供給學習者在手機、平板上掃碼閱讀、學習和應試的另一種教學資源。而基于微信等公共平臺所研發的考試教育資源也觸手可及。可見,移動考試教育資源的研發已備受教師們的重視,如何應用這類資源也是值得教師們研究的課題。而第5代超文本標記語言(H5)作為近年來新興的技術,也有不少將其運用到考試教育資源研發的例子,其作為考試課件制作的優勢明顯。H5不但可以較好地呈現課程,還極易共享與傳輸,學生能夠很輕易地在不同的設備上學習。其可以通過信息反饋,很好地與教師們交流,而不受時間約束。可以設想,通過H5課程,教師的課程將不止局限于自己的學校,還可以被更多學習者利用,從而發揮了教學的最大效果。高速5G網絡技術的普及和大互聯網時代讓H5在計算機與手機上均可應用。本研究基于某H5在線制作平臺,研究了《臨床檢驗基礎》多媒體教學資源的考試平臺的制作過程,結合H5移動端《臨床檢驗基礎》網絡考試教學資源課件的研發實際,研究了H5移動客戶端多媒體資料的制作要點,希望可以為同類研究提供參照和借鑒。

通過H5的設計程序,教師們不但可以創作出課件、在課堂中的運用涉及課堂教學內容的頁面,還可以發布H5手機網頁版本的《臨床檢驗基礎》的考試教學資源。使用H5制作軟件進行網絡問答也是一個非常普遍的互動形式,通過制作一個簡單好玩、有豐富內涵的問答游戲,達到對《臨床檢驗基礎》中知識點的梳理的目的,從而激發學習者的興趣,這也正是答題型H5之所以易于普及的原因。H5的設計、開發分原生開發和借助第三方開發兩種類型,若教師不是專業出身,建議選擇比較成熟的開發工具,如人人秀、易企秀、兔展、微頁等。以人人秀為例,H5移動端《臨床檢驗基礎》在線考試教學資源的開發制作步驟如下。

1 選題范圍

在選擇前,先要確定該H5網頁的題材與用途,再確定關于該題材的知識點是否可以使用H5頁面展示。《臨床檢驗基礎》在線考試教學資源的多媒體課件既能夠在課堂教學,又能用于學生課后自主學習。《臨床檢驗基礎》作為臨床檢測方法中最為關鍵的科目,因為受測試儀器和條件的制約,無法形象、清晰地展示與反映教學內容,不利于學生對基礎知識的學習和掌握。

2 頁面設計

在設計環節中,首先要根據H5網頁對《臨床檢驗基礎》的主題和知識點進行教學內容設計。教材設計中應當同時明確教學內容及所需要的多媒體資料,以利于圖文與視、音頻素材的收集和整合,還要同時體現計劃使用的教學方法和教學過程,這影響到H5網頁的基本架構與功能。之后,必須進行網頁架構與功能設計,以確定此H5作品的網頁構成、各網頁的主要功能、網頁之間的切換方法與所使用的這些媒體資源與動畫效果,以及如何包含可輸入文本框與按鈕等用于互動的功能元素。其主要實現功能:(1)顯示已參與人數;(2)開始答題按鈕;(3)排行榜(查看自己的答題水平和層次);(4)答題記錄(便于鞏固與復習)。

3 頁面結構與功能設計

本課件《臨床檢驗基礎》在線考試教學資源的教學目標是對專業學習內容或者實驗原理知識進行鞏固,達到溫故而知新的效果。該教學資源具有制作界面功能強大(包括問題類型選擇、問題積分設定、答題解釋、支持重復答題、答題后獎勵、成績排行和答案分享)、平臺學生資料信息全監測等優點。本例把H5課件分為4個頁面:第1頁為在線考試主界面,讓學生一目了然,并增加二維碼,學生進行掃碼后進入考試,頁面可顯示參與測試人數、排行榜和測試記錄;第2頁用于考題題目選項;第3頁為排行榜,查看自己的答題水平和層次;第4頁用于考題分析與講解,如測試用時、分數和錯誤的題數。特別值得一提的是,在選擇與設計問題上,教師應該充分考慮學習者的知識特征和需要,對關鍵點、難題、疑點、易誤點、易弄混淆點、難考點、熱門話題、延伸點等重點內容進行選擇,但選題范圍不能太大,還需注意左右章節的連貫[1]。產品設計需簡單明快、功能齊全,除了具備較好的互動性之外,還應兼顧直觀性、使用簡單等優點。

4 制 作

4.1注冊人人秀賬戶 登錄人人秀官網首頁(https://h5.rrx.cn/),通過輸入用戶名和手機號碼進行驗證注冊,也可以直接使用微信和QQ進行快速注冊。人人秀賬戶分個人賬戶和企業賬戶,企業賬戶還分免費版和付費版,付費版會提供更多的高級功能服務。但對于教師制作H5教學課件而言,使用免費版已經足夠了。

4.2創建一個制作場景 人人秀中的場景相當于一個PPT課件,創建一個場景就是制作一個課件的開始。與制作課件的軟件一樣,人人秀也提供了很多現成的、不同類別的場景模板供選擇,可以選擇答題模板快速制作。

4.3制作工具選擇和素材準備 可以制作這些動畫和動作的H5創作軟件有很多,H5在線創作系統便是其中一個。創作時需查閱題庫和其他圖片素材。素材來源主要為可以自己下載透明背景的PNG格式的照片。另外,還可以通過系統中自帶的畫圖軟件制作符合要求的素材,圖片使用前需要上傳人人秀官網方可使用[2]。

4.4開始制作H5課件 軟件經過不斷完善改進,場景的制作工作臺已經比較成熟和方便。制作工作臺的中間為效果展示,右側欄為快捷剪輯操作工具,頂部左邊的元素條可嵌入文字、文章、背景、歌曲、視頻、圖像、形狀、圖集、互動、表單和特效等元素,右側是場景頁面,頁面名稱允許自定義,順序可以自由互換移動[3]。

4.4.1插入背景和圖片 圖片是H5場景制作過程中的重要素材,圖片類型分背景圖片、素材圖片和圖集圖片等。人人秀的圖片素材也和場景模板一樣,有很多現成的圖片庫供選擇,種類非常豐富。

4.4.2插入文本 在H5頁面插入文本的原理和方法與在WORD文檔插入文本框的方式基本類似,操作也是簡單易懂,插入的文本可以使用鼠標和方向鍵調整位置,也可以調整存放的層次,其主要用于制作一些考試情況說明。

4.4.3插入音樂和視頻 背景音樂可起到舒緩情緒的作用。這里介紹的音樂是指打開H5課件后的背景音樂。同樣的,人人秀也有一個音樂素材庫供選擇。除了這種方式,還可以通過本地上傳(不超過4 M)和添加音樂網址的方式插入音樂。

4.4.4插入考試表單組件 表單也是在H5軟件中進行數據互動的重要元素。目前人人秀提供的表單組件主要有輸入框、單選、多選、評分等,這些模塊均能夠轉換為教材上不同的教學內容,進行不同主題的課堂交流。不管使用什么類型的表單組件,都需要添加一個提交按鈕用于上傳用戶所選擇或輸入的信息。人人秀為每一個表單組件都保留了數據匯總功能,制作者可以在后臺實時看到用戶提交的數據及考試情況;還可以將這些數據導出Excel文件中進行統計與分析。頁面包括基本設置(包括活動名稱、時間、活動規則)、題目設置(包括添加題目、批量導入、清空題目,提交到題庫,已有題庫等對題庫的系列操作)、高級設置(包括活動設置、每次出題題目數、開機答案隨機、顯示答題卡、顯示總排行榜、顯示成績和合格成績分數選項)和樣式設置(包括封面、背景、開始答題按鈕樣式和題目選項樣式)。另外,題庫的操作界面有不同內容題庫,包括選擇題、判斷題、填空題、排序題和簡答題等。還可設置答題的分數、排序及類型;答案提供文字解析和視頻解析。

5 H5課件發布推廣

以H5方式制作《臨床檢驗基礎》等專業內容在線考試課件完成后,可以進行簡單預覽和多次調試,先單擊保存,再單擊發布功能即可預覽最后的效果,最后發到H5平臺上,平臺便會生成含二維碼和網址鏈接的H5作品。人人秀提供了多種方式的分享途徑,創作者可以借助移動互聯網發揮巨大的傳播功能,可將二維碼或鏈接通過微信、QQ、論壇、貼吧等社會化媒介加以宣傳和共享,學習者們便可在不同端口上通過點擊鏈接或掃描二維碼等形式獲得H5課件,從而進行隨時隨地地互動學習與測評[4]。預覽后若需要修改,可以點擊“編輯”按鈕繼續制作、添加或刪改內容。本研究重在如何將H5技術與移動端在線考試教學資源兩者緊密結合,以檢驗醫學《臨床檢驗基礎》課程專業內容在線考試課件的開發為例,總結出應用H5技術移動端制作在線考試教學資源的經驗,與同道進行分享,促進《臨床檢驗基礎》課程的學與考,提升教學的質量。

總之,H5的教學應用是為了在傳統教學的基礎上,更好地發揮計算機、手機與互聯網教學的優勢,加快《臨床檢驗基礎》課程教學多元化進程[5-8]。基于H5技術的網絡教育資源具有廣泛的普及性和實用性,是一種新的教學模式,有力地促進教學改革實踐[9-10]。