HASIL DAN PEMBAHASAN - DESAIN DAN IMPLEMENTASI WEB PENYALUR JASA ASISTEN RUMAH TANGGA BERBASIS

Pada bab ini menjelaskan tentang hasil dan uji coba pada aplikasi portal penyalur asisten rumah tangga berbasis web dengan menggunakan PHP dan MySQL. Pada dasarnya pembuatan aplikasi ini menggunakan teknologi web based yang membentuk sebuah program yang dapat mempermudah pencari dalam menemukan ART sesuai dengan kriteria. Untuk hasil pembuatan aplikasi ini peneliti membuat beberapa hasil di ataranya adalah hasil database, hasil desain dan uji coba. Untuk lebih jelasnya berikut ulasan dari hasil aplikasi penyalur pembantu rumah tangga ini.

4.1 Kebutuha n Sistem

Pada Web Portal ART berbasis PHP dan Mysql ini dapat diakses melalui browser dengan sistem komputer dengan spesifikasi sebagai berikut :

Sistem operasi : Microsoft Windows 7 Profesional

Jenis Komputer : Laptop TOSHIBA L640

Prosesor : Core i3 CPU M380 @ 2.53Ghz 2.53Ghz

RAM : 3 GB

Hard Disk : 750 GB

Modem : Prolink GSM

Web aplikasi dengan sistem web portal ART ini juga bisa diakses melalui browser pada sistem komputer dengan spesifikasi minimum sebagai berikut :

Sistem operasi : Microsoft Windows XP

Jenis Komputer : PC / dekstop

Prosesor : Pentium 4

RAM : 512 MB

Hard Disk : 250 GB

Perangkat Lunak yang digunakan untuk membuat Web aplikasi portal ART Berbasis PHP dan Mysql ini adalah sebagai berikut :

a. Windows 7 Professional 32bit

Sistem Operasi yang digunakan untuk membuat Web portal ART ini yaitu dengan Windows 7 7 Professional 32bit.

b. Adobe Photoshop CS 2

Adobe Photoshop CS 2 digunakan untuk mengedit dan mendesain gambar pada tampilan website.

c. Adobe Dreamweaver CS5

Macromedia Dreamweaver CS5 digunakan untuk mendesain tampilan pada website.

Sofware ini berguna untuk penyimpanan database website sebelum dihostingkan. Apache Friends Xampp 1.6.7 merupakan paket software yang dibutuhkan seperti MySQL 5.6, PHP 5.2.1, dan phpMyAdmin 2.10.0.2.

e. Gammu

Sofware ini berguna untuk system dari penghubung modem ke database untuk layanan sms gateway.

4.2 Kebutuha n Simpana n (Ba sis Data)

Pada tahap ini akan dibahas mengenai implementasi basis data dari perancangan yang telah di bahas sebelumnya. Ada 15 tabel di dalam database ini, 6 tabel untuk web portal ART yaitu : admin, kategori, konfirmasi, lokasi, pekerja, pencari dan 9 tabel untuk sms gateway yaitu : daemons, gammu, inbox, outbox, outbox_multipart, pbk, pbk_groups, phones, sentitems.

4.2.1 Tabel Admin

Gambar 4.2 Tabel Admin

Didalam tabel ini memiliki fungsi untuk menyimpan data admin, id_admin sebagai PRIMARY KEY. Terdapat 8 kolom di dalam table ini yaitu : id_admin, nama_admin, alamat_admin, ktp_admin, hp_admin, email_admin, username_admin, password_admin. Id_admin sebagai auto_increment yang akan insert nilai otomatis jika ada aktivitas insert ke dalam tabel.

4.2.3 Tabel Kategor i

Gambar 4.3 Tabel Kategori

