倪改玲，王會(huì)霞，鄒 超，單煜景

江蘇第二師范學(xué)院教育科學(xué)學(xué)院， 南京 210013

中國醫(yī)學(xué)科學(xué)院阜外醫(yī)院的調(diào)查結(jié)果顯示,中國心臟性猝死(sudden cardiac death，SCD)的發(fā)病率為每年41.84/10萬。以13億人口推算,中國每年發(fā)生SCD的人數(shù)約為54.4萬例,位居全球之首[1]。當(dāng)患者出現(xiàn)突發(fā)性疾病時(shí)，是否可以在最短的時(shí)間內(nèi)獲得有效的幫助顯得尤為重要，這會(huì)在很大程度上決定患者的生命安全。因此，急救業(yè)務(wù)的發(fā)展和日常急救知識的普及是非常有必要的。為了更好地宣傳急救知識，文章使用微信官方的微信開發(fā)者工具，結(jié)合JavaScript語言和WXML語言，設(shè)計(jì)制作一款供學(xué)習(xí)急救知識的小程序，并對心臟復(fù)蘇這一知識點(diǎn)進(jìn)行真人演示操作，以達(dá)到充分利用學(xué)習(xí)者視覺和聽覺獲取操作要點(diǎn)，使用戶面對突發(fā)狀況時(shí)可以做到“能救、會(huì)救和敢救”。

1 “急救課堂”微信小程序設(shè)計(jì)

1.1 結(jié)構(gòu)設(shè)計(jì)

急救課堂微信小程序結(jié)構(gòu)設(shè)計(jì)包括學(xué)習(xí)資源分析、建立急救知識學(xué)習(xí)資源庫、急救知識微信小程序的功能模塊設(shè)計(jì)三部分(如圖1所示)。

圖1 小程序設(shè)計(jì)結(jié)構(gòu)

學(xué)習(xí)資源分析包括結(jié)構(gòu)分析和內(nèi)容分析。在結(jié)構(gòu)方面，需要明確微信小程序的學(xué)習(xí)模塊如何劃分，每一個(gè)模塊安排哪些學(xué)習(xí)資源；在內(nèi)容方面，將急救知識分為基礎(chǔ)型知識和應(yīng)用型知識，根據(jù)學(xué)習(xí)者的特點(diǎn)將兩種類型的知識以不同的方式呈現(xiàn)出來。

建立急救知識學(xué)習(xí)資源庫，實(shí)現(xiàn)學(xué)習(xí)資源共享。知識點(diǎn)分為急救知識和急救手法，這些資源以文字、圖片和視頻的形式呈現(xiàn)。在建立學(xué)習(xí)資源庫時(shí)還應(yīng)該注意將每個(gè)知識點(diǎn)進(jìn)行標(biāo)簽化處理，以便學(xué)習(xí)者快捷地通過標(biāo)簽進(jìn)行資源檢索，從而提高學(xué)習(xí)者的效率。

急救課堂微信小程序的功能模塊設(shè)計(jì)包括“首頁、急救知識、知識闖關(guān)、我的”四個(gè)部分，可以實(shí)現(xiàn)學(xué)習(xí)資源分享、關(guān)鍵詞檢索、一對一答疑等功能。

1.2 內(nèi)容設(shè)計(jì)

小程序在內(nèi)容方面的設(shè)計(jì)理念是簡潔、通俗、易懂，使學(xué)習(xí)者快速掌握正確的急救知識，積極開展現(xiàn)場自救互救，減少不必要的損失。而在日常生活中，一旦發(fā)生意外人身事故，不少人往往因缺乏急救知識，親屬或周圍群眾不能先行妥善處理，而失去搶救的最佳時(shí)機(jī)。為了使人們可以應(yīng)對這一突發(fā)情況,要加強(qiáng)對醫(yī)療急救知識的宣傳[2]。

