MATERI 4

Aplikasi Client-Server Menggunakan Android, PHP dan MySQL

Memahami Aplikasi Client-Server

Memahami program server dengan PHP

Memahami MySQL

Aplikasi yang akan kita buat ini adalah aplikasi Client-Server, karena disisi client (Pengguna HP Android)

akan berinteraksi dengan database yang ada di server melalui internet/jaringan dan PHP. Untuk lebih

jelasnya dapat dilihat ilustrasi gambar berikut ini:

Berdasarkan gambar di atas, ponsel Android akan melakukan request (get/post) ke server

melalui internet. Cara ini juga sama jika ingin aplikasi berada pada localhost. Selanjutnya web

server (dalam hal ini PHP), akan memproses request dari Android dan akan melakukan query ke

database (MySQL)

Sebenarnya Android memiliki beberapa fasilitas untuk menyimpan data yaitu:

1. Shared preferences. Terdiri dari key dan value data. Model ini biasanya untuk

menyimpan settingan (pengaturan) sebuah aplikasi.

2. File. Fasilitas ini juga dapat menyimpan data sama halnya dengan Shared Preferences,

hanya saja data disimpan ke dalam bentuk file. Misalnya: txt, xml atau bentuk file

lainnya

3. SQLite Database. Fasilitas ini cukup ideal untuk menyimpan data yang lumayan banyak.

Berbeda halnya dengan 2 fasilitas sebelumnya yang biasanya untuk menyimpan data

yang sedikit seperti pengaturan. Dengan SQLite, kita dapat melakukan query dan table-

table seperti halnya database pada umumnya.

Ketiga fasilitas di atas menyimpan data pada ponsel pengguna (client). Nah, bagaimana jika ingin data

itu selalu update dan dapat mengaksesnya siapa saja dan dimana saja (anyone, anytime and

anywhere)?. Itulah alasanya mengapa kita memerlukan sebuah server dalam hal ini MySQL. Jadi, ada

tiga hal yang harus kita lakukan untuk membuat aplikasi Client-Server ini, yaitu:

1. Membuat Database

2. Membuat script PHP

3. Membuat aplikasi Android

Dari tiga hal di atas akan kita bagi-bagi lagi dalam beberapa tahap pengerjaan aplikasi ini. Ikuti langkah-

langkah berikut ini:

A. Memebuat Database MySQL

Untuk membuat database pastikan terlebih dahulu dikomputer Anda sudah terinstall database

MySQL Server dan webserver Apache serta PHP atau sudah terinstall paket XAMPP. Untuk

memudahkan pembuatan database Anda boleh menggunakan PHPMyAdmin. Buatlah database,

table dan masukkan record-nya.

CREATE DATABASE dbclientserver;

CREATE TABLE IF NOT EXISTS `mahasiswa` ( `id` int(11) NOT NULL AUTO_INCREMENT, `nim` varchar(11) NOT NULL, `nama` varchar(100) NOT NULL, `telp` varchar(50) NOT NULL, `alamat` varchar(255) NOT NULL, PRIMARY KEY (`id`));

INSERT INTO `mahasiswa` ( `nim`, `nama`, `telp`, `alamat`) VALUES ( '1231050', 'Sultan Hasanuddin I', '0800', 'Palembang'),

( '1231051', 'Sultan Hasanuddin I', '0801', 'Palembang'),

( '1231052', 'Sultan Hasanuddin I', '0802', 'Palembang'),

( '1231053', 'Sultan Hasanuddin I', '0803', 'Palembang'),

( '1231054', 'Sultan Hasanuddin I', '0804', 'Palembang');

B. Membuat Script PHP

Sebenarnya Android tidak dapat berkomunikasi langsung dengan MySQL untuk memanipulasi

database. Untuk itu, kita membutuhkan script server side misalnya ASP, JSP atau PHP untuk bisa

menjadi “jembatan” antara Android dengan MySQL. Jadi, Android hanya memberika perintah

(request) ke PHP dan PHP yang akan melaksanakan query ke MySQL. Data yang dihasilkan atau

diambil dari database MySQL semua dalam format JSON.

Ada 5 file PHP yang di butuhkan, yaitu:

1. index.php: sebagai file index dan hanya berisi HTML.

2. connection.php: sebagai file koneksi ke database.

