基于H5的移動(dòng)端《臨床檢驗(yàn)基礎(chǔ)》在線考試教學(xué)資源的開發(fā)*

陳 波,黃海櫻,周 強(qiáng),冀天星,林 楨,陳靖楠

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

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

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

1 選題范圍

在選擇前,先要確定該H5網(wǎng)頁的題材與用途,再確定關(guān)于該題材的知識(shí)點(diǎn)是否可以使用H5頁面展示。《臨床檢驗(yàn)基礎(chǔ)》在線考試教學(xué)資源的多媒體課件既能夠在課堂教學(xué),又能用于學(xué)生課后自主學(xué)習(xí)?！杜R床檢驗(yàn)基礎(chǔ)》作為臨床檢測(cè)方法中最為關(guān)鍵的科目,因?yàn)槭軠y(cè)試儀器和條件的制約,無法形象、清晰地展示與反映教學(xué)內(nèi)容,不利于學(xué)生對(duì)基礎(chǔ)知識(shí)的學(xué)習(xí)和掌握。

2 頁面設(shè)計(jì)

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

3 頁面結(jié)構(gòu)與功能設(shè)計(jì)

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

4 制 作

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

4.2創(chuàng)建一個(gè)制作場(chǎng)景 人人秀中的場(chǎng)景相當(dāng)于一個(gè)PPT課件,創(chuàng)建一個(gè)場(chǎng)景就是制作一個(gè)課件的開始。與制作課件的軟件一樣,人人秀也提供了很多現(xiàn)成的、不同類別的場(chǎng)景模板供選擇,可以選擇答題模板快速制作。

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

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

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

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

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

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

5 H5課件發(fā)布推廣

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

總之,H5的教學(xué)應(yīng)用是為了在傳統(tǒng)教學(xué)的基礎(chǔ)上,更好地發(fā)揮計(jì)算機(jī)、手機(jī)與互聯(lián)網(wǎng)教學(xué)的優(yōu)勢(shì),加快《臨床檢驗(yàn)基礎(chǔ)》課程教學(xué)多元化進(jìn)程[5-8]。基于H5技術(shù)的網(wǎng)絡(luò)教育資源具有廣泛的普及性和實(shí)用性,是一種新的教學(xué)模式,有力地促進(jìn)教學(xué)改革實(shí)踐[9-10]。