Berjumpa lagi dengan Bang Plowotan, di tutorial kali ini kita akan membuat sebuah aplikasi Quiz Benar/Salah. Quiz ini ini berbasis dari HTML5, untuk quiz ini tidak sepenuhnya dibuat dari nol tetapi menggunakan template yang sudah ada hanya merubah beberapa pertanyaan dan nama dari aplikasinya saja.
Sedikit perkenalan, apa itu PhoneGap?
PhoneGap adalah suatu framework aplikasi yang memungkinkan anda untuk membangun aplikasi native android menggunakan HTML dan Javascript. Phonegap
memudahkan untuk para developer pemula android untuk membangun suatu aplikasi. Phonegap juga memberikan kreasi dan tampilan yang sangat menarik karena
dibuat dengan menggunakan perintah HTML dan Javasctipt. selain itu phonegap dapat digunakan oleh semua macam operation sistem seperti android, ios,
blackbarry, windows phone, bada dan lain sebagainya.
Sebelum memulai untuk membuat aplikasi quiz ini, siapkan beberapa bahan dan lainya yang harus kamu unduh terlebih dahulu :
- PhoneGap Desktop
- Template Quiz
- Koneksi Internet
Jika sudah di unduh selanjutnya kamu ikuti langkah-langkah di bawah ini.
- Instal PhoneGap Desktop di laptop/komputer kamu. Jika sudah selesai di instal, kemudian buka PhoneGap Desktopnya.
- Lalu klik tanda + (tanda Plus) lalu pilih Create new PhoneGap project.
- Kemudian pilih Blank template.
- Selanjutnya pada Project Details, pilih lokasi (Local Path) dimana project akan di simpan. Nama aplikasinya lalu untuk ID itu opsional, boleh diisi atau dikosongkan. Lalu klik Create Project.
- Lalu klik pada local path.
- Kemudian masuk ke dalam folder www, dan hapus semua data yang ada di dalam folder tersebut.
- Lalu extrak template quiz yang sudah di download tadi ke dalam folder www.
- Untuk mencoba menjalankannya, buka browser lalu ketikkan localhost:3000. Maka aplikasinya bisa kamu coba.
- Selanjutnya untuk mengubah soal-soal pertanyaannya buka folder js lalu buka file question.json. Silahkan kamu ganti pertanyaannya. jika sudah klik save. lalu bisa kamu coba jalankan lagi di browser.
- Untuk mengubah menjadi file apk, kompres folder project PhoneGap menjadi file .zip.
- Jika sudah buka situs https://build.phonegap.com/people/sign_in, kemudian login.
- Jika sudah muncul tampilan seperti dibawah, klik Upload a .zip file. kemudian cari folder project yang sudah di kompres sebelumnya. Tunggu hingga proses upload selesai.
- Jika prose upload sudah selesai kemudian klik Ready to Build.
- Langkah terakhir klik logo Android maka file apk akan terunduh. dan kamu bisa mencoba menginstal di perangkat android yang kamu miliki.
