《中暑》專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)

王 斌，劉 瑤，羅炳德，鄒 飛，萬成松

南方醫(yī)科大學(xué):1公共衛(wèi)生與熱帶醫(yī)學(xué)學(xué)院職業(yè)衛(wèi)生與職業(yè)醫(yī)學(xué)系;2附屬南方醫(yī)院惠僑科，廣州 510515

·資源開發(fā)與應(yīng)用·

《中暑》專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)

王 斌1，劉 瑤2，羅炳德1，鄒 飛1，萬成松1

南方醫(yī)科大學(xué):1公共衛(wèi)生與熱帶醫(yī)學(xué)學(xué)院職業(yè)衛(wèi)生與職業(yè)醫(yī)學(xué)系;2附屬南方醫(yī)院惠僑科，廣州 510515

專題學(xué)習(xí)網(wǎng)站是現(xiàn)代化教育技術(shù)與課程優(yōu)化結(jié)合的新模式。文章介紹了《中暑》專題學(xué)習(xí)網(wǎng)站的特征及意義、設(shè)計(jì)和開發(fā)過程，旨在為學(xué)習(xí)者開展自主、協(xié)作式學(xué)習(xí)提供良好的現(xiàn)代化平臺。

中暑;專題學(xué)習(xí)網(wǎng)站;設(shè)計(jì);現(xiàn)代化教育技術(shù)

信息技術(shù)與教育技術(shù)高效整合促使現(xiàn)代教育技術(shù)的形成。通過對教學(xué)策略和學(xué)習(xí)資源的重新設(shè)計(jì)、開發(fā)和管理，現(xiàn)代教育技術(shù)實(shí)現(xiàn)了教學(xué)活動的優(yōu)化。隨著互聯(lián)網(wǎng)的普及和深入發(fā)展，現(xiàn)代教育技術(shù)得到進(jìn)一步發(fā)展，并以多樣性的方式呈現(xiàn)給學(xué)習(xí)者，如綜合性科普網(wǎng)站、網(wǎng)絡(luò)課程以及專題學(xué)習(xí)網(wǎng)站等，加強(qiáng)了學(xué)習(xí)體驗(yàn)。在廣東省教育廳組織及幫助下(151工程項(xiàng)目)，我們運(yùn)用現(xiàn)代教育技術(shù)，設(shè)計(jì)并開發(fā)了《中暑》專題學(xué)習(xí)網(wǎng)站。

1 《中暑》專題學(xué)習(xí)網(wǎng)站的特征和建設(shè)意義

專題學(xué)習(xí)網(wǎng)站不像普通的綜合性教育網(wǎng)站或科普網(wǎng)站，強(qiáng)調(diào)對知識的一般描述。而專題網(wǎng)站是以學(xué)習(xí)為中心，圍繞教學(xué)組織材料，設(shè)計(jì)教學(xué)策略，其目的是讓學(xué)習(xí)者真正掌握相關(guān)知識點(diǎn)。同時(shí)，專題學(xué)習(xí)網(wǎng)站也并非網(wǎng)絡(luò)課程。區(qū)別在于:網(wǎng)絡(luò)課程的內(nèi)容是按照課程標(biāo)準(zhǔn)，根據(jù)教科書目錄內(nèi)容進(jìn)行編排的;而專題網(wǎng)站則側(cè)重于某門課程的某個(gè)或多個(gè)知識點(diǎn)，并非整本書的所有內(nèi)容。專題選取的原則是小而精，而在廣度和深度上面做文章［1-2］。選擇一個(gè)疾病作為專題是比較好的切入點(diǎn)。因?yàn)槊總€(gè)疾病的描述都包含流行病學(xué)、病理學(xué)、診斷學(xué)、內(nèi)科或外科學(xué)等學(xué)科的專業(yè)知識，有利于整合多方面的知識，也符合專題學(xué)習(xí)網(wǎng)站的指導(dǎo)原則。

