基于Ionic的外語學習平臺的設計與開發

孫靜 鄭新超

內容摘要：隨著移動互聯網技術的蓬勃發展，移動學習已經融入了人們的日常生活，成為一種普遍的學習方式。在此背景下，基于對2018年6月對日語學習者進行的調查報告的分析，本文通過對三種APP開模式NativeAPP、Web APP和Hybrid APP的分析，提出了基于Ionic的跨平臺日語移動學習平臺的開發。

關鍵詞：移動學習平臺 日語學習平臺 混合應用 Ionic

1.引言

隨著移動互聯網技術的蓬勃發展，移動學習已經融入了人們的日常生活，成為一種普遍的學習方式。移動學習以其學習便捷性、教學個性化、交互豐富性、情境相關性等特點備受學習者的青睞[1]。本團隊于2018年6月進行的問卷調查顯示，在線學習資源分布零散，使日語學習者和愛好者難以選擇;學習軟件、學習平臺魚目混雜、針對性不強;移動智能終端復雜多樣，運行的操作系統各有差異且互不兼容，移動學習平臺的開發難度大、維護成本高。凡此種種問題，使適用于日語學習的移動學習平臺的開發和研究勢在必行。因此，本團隊開發出了一款用于日語學習與交流的跨平臺APP，以幫助日語學習者和愛好者通過微課視頻、資源共享、互動社區、線上交流等方式共享優質資源，實現高效學習和交流，從而提升學習效率和興趣。

2.APP開發模式

Native APP位于平臺層上方具有較好的下行訪問能力，可以充分利用設備的資源，提供良好的交互體驗，還可以支持在線或離線、消息推送等功能，用戶體驗良好[2]。Web APP一般由“HTML5云網站+APP應用客戶端”兩部份構成，客戶端只需安裝應用的框架部份，應用數據則是用戶每次打開APP時從云端獲取[3]。Web APP不存在Native APP的固有的缺點，具有開發難度低、功能豐富、部署應用簡易，跨平臺訪問便捷的優勢，并且HTMLS功能強且全面，為開發者提供了豐富的移動應用開發標準日，但是安全性較低，且用戶體驗與NativeAPP相比而言較差。而Hybrid APP介于兩者之間，兼具了Native APP良好的用戶體驗和Web APP上午跨平臺性的優點。選用Hybrid APP模式進行開發，它的前端可以借助第三方跨平臺框架使用網頁語言來編寫的，編寫完成之后封裝到APP中，同時又可以充分地利用現代移動智能終端提供的功能，調用底層API，這些特點使得Hybrid APP具有跨平臺性強、開發成本較低、靈活性較高等優點，本項目就采用Hybrid APP模式進行開發。

3.跨平臺APP開發方案

3.1 APP開發方案

基于上述分析，本文擬采用“Angular+Ionic+Cqrdova"組合來進行前端開發，采用“A-paehe+PHP+MySQL"來進行后端及數據庫開發。Apache（Apache HT1P Server）是一個免費開源的網頁服務器，能夠在多種電腦操作系統下運行，安全性較高[5]。Apache作為Web應用服務器解釋后端服務PHP，PHP則調用MySQL接口，這三者相結合進行開發具有絕佳的優勢。

3.2 Ionic框架

Ionic是一款強大的輕量級移動應用開發框架，基于AngularJS框架的，采用JavaScript進行編寫。使用Ionic框架開發的APP的界面是以HTML5和CSS3開發為主，開發者使用Web開發技術就可以開發出媲美原生應用的移動應用，還可使用Ionic官網上的UI框架和組件。Ionic框架是免費且開源的，開發者可以將其使用到任何項目中;強大的命令行Ionic CH工具以及項目模板，使用方便;完美融合了AngularJS，易于開發和維護;為開發者提供了豐富的UI組件，具有較高的用戶體驗;專注原生，既可以作為Native APP運行，也可作為Web APP運行，方便靈活;簡單易學，只需懂得HTML5、CSS3和基本的AngularJS語法就可以利用Ionic進行跨平臺開發。

在使用Ionic框架進行開發前，首先要搭建Ionic框架的運行環境。（安裝Nodejs和npm：Node.js中集成了npm，無需再單獨安裝npm（為了便于使用可以安裝cnpm代替npm）（安裝Ionic框架，命令：npm install-g ionic;（安裝Cordova，命令npm install-gcordova;（Ionic框架的使用：運行‘ionic start項目名參數命令創建項目，運行‘ionic serve項目名命令運行項目，會在跳出的瀏覽器頁面中看到初始化的項目，參數為空時默認使用tabs模板創建頁面。

4.數據庫的設計與實現

4.1 數據庫功能分析

數據庫的設計是非常重要的，設計是否合理規范將直接影響到整個APP的運行效果。根據調查以及對本APP的需求分析可知，數據庫的主要使用者為普通用戶和微課教師。普通用戶作為此APP的主要實體，擁有選擇在線課程、在社區進行發帖回復等操作的權限，發帖的內容可以包含文字、圖片或視頻，完成這些操作可以獲取一定的積分，也可以通過在主頁搜索教師或者課程名的方式加人到課程的學習當中，完成相應的課時的學習后也可以獲得相應的積分，根據用戶的累計積分之和劃分用戶的等級。用戶可以上傳相關證件來獲得成為微課教師的資格，審核通過后，便可成為微課教師。微課教師可以發布微課視頻與課后作業等教學相關內容，查看參加本課程的學生的基本信息，與學生進行線上互動。管理員主要負責教師的資格的審核。此外，所有用戶發布的帖子都會被劃分到某一興趣板塊中，用戶也可以選擇只在社區中看到自己感興趣的興趣板塊。

4.2 數據庫的設計與實現

數據庫的設計主要分為概念結構設計、邏輯結構設計和物理設計三個階段，其中概念結構設計又可具體分為定義實體、定義聯系、定義碼、定義屬性和定義其他對象和規則;而邏輯結構設計主要是將概念模型轉變成一個可用的信息模型，并對性能加以優化和改進;物理設計重點是將邏輯模型添加到物理結構中，并設計索引[6]。數據庫選用MySQL軟件進行開發。數據庫主要包括普通用戶、微課教師和管理員這三個實體和用戶基本信息表、微課教師信息表、課程學習者表、課程信息表、主貼表、回復表、板塊表和主題表這八個表。

5.結束語

移動學習的系列優點，使之成為未來教育的發展趨勢。一款針對日語學習的移動平臺的開發具有突出的理論和實踐意義。由于時間和財力物力所限，本APP系統維護和功能完備是今后努力的方向。

參考文獻

[1]葉成林，徐福蔭，許駿.移動學習研究綜述[J].電化教育研究，2004（03）：12-19.

[2]顧春來.APP應用程序開發模式探究[J].硅谷，2014，7（05）：35-36.

[3]楊毅.移動APP開發模式探討[J].福建電腦，2014，30（，06）：86-87.

[4]黃悅深.墓于NTMLS的移動WebApp開發[J].圖書館雜志，2014，33 （07）：72-77.

[5]郭光.Web服務器上比例延遲保證的分散自校正控制方法[D].北京交通大學，2014.

[6]樊月波.數據庫設計規范與技巧研究[J].信息與電腦（理論版），2016（10）：114-115.