Didalam tabel ini memiliki fungsi untuk menyimpan data kategori dari pekerja yaitu : prt, baby_sister, tukang kebun, supir. id_kategori sebagai PRIMARY KEY. Terdapat 2 kolom di dalam table ini yaitu : id_kategori, nama_nama_kategori. Id_kategori sebagai auto_increment yang akan insert nilai otomatis jika ada aktivitas

insert ke dalam tabel. Id kategori memiliki attribute integer yang datanya berupa

4.2.4 Tabel Konfir masi

Gambar 4.4 Tabel Konfirmasi

Didalam tabel ini memiliki fungsi untuk menyimpan data konfirmasi pembayaran dai pencari, id_komentar sebagai PRIMARY KEY. Terdapat 8 kolom di dalam tabel ini yaitu : id_komentar, id_pekerja, nama_komentar, hp_komentar,nama_bank, jumlah_transfer, bukti_komentar, komentar. Id_komentar sebagai auto_increment yang akan insert nilai otomatis jika ada aktivitas insert ke dalam tabel.

4.2.5 Tabel Lokasi

Gambar 4.5 Tabel Lokasi

Didalam tabel ini memiliki fungsi untuk menyimpan data lokasi pekerja, id_lokasi sebagai PRIMARY KEY. Terdapat 2 kolom di dalam tabel ini yaitu : id_lokasi, nama_lokasi. Id_lokasi sebagai auto_increment yang akan insert nilai otomatis jika ada aktivitas insert ke dalam tabel. Id_lokasi memiliki attribute integer yang datanya berupa angka untuk nama_lokasi attribute varchar yang datanya bisa berupa karakter dan angka.

4.2.6 Tabel Peker ja

Gambar 4.6 Tabel Pekerja

Didalam tabel ini memiliki fungsi untuk menyimpan data pekerja. id_pekerja sebagai PRIMARY KEY. Terdapat 17 kolom di dalam tabel ini yaitu : id_pekerja, id_kategori, id_lokasi, jenkel, nama, alamat, ktp, hp, email, foto, password, status_tampil, pendidikan, gaji, pengalaman, id_pencari, status_keluar.

4.2.7 Tabel Pencar i

Gambar 4.7 Tabel Pencari

Didalam tabel ini memiliki fungsi untuk menyimpan data pencari. id_pencari sebagai PRIMARY KEY. Terdapat 9 kolom di dalam tabel ini.

4.3 Pembua ta n Inter fa ce (Antar muka)

Program ini dibuat dengan menggunakan Macromedia Dreamweaver 8 untuk mendesain tampilan web. Ada 2 tampilan yaitu tampilan user dan juga tampilan admin.

Gambar 4.8 Pembuatan Desain User

Selain desain untuk user penulis juga mendesain halaman adm in menggunakan M acromedia Dreamw eaver 8.

4.4 Implementa si Inter face (Anta r Muka)

Pada tahap ini akan di bahas tentang implementasi antar muka pada Web Aplikasi Portal Penyalur ART yang telah dibuat berdasarkan perancangan yang telah di bahas pada bab III. Berikut ini terdapat beberapa form antarmuka yaitu :

a. Form Halaman Utama

b. Form Halaman Login/Register (Asisten Rumah Tangga)

c. Form Halaman Login/Register (Pencari Asisten Rumah Tangga)

d. Form Halaman Informasi UMR

e. Form Halaman FAQ

f. Form Halaman Profile ART

g. Form Halaman Profile ART (Pencari Sudah Login Dan Belum Login)

h. Form Halaman Contact

i. Form Halaman Edit Biodata (Asisten Rumah Tangga)

j. Form Halaman Login (Admin)

k. Form Halaman Daftar ART (Admin)

l. Form Halaman Daftar Pencari (Admin)

n. Form Halaman Konfirmasi Pembayaran (Admin)

4.4.1 Form Halaman Utama

Form halaman utama ini menampilkan halaman utama yang terdapat 5 menu. Menu tersebut yaitu home, informasi UMR, FAQ, Profil ART dan contact. Selain itu terdapat button pasang biodata gratis di pojok kanan atas.

