Membuat Aplikasi Android Hybrid dengan CORDOVA
Assalamualaikum 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.
Penjelasan 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.
Saya 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
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
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.
Didalam 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
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
Namanya 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
21 replies on “Membuat Aplikasi Android Hybrid dengan CORDOVA”
setlah saya install apk di android, kenapa kok saat submit muncul pesan error “Input Gagal” ?
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/ 😀
folder saldonya di taruh di htdocs ndak mas?
Yang ditaruh di htdocs adalah folder yang isinya file php (untuk actionnya)
yang html kan di convert jadi Android. 😀
ini untuk jaringan lokal ya. Klo database sy taro di hosting tdk bisa ya?
SAgant bisa,
tinggal diganti aja URLNYA mengarah ke hosting anda. selesai
Sori pak, sdh bisa dites dgn posisi database dihosting, thanks bgt cth aplikasinya pak. Sangat bermanfaat buat sy yg baru bljr
Ok Mas, sama2, saya juga senang jika Ilmu bisa bermanfaat buat orang lain, btw untk ini
itu tanya atau memberi tahu ya?
Itu saya sdh berhasil tes dgn db ada dihosting pak. Thank bgt ilmunya
maaf pak mau nanya, itu link yang untuk menghubungkan ke htdocs sebelah mananya ya?
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.
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
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
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.
mantap mas artikelnya , kunjungi juga blog saya ada source codenya juga
rplkediri.blogspot.co.id
mengganti alamat ip nya di mana gan? untuk hosting masing2kan beda
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 😀
kenapa tidak bisa terkoneksi databasenya? nominal pada databasenya tidak muncul ..
tolong pencerahannya maklum newbie
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. 😀
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..
Ok Senang Bisa membantu 😀
dan Trimakasih sudah mampir + Komen ya