我們選擇了夏季常見高發(fā)職業(yè)性疾病—中暑。中暑是職業(yè)衛(wèi)生與職業(yè)醫(yī)學(xué)第三章第二節(jié)的內(nèi)容，是臨床醫(yī)學(xué)、預(yù)防醫(yī)學(xué)和基礎(chǔ)醫(yī)學(xué)專業(yè)學(xué)生必須重點(diǎn)掌握的內(nèi)容。同時(shí)，中暑也是國內(nèi)外熱帶醫(yī)學(xué)及重癥急救醫(yī)學(xué)領(lǐng)域研究的熱點(diǎn)問題。近年來，隨著研究的不斷深入，在中暑人群的分子流行病學(xué)、發(fā)病機(jī)制、分型與診斷和重癥中暑的治療等方面取得了新的進(jìn)展。職業(yè)衛(wèi)生與職業(yè)醫(yī)學(xué)系前身是全軍熱環(huán)境醫(yī)學(xué)重點(diǎn)實(shí)驗(yàn)室，長期承擔(dān)了“九五”、“十五”指令性課題(熱區(qū)高溫醫(yī)學(xué)衛(wèi)生防護(hù)研究和提高熱區(qū)軍事作業(yè)能力的研究)。在中暑機(jī)制及防治方面做了大量的研究工作［3-5］，積累了網(wǎng)站建設(shè)所需的資源與素材，對課本薄弱內(nèi)容形成有力補(bǔ)充。中暑教學(xué)的重點(diǎn)在于:中暑的預(yù)防，重癥中暑的臨床救治和基礎(chǔ)研究進(jìn)展。大學(xué)本科生教育的目的是促進(jìn)自我學(xué)習(xí)，課堂上教師講授重點(diǎn)，起到拋磚作用，引發(fā)學(xué)生獲取玉的興趣。而對于中暑課程而言，《中暑》專題學(xué)習(xí)網(wǎng)站的建立，就是便于學(xué)生獲取。學(xué)生通過網(wǎng)站自我學(xué)習(xí)，搜索學(xué)習(xí)資源，與教師或其他學(xué)生進(jìn)行遠(yuǎn)程探討交流，從而獲得新知識。此外，學(xué)習(xí)網(wǎng)站還為相關(guān)領(lǐng)域教師的備課提供可靠的專業(yè)資源庫;能滿足臨床醫(yī)師繼續(xù)教育的需求;可以為相關(guān)專業(yè)的研究生及研究人員提供學(xué)習(xí)資源和討論空間;同時(shí)增強(qiáng)工礦、學(xué)校、體校等從事該領(lǐng)域工作的領(lǐng)導(dǎo)及醫(yī)務(wù)人員防暑意識，提高對中暑防治的力度。

2 《中暑》專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)

2.1 專題內(nèi)容和基本框架的設(shè)計(jì)

內(nèi)容是一個(gè)網(wǎng)站的核心內(nèi)容。首先，該網(wǎng)站內(nèi)容的確定和設(shè)計(jì)以《職業(yè)衛(wèi)生與職業(yè)醫(yī)學(xué)》和《衛(wèi)生學(xué)》中中暑疾病的教學(xué)內(nèi)容和特點(diǎn)為基礎(chǔ)。其次，專題學(xué)習(xí)網(wǎng)站的內(nèi)容是圍繞專題展開，形成一個(gè)既有邏輯，又符合學(xué)習(xí)者認(rèn)知結(jié)構(gòu)的結(jié)構(gòu)體系［6-7］。因此，我們圍繞中暑這一專題展開，從疾病知識的相關(guān)度、整合度和擴(kuò)展度三個(gè)方面進(jìn)行結(jié)構(gòu)化知識的重構(gòu)，其中的內(nèi)容涉及生理學(xué)、病理學(xué)、診斷學(xué)等。這樣形成的專題知識，加上擴(kuò)展性教學(xué)資源(專題相關(guān)知識、資源庫)、網(wǎng)上協(xié)商討論空間和網(wǎng)上自我評價(jià)系統(tǒng)等，構(gòu)成了專題學(xué)習(xí)網(wǎng)站的基本框架，如圖1所示。

圖1 中暑專題學(xué)習(xí)網(wǎng)站的基本框架

2.2 系統(tǒng)設(shè)計(jì)

系統(tǒng)設(shè)計(jì)主要包括:以加強(qiáng)學(xué)習(xí)體驗(yàn)為核心的網(wǎng)站設(shè)計(jì)、首頁設(shè)計(jì)、網(wǎng)頁交互界面設(shè)計(jì)和管理功能設(shè)計(jì)，詳述如下。

2.2.1 以加強(qiáng)學(xué)習(xí)體驗(yàn)為核心的網(wǎng)站設(shè)計(jì) 學(xué)習(xí)網(wǎng)站的目的是為了獲取新知識，因此便于學(xué)習(xí)，促進(jìn)學(xué)習(xí)興趣是設(shè)計(jì)上需要著重考慮的方面。在綜合了多類型的學(xué)習(xí)網(wǎng)站后，我們做如下功能上的設(shè)計(jì)，如圖2所示。

圖2 以加強(qiáng)學(xué)習(xí)體驗(yàn)為核心的網(wǎng)站知識頁面設(shè)計(jì)

