Kolaborasi Basic4Android dan Yii PHP Framework (1)

Pada artikel sebelumnya saya pernah share Cara Menghubungkan Aplikasi Android ke Database MySQL tanpa perlu repot-repot membuat Web Server sendiri, yaitu dengan menggunakan Remote Database Server (RDC), sebuah middleware berupa Java Web Server yang memungkinkan kita dengan mudah untuk menghubungkan aplikasi android ke berbagai Remote Database Server.

Library yang digunakan dalam project ini yaitu HttpUtils2 dan JSON.

Berhubung banyak yang menanyakan bagaimana jika aplikasi Android-nya menggunakan API atau JSON dari sebuah Web Server, maka kali ini saya akan share tutorialnya! Dalam tutorial ini saya menggunakan PHP dengan Yii Framework sebagai Web Server-nya. Dan di sini saya akan lebih menekankan pada penjelasan mengenai Basic4Android (B4A) seperti: Request data ke server, parsing JSON, menampilkan hasil parsing JSON, dll. Jadi, untuk tutorial Yii Framework seperti: Instalasi Yii, generate Model dan CRUD dengan Gii, setting config database, dll. Bisa tanya ke si Mbah 😀

Sebelum melangkah lebih jauh, terlebih dahulu buat database MySQL-nya, dengan nama (misal): h-store. Lalu buatlah tiga tabel dengan nama: barang, kategori, dan user.01-database

Lalu buatlah field-field sebagai berikut:

Tabel barang 02-tabel-barang
Tabel kategori 03-tabel-kategori
Tabel user

04-tabel-user

Web Server/Back-End (Masih Standar Yii Framework) 27-backend-barang28-backend-barang

* * *

Jika database MySQL sudah dibuat, lalu perhatikan langkah-langkah berikut ini…

Membuat Login Aplikasi

Di sini (Yii Framework) ada tiga controller yang saya generate, yaitu: BarangController, KategoriController, dan UserController. Controller-controller ini yang nantinya akan meng-handle request data yang datang dari mobile atau aplikasi Android-nya.

  1. Pada UserController saya menambahkan fungsi actionMobile, code-nya seperti berikut:

  1. Beri akses actionMobile pada fungsi accessRules, agar bisa diakses oleh aplikasi Android-nya.

  1. Oke, beralih ke B4A. Buat project baru lalu save dengan nama: h-store.

Membuat Aplikasi Android Pertama dengan Basic4Android

  1. Buka jendela Designer dengan mengklik menu Designer05-designer
  1. Buat layout baru dengan nama: login. Lalu tambahkan object-object seperti gambar berikut: 06-designer-layout

Membuat Form Login Aplikasi di Basic4Android (1)

  1. Kemudian deklarasikan object-object tersebut. Untuk btnLogin tambahkan event Click.

  1. Pada Process_Globals deklarasikan sebuah variabel string dengan nama: serverAddress. Variabel ini berfungsi untuk menampung alamat IP Web Server-nya.

  1. Pada event Activity_Create masukkan code seperti di bawah ini:

  1. Lalu pada Sub btnLogin_Click tambahkan code berikut:

  1. Setelah itu buat event JobDone. JobDone ini akan berjalan ketika proses komunikasi antara App Client (Android) dengan Web Server selesai.

Berikut adalah JSON yang dihasilkan saat ada request data user dari mobile atau aplikasi Android:

Jika login gagal 25-json-user

Jika login sukses 26-json-user

Bisa kita lihat baris kode pada poin 10 di atas,

  • Baris ke-12: Hasil parsing JSON yang dilakukan oleh JSON.NextObject di-assign ke additional Map (Map1).
  • Baris ke-13: Value dari “result” ditampung ke variabel result.
  • Baris ke-18 dan 21: Value dari “message” ditampilkan di MsgBox.

* * *

Membuat Menu Utama pada Aplikasi

Setelah membuat login, sekarang kita akan membuat menu utama. Jadi, jika user sukses saat melakukan login, maka akan diarahkan ke menu utama ini.

  1. Buat activity baru, beri nama Menu.

Membuat Multi Activity di Basic4Android

  1. Kemudian buat layout baru dengan nama: menu. Lalu tambahkan object-object seperti gambar berikut: 07-designer-layout
  1. Jika Button-nya ingin dipasang gambar, silakan atur properties Button-nya (misal btnKategori) seperti berikut ini: 08-designer-layout
  1. Kemudian deklarasikan object-object tersebut. Dan tambahkan event Click untuk btnKategori dan btnBarang.

  1. Pada event Activity_Create masukkan code seperti di bawah ini:

  1. Save, kemudian Run/Compile project ini dalam versi Release.
  2. Lalu lihat, apa yang terjadi…
  3. Form login, saat aplikasi di-running. 09-login
  1. Saat login gagal. 10-login
  1. Saat login sukses. 11-login
  1. Menu utama aplikasi. 11-menu-utama

Oke, demikian kolaborasi antara Basic4Android dengan Yii PHP Framework untuk bagian pertama. Di bagian kedua nanti akan saya share cara membuat CRUD untuk tabel barang dan kategori. Happy Coding! 🙂

Silakan download source code lengkapnya di sini: B4A | Yii | DB

Untuk bagian keduanya:

Kolaborasi Basic4Android dan Yii PHP Framework (2)

Share This!

Leave a Reply

8 Comments on "Kolaborasi Basic4Android dan Yii PHP Framework (1)"

Notify of
avatar
Sort by:   newest | oldest | most voted
Imam
Guest

Guanteng pisan tutorial e….sukses selalu gan…

Guest
Guest

bagus sekali tutorialnya. sedikit saran, untuk response login sukses sebaiknya tidak usah menampilkan data password. untuk mencegah hal yg tidak diinginkan 😀

Floren
Guest

Mas, gmn caranya upload RDC ke server??
apa yg harus dsetting d android kita???

trackback

[…] Kolaborasi Basic4Android… […]

fadil
Guest

gan kok gk bisa di compile yah

sirad
Guest

gan apa pada latihan ini masih pake RDC ???

wpDiscuz