T0__BAB III Institutional Repository | Satya Wacana Christian University: Sistem Informasi Rental Mobil Berbasis Responsive Web Design Untuk Lembu Waras Rent Car T0 BAB III
BAB III
PERANCANGAN SISTEM
3.1 DFD (Data Flow Diagram)
Sebuah teknik grafis yang menggambarkan aliran
informasi dan transformasi yang diaplikasikan pada saat data
bergerak dari input menjadi output.
DataProfil
Data Mobil
Data Cara Penyewaan
Data Kontak
Unit Mobil
ADMIN
CUSTOMER
SISTEM INFORMASI
RENTAL MOBIL
Report
Pesan Mobil
Gambar 1.DFD Sistem Informasi Rental Mobil
Bisa dilihat pada data flow diagram admin memberikan
data profil , mobil dll sehingga menjadi sistem informasi
rental mobil tersebut, dari situ customer bisa memesan mobil
melalui
sistem
informasi
informasinya.
26
tersebut
dan
mendapatkan
27
3.2 Flow Chart
START
PESAN
KONFIRMASI
TIDAK
YA
MOBIL
TERSEDIA
TIDAK
YA
KELUAR
PROSES
PESANAN
Gambar 2. Flow Chart Sistem Informasi Rental Mobil
28
Dalam flow chart penyewaan mobil dimana customer
memulai pemesanan mobil kemudian menunggu konfirmasi
dari pemilik/admin apabila mobil tersedia maka pemesanan
akan di proses dan apabila mobil tidak tersedia pemesanan
akan tidak di proses.
3.3 Usecase Diagram
Tambah Mobil
*
Include
Include
Edit Mobil
View Unit Mobil
*
*
*
Hapus Mobil
*
*
*
Customer
*
*
*
*
Login Admin
*
*
Admin
Order
«extends»
Report
*
Gambar 3. Diagram Usecase Sistem Informasi Rental Mobil
Pada usecase diagram diatas bisa dijelaskan customer bisa
mendapatkan informasi dan memview unit mobil, selain itu
customer juga bisa melakukan order/pemesanan mobil dan
mendapatkan konfirmasi mobil yang dipesan ada atau tidak.
Sedangkan admin setelah login dia bisa menambah mobil
, edit mobil dan hapus mobil serta memberikan konfirmasi
kepada customer mobil yang dipesan ada atau tidak.
29
3.4 Perancangan Antar Muka
a. Lembar Kerja Tampilan Halaman Utama.
Halaman ini menggambarkan halaman utama yang
dapat diakses oleh user ,
Gambar 4.LKT Halaman utama
b. Lembar Kerja Tampilan Menu Profil
Pada halaman profil disini berisi gambar dan
penjelasan singkat tentang Lembu Waras Rent Car
Gambar 4.1.LKT Halaman menu profil
30
c. Lembar Kerja TampilanMenu Sewa Mobil
Pada halaman sewa mobil disini berisi form yang
dapat diisi oleh user untuk melakukan order mobil dan
untuk selanjutnya orderan akan diterima oleh admin.
Gambar 4.2.LKT Halaman menu sewa mobil
d. Lembar Kerja Tampilan Menu Kontak
Pada menu yang ke-4 disini berisikan kontak
rental mobil tersebut yang dapat dihubungi oleh user.
Gambar 4.3.LKT Halaman menu kontak
31
e. Lembar Kerja Tampilan Menu Buku Tamu
Pada halaman ini berisi form buku tamu yang
dapat diisi oleh user untuk memberikan saran & kesan.
Gambar 4.4.LKT Halaman menu buku tamu
f. Lembar Kerja Tampilan Menu Login Admin
Halaman ini adalah halaman login admin hanya
admin yang memiliki user dan password yang bisa
mengaksesnya.
Gambar 4.5.LKT Halaman menu login admin
32
g. Lembar Kerja Tampilan Menu Admin
Pada halaman ini berisi tentang menu – menu apa
saja yang dapat dikelola oleh admin , dan hanya admin
yang
memiliki
user
dan
password
yang
bisa
mengaksesnya.
Gambar 4.6.LKT Halaman admin
3.5 Pembuatan Database
Langkah awal dalam pembuatan sistem profile company
adalah membuat database. Berikut adalah tabel- tabel yang
digunakan dalam profile company tersebut disajikan dalam
gambar – gambar sebagai berikut:
Gambar 5.Data Buku tamu
33
Tabel ini menyimpan komentar – komentar user yang
disikan lewat form buku tamu.
Gambar 5.1.Data Cara Sewa
Pada tabel ini menyimpan update cara sewa yang selalu
dilakukan oleh admin.
Gambar 5.2.Data Contact
Data contact berisi contact rental mobil yang bisa
dihubungi dan selalu diupdate bila ada pergantian.
Gambar 5.3.Data Mobil
Pada tabel ini menyimpan mobil – mobil yang dimiliki
oleh pihak ental mobil.
34
Gambar 5.4.Data Pelanggan
Tabel ini meyimpan data pelanggan yang setiap waktu
bisa ditambah , diedit ataupun dihapus.
Gambar 5.5.Data Profil
Tabel yang menyimpan tentang gambaran umum
perusahaan rental mobil.
Gambar 5.6.Data Sewa
35
Pada gambar 5.6 mununjukan tabel menyimpan data
penyewa yang akan menyewa mobil dan jenis mobil yang
dipilih oleh penyewa, serta waktu penggunan dan jenis
penyewaan.
Gambar 5.7.Data Timmer
Data timmer menyimpan data keterangan mobil yang
dipakai , jam berangkat , jam pulang serta menunjukan lama
sewa.
Gambar 5.8.Data User
Pada
gambar
5.8
diatas
menunjukan
tabel
yang
menyimpan data admin yang dapat login ke halaman admin
dan memiliki user dan password
36
3.6 Jadwal / Time Schedule
Bulan
No
Kegiatan
Januari
Februari
Maret
April
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1
2
Proposal
Pengumpu
lan Data
Analisis
3
&Perenca
ngan
4
5
Perancang
an Sistem
Implement
asi
6
Pengujian
7
Laporan
Tabel 1. Jadwal/Time schedule
52
PERANCANGAN SISTEM
3.1 DFD (Data Flow Diagram)
Sebuah teknik grafis yang menggambarkan aliran
informasi dan transformasi yang diaplikasikan pada saat data
bergerak dari input menjadi output.
DataProfil
Data Mobil
Data Cara Penyewaan
Data Kontak
Unit Mobil
ADMIN
CUSTOMER
SISTEM INFORMASI
RENTAL MOBIL
Report
Pesan Mobil
Gambar 1.DFD Sistem Informasi Rental Mobil
Bisa dilihat pada data flow diagram admin memberikan
data profil , mobil dll sehingga menjadi sistem informasi
rental mobil tersebut, dari situ customer bisa memesan mobil
melalui
sistem
informasi
informasinya.
26
tersebut
dan
mendapatkan
27
3.2 Flow Chart
START
PESAN
KONFIRMASI
TIDAK
YA
MOBIL
TERSEDIA
TIDAK
YA
KELUAR
PROSES
PESANAN
Gambar 2. Flow Chart Sistem Informasi Rental Mobil
28
Dalam flow chart penyewaan mobil dimana customer
memulai pemesanan mobil kemudian menunggu konfirmasi
dari pemilik/admin apabila mobil tersedia maka pemesanan
akan di proses dan apabila mobil tidak tersedia pemesanan
akan tidak di proses.
3.3 Usecase Diagram
Tambah Mobil
*
Include
Include
Edit Mobil
View Unit Mobil
*
*
*
Hapus Mobil
*
*
*
Customer
*
*
*
*
Login Admin
*
*
Admin
Order
«extends»
Report
*
Gambar 3. Diagram Usecase Sistem Informasi Rental Mobil
Pada usecase diagram diatas bisa dijelaskan customer bisa
mendapatkan informasi dan memview unit mobil, selain itu
customer juga bisa melakukan order/pemesanan mobil dan
mendapatkan konfirmasi mobil yang dipesan ada atau tidak.
Sedangkan admin setelah login dia bisa menambah mobil
, edit mobil dan hapus mobil serta memberikan konfirmasi
kepada customer mobil yang dipesan ada atau tidak.
29
3.4 Perancangan Antar Muka
a. Lembar Kerja Tampilan Halaman Utama.
Halaman ini menggambarkan halaman utama yang
dapat diakses oleh user ,
Gambar 4.LKT Halaman utama
b. Lembar Kerja Tampilan Menu Profil
Pada halaman profil disini berisi gambar dan
penjelasan singkat tentang Lembu Waras Rent Car
Gambar 4.1.LKT Halaman menu profil
30
c. Lembar Kerja TampilanMenu Sewa Mobil
Pada halaman sewa mobil disini berisi form yang
dapat diisi oleh user untuk melakukan order mobil dan
untuk selanjutnya orderan akan diterima oleh admin.
Gambar 4.2.LKT Halaman menu sewa mobil
d. Lembar Kerja Tampilan Menu Kontak
Pada menu yang ke-4 disini berisikan kontak
rental mobil tersebut yang dapat dihubungi oleh user.
Gambar 4.3.LKT Halaman menu kontak
31
e. Lembar Kerja Tampilan Menu Buku Tamu
Pada halaman ini berisi form buku tamu yang
dapat diisi oleh user untuk memberikan saran & kesan.
Gambar 4.4.LKT Halaman menu buku tamu
f. Lembar Kerja Tampilan Menu Login Admin
Halaman ini adalah halaman login admin hanya
admin yang memiliki user dan password yang bisa
mengaksesnya.
Gambar 4.5.LKT Halaman menu login admin
32
g. Lembar Kerja Tampilan Menu Admin
Pada halaman ini berisi tentang menu – menu apa
saja yang dapat dikelola oleh admin , dan hanya admin
yang
memiliki
user
dan
password
yang
bisa
mengaksesnya.
Gambar 4.6.LKT Halaman admin
3.5 Pembuatan Database
Langkah awal dalam pembuatan sistem profile company
adalah membuat database. Berikut adalah tabel- tabel yang
digunakan dalam profile company tersebut disajikan dalam
gambar – gambar sebagai berikut:
Gambar 5.Data Buku tamu
33
Tabel ini menyimpan komentar – komentar user yang
disikan lewat form buku tamu.
Gambar 5.1.Data Cara Sewa
Pada tabel ini menyimpan update cara sewa yang selalu
dilakukan oleh admin.
Gambar 5.2.Data Contact
Data contact berisi contact rental mobil yang bisa
dihubungi dan selalu diupdate bila ada pergantian.
Gambar 5.3.Data Mobil
Pada tabel ini menyimpan mobil – mobil yang dimiliki
oleh pihak ental mobil.
34
Gambar 5.4.Data Pelanggan
Tabel ini meyimpan data pelanggan yang setiap waktu
bisa ditambah , diedit ataupun dihapus.
Gambar 5.5.Data Profil
Tabel yang menyimpan tentang gambaran umum
perusahaan rental mobil.
Gambar 5.6.Data Sewa
35
Pada gambar 5.6 mununjukan tabel menyimpan data
penyewa yang akan menyewa mobil dan jenis mobil yang
dipilih oleh penyewa, serta waktu penggunan dan jenis
penyewaan.
Gambar 5.7.Data Timmer
Data timmer menyimpan data keterangan mobil yang
dipakai , jam berangkat , jam pulang serta menunjukan lama
sewa.
Gambar 5.8.Data User
Pada
gambar
5.8
diatas
menunjukan
tabel
yang
menyimpan data admin yang dapat login ke halaman admin
dan memiliki user dan password
36
3.6 Jadwal / Time Schedule
Bulan
No
Kegiatan
Januari
Februari
Maret
April
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1
2
Proposal
Pengumpu
lan Data
Analisis
3
&Perenca
ngan
4
5
Perancang
an Sistem
Implement
asi
6
Pengujian
7
Laporan
Tabel 1. Jadwal/Time schedule
52