①每個(gè)頁面在左上方均提供綜合的導(dǎo)航按鈕，方便在某一知識點(diǎn)學(xué)習(xí)時(shí)進(jìn)行其他操作。導(dǎo)航內(nèi)容包括:上傳/下載文件、加入/查看網(wǎng)絡(luò)書簽、我的好友、查看短訊、今日熱點(diǎn)等。其中，書簽功能可讓學(xué)生快速記錄學(xué)習(xí)進(jìn)度，方便下次學(xué)習(xí)，促進(jìn)持續(xù)性學(xué)習(xí);

②每個(gè)知識點(diǎn)頁面下方都有明顯的“我有疑問”按鈕。當(dāng)遇到困難時(shí)，可以通過點(diǎn)擊，直接進(jìn)入討論空間的相應(yīng)區(qū)域，檢索是否有相似的帖子，提問并和教師或同學(xué)進(jìn)行討論;

③知識頁面中提供了基于關(guān)鍵詞的超鏈接。超鏈接結(jié)構(gòu)不僅實(shí)現(xiàn)專題知識的合理組織、交叉參考和快速的頁面跳轉(zhuǎn)，還能啟發(fā)學(xué)生的聯(lián)想思維;

④在頁面的右下方提供資源搜索功能，包括:站內(nèi)知識資源搜索和數(shù)據(jù)庫資源搜索。兩種搜索方式面對的對象不同，得到的結(jié)果也不同，互為補(bǔ)充。前者可以讓學(xué)習(xí)者通過任意詞匯搜索網(wǎng)站所有的文字資源，主要是網(wǎng)頁html文檔中的知識。注冊用戶還可以檢索網(wǎng)站內(nèi)部的資源庫，從而獲得多媒體資料，如圖片、動畫及視頻等。當(dāng)遇到問題時(shí)，學(xué)生通過檢索工具，迅速獲得關(guān)于這一搜索詞的文本及多媒體資料，加速獲取答案的同時(shí)鍛煉了學(xué)生自主獲得信息、解決問題的能力。

通過上述功能設(shè)計(jì)，學(xué)生可通過不同策略進(jìn)行學(xué)習(xí)。比如:對中暑疾病中最嚴(yán)重的“熱射病”的學(xué)習(xí)。首先可在專題知識中通過瀏覽方式學(xué)習(xí):中暑—分型—熱射病;瀏覽過程中，如遇到問題，通過“我有疑問”按鈕進(jìn)入論壇進(jìn)行討論式學(xué)習(xí);其次，通過站內(nèi)知識資源搜索獲取全網(wǎng)站頁面中所有與熱射病有關(guān)的信息，運(yùn)用數(shù)據(jù)庫檢索獲得相關(guān)多媒體資料，如熱射病引起各器官的病理改變等;最后，每次的學(xué)習(xí)進(jìn)度通過書簽功能得以保存。

網(wǎng)站提供幫助并指導(dǎo)學(xué)習(xí)者了解本網(wǎng)站的基本學(xué)習(xí)策略，包括上述學(xué)習(xí)功能如何實(shí)現(xiàn)等，以及實(shí)現(xiàn)這些功能所必須的條件，如網(wǎng)絡(luò)書簽等功能需要用戶進(jìn)行注冊才能使用。

2.2.2 首頁設(shè)計(jì) 網(wǎng)站首頁是一個(gè)網(wǎng)站的門面，關(guān)系到學(xué)習(xí)者對網(wǎng)站的印象，并能引起用戶的興趣。本網(wǎng)站左上方是網(wǎng)站Logo，右上方是主題模塊按鈕。其下方是一段介紹中暑概念及危害的文本，清晰表明網(wǎng)站的內(nèi)容和意義。文本下方是動態(tài)顯示的網(wǎng)站狀態(tài)，如更新的資源等。頁面右側(cè)是用戶登錄界面，并默認(rèn)顯示非注冊用戶的學(xué)習(xí)輔助功能，如基于文本的網(wǎng)頁知識搜索;當(dāng)用戶登錄后，顯示注冊用戶的學(xué)習(xí)輔助功能，如學(xué)習(xí)進(jìn)度。從上可見，該網(wǎng)站首頁結(jié)構(gòu)簡潔實(shí)用，安排合理。

2.2.3 網(wǎng)頁交互界面設(shè)計(jì)［8-9］通過Dreamweaver的模板功能，設(shè)計(jì)統(tǒng)一的網(wǎng)頁界面。頁面顏色使用灰、白、深藍(lán)、淺藍(lán)，力圖營造促進(jìn)學(xué)生學(xué)習(xí)并思考的氛圍。Logo中的“中暑”使用暖色調(diào)—紅色，以便突出顯示。每頁控制在500-600字，避免過多的字?jǐn)?shù)引起視覺疲勞。

