Berikut ini adalah merupakan class diagram dari sistem yang akan di bangun. controller view() search() comment id nama komentar view() add() promosi nama keterangan gambar view() upload() category id categori view() merk id merk gambar view() car category nama merk harga stok spesifikasi keterangan gambar view() upload() manage username password view() login() insert() update() delete() order no tanggal nofaktur nama status view() cetak() search nama search() view()
Class diagram diatas menunjukan dimana terdapat 9 class, yaitu class controller, manage, comment, promosi, category, merk, car, search, order. Tiap class memiliki operasi masing – masing, untuk class controller tiddak memunyai atribut dikarenakan class tersebut hanya berfungsi untuki menampilkan data yang di isikan oleh admin, untuk class comment memp[unyai operasi view dan add yang dimana apabila pelanggan ingin berkomentar kritik dan saran dapat menuliskan di class comment, class manage ini mempunyai banyak operasi diantaranya operasi insert, update, delete, login dan view, dan mempunyai dua atribut username dan password dilakukan oleh admin untuk memasuki halaman admin yang dapat mnengoperasikan semua operasi yang tersedia, class promosi, car, dan order merupakan turunan dari class manage yang mempunyai operasi sendiri selain turunan dari operasi manage yaitu cetak, search, dan upload dan untuk class merk dan categori merupakan turunan dari class car, selain itu ada juga class search yang menjadi turunan dari class car dan class order untuk mencari data yang di inginkan oleh admin bedasarkan keyword nama.
D. SEQUENCE DIAGRAM
1. SEQUENCE DIAGRAM LOGIN
: admin
: admin V_loginV_login
C_login
C_login M_loginM_login
pilih menu login( ) insert username( ) insert password( ) command login( )
proses login( )
validasi username & password( ) proses validasi( ) konfirmasi sukses( )
berhasil login( )
Gambar 3.10 Sequence Diagram Login
Sequence diatas menjelaskan tentang langkah urutan proses login. Saat actor membuka halaman login maka loadView akan berjalan mengirim pesan ke control login untuk membuka form login, kemudian form login terbuka dan actor dapat mengisi username dan password dan melakukan command login setelah itu actionLogin berjalan mengirim pesan ke control login kemudian diteruskan ke model login untuk dibaca, pesan dikirim kembali ke control kemudian diteruskan ke form, proses login selesai.
2. SEQUENCE DIAGRAM BOOKING
: user
: user V_bookingV_booking C_bookingC_booking M_bookingM_booking pilih categori mobil( )
input tanggal_sewa( ) input lama sewa( )
tampil detail data customer( )
proses load data( ) return detail data( ) return detail data( )
tampilkan detail data( ) input data customer( )
save( )
proses simpan data( )
simpan data( ) return detail data( ) konfirmasi tersimpan( )
data berhasil disimpan( )
Gambar 3.11 Sequence Diagram booking
Sequence diatas menjelaskan tentang langkah urutan proses booking. Saat actor membuka halaman booking maka loadView akan berjalan mengirim pesan ke control login untuk membuka form login, kemudian form login terbuka dan actor dapat mengisi tanggal sewa dan input hari lalu melakukan command login setelah itu actionLogin berjalan mengirim pesan ke control login kemudian
diteruskan ke model login untuk dibaca, pesan dikirim kembali ke control kemudian diteruskan ke form inputan data diri diteruskan ke control data diri kemudian diteruskan ke model login untuk dibaca, pesan dikirim kembali ke control, proses login selesai.
3. SEQUENCE DIAGRAM INSERT
Berikut ini merupakan gambar sequence diagram insert.
: admin : admin
view_insert
view_insert C_insertC_insert m_insertm_insert
pilih menu mobil( ) input data mobil ( ) klik simpan ( )
proses tersimpan( )
proses simpan data( ) konfirmasi tersimpan( )
tersimpan( )
Gambar 3.12 Sequence Diagram insert
Pertama yang dilakukan actor memilih menu mobil lalu aktor mengisikan data mobil dan klik simpan maka dari controller melakukan proses penyimpanan dan data akan dikirim ke model yang akan disimpan ke database lalu model akan
memberikan konfirmasi ke control dan control memberikan pesan ke actor bahwa data tersimpan
4. SEQUENCE DIAGRAM UPDATE
Berikut ini merupakan gambar sequence diagram update
: admin
: admin v_updatev_update
C_update
C_update M_updateM_update pilih menu mobil( )
proses load data( )
proses load data( ) return hasil data( ) return hasildata( )
tampil list data( ) klik update( )
load detail data( )
load detail data( ) return hasil detail data( ) return hasildata( )
tampil hasil data( ) update( )
proses update( )
proses update data( ) konfirmasi update data( ) konfirmasi update data( )
telahdi update( )
Gambar 3.13 Sequence Diagram update
Actor memilih menu mobil maka control akan memproses inputan dari actor lalu mengirimnya ke model dan dari model akan meload data dan
mengembalikan ke control sehingga actor akan mendapatkan list data actor akan memilih data dan klik update maka secara otomatis control akan memproses pemanggilan data yang dilakukan oleh actor dan mengirimkan kembali ke model untuk menampilkan detail data yang akan di update dan menampilkan detail data yang di pilih oleh actor setelah update data actor klik tombol update maka
control kembali memproses dan menyimpannya di datebase melalui model lalu
model memberikan konfirmasi kembali ke control dan control memberikan pesan pada actor data telah di update
5. SEQUENCE DIAGRAM DELETE
Berikut ini merupakan gambar sequence diagram delete
: admin : admin
v_del ete
v_del ete C_deleteC_delete M_deleteM_delete pilih menu mobil( )
proses load data( )
proses load( ) return hasil list data( ) return hasil data( )
tampilkan hasi l lis t data( ) pilih data( )
load detail data( )
load detail data( ) return detail data( ) return detail data( )
tampilkan detail data( ) hapus( )
proses hapus data( )
proses hapus data( ) konfirmasi hapus data( ) k onfirmasi sukses( )
telah terhapus( )
Gambar 3.14 Sequence Diagram delete
Actor memilih menu mobil maka control akan memproses inputan dari actor lalu mengirimnya ke model dan dari model akan meload data dan
mengembalikan ke control sehingga actor akan mendapatkan list data actor akan memilihi data dan klik delete maka secara otomatis control akan memproses penghapusan data yang dilakukan oleh actor dan mengirimkan kembali ke model untuk menghapus data didatabase lalu control dan control memberikan pesan pada actor data telah di dihapus
6. SEQUENCE DIAGRAM CETAK
Berikut ini merupakan gambar sequence diagram cetak
: admin
: admin V_deleteV_delete
C_cetak
C_cetak M_cetakM_cetak pilih data pesanan( )
proses load data( )
load data pesanan( ) return list data( ) return list data( )
tampilkan listdata( ) pilih data( )
cetak( )
proses cetak data / load( )
proses cetak data( ) return cetak data( ) konfirmasi cetak( )
berhasil dicetak( )
Gambar 3.15 Sequence Diagram cetak
Actor memilih menu data pesanan dan diproses oleh control lalu dikirim
diminta oleh actor dan diteruskan oleh control ke actor dan memilih data lalu klik cetak dan control menerima permintaan dari actor dan dan melakukan proses pencetakan lalu control memberikan konfirmasi melalu pesan bahwa data berhasil di cetak
3.4Perancangan Tabel
Dari CDM (Conceptual Data Model) dan PDM (Physical Data Model) sebelumnya, maka dapat dibuat tabel-tabel yang akan menjadi acuan dari pembuatan sebuah database.
Berikut ini adalah detail masing-masing tabel pada subbab berikut ini: 1) Tabel User s
Tabel users akan menyimpan username dan password login yang berhak masuk pada halaman administrator Dimana dalam tabel users ini nantinya menyimpan data sebagai hak akses untuk masuk kedalam sistem admin.
Tabel 3.1 users
Field Name
Data
Type Size Keterangan
id Int 11
username Varchar 32 utl8_general_ci password Varchar 32 utl8_general_ci
2) Tabel Bookings
Tabel bookings menyimpan data id nofaktur, jumlah, hari, dan tanggal sewa.
Field Name Data Type Size Keterangan
id int 5
nofaktur varchar 13 utl8_general_ci
jumlah int 3 hari int 11 tanggal_sewa datetime id_product int 11 subtotal double 3) Tabel Categories
Tabel categories menyimpan data id_category dan category yang digunakan untuk membedakan category mobil.
Tabel 3.4 Tabel Categori
Field Name Data Type Size Keterangan
id_category Int 11
category varchar 30 utl8_general_ci
4) Tabel Customers
Tabel customer ini merupakan form inputan data customer. Untuk mengetahui data dari penyewa dan sebagai arsip bagi bravado rent car. Dan untuk memudahkan dari pihak bravado rent car menghubungi penyewa
Tabel 3.5 Customers
Field Name Data Type Size Keterangan idkonsumen varchar 13 utl8_general_ci
alamat Text utl8_general_ci provinsi varchar 50 utl8_general_ci kota varchar 50 utl8_general_ci kodepos varchar 5 utl8_general_ci phone varchar 50 utl8_general_ci email varchar 50 utl8_general_ci nama_bank varchar 50 utl8_general_ci cabang varchar 40 utl8_general_ci atas_nama varchar 50 utl8_general_ci rekening varchar 20 utl8_general_ci
5) Tabel mer ks
Tabel merk yang digunakan untuk menyimpan id_merk dan merk yang digunakan untuk membedakan merk dari setiap mobil.
Tabel 3.6 merks
Field Name Data Type Size Keterangan
id_merk Int 11
merk varchar 20 utl8_general_ci
gambar Text utl8_general_ci
6) Tabel Orders
Pada table oders digunakan sebagai menyimpan data transaksi yang di inputkan di tabel bookings dan customers sebagai arsip dan mengetahui status dari transaksi untuk disimpan di database dengan data nofaktur, idkonsumen, id_product, jumlah, hari, tanggal sewa, subtotal, tanggal dan status.
Tabel 3.7 orders
Field Name Data Type Size Keterangan nofaktur varchar 13 utl8_general_ci idkonsumen varchar 13 utl8_general_ci
id_product Int 11 jumlah Int 5 hari Int 11 tanggal_sewa datetime subtotal double tanggal Date
status Char 1 utl8_general_ci
7) Tabel Pr oducts
Tabel products digunakan untuk menyimpan data dari mobil apabila ada data mobil baru dapat di inputkan di dalam tabel ini dari merk,category, gambar dan harga dari mobil tersebut. Dengan atribut id_product, id_category, nama, id_merk, gambar, harga, stok, spesifikasi, keterangan, tanggal masuk
Tabel 3.9 products
Field Name Data Type Size Keterangan
id_product Int 11
id_category Int 11
nama varchar 100 utl8_general_ci
id_merk Int 11
harga double
stok Int 5
spesifikasi text utl8_general_ci keterangan text utl8_general_ci
tanggal_masuk date 1
8) Tabel Pr omotions
Tabel promotions bertujuan untuk menyimpan informasi apabila ada promosi yang diberikan oleh pihak bravado rent cars. Memiliki field id, nama, keterangan yang berisikan keterangan dari promosi, dan gambar.
Tabel 3.10 promotions
Field Name Data Type Size Keterangan
id Int 11
nama varchar 100 utl8_general_ci
keterangan Text
gambar Text 100
9) Tabel Coments
Tabel coments bertujuan untuk pengguna memberikan pesan dan komentar.yang mempunyai entity id, nama, email, pesan, dan date.
Tabel 3.11 coments
Field Name
Data
Type Size Keterangan
id Int 11
email varchar 50 utl8_general_ci
pesan Text utl8_general_ci
date Date 100
3.5Perancangan Antar Muka
Perancangan Antar Muka (interface) yang dibuat pada website dan telah ter-design dengan teratur sebagai berikut :
1) Tampilan awal bravado rent cars
Untuk perkiraan tampilan awal bravado rent cars seperti pada gambar dibawah ini. Terdapat header dibagian baris atas, menu atas, contents,contents samping kanan dan footer.
Gambar 3.17 Tampilan Awal bravado rent cars
2) Tampilan Halaman Admin
HEADER
M ENU ATASCONTENS
CONTENS SAM PINGFOOTER
Halaman Admin digunakan untuk mengelola sistem baik berupa tambah data, hapus, dan edit. Untuk perkiraan tampilan halaman Admin pada sistem ini seperti gambar dibawah ini, terdapat menu di bagian kanan , header, contents, dan footer.
Gambar 3.18 Tampilan Halaman Admin
3) Tampilan Login
Perkiraan tampilan login sebelum masuk ke halaman Admin pada sistem ini.
Gambar 3.19 Tampilan Login