Gambar 4.10 Form Halaman Utama

4.4.2 Form Halaman Login/Register (Pembantu Ruma h Tangga)

Form Login ini digunakan untuk ART jika ingin mengedit biodata yang sudah di tampilkan. Login menggunakan NIK (Nomor Induk KTP) dan password yang diberikan oleh admin melalui layanan sms gateway. Sedang untuk halaman register

digunakan untuk membuat akun baru ART yang dapat digunakan untuk login. Dengan melakukan pengisian biodata sudah termasuk register.

Gambar 4.11 Form Halaman Register (ART)

4.4.3 Form Halaman Login/Register (Pencar i ART)

Form Login ini digunakan untuk Pencari jika ingin memesan ART di Portal Penyalur ART. Login menggunakan username dan password yang di isi sendiri oleh pencari di form registrasi. Sedang untuk halaman register digunakan untuk membuat akun baru Pencari yang dapat digunakan untuk login. Pencari yang tanpa login hanya bisa melihat-lihat biodata PRT tanpa bisa memesan.

Gambar 4.13 Form Halaman Register (Pencari ART)

4.4.4 Form Halaman Infor ma si UMR

Form halaman informasi umr ini hanya berisi text seperti penjelasan tentang UMR Se-jawa timur periode 2013. Untuk header,sidebar,dan footer tetap sama seperti halaman utama. Di sini ART bisa melihat umr dari kotanya masing-masing karena pada pengisian biodata ART mengisi sendiri untuk gaji yang di minta. Terdapat 37 kota Se-jawa timur lengkap dengan UMRnya masing-masing. Jadi ART bisa mengisi gaji yang diminta sesuai dengan UMR kotanya, agar cukup untuk memenuhi kebutuhan sehari-hari ART.

Gambar 4.15 Form Halaman informasi UMR

4.4.5 Form Halaman FAQ

Form Halaman FAQ ini cuman berisi text penjelasan peraturan yang ada dalam web portal ART untuk pembantu dan pencari. Untuk header,sidebar,dan

footer tetap sama seperti halaman utama. Untuk pembantu setelah register akan ada layanan sms Gateway memberikan NIK dan password untuk login. Untuk pencari akan ada layanan sms Gateway jika pemesanan sudah dilakukan.

Gambar 4.16 Form Halaman FAQ

4.4.6 Form Halaman Pr ofile ART

Form Halaman Profile ART ini berisi tentang kumpulan beberapa biodata ART yang tampil di website sudah melalui moderasi oleh admin. Pencari yang tanpa login tidak dapat mengakses halaman ini maka dari itu pencari yang ingin melihat ataupun memesan ART harus register terlebih dahulu. Di dalam halaman ini terdapat 4biodata utama yang tampil untuk melihat biodata yang lain sudah di

sediakan sistem next (selanjutnya) dan prev (sebelumnya). Untuk lebih detail melihat biodata yang dipilih, pencari bisa klik link lihat profil selengkapnya maka akan muncul biodata lengkap dari ART tersebut. Biodata terbaru akan otomatis muncul ke halaman atas sendiri, Ada fitur pencarian yang mempermudah pencari dalam menemukan ART yang sesuai kriteria. Fitur pencarian meliputi : kota, jenis kelamin, categori.

Gambar 4.17 Form Halaman Profile ART Skr ip pr ofile_pr t.php

<?php

if($_GET['hal']! =NULL) {$hal = $_GET['hal'];} else {$hal = 1;}

/ * jika page default nya 1 * / if(! isset($_GET['hal'])) { $page = 1;}

else {$page = $_GET['hal'];} / * t ent ukan jumlah it em per halaman * /

$max_result s = 4;

/ * halaman di kali M AX jumlah it em per hal dikurangi M AX jum lah item per halaman * / / * logika: 1 x 5 = 5 , 5 - 5 = 0 , jadi id dat abase dimulai dari 0* /

