Menggunakan SQL pada worklight dengan SQL Adapter

Malem gan. sorry-sorry tu sey ye baru posting lagi nih ane gan. sibuk banget abis ikutan lomba di pulau kapuk gan *halah -_- .  nih gan buat u yang tertarik sama mobile apps development. pasti yang namanya aplikasi yang u buat kalau tanpa database atau noSQL serasa makan sayur tanpa garam gan. `TAWAR`..

nah disini sekarang kita bakal ngebahas tentang gimana aplikasi worklight kita melakukan permintaan data kepada database lokal(dalam kasus ini adalah PHPMyAdmin). fungsi ini dikenal dengan SQL Adapter gan. jadi aplikasi u bisa melakukan transaksi dengan SQL dengan media WiFi maupun hotspot tethering gan.

daripada berlama-lama langsung aja. 

1. Pertama u klik kanan pada project u gan -> new -> worklight adapter (gambar 1)

2. abis itu u masukkin nama adapter typenya apa sebagai SQL adapter dan adapter namenya terserah u aja gan yang penting asik lah. abis itu klik finish. (gambar 2) *JSONStore ngga usah di perdulikan gan. itu nanti aja supaya u penasaran. hehehehe

3. nah disono ada 2 file yang terdapat pada folder adapters gan. ada yang ekstensinya .xml dan .js (penjelasannya ada di bawah ya gan). untuk file .xmlnya ada dibawah penampakannya (gambar 3)

4. untuk .xml u lakukan konfigurasi dulu supaya nantinya aplikasi u bisa melakukan permintaan data kepada SQL servernya. yang u konfigurasi pada tag <url>. ubah isi <url> menjadi jdbc:mysql://localhost:3306/nama_db_pada_phpmyadmin. pada tag <user> dan <password> isi dengan `root`*kalau phpmyadmin u defaultnya ngga pake password, harap ubah passwordnya. karena worklight tidak bisa membaca tag yang berisi null atau kosong.ex:<password></password>. ini berguna untuk melakukan koneksi terhadap sql pada phpmyadmin(gambar 4).

5. dan perbandingan pada phpmyadminnya (gambar 5 & 6)

6. pada file xxx-impl.js, ada procedure1Statement dan ada fungsi procedure1. pada procedure1Statement, u bisa masukkin query apa saja sesuai dengan kebutuhan u gan. misal `SELECT * FROM `tabel` `(gambar 7)

7. bisa langsung dicoba gan dengan cara klik kanan pada file xxx.xml atau pada file xxx-impl.js -> deploy worklight adapter.(gambar 8)

8. abis itu u lakukan hal yang sama tapi jangan deploy worklight adapter, tapi invoke worklight procedure(gambar 9).

9. ada popup muncul dengan memasukkan procedure namenya adalah procedure1. karena u tadi melakukan query pada fungsi procedure1 dengan paramnya `null` atau dikosongkan pada bagian parameters lalu klik Run(gambar 10).

10. kalau ada notifikasi kaya (gambar 11), berarti u harus download JDBC.SQL.Connector gan tinggal klik disini http://dev.mysql.com/downloads/connector/j/ . abis itu u tinggal copy mysql-connector-java-x.x.xx-bin.jar ke folder server -> lib pada project u(gambar 12).

11. kalau udah di copy, u ulangin deh poin ke 7 sampe ke 9 :)

12. nah kalau udah ada hasil yang bener tuh kaya (gambar 13) gan. perbandingannya ada di (gambar 14) pada PHPmyadmin.

udah gan hari ini segitu aje ye.. -_-
CHEERS..

Gambar :

Gambar 1 . Worklight Adapter

Gambar 2. Buat SQL Adapter

Gambar 3. SQL Adapter xml

Gambar 4. Konfigurasi xml server

Gambar 5. Perbandingan pada PHPMyAdmin

Gambar 6. perbandingan PHPMyAdmin

Gambar 7. Javascript Server

Gambar 8. Deploy worklight adapter

Gambar 9. Invoke Worklight Procedure

Gambar 10. SQL invocation

Gambar 11. Error invocation

Gambar 12. Copy mysql connector java ke folder server -> lib

Gambar 13. invocation data sql berhasil

Gambar 14. perbandingan pada PHPMyAdmin