小程序有理論知識與救護(hù)技能實(shí)際操作，其中包括救護(hù)新概念、創(chuàng)傷救護(hù)、心肺復(fù)蘇和意外傷害防護(hù)等四個(gè)方面，具體如圖2所示。為了方便學(xué)習(xí)者快速檢索，小程序?qū)茸o(hù)的四個(gè)方面進(jìn)行了標(biāo)簽化處理，并劃分到人體的頭顱，軀干和四肢三個(gè)部位。例如：頭顱部位包含腦血栓、異物入眼、耳鼻喉的異物堵塞、流鼻血等4項(xiàng)；軀干部位包含燒燙傷、中暑、哮喘、心梗、心肺復(fù)蘇等10項(xiàng)；四肢部位包括關(guān)節(jié)扭傷、抽筋、骨折固定、外傷包扎等4項(xiàng)。

圖2 內(nèi)容設(shè)計(jì)

微信小程序平臺(tái)支持文本、圖片、視頻和語音等格式[3]，在設(shè)計(jì)的過程中文本應(yīng)該考慮到學(xué)習(xí)者碎片閱讀的特點(diǎn)：首先，通過瀏覽一個(gè)信息，學(xué)生能夠完成一個(gè)較為完整的概念學(xué)習(xí)，因此微信小程序上的知識點(diǎn)應(yīng)該具有小的模塊化特點(diǎn)；其次，知識要有相關(guān)性，才能方便讀者進(jìn)行分類查找，高效學(xué)習(xí)：基于此，設(shè)計(jì)者對急救知識的學(xué)習(xí)資源進(jìn)行了再次加工，將基礎(chǔ)型知識按標(biāo)簽化的方式進(jìn)行了分類，對于該類消息將以圖文結(jié)合的方式來呈現(xiàn)；將難以理解且操作步驟過多的應(yīng)用型知識以視頻的方式來呈現(xiàn)：最終以調(diào)動(dòng)學(xué)習(xí)者多感官為主，多種媒體呈現(xiàn)方式為輔助的學(xué)習(xí)方式進(jìn)行內(nèi)容設(shè)計(jì)。

1.3 界面設(shè)計(jì)

“急救課堂”微信小程序由“首頁”“急救知識”“知識闖關(guān)”“我的”四個(gè)版塊構(gòu)成。

“首頁”提供急救知識的宣傳信息和緊急按鈕。當(dāng)用戶處于首頁界面時(shí)，首頁按鈕呈現(xiàn)紅色，其他模塊呈現(xiàn)灰色。學(xué)習(xí)者可以在首頁進(jìn)行“我要咨詢”“我要呼救”“我要分享”，并通過下滑首頁進(jìn)入到視頻學(xué)習(xí)模塊。

“急救知識”頁面用于展示有關(guān)急救的所有學(xué)習(xí)資料。該頁面展示各種急救癥狀的圖標(biāo)，小程序以標(biāo)簽化的方式對眾多急救癥狀進(jìn)行分類，分為頭部、四肢、軀干等，并以不同顏色進(jìn)行區(qū)分，方便學(xué)習(xí)者進(jìn)行檢索，快速根據(jù)自己的學(xué)習(xí)需求進(jìn)行學(xué)習(xí)。

“知識闖關(guān)”頁面用于呈現(xiàn)不同難度的復(fù)習(xí)題目。整個(gè)頁面通過三個(gè)難度的按鈕隨機(jī)鏈接到學(xué)習(xí)資源庫準(zhǔn)備的多套習(xí)題，難度根據(jù)人們的常識認(rèn)知到專業(yè)醫(yī)學(xué)依次遞增，主要分為簡單、中等和困難。

“我的”頁面就是用戶主頁頁面，將顯示登錄按鈕、用戶頭像顯示和用戶昵稱顯示。用戶通過點(diǎn)擊登錄按鈕是否授權(quán)于小程序使用微信信息，當(dāng)用戶同意授權(quán)時(shí)，登錄頁面就會(huì)顯示該學(xué)習(xí)者的頭像和昵稱，以及積分排行榜等個(gè)人信息，在這個(gè)面上還包括開發(fā)小組的成員信息。

1.4 功能模塊設(shè)計(jì)