$from = (($page * $max_result s) - $max_result s); $cari=" "; if(isset ($_GET['lokasi']) and $_GET['lokasi']>0) { $cari .=" and id_lokasi='".$_GET['lokasi']." ' " ;} if(isset ($_GET['jenkel']) and $_GET['jenkel']! ="" )

{ $cari .=" and jenkel='" .$_GET['jenkel']."' " ; } if(isset ($_GET['kat egori']) and $_GET['kat egori']>0) { $cari .=" and id_kategori='".$_GET['kat egori']." ' " ; }

$qry_pekerja="select * from pekerja w here st atus_tampil='1' and status_keluar='0' " .$cari." ORDER BY id_pekerja DESC LIM IT $from , $max_results" ;

/ / echo $qry_pekerja;

$rs_pekerja=mysql_query($qry_pekerja); w hile($row _pekerja=mysql_fetch_array($rs_pekerja))

{ $qr y_kot a="select nama_lokasi from lokasi where id_lokasi='" .$row _pekerja['id_lokasi']."'" ;

$row _kot a=mysql_fet ch_array(mysql_query($qry_kot a)); $kot a=$row _kot a['nama_lokasi'];

$qry_kat e=" select nama_kat egori from kat egori where id_kat egori='".$row_pekerja['id_kategori']."' "; $row _kat e=mysql_fet ch_array(mysql_query($qry_kat e));

$kat e=$row _kat e['nama_kat egori']; ?>

<t r> <t d row span="3"><a href="detail_prt .php?id=<?php echo $row _pekerja['id_pekerja']; ?>"><img src="../ images/ <?php echo $row _pekerja['foto'] ?>" tit le=" Klik Untuk Detail"

border="0" w idt h="100px" / ></ a></ t d> <t d row span=" 3" w idt h="10px"></ td> <t d>Nama</ t d> <td>:</ td> <td><?php echo $row _pekerja['nama'] ?></ t d></ tr>

<tr> <t d>Kot a</ t d> <t d>:</ t d> <t d><?php echo $kot a ?></ td> </ tr> <tr valign=" top" > <td>Kat egori</ t d> <td>:</ td> <t d><?php echo $kate ?></ t d> </ t r>

<t r> <t d><a href=" detail_prt .php?id=<?php echo $row_pekerja['id_pekerja']; ?>" >Lihat Profile Selengkapnya</ a></ t d> <td colspan="4"></ td> </ t r> <t h>

<?php } ?> </ table> </ form>

<t able align=" cent er" border="0"> <tr> <t d> <?php

$total_result s = mysql_result (mysql_query("SELECT COUNT(* ) as Num FROM pekerja where st at us_tampil='1' ".$cari),0);

$t otal_pages = ceil($total_result s / $max_results); / * bangun jumlah hiperlink halaman* /

echo "<center>Select a Page<br / >" ; / * bangun Previous link * / if($hal > 1){ $prev = ($page - 1);

} for($i = 1; $i <= $total_pages; $i++){ if(($hal) == $i){ echo "$i ";

} else { echo " <a href='profil_prt .php?hal=$i' class='link1'>$i</ a> " ; }} / * bangun Next link * /

if($hal < $tot al_pages ){ $next = ($page + 1);

echo " <a href='profil_prt .php?hal=$next ' class='link1'>Berikutnya-></ a>" ; } echo "</ cent er>" ;?></ t d></ t r> </ table></ br></ div>

4.4.7 Form Halaman Pr ofile ART (Pencar i Sudah Login Da n Belum Login)

Form Halaman Profile ART ini pencari yang belum login hanya bisa melihat-lihat biodata yang dipilih tanpa bisa memesan. Ada pemberitahuan di bawah profile ART jika pencari diharuskan login terlebih dahulu jika ingin memesan. Jika ART sudah login maka pemesanan ART bisa dilakukan dengan mengklik button pesan sekarang, lalu ada layanan sms Gateway untuk ART jika biodatanya sudah dipesan oleh pencari.

