基于jQuery Mobile的中藥資源移動學習系統設計

摘要：jQuery Mobile開發框架對于移動學習系統開發具有先天優勢，中藥資源知識內容豐富，學生需要掌握的藥材知識很多，設計開發中藥資源移動學習系統可以方便學生隨時隨地學習，符合當今移動學習、泛在學習的趨勢，也將提高學生掌握知識的效率及靈活運用的能力。

關鍵詞：jQuery Mobile 移動學習 中藥資源

中圖分類號：TP311.52 文獻標識碼：A 文章編號：1007-9416（2016）10-0200-01

1 引言

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

2 jQuery Mobile簡介

中藥資源移動學習系統采用jQuery Mobile技術，它繼承了jQuery的優勢，且提供了豐富的適合手機應用的UI組件，是用于創建移動 Web 應用的前端開發框架，可以應用于智能手機與平板電腦，使用 HTML5 和CSS3 最小的腳本來布局網頁。通過使用jQuery Mobile可以寫更少的代碼，做更多的事情。它可以通過一個靈活及簡單的方式來布局網頁，且兼容所有移動設備。它解決了不同設備兼容的問題，因為它只使用HTML，CSS和JavaScript，這是所有移動網絡瀏覽器的標準。

3 系統功能模塊

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

4 系統設計

系統設計主要包括數據庫設計和用戶界面設計。數據庫設計方面，系統采用MySQL數據庫，它具有體積小、速度快、開放源代碼等特點，搭配PHP和Apache可以組成良好的開發環境。MySQL表的設計主要如表1所示，服務器端的PHP代碼將獲取數據庫中的數據，并以API接口形式將轉換后的JSON格式數據返回前端頁面，最終呈現給瀏覽者。本系統目前數據庫表的結構較為簡單，主要圍繞內容的幾個維度設計的字段，表與表的關聯較少。

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

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

5 結語

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

收稿日期：2016-09-07

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

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