“急救課堂”微信小程序的使用者可以分為學(xué)習(xí)者和管理員兩類角色，而每一類角色具有不同的操作權(quán)限。對于學(xué)習(xí)者而言，不僅要滿足學(xué)習(xí)者獲取學(xué)習(xí)資源的需求，還應(yīng)該為學(xué)習(xí)者提供一個(gè)簡便的、具有互動(dòng)的、可以提供反饋意見的平臺(tái)。管理員能夠?qū)π〕绦蛏系母黝悢?shù)據(jù)進(jìn)行修改，可以看到學(xué)習(xí)者提供的反饋建議，擁有最高的使用權(quán)限。因此，微信小程序設(shè)計(jì)了“知識模塊”“答題模塊”“管理模塊”共3個(gè)模塊。

“知識模塊”主要為學(xué)習(xí)者提供急救知識的學(xué)習(xí)資源，在小程序中將以學(xué)習(xí)卡片和視頻的方式進(jìn)行呈現(xiàn)，學(xué)習(xí)者可以根據(jù)自己的學(xué)習(xí)需求進(jìn)行瀏覽學(xué)習(xí)。管理員可以在后臺(tái)添加和刪除學(xué)習(xí)資源。

“答題模塊”主要是區(qū)別于單調(diào)的“灌輸式”學(xué)習(xí)方式，為學(xué)習(xí)者帶來一些挑戰(zhàn)和互動(dòng)，以答題闖關(guān)的方式獲取相應(yīng)的積分，并對積分進(jìn)行排名。答對一題獲得2分，邀請好友一起答題，分?jǐn)?shù)達(dá)到一定要求可以得到管理員的獎(jiǎng)勵(lì)，此設(shè)計(jì)是為了激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣，引導(dǎo)學(xué)習(xí)者對知識模塊的內(nèi)容進(jìn)行復(fù)習(xí)，幫助學(xué)習(xí)者更好地掌握所學(xué)習(xí)的知識。管理員可以在開發(fā)端進(jìn)行積分機(jī)制的設(shè)計(jì)以及獎(jiǎng)勵(lì)設(shè)計(jì)。

“管理模塊”將賦予管理員最高權(quán)限。管理員要根據(jù)用戶需求和交互對學(xué)習(xí)者提供幫助，根據(jù)學(xué)習(xí)者在反饋系統(tǒng)提出的建議對小程序進(jìn)行優(yōu)化等操作。

2 “急救課堂”微信小程序開發(fā)

2.1 工具的選用

開發(fā)“急救知識”微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)，需要使用PC設(shè)備和移動(dòng)智能設(shè)備。PC設(shè)備的主要功能是編寫程序代碼，而移動(dòng)智能設(shè)備的主要功能則是用于真機(jī)測試，查看小程序在移動(dòng)智能設(shè)備上的應(yīng)用效果。

在PC端采用微信官方提供的微信開發(fā)者工具開發(fā)，集中了開發(fā)、調(diào)試、預(yù)覽、上傳等功能[4]。一個(gè)完成的微信小程序頁面包含如表1所示的各種文件及功能。

表1 不同文件格式的功能

2.2 界面的制作

2.2.1“首頁”界面制作

急救知識小程序首頁采用輪轉(zhuǎn)方式展示了急救知識宣傳圖，給予用戶動(dòng)態(tài)美感，把最貼合時(shí)代信息的圖片篩選展示出來，讓用戶在第一時(shí)間獲取到最新資訊。輪播圖下方的三個(gè)緊急按鈕：“我要呼救”，用戶可以點(diǎn)擊此鏈接發(fā)送緊急呼救，如圖3所示；“我要分享”，用戶可以點(diǎn)擊此鏈接分享，如圖4所示；“我要咨詢”，用戶可以點(diǎn)擊此鏈接聯(lián)系專業(yè)人員。首頁往下滑動(dòng)就是視頻學(xué)習(xí)資源，視頻演示是最直接的教學(xué)方式?？紤]到心肺復(fù)蘇的操作步驟比較繁瑣且需要謹(jǐn)慎應(yīng)對，有別于網(wǎng)絡(luò)視頻籠統(tǒng)的概括，心肺復(fù)蘇操作視頻由小組成員拍攝和pr剪輯，使視頻達(dá)到最詳盡的操作細(xì)節(jié)呈現(xiàn)。視頻資料以豎排順次排序，方便用戶滑動(dòng)觀看，小程序的視頻支持手機(jī)適配全屏播放，讓學(xué)習(xí)者可以極佳的體驗(yàn)進(jìn)行相關(guān)知識的學(xué)習(xí)，如圖5所示。