Gambar 4.19 Form Halaman Profile ART (Pencari sudah login) Skr ip pesan.php

/ * Lo gin dengan st at us pencari / session = 3 * / if($count_pr t==0)

{ ?> <script >

{

alert ('User Tidak Dit emukan... '); w indow .locat ion = '../ login_pencari.php';

} </ script > <? } else { $_SESSION[ 'status'] = 3;

$_SESSION['user'] = $row _pr t ['id_pencari']; header(" location: ../ " );

} ?> Skr ip detail_pr t.php

if($_SESSION['st atus']==3) { if($row_pekerja['id_pencari']==0) { ?> <tr> <t d></ td> <t d></ td>

<td><a hr ef="../ fungsi/ pesan_prt .php?id=<?php echo $_GET['id'] ?> " class="pasang-iklan">Pesan Sekarang ! ! ! </ a></ t d>

</ tr> <?php } else { ?> <t r>

<t d co lspan="3" st yle="font -size:16px; color:#00F; font -w eight :bold;" >Telah Dipesan ! ! !</ t d>

</ t r> <?php } }

4.4.8 Form Halaman Contact

Form Halaman Contact ini berfungsi sebagai konfirmasi pembayaran pencari yang sudah memesan ART kepada admin. Form tersebut harus di isi lengkap jika ada form yang belum di isi maka akan muncul pesan kesalahan. Untuk pembayaran via transfer bank bca dan bri. Jika form sudah di isi semua dan benar pencari tinggal mengklik tombol kirim untuk mengirim pesan ke admin jika ada kesalahan pencari bisa mengklik tombol hapus. Untuk header,sidebar,dan footer tetap sama seperti halaman utama. Ada 6 form yaitu : nama, no hp, kode ART yang dipesan, transfer ke bank, jumlah yang di transfer, nomor rekening, dan komentar.

Gambar 4.20 Form Halaman Contact

4.4.9 Form Halaman Edit Biodata (Asisten Rumah Ta ngga)

Form halaman ART yang sudah login, Di halaman ini ART dapat mengedit biodatanya. Untuk masuk ke halaman ini ART dapat mengklik button bio saya di atas sebelah kanan. Terdapat 11 form di dalam edit biodata, formnya sama dengan form pada register atau pasang biodata PRT. Jika ART ingin keluar dari halaman

ini, ART bisa mengklik button logout di sebelah kanan dari button bio saya.

Gambar 4.21 Form Halaman Edit Biodata 1 (ART)

Skr ip login_pr t.php

<?Php if($count _pr t ==0) { ?> <script >

{ alert ('User Tidak Ditemukan... '); w indow .locat ion = '../ pembantu/ login_prt .php'; }

</ script > <? } Else {

$_SESSION[ 'status'] = 2;

$_SESSION['user'] = $row _pr t ['id_pekerja']; header(" locat ion: ../ index.php"); } ?> Skr ip bio_pr t.php

<t r> <t d colspan="3" align="cent er" class="info">EDIT BIODATA</ t d></ tr> <t r> <t d w idt h="30%">Nama</ td>

<t r> <t d>Alamat </ td> <td>:</ t d>

<t d><select name=" propinsi" > <opt ion value="0" >Pilih Propinsi</ option>

<?php

$qry_propinsi="select * from lokasi order by nama_lokasi"; $rs_propinsi=mysql_query($qry_propinsi);

w hile($row _propinsi=mysql_fetch_array($rs_propinsi)) { ?>

<option <?php if($row _propinsi['id_lokasi']==$row _pr t ['id_lokasi']) { echo "select ed" ; }?> value=" <?php echo $row_propinsi['id_lokasi']; ?>"><?php echo

$row _propinsi['nama_lokasi']; ?></ opt ion> <?php } ?> </ select ></ td> </ t r> <tr> <td>Jenis Kelamin</ t d> <td>:</ t d>