2.2.4 管理功能的設(shè)計(jì) 除了上述面向?qū)W生以學(xué)習(xí)為目標(biāo)的設(shè)計(jì)外，網(wǎng)站管理功能的設(shè)計(jì)對于管理員日后對資源進(jìn)行更新及維護(hù)是至關(guān)重要的。管理員通過管理入口登錄，主要從以下3個(gè)方面實(shí)施管理:討論區(qū)、資源庫以及試題庫。簡述如下:①討論區(qū)的管理功能設(shè)計(jì)。發(fā)布論壇公告、新聞、增加和修改論壇的主題模塊、設(shè)置論壇管理員及用戶權(quán)限、刪除不良言論，修改論壇附件類型和大小限制、進(jìn)行用戶行為的統(tǒng)計(jì)分析;②資源庫的管理功能設(shè)計(jì)。管理員可以修改上傳的資源類型及大小，同時(shí)可以刪除或修改已經(jīng)上傳的資源，實(shí)現(xiàn)對資源庫的管理;③試題庫?？梢砸砸惶自嚲頌閱挝徽w增加或刪除試題，也可以進(jìn)入某套試題，修改具體的題目。同時(shí)，還可以對成績進(jìn)行管理，如進(jìn)行統(tǒng)計(jì)、分析等。此外，中暑專題知識等文本資料都以網(wǎng)頁形式存在，同樣需要管理。我們通過外部工具軟件Dreamweaver，運(yùn)用模板功能，在不改變頁面風(fēng)格(布局、顏色等)的情況下，快速增加或刪除內(nèi)容。

3 網(wǎng)站開發(fā)技術(shù)及應(yīng)用

3.1 網(wǎng)站開發(fā)工具和技術(shù)應(yīng)用

網(wǎng)站采用“瀏覽器→Web服務(wù)器→網(wǎng)站前臺應(yīng)用+后臺數(shù)據(jù)庫”三層結(jié)構(gòu)應(yīng)用模式。開發(fā)系統(tǒng)環(huán)境為Windows 2000 Server;數(shù)據(jù)庫系統(tǒng)建設(shè)采用Microsoft access;網(wǎng)站前臺應(yīng)用主要采用Dreamweaver開發(fā)靜態(tài)網(wǎng)頁;動態(tài)網(wǎng)頁發(fā)布使用穩(wěn)定快速的ASP技術(shù); Web服務(wù)器采用Microsoft IIS系統(tǒng)。

3.2 資料收集和整理

課題組成員按網(wǎng)站內(nèi)容模塊分工收集素材，并請同行專家提出建議進(jìn)行內(nèi)容增減。材料主要包括文本、幻燈片、圖片、動畫和視頻等。專題知識及相關(guān)知識部分文本轉(zhuǎn)換成網(wǎng)頁格式，以便網(wǎng)絡(luò)在線閱讀。其余格式保持不變。圖片材料包含高溫環(huán)境的實(shí)驗(yàn)?zāi)M，中暑后各器官大體改變、分子病理學(xué)改變等。視頻材料包含中暑防治教學(xué)視頻，中暑水鹽酸堿平衡紊亂等。

3.3 錄入

按廣東省教育廳發(fā)布的現(xiàn)代教育技術(shù)相關(guān)標(biāo)準(zhǔn)與規(guī)范進(jìn)行。文本:HTML、pdf、doc、txt等格式;圖形圖像:jpg、gif等格式;視頻:以流媒體形式為主，AVI、quicktime、rm等格式;動畫:gif和flash等格式。

3.4 腳本編寫

我們選擇ASP語言編寫腳本。ASP是一種簡單、方便的編程工具，可與數(shù)據(jù)庫和其他應(yīng)用程序進(jìn)行交互。我們通過ASP程序中的ADO對象和SQL結(jié)構(gòu)化數(shù)據(jù)查詢語言操作數(shù)據(jù)庫，從而實(shí)現(xiàn)虛擬討論空間的功能、以及資源的上傳下載、信息檢索和試題庫的維護(hù)［10］。

3.5 網(wǎng)站測試及評價(jià)

把網(wǎng)站放置于本校校園網(wǎng)服務(wù)器試運(yùn)行。網(wǎng)站試運(yùn)行可靠穩(wěn)定，經(jīng)學(xué)生、學(xué)科教師及廣東省高教廳教育技術(shù)專家評價(jià)，基本達(dá)到上述設(shè)計(jì)要求。