圖3 “我要呼救”按鈕制作 圖4 “我要分享”按鈕制作 圖5 “首頁”界面制作

2.2.2“急救知識”界面制作

這一頁面是小程序的主體版塊，將急救知識進(jìn)行分類，包括頭顱、軀干、四肢三大部分，每一部分內(nèi)容都有特定圖標(biāo)與詳細(xì)生動(dòng)的科普性知識，頭顱部分為紅色，軀干部分為黃色，四肢部分為藍(lán)色，如圖6所示，幫助用戶了解具體的急救知識并為下一版塊的知識闖關(guān)做準(zhǔn)備。文字資料來源于百度文庫、中國大學(xué)慕課、中國知網(wǎng)以及一些B站up主的分享等，力求做到最嚴(yán)謹(jǐn)、最詳盡、最通俗易懂。急救知識包含急救課堂，以文字圖片的形式展示，讓用戶可以在使用小程序的過程中避免枯燥乏味，能充滿興趣地學(xué)習(xí)急救知識。

圖6 “急救知識”界面制作

2.2.3“知識闖關(guān)”界面制作

“知識闖關(guān)”版塊為鞏固急救相關(guān)知識。考慮到用戶理解速度階段的不同，題庫共設(shè)置易、中、難三種難度等級；同時(shí)為滿足不同階段用戶的能力水平，共有六篇題庫，每種難度題庫分為兩篇，每篇二十題，一題兩個(gè)積分，可隨時(shí)顯示答對題數(shù)與最終得分。點(diǎn)進(jìn)題庫后，題干在最上方，接下來依次豎排排列ABCD四個(gè)選項(xiàng)，選項(xiàng)下是橫排三個(gè)按鈕“上一題”“下一題”“顯示答案”，最下方有積分顯示，方便用戶查閱自己的積分。對于積分的處理，微信小程序有專門的處理機(jī)制，可以根據(jù)積分來兌換相對應(yīng)的禮品，禮品模式對于用戶來說也是一種激勵(lì)，管理員會(huì)根據(jù)使用情況及其用戶反饋進(jìn)行禮品調(diào)整，以貼合用戶的需求。

2.2.4“我的”界面制作

“我的”版塊為個(gè)人中心。個(gè)人中心頁面便于查看客人信息以及意見反饋等。下方居中是用戶登錄后的頭像及昵稱，接下來豎排四個(gè)按鈕“關(guān)于我們”“禮物兌換”“開發(fā)日志”“意見反饋”，方便用戶點(diǎn)擊使用功能?！瓣P(guān)于我們”留有該文作者的聯(lián)系方式，您可以通過此聯(lián)系作者；“禮物兌換”可根據(jù)答題積分兌換相應(yīng)積分禮物，不同的積分?jǐn)?shù)量可兌換不同的禮品，以滿足不同積分用戶的需求，方便用戶兌換實(shí)物；“開發(fā)日志”記錄是記錄微信小程序的生命周期的過程；“意見反饋”可以實(shí)現(xiàn)學(xué)習(xí)者與作者的零距離溝通。

2.3 素材的來源與制作

“急救課堂”小程序的文本資料主要來源于騰訊醫(yī)典、丁香醫(yī)師和醫(yī)學(xué)微視。視頻則是引用在急救知識小程序制作的過程中，對文本的要求是嚴(yán)謹(jǐn)，對圖片的要求是美觀，對視頻的要求是科普。

2.3.1文本制作

學(xué)習(xí)者對于醫(yī)學(xué)科普的需求極強(qiáng)，在收集資料的過程中秉承嚴(yán)謹(jǐn)?shù)膶W(xué)術(shù)態(tài)度，并對學(xué)習(xí)資源進(jìn)行二次加工處理，對知識進(jìn)行標(biāo)簽化處理以便于分類。將系統(tǒng)的知識分成小的模塊，便于學(xué)習(xí)者進(jìn)行碎片化學(xué)習(xí)。在加工整合好文稿之后，需要對它進(jìn)行排版，內(nèi)容排版工具主要用于文章內(nèi)容的排版美化，可以起到優(yōu)化頁面的作用，主要運(yùn)用秀米編輯器和135編輯器來實(shí)現(xiàn)。微信小程序支持doc、docx、pdf等格式的文檔資源，整合保存好文檔后，調(diào)用wx.openDoc- ument()根據(jù)存儲(chǔ)文檔的臨時(shí)路徑在新頁面打開文檔供學(xué)習(xí)者查看。