3. select_all.php: untuk melakukan query mengabil seluruh data dari table mahasiswa.

4. submit_mahasiswa.php : untuk memproses simpan dan update ke database.

5. delete_mahasiswa.php: untuk menghapus (delete) data mahasiswa

Semua file di atas diletakkan dalam direktori “03120012” (Ganti sesuai NPM Anda).

c:/xampp/htdocs/03120012. (sesuaikan dengan direktori server Anda).

index.php

connection.php

select_all.php

submit_mahasiswa.php

delete_mahasiswa.php

Sebelum dicoba ke Android, coba terlebih dahulu dicek melalui browser dengan alamat

http://localhost/03120012. Untuk mengecek di Android, buka browser dari emulator (AVD), dan

ketikkan url http://10.0.2.2/03120012 maka akan muncul seperti gambar berikut:

C. Membuat Aplikasi Android

a. Membuat Object Mahasiswa

Yang pertama kita lakukan adalah membuat object Mahasiswa, karena table yang dibuat

sebelumnya adalah mahasiswa. Class Mahasiswa sangat membantu kita memanipulasi object.

Salah satunya adalah konsep Object Relational Mapping (ORM) yang menggunakan object yang

sama untuk memetakan table pada database.

Mahasiswa.java

b. Membuat Class ServerRequest

Class ini akan kita gunakan berkomunikasi / melakukan request ke server. Pada class ini, kita

membuat dua buah request, yaitu GET dan POST.

ServerRequest.java

c. Ubah Layout activity_main.xml

Ubahlah file activity_main.xml di dalam folder layout menjadi seperti script berikut:

activity_main.xml

d. Tambah Layout Baru list_row.xml

Layout ini adalah custom ListView agar dapat menampilhan Nama dan NIM mahasiswa dalam

ListView.

list_row.xml

e. Membuat ListAdapter

Untuk menampilkan custom ListView, kita membutuhkan sebuah adapter yang inherit kepada

BaseAdapter. ListAdapterMahasiswa juga meng-implements Filterable yang berguna saat

melakukan pencarian. Berikut adalah potongan source code nya:

ListAdapterMahasiswa.java

f. Edit MainActivity.java

MainActivity adalah class utama memiliki fitur:

Menampilkan custom ListView

Memiliki Option Menu yang ditampilkan pada Action Bar (Search dan New)

Search View untuk melakukan filter (pencarian)

ListView yang dapat diklik (clickable ListView)

ListView yang dapat di long-click. Long clik akan menampilkan Contextual Action Bar

(CAB) untuk Edit dan Delete.

Pada saat MainActivity.java dijalankan, Activity akan melakukan request ke server

melalui AsyncTask. Kemudian Activity akan memanggil class ServerRequest untuk mengirimkan

GET requets. Response dari request ini adalah JSON (JavaScript Object Notation). Url yang

direquest http://10.0.2.2/03120012/select_all.php. Atau dapat dilihat melalui browser

localhost http://localhost/03120012/select_all.php. Seperti gambar berikut:

Response JSON ini akan diproses sesuai dengan object nya. Berdasarkan response JSON di atas,

terlihat bahwa object JSON terdiri dari “mahasiswa”. Dan “mahasiswa” memiliki JSON Array.

Berikut adalah Source code lengkap MainActivity.java

MainActivity.java

g. Membuat Form Mahasiswa

Membuat sebuah activity (FormMahasiswa.java) dan layout activity_form_mahasiswa.xml.

Layout ini terdiri dari TextView dan EditText untuk input data Mahasiswa (nama, nim, telp dan

alamat). Form Mahasiswa kita gunakan untuk insert dan delete.

activity_form_mahasiswa.xml

FormMahasiswa.java

h. Membuat Detail Mahasiswa

Detail Mahasiswa berfungsi untuk menampilkan data lengkap. Karena pada ListView yang

ditampilkan hanya NIM dan Nama. Sedangkan Activity DetailMahasiswa berguna untuk

menampilkan data mahasiswa dengan layout activity_detail_mahasiswa.xml.

activity_detail_mahasiswa.xml

DetailMahasiswa.java

i. Menambah Permission

Tambahkan permission ada AndroidManifest.xml.

AndroidManifest.xml

Selamat mengerjakan

Sumber: http://pizani.wordpress.com/