Membuat Aplikasi Android Hybrid dengan CORDOVA

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

LINK INI  atau INI 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

[code=php]cordova create saldo[/code]

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

[code=php]cordova platform add android[/code]

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

[code=php]cordova build android[/code]

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

29 thoughts on “Membuat Aplikasi Android Hybrid dengan CORDOVA”

    1. 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/ 😀

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

    1. 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?

    1. Sory Gan, maksudnya bagaimana ini? saya kurang Paham apa yg ditanyakan.

      setahu saya, kalau ini menggunakan local ya tinggal alamat IP localnya dan nama file yg dituju (file phpnya).

      semua file PHPnya ya jelas sudah ada di dalam htdocsnya.
      atau server

      yg DI create adalah hanya file .html dan Javascriptnya saja.

  2. maaf pak, itu yang saya mau tanya. letak alamat ip-nya atau nama file phpnya di html di sebelah mana pak? saya mau rubah itu

  3. maaf mas boleh tanya.
    saya sudah coba langkah2 di atas, web yang di lokal sudah jalan dan database sudah nyambung.
    tapi kok pas di insatall di android databasenya tidak nyambung ya.. ga bisa insert data dll

    mohon pencerahanya mas , apa mungkin ada settingan yang kurang

    1. maaf baru sempat balas, saya perlu memastikan dulu.
      1.Pada saat install jadi Android ini make Cordova ya? (karena takutnya kecampur ama tutorial saya yg menggunakan Intex XDK..)

      2.Apakah COrdovanya sudah install dengan benar? karena itu butuh SDKnya ygkurang llebih kalau di windows sekitar 16 GB tan.
      Kalau SDK nya belum lengkap otomatis Build akan gagal.

    1. Halo Maaf baru bales.

      mengganti alamat IP bisa di file .HTMLnya dan didaerah Javascriptnya

      kalau ada $.post(“http://alamat_webatauIp_anda/halaman_action.php”, bla bla);

      disitu gantinya 😀

  4. kenapa tidak bisa terkoneksi databasenya? nominal pada databasenya tidak muncul ..
    tolong pencerahannya maklum newbie

    1. Sudah cek ini

      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. 😀

  5. Ini baru dibilang tutorial… Contoh dan arahannya aplikatif bgt ??.. Tq bgt bro Septiyo, buat pencerahannya, aku yg br mau tau jadi penasaran coba.. Sukses dan makin sukses terus buat bro Septiyo..

  6. Allhamdulillah nemu juga.. baru selesai instal cordovanya.. belum test create or build.. next kalau mau tanya comment disini aja ya.. hahahha

    1. iya gak silahkan

      tapi harap sabar kalau comment disini, kadang saya jarag buka comment,

      kalau pengin cepet bisa ke emaail saja tidak msalah

  7. Kalau saya sudah punya aplikasi berbasis web dengan framework codeigniter bisa gak kalau di build up dengan cordova ?

    1. Bisa saja, walau pakai sistem MVC tapi tetep yg di sisi client/android hanya javascriptnya dan HTML saja. Selebihnya PHP dan CInya ada di server.

Leave a Reply

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