基于jQuery Mobile的中藥資源移動學(xué)習(xí)系統(tǒng)設(shè)計

摘要：jQuery Mobile開發(fā)框架對于移動學(xué)習(xí)系統(tǒng)開發(fā)具有先天優(yōu)勢，中藥資源知識內(nèi)容豐富，學(xué)生需要掌握的藥材知識很多，設(shè)計開發(fā)中藥資源移動學(xué)習(xí)系統(tǒng)可以方便學(xué)生隨時隨地學(xué)習(xí)，符合當(dāng)今移動學(xué)習(xí)、泛在學(xué)習(xí)的趨勢，也將提高學(xué)生掌握知識的效率及靈活運(yùn)用的能力。

關(guān)鍵詞：jQuery Mobile 移動學(xué)習(xí) 中藥資源

中圖分類號：TP311.52 文獻(xiàn)標(biāo)識碼：A 文章編號：1007-9416（2016）10-0200-01

1 引言

中醫(yī)藥院校在中藥學(xué)專業(yè)教學(xué)中，學(xué)生需要熟知掌握大量的中藥資源，目前尚沒有用于教學(xué)的移動學(xué)習(xí)系統(tǒng)將大量的中藥資源知識分類展示給師生，幫助學(xué)生學(xué)習(xí)中藥知識。另一方面，當(dāng)前大學(xué)生幾乎人手一部智能手機(jī)以及全校范圍覆蓋的無線信號，促使我們將支撐學(xué)生學(xué)習(xí)的技術(shù)傾向于移動學(xué)習(xí)系統(tǒng)的開發(fā)。學(xué)生可以利用大量碎片化的時間獲得系統(tǒng)的學(xué)習(xí)效果。

2 jQuery Mobile簡介

中藥資源移動學(xué)習(xí)系統(tǒng)采用jQuery Mobile技術(shù)，它繼承了jQuery的優(yōu)勢，且提供了豐富的適合手機(jī)應(yīng)用的UI組件，是用于創(chuàng)建移動 Web 應(yīng)用的前端開發(fā)框架，可以應(yīng)用于智能手機(jī)與平板電腦，使用 HTML5 和CSS3 最小的腳本來布局網(wǎng)頁。通過使用jQuery Mobile可以寫更少的代碼，做更多的事情。它可以通過一個靈活及簡單的方式來布局網(wǎng)頁，且兼容所有移動設(shè)備。它解決了不同設(shè)備兼容的問題，因為它只使用HTML，CSS和JavaScript，這是所有移動網(wǎng)絡(luò)瀏覽器的標(biāo)準(zhǔn)。

3 系統(tǒng)功能模塊

中藥資源學(xué)習(xí)系統(tǒng)功能模塊的設(shè)計旨在幫助學(xué)生了解掌握中藥資源知識，系統(tǒng)設(shè)計需要達(dá)到的目標(biāo)是學(xué)生可以隨時通過手機(jī)訪問系統(tǒng)，學(xué)習(xí)中藥知識，包括定義、圖片、作用與功效等內(nèi)容。本系統(tǒng)還需滿足用戶操作簡單、信息及時更新、內(nèi)容快速檢索等要求。據(jù)此，本系統(tǒng)設(shè)置以下功能模塊：中藥簡介、各類藥材、中藥制藥、中藥常識、中藥文化、信息檢索等欄目如圖1所示。

4 系統(tǒng)設(shè)計

系統(tǒng)設(shè)計主要包括數(shù)據(jù)庫設(shè)計和用戶界面設(shè)計。數(shù)據(jù)庫設(shè)計方面，系統(tǒng)采用MySQL數(shù)據(jù)庫，它具有體積小、速度快、開放源代碼等特點(diǎn)，搭配PHP和Apache可以組成良好的開發(fā)環(huán)境。MySQL表的設(shè)計主要如表1所示，服務(wù)器端的PHP代碼將獲取數(shù)據(jù)庫中的數(shù)據(jù)，并以API接口形式將轉(zhuǎn)換后的JSON格式數(shù)據(jù)返回前端頁面，最終呈現(xiàn)給瀏覽者。本系統(tǒng)目前數(shù)據(jù)庫表的結(jié)構(gòu)較為簡單，主要圍繞內(nèi)容的幾個維度設(shè)計的字段，表與表的關(guān)聯(lián)較少。

系統(tǒng)界面設(shè)計方面，jQuery Mobile可以很好地適應(yīng)不同品牌不同屏幕大小的手機(jī)，它允許在一個頁面中添加多個data-role=”page”，瀏覽器僅僅得到一個頁面，就可以實(shí)現(xiàn)頁面平滑切換的客戶體驗。jQuery Mobile默認(rèn)采用AJAX的方式載入一個目的鏈接頁面。因此，當(dāng)在瀏覽器中點(diǎn)擊一個鏈接打一個新的頁面時，jQuery Mobile接收這個鏈接，通過AJAX的方式請求鏈接頁面，并把請求得到的內(nèi)容注入到當(dāng)前頁面的DOM。

為方便用戶在各欄目直接切換，界面設(shè)計了三個頭部導(dǎo)航和三個底部導(dǎo)航，首頁有大圖滾動效果作為重點(diǎn)推薦宣傳的內(nèi)容，將中藥資源分類列表置于首頁醒目位置方便學(xué)生快速進(jìn)入相應(yīng)的知識體系。具體欄目界面設(shè)計方面，本系統(tǒng)借鑒了目前主流互聯(lián)網(wǎng)企業(yè)的移動客戶端界面風(fēng)格，采取內(nèi)容縮略圖+標(biāo)題+內(nèi)容摘要的顯示模式，既簡單又美觀。

5 結(jié)語

本系統(tǒng)的實(shí)質(zhì)仍是信息管理模式，雖然本系統(tǒng)仍處于初期開發(fā)應(yīng)用階段，只能實(shí)現(xiàn)一些簡單的應(yīng)用，還有很多功能有待繼續(xù)完善，但這已表明利用jQuery Mobile框架設(shè)計開發(fā)移動學(xué)習(xí)系統(tǒng)的技術(shù)可行性。近年來中醫(yī)藥迎來前所未有的發(fā)展機(jī)遇，國家重視并大力發(fā)展中醫(yī)藥事業(yè)。借助此次有益實(shí)踐，可以積累開發(fā)經(jīng)驗，今后圍繞中醫(yī)藥文化傳播在移動終端設(shè)備方面做更廣泛的嘗試。

收稿日期：2016-09-07

基金項目：2015年度江西中醫(yī)藥大學(xué)校級教改課題（編號：2015jzjg-6）階段性研究成果。

作者簡介：劉儀輝（1989—），男，江西贛州人，碩士，助教，研究方向：信息化教學(xué)設(shè)計。