Membuat Aplikasi Android Hybrid dengan CORDOVA

apache-cordovaAssalamualaikum WrWb.

Setelah Lama tidak membuat Tulisan, sekarang saya akan membahas mengenai cara membuat Aplikasi Android Hybrid dengan Cordova.  Q:Lalu apa bendanya dengan yang menggunakan intel XDK ? A: Ya Beda OM.. yg satu make bantuan intel XDK, yang ini langsung aja.

Note: Disini saya tidak menjelaskan bagaimana cara install Cordova, anda bisa mengintall nya disini.  Saya Anggap Cordova sudah terinstall di Laptop atau PC anda.

Langsung bagaimana maksudnya? ya kita hanya perlu membuat web menggunakan HTML + AJAX + JQUERY + JSON lalu diconvert dengan menggunakan Cordova.

Saya tidak akan panjang lebar menerangkan disini, anda bisa sedot atau download di github

1
git clone https://github.com/septiyo/saldo.git -b cabang2 --single-branch

atau jika tidak punya git anda bisa menuju ke link ini lalu anda Bisa download dari sana.

Ok saya anggap sudah, difolder yang anda sudah download, ada file bernama data.sql

silahkan anda Import ke Database mysql anda.

Anggap sudah selesai, Harusnya akan ada tampilan seperti berikut jika anda sudah jalankan

di Browser.

check_sign_icon_yellowPenjelasan singkat Program ini hanyalah program Insert data saja, yg saldonya bisa di set dan mencatat penjualan (Saya Buat ini untuk keperluan jualan Online :D)

Ok sampai disini langkah awal selesai.

selanjutnya anda install Cordova, anggap sudah selesai, jika Cordova sudah terinstall anda Command Line anda dan ketik Cordova.CaptureSaya Anggap sudah sperti ini tampilannya,

Anda siapkan 1 Folder untuk Create Android, misal di folder D:

lalu create saja Folder namanya saldo, didalam Saldo ketikkan perintah berikut

1
cordova create saldo

Akan ada jeda sedikit lalu didalam folder saldo akan tercreate folder saldo lagi yang didalamnya ada library2 Cordova, tapi ini masih belum lengkap, anda Masuk ke folder Saldo ke 2 lalu ketikkan perintah berikut

1
cordova platform add android

tunggu sebentar. Note: Saat melakukan build Android dengan Cordova, anda harus Connect dengan Internet, jika tidak maka tidak akan bisa

setelah selesai, anda masuka folder WWW yang ada dalam library hasil Create.

Capture2Didalam File www sudah ada file dan folder, abaikan saja,

anda kembali ke Folder saldo yg anda download dari saya, Copy file yg ada hubungannya degngan JAVASCRIPT, CSS dan HTMLnya, lalu pastekan ke Folder WWW hasil Create.

REPLACE saja tidak masalah.

Setelah Copy selesai, saatnya BUILD androidnya. NOTE: Harus Connect dengan Internet.

anda Ketikkan Tulisann ini

1
cordova build android

Jika tidak ada error maka Insyaallah Build aplikasi anda berhasil.

Kembali ke Folder Saldo, File APK anda ada di Direktocy ini

platform/android/build/output/apk

Capture3Namanya memang Android-debug.apk

anda bisa coba install aplikasi itu melalui Emulator Android atau HP anda. 😀

Sudah selesai, sekarang anda bisa menginstall dan membuild aplikasi android sendiri.

Petanyaan yg sangat sering terjadi.

1.Setelah aplikassi jadi, Install, dan tidak muncul apa2.

Solusi: Pastikan Dahulu file yg tadi anda download sudah ada di htdocs, web server sudah nyala dan Database sudah di import kedalam mysql. masih tidak konek, anda cek koneksi.php, sesuaikan dengan database anda.

2. Saat Command : cordova platform add android tidak berjalan / error, solusi biasanya ada yang kurang lengkap, mulai dari SDK androidnya, tipe cordovanya yang sudah lama, atau lainnya. JIka ada masalah bisa ketik cordova -requirement maka kekurangan akan terlihat. Anda tinggal Install saja kurangnya. 😀

 

itu saja dari saya

Semoga bermanfaat

Wassalamualaikum Wr.Wb

 

 

 

 

 

 

 

9 thoughts on “Membuat Aplikasi Android Hybrid dengan CORDOVA

  1. adi

    setlah saya install apk di android, kenapa kok saat submit muncul pesan error “Input Gagal” ?

    Reply
    1. septiyo Post author

      Input gagal itu bermacam sebabnya, paling sering karena Belum Konek kedatabase.

      Apa anda sudah yakin Webnya sudah jalan?

      Harusnya sebelum Build anda jalankan dulu webnya di database local anda. Jalan tidak inputnya, kalau sudah jalan. Baru di build dengan Cordova/ 😀

      Reply
        1. septiyo Post author

          Yang ditaruh di htdocs adalah folder yang isinya file php (untuk actionnya)

          yang html kan di convert jadi Android. 😀

          Reply
  2. Junior siahaan

    Sori pak, sdh bisa dites dgn posisi database dihosting, thanks bgt cth aplikasinya pak. Sangat bermanfaat buat sy yg baru bljr

    Reply
    1. septiyo Post author

      Ok Mas, sama2, saya juga senang jika Ilmu bisa bermanfaat buat orang lain, btw untk ini

      Sori pak, sdh bisa dites dgn posisi database dihosting,

      itu tanya atau memberi tahu ya?

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *