Aplikasi pembelajaran berbasis Android dapat dibuat dari Microsoft PowerPoint tanpa membutuhkan keahlian pemrograman. Langkahnya adalah membuat presentasi PowerPoint, mengkonversinya menjadi HTML5 menggunakan program seperti iSpring Suite, lalu mengimpor file HTML5 ke Intel XDK untuk dibangun menjadi aplikasi Android.

1. Cara Mudah Membuat Aplikasi Pembelajaran Berbasis Android dari Microsoft
Powerpoint
Dalam menerapkan pembelajaran berbasis mobile, kesulitan utama yang penulis rasakan
adalah apabila ingin membuat atau melengkapi konten pembelajaran berbasis mobile
tentunya dibutuhkan skill khusus untuk membuat aplikasi berbasis android (apk), yang
tentunya bagi kebanyakan guru yang berlatar belakang non IT seperti penulis, hal ini
sangat menyulitkan karena tidak menguasai bahasa pemrograman.
Namun dengan pesatnya perkembangan pembelajaran berbasis IT, kesulitan tersebut
dapat diatasi dengan mudah yaitu dengan membuat aplikasi berbasis android (apk) dari
microsoft powerpoint. Bagaimana caranya??? simak dengan baik penjelasan berikut ni !!
Dalam pembuatan aplikasi pembelajaran berbasis Android ini ada beberapa program yang
kita butuhkan untuk membuatnya diantanya adalah sebagai berikut:
a) Microsoft Power Point (penulis menggunakan microsoft power point 2013)
b) Converter Power Point ke HTML5 dengan Ispring Suite 8.0
c) Intel XDK
Dengan software-software di atas sudah bisa membuat aplikasi pembelajaran berbasis
Android tanpa perlu menguasai bahasa pemerograman.
Langkah- langkah pembuatannya adalah sebagai berikut :
1. Membuat Folder Penyimpanan
Sebelum memulai membuka aplikasi microsoft powerpoint, langkah pertama adalah
menyiapkan sebuah folder untuk menampung hasil simpan proyek kita. Kita akan
membuat folder di Drive C:. Langkah-langkahnya adalah:
1. Masuklah ke Window Explorer dan pilih Drive C:.
2. Buatlah sebuah folder dengan cara Klik Kanan > New > New Folder.
3. Berikan nama folder dengan nama Androidku.
4. Folder telah berhasil dibuat.
Catatan: Nama folder hanya boleh 1 kata.
2. Membuat Aplikasi dari Power Point
Pada tahap ini, kita akan mengatur Page Setup file microsoft powerpoint yang akan kita
buat menjadi aplikasi android (apk). Dengan anggapan Bapak/Ibu guru sudah memiliki file
media pembelajaran dari microsoft powerpoint.
a. Pilih bagian Design dan Pilih Slide Size

2. b. Pilih slide size: On-Screen Show (16:9) dengan Orientasi pilih Portrait seperti pada
gambar
c. Sehingga tampilan microsoft powerpoint kita menjadi sebagai berikut :
3. Merubah File Microsoft PowerPoint menjadi HTML5
Proses selanjutnya adalah mengubah file microsoft powerpoint menjadi bentuk html5.
Proses ini membutuhkan software tambahan, kita dapat menggunakan software Slide Go,
iSpring, atau software lainnya. Kali ini penulis menggunakan software iSpring Suite 8.0
untuk merubah file powerpoint ke html5.
Langkah-langkahnya adalah sebagai berikut :
a. Sebelumnya kita harus sudah menginstal terlebih dahulu software iSpring Suite.
b. Pada tab menu Power Point setelah View akan muncul menu iSpring Suite.
c. Selanjutnya pilih Pubilsh dan atur seperti gambar berikut ini !

3. d. Aktifkan Extended audio dan video compability pada menu Advanced seperti gambar
berikut ini !
e. Selanjutnya klik Publish dan tunggu hingga selesai maka pada folder androidku di drive
C: akan terdapat satu folder hasil pubilsh dari microsoft powerpoint ke html5 seperti
gambar berikut ini
4. Membuat Aplikasi Android dari Intel XDK
Intel XDK adalah sebuah program yang digunakan untuk membuat aplikasi Android,
windows phone, iphone dan banyak yang lain dan menggunakan bahasa HTML5 untuk
membuat aplikasi tersebut. HTML5 itu sendiri adalah revisi kelima dari bahasa HTML.
Pada HTML5 diperkenalkan beberapa atribut dan elemen baru yang mendukung
pengembangan website modern seperti penambahan atribut dan elemen untuk
mendukung elemen video, canvas, dan masih banyak lagi. HTML5 secara utuh merupakan
penggabungan teknologi antara HTML5, CSS3, dan JavaScript.

4. Langkah-langkah pembuatan aplikasi dengan Intel XDK.
1. Pastikan koneksi internet Anda sudah hidup untuk menggunakan software Intel XDK.
2. Buka program Intel XDK di Start > Intel XDK.
3. Untuk pertama kali, Anda diharuskan login/register ke aplikasi Intel XDK.
4. Pilih Sing Up jika anda belum memiliki akun pada Intel XDK.
5. Isikan biodata anda yang nanti dipakai sebagai login dan Submit.
6. Setelah submit, akan ada informasi jika akun berhasil dibuat.
7. Klik icon Personal Login. Masukkan username dan password (email dan password) yang
tadi didaftarkan. Klik Submit.

