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

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

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

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

1 引言

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

2 jQuery Mobile簡(jiǎn)介

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

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

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

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

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

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

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

5 結(jié)語

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

收稿日期：2016-09-07

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

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