12

BAB III

PERANCANGAN SISTEM

Untuk membuat aplikasi Ngekos.com dibutuhkan suatu

perancangan system agar aplikasi yang dibuat menjadi seperti

yang diinginkan. Perancangan tersebut diantaranya adalah Data

Flow Diagram (DFD) dan Flowchart.

3.1.DFD

DFD level 0 yang terdapat pada website Ngekos.com.

Sistem Kos OnlineAdminMember

RegistrasiLogin

Memilih KamarTransaksi

ID & PasswordBukti Transaksi

Login Admin

Menambah data Kos

Menghapus data Kos

Mengedit data kos

Hak akses Penuh

Data kos bertambah

Data kos berkurang

Data kos diperbarui

Gambar 3.1 DFD level 0

Keterangan :

1. User yang ingin menjadi member akan melakukan

registrasi dengan mengisikan data yang diminta.

Sistem akan memberikan konfirmasi bahwa user

telah menjadi member.

2. Member melakukan login ke website.

13

3. Member melakukan transaksi (booking kamar)

dan sistem akan memberikan bukti transaksi.

4. Admin menambah data kamar kos, kamar kos

bertambah.

5. Admin meng-edit data kamar kos, data kamar kos

berubah.

6. Admin menghapus data karma kos, data kamar

kos dihapus.

14

DFD level 1 yang merupakan penjabaran dari DFD

level 0.

Admin

Member

1.0 Registrasi / Login

tb_admin / tb_user

LoginKonfirmasiKonfirmasi

Login/Registrasi

2.0 Edit Produk

Tambah/Edt/Delete

Tb_KosKonfirmasi

3.0 Mengunjungi Web

Mencari Kos

KonfirmasiPengunjung

Mencari Kos

Konfirmasi

Menampilkan data kos

4.0 Memesan Kamar

Memesan Kamar

Konfirmasi

4.0 Memesan Kamar

Pembayaran Transaksi

Konfirmasi

Gambar 3.2 DFD level 1

Keterangan :

1. Pada poin 1.0 member baru melakukan registrasi

dan sistem akan menambahkan data member baru

ke dalam database tb_user. Sedangkan member

yang telah melakukan registrasi akan melakukan

login dan sistem akan menyesuaikan data member

15

dan menkonfirmasikannya kepada member.

Sedangkan admin akan login dan sistem akan

menyesuaikan data yang diberikan oleh admin

dengan data dalam database tb_admin.

2. Pada poin 2.0 admin akan melakukan edit produk

yang berupa penambahan, pengubahan, atau

pengurangan data kos dalam database tb_kos.

3. Pada poin 3.0 member yang telah melakukan login

ataupun pengunjung nonmember akan melakukan

pencarian kos yang diinginkan. Namun

pengunjung nonmember hanya dibatasi sampai

pencarian saja.

4. Pada poin 4.0 member akan melakukan

pemesanan kamar dan sistem akan melakukan

konfirmasi bahwa kamar telah dipesan.

5. Pada poin 5.0 member akan melakukan

pembayaran dan akan meng-upload bukti bayar.

16

DFD level 2 yang merupakan penjabaran DFD

level 1 bagian admin.

Admin

1.0 Tambah Kos

2.0 Edit Kos

3.0 Hapus Kos

tb_KosKonfirmasi

Konfirmasi

Konfirmasi

Hapus Kos

Edit Kos

Tambah Kos

Gambar 3.3 DFD level 2 bagian admin Keterangan :

1. Pada poin 1.0 admin akan melakukan penambahan

data kos yang nanti akan dimasukkan kedalam

database tb_Kos.

2. Pada poin 2.0 admin akan melakukan edit atau

pengubahan data yang ada di database tb_Kos

yang nantinya perubahan data tersebut akan

disimpan kembali kedalam database tb_Kos.

3. Pada poin 3.0 admin akan melakukan

penghapusan data pada database tb_Kos.

17

DFD level 2 yang merupakan penjabaran dari DFD

level 1 bagian User.

Member

1.0 Registrasi / Login

Login / Registrasi

Konfirmasitb_user

2.0 Mengunjungi Web