2.3.2圖片制作

“急救課堂”小程序使用了大量的圖片，起到為文字解釋說明的作用，圖文結(jié)合的方式使醫(yī)學(xué)知識變得更加生動(dòng)直觀。除此之外，小程序的Logo設(shè)計(jì)、“急救知識”界面使用到的大量圖標(biāo)都是利用Photoshop軟件設(shè)計(jì)完成的，并全部導(dǎo)出為PNG的格式?！笆醉摗钡妮啿D采用了GIF動(dòng)畫軟件。調(diào)用wx.previewImage()，該API允許用戶可以在新頁面以全屏的方式預(yù)覽圖片，使用該 API 時(shí)，需要配置 urls 屬性，該屬性的數(shù)據(jù)類型為數(shù)組類型，用于存放需要預(yù)覽圖片的鏈接地址。

2.3.3視頻制作

視頻的來源分為兩部分：一部分來自網(wǎng)絡(luò)，文章中將展示B站推出的“一分鐘教你遇到哮喘突發(fā)患者該如何自救.mp4”和“AED的使用.mp4”。據(jù)了解，B站上發(fā)布了許多關(guān)于急救的微視頻，即通過降低知識的門檻，以詼諧搞笑的動(dòng)畫形態(tài)帶你輕松漲知識，并且視頻是在中華醫(yī)學(xué)會(huì)科學(xué)普及分會(huì)指導(dǎo)下，由專業(yè)醫(yī)師監(jiān)制的，專注于醫(yī)學(xué)科普知識的傳播，由各大醫(yī)院專家講述；都是短小的視頻，由專家出鏡，適合習(xí)慣看到專家真人親口講述的朋友。用戶可以按關(guān)鍵詞搜索后按需觀看。另外一部分視頻是“急救課堂之心肺復(fù)蘇.mp4”,是由作者根據(jù)腳本的設(shè)計(jì)，利用攝像機(jī)拍攝，以現(xiàn)場操作演示的方式呈現(xiàn)給學(xué)習(xí)者，其主要內(nèi)容是心肺復(fù)蘇的操作步驟和講解以及注意事項(xiàng)。拍攝完成后，將視頻導(dǎo)入到視頻編輯器Adobe Premiere Pro，對視頻進(jìn)行銜接處理，對亮度進(jìn)行調(diào)節(jié)處理，并添加字幕，最后對音頻進(jìn)行降噪處理。微信小程序提供了Video組件用來播放視頻資源。Video組件支持播放多種格式的視頻資源，但是與iOS系統(tǒng)和Android系統(tǒng)支持的視頻格式有所不同，需要特別注意。

2.4 功能模塊的制作

2.4.1“知識模塊”的制作

小程序?qū)W(xué)習(xí)資源以文本、圖片和視頻的方式呈現(xiàn)。其中，知識卡片是圖文結(jié)合的方式，為了讓用戶快速找到所遇到的疾病病情，知識卡片根據(jù)出現(xiàn)癥狀的頭顱部分、軀干部分和四肢部分來劃分各種應(yīng)急癥狀。視頻大部分來源于多個(gè)網(wǎng)站的視頻內(nèi)容，以滿足學(xué)習(xí)者的各方面需求，還有開發(fā)團(tuán)隊(duì)錄制的實(shí)操視頻。通過心肺復(fù)蘇具體步驟的講解和相關(guān)的視頻可以供學(xué)習(xí)者學(xué)習(xí)；還可以通過視頻分享的方式，讓學(xué)習(xí)者可以將在看的內(nèi)容分享給親朋好友，擴(kuò)大用戶群體，和身邊的人共同學(xué)習(xí)、共同進(jìn)步，讓自救互救的意識深入人心。

2.4.2“答題模塊”的制作

