JOBSHEET

MATA KULIAH APLIKASI MOBILE

DOSEN :
I KETUT RESIKA ARTHANA, S.T., M.KOM
(NIP. 198412012012121002)
http://www.rey1024.com | resika@undiksha.ac.id

TOPIK

: MENGEMBANGKAN APLIKASI BULELENG LAPOR BERBASIS

CLIENT SERVER DENGAN TEKNOLOGI MOBILE HYBRID
SUB TOPIK
: BASIS DATA DAN REST API
VERSI DOKUMEN : 1.0 (12 Mei 2016)

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS PENDIDIKAN GANESHA SINGARAJA
JURUSAN PENDIDIKAN TEKNIK INFORMATIKA
2016

LANGKAH 1 : MEMBUAT BASIS DATA DISISI SERVER

db_bulelenglapor

LANGKAH 2 : ISI DATA PADA TABEL TERSEBUT

Contoh Data :

1. Tabel Laporan

2. Tabel Pelapor

LANGKAH 3 : MEMBUAT REST-API UNTUK MENGHASILKAN JSON

DARI BASIS DATA TERSEBUT
1. Buat folder didalam htdocs di dalam folder XAMPP dengan nama
bulelenglapor. Folder tersebut berisi file seperti dibawah ini
2. koneksi.php

3. login.php

Uji rest-api diatas dengan membuka url

http://localhost/bulelenglapor/login.php?username=klepon&password=kl
epon123 akan menghasilkan
{"status":1,"data":{"username":"klepon","password":"klepon
123","nama":"Nengah Klepon","pelapor_id":"1"}}

http://localhost/bulelenglapor/login.php?username=klepon&password=kl
epon1
{"status":0}

4. listlaporan.php

Uji dengan membuka url : http://localhost/bulelenglapor/listlaporan.php maka

akan menghasilkan
[{"laporan_id":"3","judul":"Taman
Jomblo","isi_laporan":"Sediakan taman jomblo donk, biar yang
malming sendirian bisa juga hepi","photo":null,"tanggal":"20160511","pelapor_id":"1","instansi_terkait":null,"long":null,"lat":
null,"alamat":"Depan kampus
undiksha"},{"laporan_id":"2","judul":"Pelayanan kurang
memuaskan di kantor XYZ","isi_laporan":"Ketika jam kerja
mengurus surat keterangan jomblo, petugas tidak ada ditempat
karena sedang menjemput anak
mertuanya","photo":null,"tanggal":"2016-0505","pelapor_id":"1","instansi_terkait":null,"long":null,"lat":
null,"alamat":"Jalan android"},{"laporan_id":"1","judul":"Lalu
lintas macet","isi_laporan":"Lalu lintas macet ketika lampu
merah. Mohon lampunya dihijaukan
terus","photo":null,"tanggal":"2016-0501","pelapor_id":"1","instansi_terkait":null,"long":null,"lat":
null,"alamat":"Jalan Bisma no
14"},{"laporan_id":"4","judul":"Tambah
bioskop","isi_laporan":"Disingaraja kurang hiburan. Tambah
tempat hiburan seperti bioskop, mall,
dsb","photo":null,"tanggal":"2016-0501","pelapor_id":"1","instansi_terkait":null,"long":null,"lat":
null,"alamat":"jalan Ayani Singaraja"}]

5. detaillaporan.php

Uji dengan membuka http://localhost/bulelenglapor/detaillaporan.php?id=1

maka akan menghasilkan :
[{"laporan_id":"1","judul":"Lalu lintas
macet","isi_laporan":"Lalu lintas macet ketika lampu merah.
Mohon lampunya dihijaukan terus","photo":null,"tanggal":"20160501","pelapor_id":"1","instansi_terkait":null,"long":null,"lat":
null,"alamat":"Jalan Bisma no 14"}]