Mencari KosKonfirmasi Menampilkan data kos tb_kos

3.0 Memesan Kamar

Memesan Kamar

Konfirmasi

4.0 Pembatalan

Pembatalan pemesananKonfirmasi

5.0 Pembayaran

Pembayaran

KonfirmasiVia SMS / Email

Gambar 3.4 DFD level 2 bagian user

Keterangan :

1. Pada poin 1.0 member akan login dengan

memberikan username dan password. Sistem akan

memberikan konfirmasi dari input user.

2. Pada poin 2.0 member akan mengunjungi web dan

database tb_kos akan memberikan data tentang

kos yang akan ditampilkan di website. Sementara

itu, web akan memberikan konfirmasi yaitu

18

menampilkan data kos yang diberikan database

tb_kos.

3. Pada poin 3.0 member akan melakukan

pemesanan kamar dan.

4. Pada poin 4.0 member dapat membatalkan

pemesanan kamar.

5. Pada poin 5.0 member melakukan konfirmasi

pembayaran dengan cara meng-upload bukti bayar

tersebut di website.

19

3.2.Flowchart

a. Flowchart UserMulai

Username &

Password

Valid ?

Menuju halaman pofile

Ya

Tidak

Memilih kamar kost

Melihat detail kamar kost

Mengisi form pembelian

Jadi memesan ?

Ya

Tidak

Menunggu konfirmasi

User mendapat konfirmasi sudah

melakukan pembayaran

Selesai

Gambar 3.5 Flowchart bagian User

20

b. Flowchart Admin

Mulai

Username &

Password

Masuk ke halaman

lihatproduk

Ingin memasukkan data baru ?

Masuk ke halaman input

Ya

Ingin mengubah

data?Tidak

Menekan tombol “Ubah”

Ya

Menekan tombol “Hapus”

Tidak

Data yang terpilih dihapus

Memasukkan data sesuai

dengan yang diminta

Tekan tombol “Upload”

Data baru

Seleai

Mengubah data sesuai field

Tekan tombol “Simpan”

Data lama sudah diubah

Selesai

Data lama sudah

terhapus

Selesai

Gambar 3.6 Flowchart bagian Admin

21

3.3. Desain Database

a. Tabel Admin

Berikut adalah tabel admin yang berfungsi

menyimpan informasi tentang admin.

Tabel 3.1 Tabel Admin

Nama Tipe Null

id_admin Int(10) No

usnm_admin Varchar(15) No

password Varchar(15) No

nama_admin Varchar(15) No

b. Tabel Kos

Berikut adalah tabel kos yang berfungsi menyimpan

informasi tentang kos

Tabel 3.2 Tabel Kos

Nama Tipe Null

ID_Kos Int(10) No

NamaKos Varchar(30) No

Lokasi Varchar(100) No

SisaKamar Int(3) No

Harga Varchar(25) No

nama_file Varchar(225) No

usnm_admin Varchar(15) No

22

c. Tabel Pemilik

Berikut adalah tabel pemilik yang berfungsi

menyiman informasi tentang pemilik kos

Tabel 3.3 Tabel Pemilik

Nama Tipe Null

ID_Pemilik Int(10) No

UserName Varchar(15) No

Password Varchar(15) No

Nama Varchar(50) No

Nmr_Kntk Varchar(30) No

Alamat Varchar(50) No

d. Tabel Transaksi

Berikut adalah tabel transaksi yang berfungsi

menyimpan aktifitas transaksi

Tabel 3.4 Tabel Transaksi

Nama Tipe Null

ID_Transaksi Int(10) No

Kode_Trans Varchar(20) No

ID_User Int(10) No

ID_Kos Int(10) No

tgl_Booking Date No

23

e. Tabel User

Berikut adalah tabel user yang berfungsi menyimpan

informasi tentang user yang sudah mendaftar.

Tabel 3.5 Tabel User

Nama Tipe Null

ID_User Int(10) No

Email Varchar(20) No

UserName Varchar(20) No

Password Varchar(20) No

Nm_Dpn Varchar(20) No

Nm_Blkg Varchar(20) No

NomorHP Varchar(20) No