cordova + ionic framework + mysql, crud operation on Android or iOS

tampilan di zenfone 4

Pernahkah agan melihat gambar dibawah ini di tv2 atau iklan2 yang menyertakan aplikasi seperti halnya traveloka ?

yupp, jika pernah melihat,,, aplikasi tersebut dibuat dengan cordova , istilah org bulenya adalah Hybrid Applications. yaitu aplikasi yang bisa berjalan di 2 platform yang berbeda dan akan terlihat sama. dan kebetulan saya akan memberi tutor simple . . :).

membuat aplikasi ini tidaklah sulit, karena ionic memberikan kemudahan dalam membuat apps ini. apalagi yang suka ngoprek2 angularJS+HTML5 seperti halnya ane. . hehee, pasti tidak akan sulit untuk membuatnya.

syarat :

install JDK 8
install cordova
install ionic
install node.js

setelah semuanya terinstall maka buat project baru. buka CMD di window, atau terminal kalo di linux. ketik perintah :

ionic start namaApp blank
cd namaApp
ionic platform add android //untuk android
ionic platform add ios //untuk ios, ini memerlukan xcode dan ios sdk, intinya harus menggunakan mac not windows. hee
ionic serve //maka akan berjalan di web browser

Tampilan Di Chrome

ionic berjalan di localhost:8100, ini akan mempercepat pengerjaan membuat aplikasi dibanding kita menggunakan emulator android atau AVD.

so,,, AVD di laptop saya selalu not respon dan tidak bisa berjalan sama sekali, maklum laptop ane cuma AMD A6 atau standart dual core saja. jadi membuat aplikasi tanpa AVD melainkan pake chrome yang kemudian dijadikan file .APK dan kemudian berjalan di my asus zenfone.

silahkan edit di folder www dalam projectnya. disitu ada index.html, app.js dan file2 java. untuk IDE bisa pake notepad++ dan netbeans, atau bisa pake editor lainnya tergantung selera. jika ane notepad++ dan netbeans. hee

--Penjelasan tentang AngularJS pada ionic.

1) app.js

ini saya gunakan untuk membuat route, ibarat kita ingin ke pasar untuk beli bakwan rute mana yang akan kita gunakan. kurang lebih seperti itu.

2) service.js

ini saya gunakan untuk layanan berbasis http yang kemudian akan dilanjutkan ke controller, dalam project, saya menggunakan PHP dan mysql untuk mencetak json yang kemudian akan di parsing di service,js

3) controller.js

ini saya gunakan sebagai controller template.

--Simple Crud By Rudy

database dan script php saya taruh di idhostinger karena gretong... bisa di akses di http://herudi-sahimar.16mb.com/select.php itu untuk menampilkan data.