Skip to main content
belajar-membuat-aplikasi-android-html5-dengan-intel-xdk

Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK – Bagian 4

Dalam tutorial terakhir dari seri Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK ini, saya akan menjelaskan bagaimana cara mem-build aplikasi yang sudah dibuat agar dapat digunakan dan di-install langsung secara mandiri di perangkat Android.

Untuk mengikuti tutorial ini, pastikan kalian telah membaca artikel sebelumnya pada tautan berikut.

Maaf, artikel ini sudah tidak relevan. Terhitung semenjak 30 Juni 2017 Intel XDK sudah berstatus depracated/stop support oleh Intel, sehingga menyebabkan Intel XDK sudah tidak bisa digunakan untuk melakukan pengembangan aplikasi mobile.

Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK – Bagian 4

Pertama, buka kembali project myApp yang sudah dibuat pada tahap sebelumnya. Lalu, klik menu Build. Berikut adalah tampilan utamanya.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 1.

Sebelum mem-build project yang kalian buat, sebelumnya kita harus melakukan beberapa konfigurasi terlebih dahulu. Caranya, klik icon Setting pada bagian Android.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 2.

Isilah Developer Certificate pada bagian Cordova Hybrid Mobile App Setting > Build Setting > Android. Jika baru pertama kali menggunakan Intel XDK, silahkan kalian buat terlebih dahulu dengan cara klik Create New Developer Certificate.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 3.

Kemudian, akan muncul tab Create your Android keystore. Silahkan kalian isikan sesuai dengan gambar di bawah ini. Kalian juga bisa mengikuti panduannya dengan membaca dokumentasi resmi dari Intel XDK pada tautan berikut.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 4.

Jika sudah terisi semua, klik Save dan tunggu beberapa saat. Setelah selesai, pastikan bagian Developer Certificate sudah terisi sesuai dengan yang kalian buat sebelumnya.

Baca juga:  Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK – Bagian 1

Agar aplikasi kalian terlihat lebih menarik, silahkan kalian tambahkan Icon dan Splash Screen.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 5.

Apabila sudah kalian isi, klik menu Build dan bisa kalian lihat icon Setting yang tadinya terdapat notifikasi error, sekarang sudah berubah menjadi checklist berwarna hijau.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 6.

Selanjutnya, klik icon gembok di sebelahnya, dan masukkan password (atau keystore) yang telah kalian buat pada tahap pembuatan Developer Certificate. Kemudian, klik Unlock.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 7.

Lalu, klik icon Checklist pada bagian Android, sehingga akan seperti gambar di bawah ini. Kemudian, klik Start Builds.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 8.

Tunggu beberapa saat hingga proses selesai.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 9.

Kalian akan mendapatkan notifikasi “Build Complete“, jika proses build telah selesai. Untuk men-download hasil build dari project kalian, silahkan klik icon Download.

belajar-membuat-aplikasi-android-html5-dengan-intel-xdk
Gambar 10.

File yang telah kalian download akan berisi 2 file .apk yang dapat kalian gunakan untuk meng-install aplikasi tersebut secara mandiri di perangkat Android.

 

Jadi, itulah penjelasan mengenai cara build project di Intel XDK dalam tutorial Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK – Bagian 4. Jika kalian mengalami kesulitan, jangan sungkan untuk menanyakannya kepada kami melalui komentar di akhir artikel. Semoga artikel ini bermanfaat. Terima kasih.

 


Tertarik untuk bergabung bersama kami? Daftar jadi Penulis Tamu, sekarang! Klik disini.

Fadhlillah Ariefianto

Bukan coders, tapi suka coding. Bukan blogger, tapi suka blogging.

3 thoughts to “Belajar Membuat Aplikasi Android HTML5 dengan Intel XDK – Bagian 4”

  1. File yang telah kalian download akan berisi 2 file .apk yang dapat kalian gunakan untuk meng-install aplikasi tersebut secara mandiri di perangkat Android.
    cara instal file di android

  2. Mau bertanya, apakah bisa membuat app yang bersifat editing seperti tanda tangan dengan aplikasi ini?

Leave a Reply