5. 8. Jika berhasil login, icon person yang ada di pojok kanan atas akan menampilkan
username (email) anda dan project-project yang sudah anda buat. Anda bisa mengedit.
mendowload dan menghapus project tersebut.
9. Anda telah berhasil login ke Intel XDK
10. Klik Tombol “Start a New Project”.
11. Klik Template kemudian pilih Standar HTML5 dengan unchek "use app designer"
kemudian klik "continue"
12. Masukkan lokasi pembuatan aplikasi di “C:Androidku” dan beri nama project.

6. 13. Klik Tombol Create untuk memulai aplikasi. Tunggu proses create hingga akan muncul
kotak dialog kalau aplikasi berhasil dibuat. Kemudian Klik "No Thanks"
14. Anda akan melihat tampilan awal kode Intel XDK. Anda tidak perlu khawatir karena
kita kita tidak akan berurusan dengan kode-kode ini. (biarkan saja).
15. Buka file hasil Publish PPT iSpring Suilt HTML5 yang telah kita buat sebelumnya. Lokasi
file ada di folder “C:Androidku{Nama Folder HTML5}”.
16. Copy Semua file hasil converter iSpring Suilt HTML5 ke dalam lokasi pembuatan
aplikasi Intel XDK. Lokasi folder bisa ditemukan di “C:Androidku{Nama Project Intel
XDK}www.”
Sehingga pada “C:Androidku{Nama Project Intel XDK}www.” berisi file :

7. (Replace file named index.html)
17. Klik Menu “PROJECTS”. Pada “BUILD SETTINGS” gantilah nama aplikasinya sesuai
yang anda inginkan. Bagian ini adalah nama aplikasi yang akan muncul ketika aplikasi ini
diinstal di Smartphone.
Pada Developer Certificate klik "Create New Developer Certificate"kemudian lengkapi
sesuai dengan nama aplikasi yang anda inginkan, untuk Key Passphrase terdiri dari
minimal 6 karakter, dan key ini akan digunakan untuk Build aplikasi jadi jangan sampai
lupa.
18. Jika sudah, klik menu LAUNCH ICONS AND SPLASH SCREENS. Di menu ini anda akan
memasukan icon aplikasinya. Anda dapat membuat iconnya menggunakan program
Photoshop atau program yang lain dengan format gambar PNG. Icon yang anda masukan
harus berukuran LDPI (36 x 36px), MDPI (48 x 48px), HDPI (72 x 72px), XHDPI (96 x
96px).Tapi jika tidak menghendaki icons biarkan kosong saja.

8. 19. Jika sudah, klik menu EMULATE yang ada di bagian atas untuk melakukan preview ke
aplikasi mobile. Pada bagian ini anda dapat mencoba aplikasi yang anda buat secara virtual.
20. Anda bisa memilih jenis layout Smartphone yang dijadikan preview.
21. Sebelum aplikasi dipublish ada baiknya kita melakukan test aplikasi pada
smartphone dengan cara klik menu TEST kemudian klik PUSH FILES dan tunggu
proses uploading project sampai selesai.
untuk mencoba aplikasi pada smartphone anda, terlebih dahulu download dan install
"Intel App Preview" dari Play Store pada smartphone anda. Kemudian smartphone
dihubungkan dengan PC dengan kabel data dan jalankan "Intel App Preview"

9. Login dengan Akun Intel XDK kemudian klik tombol "PLAY" untuk mencoba aplikasi
pada smartphone anda. Selain itu anda juga dapat mencoba aplikasi dengan cara Scan QR
Code kemudian klik tombol "PLAY"
22. Jika aplikasi dirasa sudah berjalan dengan baik di emulator Smartphone, Klik menu
BUILD untuk mengubahnya ke bentuk mobile (apk Android).

10. 23. Anda bisa lihat bahwa Intel XDK menyediakan converter untuk mengubah ke banyak
platform aplikasi. Pada kali ini, kita akan mengubahnya ke Android, jadi klik Build di logo
Android. Jika pada build android masih terkunci (gambar gembok) maka klik gambar kunci
dan ketiklha key passphrase yang sudah anda buat pada developer certificate kemudian
klik Unlock.
Tunggu hingga proses unlock selesai sampai muncul notifikasi certificate unlock kemudian
klik "Okay"
Maka gembok pada logo android akan terbuka dan aplikasi siap untuk dibuild, kemudian
aktifkan logo andorid dengan klik gambar centang dan klik "Start Builds"

11. Proses upload file ke server Intel XDK sedang berlangsung. Pastikan koneksi internet Anda
stabil. 24. Jika upload sudah selesai, akan ada tampilan seperti di bawah ini. Klik gambar
Tanda panah untuk mendownload aplikasi ke komputer anda.
Catatan:
Selain anda dapat mendownload langsung anda juga akan di kirimi email yang berisi link
download aplikasi yang anda buat.
25. Selanjutnya pilih folder untuk penyimpanan dan klik save.

12. Tunggu proses download hingga selesai.
Selesai aplikasi Android siap anda instal di Smartphone Android anda.
Berikut ini contoh Aplikasi Pembelajaran Berbasis Android yang penulis buat :
http://bit.ly/1WaifBI
Selamat mencoba...