急救知識小程序設(shè)計(jì)了三種難度的題目，分別是一般、較難和困難。每種難度有兩套題目，一套題目包含20道小題，在題庫中隨機(jī)抽題，每答對1題積分加2分，每天限制1次答題次數(shù)。當(dāng)積分累積到50/100/200分時(shí)，可以兌換由管理員精心準(zhǔn)備的急救相關(guān)的禮品。題庫中難度的標(biāo)準(zhǔn)由生活常識向醫(yī)學(xué)專業(yè)遞進(jìn)，同時(shí)開發(fā)團(tuán)隊(duì)也會(huì)對題庫進(jìn)行實(shí)時(shí)地更新擴(kuò)展，讓用戶學(xué)習(xí)到最前沿、最安全的急救知識。小程序設(shè)定有積分排行榜，用戶可以通過“我要分享”將此小程序發(fā)送給好友，提升用戶活躍量和用戶黏性，讓學(xué)習(xí)者在競爭的環(huán)境中越學(xué)越勇，以此來增加小程序的趣味性。

2.4.3“管理模塊”的制作

在此微信小程序中，管理員擁有最高權(quán)限，可以和學(xué)習(xí)者進(jìn)行交互，為用戶解決在使用小程序過程中可能會(huì)遇到的問題；設(shè)計(jì)者在首頁增添了“我要咨詢”按鈕，在這里可以咨詢到小程序中與急救相關(guān)的內(nèi)容。

考慮到用戶使用后體驗(yàn)與意見的匯總，可通過在“我的”版塊中提交反饋意見和截圖與客服交流。小程序會(huì)對反饋數(shù)據(jù)進(jìn)行記錄，并采用大數(shù)據(jù)篩選的方式拿出最好及最優(yōu)的建議進(jìn)行采納。

3 “急救課堂”微信小程序效果分析

小程序開發(fā)完成后，經(jīng)過測試，已上線正常運(yùn)行。小程序效果分析將從使用者是否有意愿持續(xù)使用微信小程序的角度，對微信小程序進(jìn)行效果分析[5]。開發(fā)小組與初次使用該小程序的學(xué)習(xí)者就界面效果、操作難易程度、是否解決用戶問題等進(jìn)行了訪談。綜合訪談結(jié)果，大部分學(xué)習(xí)者認(rèn)同該款小程序容易學(xué)習(xí)使用、可以熟練操作和具備清楚直觀的圖形界面，并可以解決自己遇到的實(shí)際問題。學(xué)習(xí)者還提出“界面有些簡單，美化一些會(huì)更好”“邊界部分可以添加一些線條”等建議，開發(fā)團(tuán)隊(duì)將及時(shí)進(jìn)行完善。

4 結(jié)束語

“急救課堂”小程序的使用用戶無需安裝，操作簡單，推廣性強(qiáng)，且占內(nèi)存小，將公眾急救知識利用數(shù)字信息化技術(shù)對學(xué)習(xí)內(nèi)容進(jìn)行處理，可將急救常識在微信小程序上進(jìn)行宣傳與學(xué)習(xí)。學(xué)習(xí)者只要利用好碎片時(shí)間就可以隨時(shí)隨地獲取文字、圖片和視頻等類型的學(xué)習(xí)內(nèi)容，答題模塊更是將學(xué)習(xí)和鞏固充分結(jié)合，不僅提高了學(xué)習(xí)質(zhì)量，也提高了學(xué)習(xí)者的興趣，更是將急救重點(diǎn)——心肺復(fù)蘇進(jìn)行了真人演示操作拍攝教學(xué)，講解透徹、操作到位，相較于文字或圖片版更為簡單易懂，為學(xué)習(xí)者實(shí)踐操作奠定良好基礎(chǔ)。

“急救課堂”小程序會(huì)根據(jù)用戶體驗(yàn)進(jìn)行優(yōu)化迭代，為學(xué)習(xí)者帶來更新的使用體驗(yàn)和最前沿的急救小知識；同時(shí)引入版本控制系統(tǒng)以應(yīng)對突發(fā)情況，并引入權(quán)限控制以實(shí)現(xiàn)普通用戶與管理員用戶的需求。