Pengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap Build
-
Upload
wahyu-purnomo -
Category
Education
-
view
3.311 -
download
8
description
Transcript of Pengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap Build
Pengembangan Mobile Learning
dengan eXeLearning dan
PhoneGap Build LGM FKIP REMA UNISMA 2014
@wahyupur
Wahyu Purnomo [email protected]
Pengembang Teknologi Pembelajaran di VEDC Malang
Indonesia German Institute eLearning Expert (2007-2010)
Pengembang eLearning VEDC Malang
http://elearning.vedcmalang.or.id
http://wahyupur.wordpress.com
Perkembangan Pasar Device IT
Mobile Learning
=> penggunaan perangkat IT genggam dan bergerak,
seperti PDA, telepon genggam, smartphone, dan tablet PC,
dalam pembelajaran
Fungsi dan Manfaat Mobile
Learning Terdapat tiga fungsi Mobile Learning dalam
kegiatan pembelajaran di dalam kelas
(classroom instruction), yaitu :
suplement (tambahan) yang sifatnya
pilihan (opsional),
pelengkap (komplemen), atau
pengganti (substitusi) (Abdul Majid, Mobile Learning, 2012).
Development Options
Native or Web?
Or Hybrid ?
Pilihan untuk pengembangan mobile learning
seperti halnya pengembangan aplikasi mobile,
menurut Mihai Corlan, 2011 dapat melalui
pengembangan :
Native Apps
Web Apps
Hybrid Apps
Native Apps
Native App adalah aplikasi yang dibuat
khusus untuk suatu sistem operasi
tertentu misalnya android, iOS atau
blackberry.
Biasanya sang pembuat
sistem operasi
menyediakan tool dan
API khusus bagi para
developer untuk
pembuatan aplikasi.
Platforms & Operating Systems
Android from Google
Bada from Samsung
BlackBerry OS from RIM
iOS from Apple
Limo (Linux)
Maemo from Nokia
MeeGo from Nokia and Intel
Symbian OS from the Symbian Foundation
WebOS from HP
Windows Mobile 6 from Microsoft
Windows Phone 6.5 from Microsoft
Windows Phone 7 from Microsoft
IDC merilis laporan persebaran operating
system mobile untuk kuartal 3 di bulan 2013
Sumber : International Data Corporation (IDC) Worldwide Quarterly Smart
Connected Device Tracker
Mobile Web Apps
Web app, disebut juga sebagai aplikasi berbasis
web. Biasanya aplikasi jenis ini dibuat
menggunakan html5, javascript dan css.
Keunggulan dari aplikasi jenis ini adalah bisa
dijalankan pada berbagai sistem operasi ( IOS,
Android, Blackberry dll). Bahkan dapat juga
dibuka dengan menggunakan browser pada
PC/laptop.
Tampilan Native vs Web Apps
Hybrid Apps
Hybrid App adalah pengembangan Native
App yang berasal dari Web App, salah
satunya yaitu menggunakan Phone Gap.
Dengan Hybrid App ini maka
pengembangan aplikasi mobile menjadi lebih
mudah, dan kelemahan web app yang tidak
dapat menggunakan fitur alarm, camera,
GPS dll dapat diatasi
Phone Gap
Phone Gap
Phone Gap
Git Hub
GitHub adalah layanan penyimpanan
bersama untuk proyek pengembangan
perangkat lunak yang menggunakan sistem
pengontrol versi Git. GitHub menawarkan
paket gratis dan komersial untuk proyek
sumber terbuka dan diluncurkan sejak
tahun 2008.[1] Menurut survei terhadap
pengguna Git pada tahun 2009, GitHub
adalah situs penginangan Git terpopuler.[
GitHub.com, mulai dg Sign-up
GitHub.com, mulai dg Sign-up
GitHub.com
PhoneGap.com
PhoneGap in the cloud
Register with Github ID
Konfirmasi phone gap akses github profile
Pilih negara dan Agreement
Klik
“complete…”
utk
menyelesaikan
Registrasi
Siapkan konten yg sudah dibuat dgn
eXelearning
Gunakan menu: File > Export > WebSite > Zip File, akan
diperoleh satu file *.ZIP yg siap di”phonegap”kan
Konten dari eXelearning sudah siap,
berikutnya Tahapan Build App
Sign-in ke PhoneGap
Create new app - Private
Upload
Beri Nama dan Deskripsi
Setting dan konfigurasi
Build
Download App
Tampilan dashboard PhoneGap Build
Untuk upload Klik Private
Browse file Zip, open, terjadi
Proses Upload
Setelah berhasil upload, berikutnya memberi
Nama dan Deskripsi, lanjut “Build”
Untuk Build
Apabila tombol build tidak
ada, klik menu Apps
Proses Building App
Hasil Building App
Setting dan Konfigurasi
Browse: pilih file *.png
untuk icon
Package :
Isikan kebalikan domain
kita (bebas), misalnya
com.wahyupur.mobile
Version :
Isikan 1.0.0 untuk versi
pertama, akhiri “save”
Hasil Building App setelah
setting configuration
Klik untuk download file
APK utk Android
Proses Download
Setelah di install di Android Device
(tampilan di Emulator)
Tampilan di Android App Player
Contoh lain di Android App
Player
Terima Kasih
Silahkan gabung di Group : https://edmo.do/j/a3bh55
Blog
http://wahyupur.wordpress.com
http://wahyupur.blogspot.com
Facebook : http://www.facebook.com/wahyupur
Twitter : @wahyupur