<t d><input name=" jenkel" t ype=" radio" value=" P" <?php if($row_prt['jenkel']=="P" ) { echo "checked" ; } ?> / >Perempuan<input name=" jenkel" t ype=" radio" value="L" <?php if($row _pr t ['jenkel']==" L" ) { echo

" checked"; } ?>/ >Laki-laki</ t d> </ tr>

</ tr> <tr> <t d>No. HP</ t d>

</ tr> <tr> <td>Email</ t d>

</ tr> <tr>

<t d>Pendidikan Terakhir</ td> <td>:</ t d>

<td><input name="pendidikan" t ype=" radio" value=" SD" <?php if($row _pr t['pendidikan']=="SD") { echo " checked"; } ?> / >SD<input

name=" pendidikan" type=" radio" value="SM P" <?php

if($row_prt['pendidikan']=="SM P") { echo " checked"; } ?> / >SM P<input name=" pendidikan" type=" radio" value="SM A" <?php

if($row _pr t ['pendidikan']=="SM A") { echo " checked"; } ?> / >SM A<input name=" pendidikan" type=" radio" value="Non" <?php

if($row_prt['pendidikan']==" Non") { echo " checked"; } ?>/ >Non-Pend</ td> </ tr>

</ tr> <tr height="22px"> <t d colspan="3"></ t d>

</ tr> <tr>

<t d>Jenis Pekerjaan</ td> <td>:</ t d>

<t d><select name=" kat egori"> <opt ion value="0" >Pilih Kategori</ opt ion>

<?php

$qry_kat egori="select * from kat egori" ; $rs_pilkat egori=mysql_query($qry_kategori); w hile($row _pilkategori=mysql_fetch_array($rs_pilkat egori))

{ ?>

<opt ion <?php if($row _pilkat egori['id_kat egori']==$row _prt ['id_kat egori']) { echo "selected" ; }?> value="<?php echo $row _pilkategori['id_kat egori']; ?>"><?php

echo $row _pilkategori['nama_kat egori']; ?></ option> <?php } ?> </ select > </ td> </ tr> <tr> <t d>Gaji</ td> <td>:</ t d>

</ tr> <tr>

<td>Pengalaman Kerja</ t d> <td>:</ t d>

</ tr> <tr>

<t d>M asukkan kode Berikut ini: </ td> <td>:</ t d>

</ tr> <tr> <t d></ td> <t d></ td>

4.4.10 Form Halaman Login (Admin)

Form halaman login admin di buat sesederhana mungkin, terdapat username dan password untuk login. Admin dapat menambahkan user admin baru, Login admin ini di panggil dalam halaman sendiri, seperti contoh : localhost/prt/admin. Jika login berhasil maka akan masuk ke halaman admin yang mempunyai 4 menu yaitu : menú daftar ART, daftar pencari, daftar admin, dan konfirmasi pembayaran. Jika gagal login maka akan ada pemberitahuan username dan password ada yang salah.

Gambar 4.23 Form Halaman Login (Admin)

4.4.11 Form Halaman Daftar ART (Admin)

Form halaman admin daftar ART terdapat 4 menu yaitu, menú daftar ART, menú daftar pencari, menú daftar admin, dan menú konfirmasi pembayaran. Ada logo ART di sebelah kiri pojok atas, sebelah kanan ada kata sapaan untuk admin

dan ada button logout untu keluar dari halaman admin. Di bawah menú ada fitur pencarian bisa bedasarkan nama dari ART dan bisa berdasarkan ART yang baru

Dalam dokumen DESAIN DAN IMPLEMENTASI WEB PENYALUR JASA ASISTEN RUMAH TANGGA BERBASIS PHP DAN MYSQL. (Halaman 71-114)