| 摘要: | 隨著網路以及手機的發達,使用手機進行學習已經是現在的學 習趨勢。不僅帶給學生更多的便利性也讓學生在不受時間以及地點 的限制。不過對於開發者而言,目前手機有各種不同的系統,要如 何的有效率以及不浪費任何成本開發統一的行動學習平台。Ionic 提 供一個完整的跨平台架構,在行動裝置介面上與傳統的跨平台架構 不一樣。他採用自己所定義的 來強化設計界面。再搭配 火紅的 AngularJS 作為程式架構,為開發者加速的開發。在程式上 的縮短以及平台的維護性,帶給開發者便利性。在編譯的環境下, Ionic 使用 Cordova 來作為底層,讓開發者快速的編譯不同平台的程 式。Phonegap 為另外一個跨平台程式,採用 Boostrap 以及 jQuery 的方式來操作手機界面。在台灣已經有各種不同的學習平台,例如: openEdx,coursera,ewant。那要如何的方便學生可以進入到不同的平 台去學習他們想要的課程,所以這篇論文使用了跨平台服務來開發一 個課程統一入口 (MobileMOOCs) 來讓學生方便的學習。除此之外, 本篇論文會比較 Ionic 以及 Phonegap 兩個跨平台的效能。
關鍵字:行動學習, 數位學習, 跨平台, Ionic, Phonegap, AngularJS;With the booming of the Internet and mobile devices, learning through mobile phones has become a current of learning. This ground- breaking method of learning has brought much more convenience to all of the students. Learning nowadays no longer restricts by time and places.
As for the developers, the only problem is how to establish an united mobile learning platform in an efficient and economic way. Ionic is the answer to this. It provides a complete cross-platform framework, which is totally different from the traditional one in the interface of the mobile device. It uses its own to strengthen the design of the inter- face. Integrating the popular AngularJS to be its program framework helps accelerate the speed of development. In this way, it could not only shorten the programming process, but also maintain the platform, and than remarkably reach the goal of convenient. Under the coding environment, Ionic uses Cordova to be the basic level. This allows the developers to code the program of different platforms instantaneously.
There is another cross-platform program called Phonegap, which manipulates the interface of the mobile phone with Boostrap and jQuery. Taiwan has a variety of different learning platforms, such as: openEdx, coursera, ewant. How to facilitate that students can enter the different platforms they want to learn lessons, so this paper uses cross-platform services to develop a unified entrance (MobileMOOCs) to enable stu- dents to facilitate learning. In addition to, this paper would comparing the efficiency of the two cross-platform, Ionic and Phonegap.
Keywords:Mobile Learning, E-learning, Cross-Platform, Ionic, Phone- gap, AngularJS |