該文具體介紹了專題學(xué)習(xí)網(wǎng)站的特征、如何選題以及建設(shè)中暑專題學(xué)習(xí)網(wǎng)站的意義;專題內(nèi)容、基本框架的設(shè)計(jì)和系統(tǒng)設(shè)計(jì)，尤其在系統(tǒng)設(shè)計(jì)中詳述了以加強(qiáng)學(xué)習(xí)體驗(yàn)為核心的設(shè)計(jì)和管理功能設(shè)計(jì)等;按照廣東省高等學(xué)校現(xiàn)代教育技術(shù)“151工程”建設(shè)規(guī)范制作標(biāo)準(zhǔn)化的網(wǎng)絡(luò)學(xué)習(xí)資源，通過數(shù)據(jù)庫及ASP等技術(shù)實(shí)現(xiàn)網(wǎng)站功能，并進(jìn)行測試。借助于良好的功能設(shè)計(jì)，可以快速更新網(wǎng)站的各類資源;資源收集的主體可進(jìn)一步擴(kuò)展到網(wǎng)站學(xué)習(xí)者，因此能加速網(wǎng)站的更新。綜上所述，“中暑”專題學(xué)習(xí)網(wǎng)站整體結(jié)構(gòu)簡潔實(shí)用，基本功能齊全，資源豐富，能滿足學(xué)生、教師以及相關(guān)科研人員的需求。

［1］蔡鼎男，翁麗萍，俞守義.“兒童早期發(fā)展”專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)［J］.中國醫(yī)學(xué)教育技術(shù)，2008，22(3):246-248

［2］謝幼如，尹睿.專題學(xué)習(xí)網(wǎng)站的教學(xué)設(shè)計(jì)［J］.電化教育研究，2003，(1):34-38

［3］湯朝暉，蘇麗賢，李華鋒，等.MHV-A59溫病濕熱小鼠模型的構(gòu)建與相關(guān)指標(biāo)分析［J］.南方醫(yī)科大學(xué)學(xué)報(bào)，2010，30(11):2452-2454

［4］康朦夢，朱航，林培政，等.高溫和內(nèi)毒素聯(lián)合對RAW 264.7細(xì)胞凋亡影響［J］.中國公共衛(wèi)生，2011，27(2): 198-199

［5］羅炳德，譚慶，張培，等.青蒿琥酯拮抗小鼠中暑內(nèi)毒素血癥的作用［J］.中國公共衛(wèi)生，2006，22(3):335-336

［6］王瑩，謝百治.專題學(xué)習(xí)網(wǎng)站建設(shè)的理性思考［J］.中國醫(yī)學(xué)教育技術(shù)，2005，19(2):138-140

［7］黃娟，李克東.開發(fā)專題學(xué)習(xí)網(wǎng)站及進(jìn)行相關(guān)研究性學(xué)習(xí)的思路及方法［J］.中國電化教育，2003，(5):25-28

［8］吳鴻雁.網(wǎng)站頁面設(shè)計(jì)中的人機(jī)界面設(shè)計(jì)分析［J］.計(jì)算機(jī)工程與設(shè)計(jì)，2008，29(21):5633-5634，5637

［9］孟亞玲，魏繼宗，蘭鴻濤.詩詞類多媒體課件的設(shè)計(jì)與開發(fā)—以獲獎作品《沁園春·雪》為例［J］.中國醫(yī)學(xué)教育技術(shù)，2008，22(5):456-458

［10］廖信彥.Active Server Pages應(yīng)用大全—ASP與數(shù)據(jù)庫的整合［M］.北京:清華大學(xué)出版社，2000:45-67

Design and development of subject-based learning website of Heatsroke

Wang Bin1，Liu Yao2，Luo Bingde1，Zou Fei1，Wan Chengsong11Department of Occupational Health and Occupational Medicine，School of Public Health and Tropical Medicine;2Huiqiao Department of Nanfang Hospital，Southern Medical University，Guangzhou 510515

Subject-based learning website is a new mode that makes an optimal integration of modern educational technology and course.This paper introduces the characteristics，significance，design and development process of the subject-based learning website Heatstroke.It provides amodern platform for learners to carry out active and collaborative learning.

heatstroke;subject-based learning website;design;modern educational technology

G434

:A

:1004-5287(2012)04-0401-03

國家級預(yù)防醫(yī)學(xué)實(shí)驗(yàn)教學(xué)示范中心建設(shè)項(xiàng)目(教高函［2009］28號);廣東省高?，F(xiàn)代教育技術(shù)“151”工程基金資助項(xiàng)目(GDA050)

2012-03-13

王斌(1976-)，男，南京人，講師，博士，主要研究方向:職業(yè)性疾病的研究。