2.11 Entity Relationship Diagram ERD
Menurut Fathansyah 2001, Entity Relationship Diagram merupakan diagram yang berisi komponen- komponen himpunan entitas dan himpunan relasi
yang masing-masing dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta yang ditinjau. Berikut ini merupakan simbol-simbol yang digunakan
dalam pembuatan ERD.
Tabel 2.5 Simbol dalam ERD
No. Simbol
Fungsi
1 Menunjukkan
himpunan entitas
yang merupakan
suatu obyek
yang dapat
diidentifikasi dalam lingkungan pemakai.
2 Menujukkan
atribut yang
berfungsi mendeskrisikan
3 Menunjukkan himpunan relasi antar entitas.
4 Digunakan
sebagai penghubung
antara himpunan relasi dengan himpunan entitas dan
himpunan entitas dengan atributnya. Fathansyah, 2001
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user
pemakai mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem adalah suatu upaya untuk
membuat suatu sistem baru atau memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Desain sistem secara umum
mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemrogram komputer dan ahli
teknik lainnya yang akan mengimplementasikan sistem.
3.1.1 Diagram Konteks
Diagram konteks yang penulis ajukan yaitu:
Gambar 3.1 Data Flow Diagram DFD
3.1.2 Data Flow Diagram Level 1 Proses Pendaftaran User
Gambar 3.2 Data Flow Diagram Level 1 Proses Pendaftaran User
3.1.3 Data Flow Diagram Level 2 Poses Pemesanan Mobil
Gambar 3.3 Data Flow Diagram Level 2 Poses Pemesanan Mobil
3.1.4 Entity Relationship Diagram
Entity relationship diagram perancangan website e-commerce ini ditunjukkan pada Gambar 3.4.
Gambar 3.4 Entity Relationship Diagram
3.1.5 Relationship Diagram
Relationship diagram hubungan relasi antar tabel perancangan website e- commerce ini ditunjukkan pada Gambar 3.5.
Gambar 3.5 Relationship Diagram
3.2 Perancangan Database
Berikut adalah rancangan table yang penulis gunakan dalam membangun sistem di dalam aplikasi simulasi try-out sbmptn :
a. Tabel tbl_member terdiri dari : Table 3.1 Tabel tbl_member
Nama Field Tipe Data
Lebar Data id_member
nt 3
user varchar
20 pass
varchar 40
nama text
30 no_ktp
varchar 30
no_hp varchar
15 alamat
varchar 50
scan_ktp varchar
30 foto_member
varchar 30
b. Tabel tbl_mobil terdiri atas : Tabel 3.2 tbl_mobil
Nama field Tipe data
Lebar data id_mobil
int 5
no_polisi varchar
15 nama_mobil
varchar 30
transmisi varchar
15 tahun
int 10
kapasitas_mesin int
10 kapasitas_kursi
int 5
harga int
20 gambar_mobil
varchar 40
c. Tabel tbl_pesanan terdiri atas : Tabel 3.3 tbl_pesanan
Nama field Tipe data
Lebar data id_pesan
int 10
id_mobil int
10 id_member
int 10
tgl_pesan varchar
20 banyak
int 2
lama_pemesanan int
2 biaya
int 20
status int
2
d. Tabel tbl_buktipembayaran terdiri atas : Tabel 3.4 tbl_buktipembayaran
Nama field Tipe data
Lebar data id_upload
int 11
id_member int
11 id_pesan
int 10
jumlah int
20 no_rek
int 30
no_atm Int
30 bank
varchar 10
an varchar
30 rek_tujuan
varchar 30
upload varchar
200
a. Tabel tbl_user terdiri atas : Tabel 3.5 tbl_user
Nama field Tipe data
Lebar data id_user
int 3
user varchar
20 pass
char 40
3.3 Flowchart
3.3.1 Flowchart Menu Utama
Flowchart menu utama dapat dilihat pada gambar dibawah ini :
Gambar 3.6 Alur Flowchart Beranda
3.3.2 Flowchart Member
Start
Tampilan Web
Login
Pesan Mobil
Upload Pembayaran
Ambil Mobil Finish
Gambar 3.7 Alur Flowchart Member
3.3.3 Flowchart Admin
Start
Login
Edit Mobil
Edit Status Pesanan
Edit Member
Edit Password Tampilan
Web
Finish
Gambar 3.8 Alur Flowchart Admin
3.4 Perancangan Antar Muka Interface
Antarmuka Interface merupakan bagian dari sistem aplikasi yang digunakan sebagai alat komunikasi antara sistem dan
user. Perancangan antarmuka ini terdiri dari :
1. Halaman Utama index.php Merupakan halaman utama yang akan diakses pertama kali ketika situs
dibuka. Pada halaman ini berisi menu utama beranda, pesan mobil, status pesanan, hubungi kami, logout..
Gambar 3.9 Perancangan tatap muka halaman utama
2. Halaman login halamanlogin.php Halaman ini merupakan halaman tempat para
login.Agar dapata melakukan pemesana dan konfirmasi pembayaran.
Header LOGO
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Halaman penyambutan member
dan pengenalan CV. ROSWAN KAMIN
Catatan kaki Gambar mobil CV. ROSWAN KAMIN
Gambar 3.10 Perancangan tatap muka halaman login
3. Perancangan antar muka pesan mobil produk.php Pada halaman sebelumnya pengguna melakukan login setelah itu
pengguna dapat memilih mobil yang ingin disewa.
Gambar 3.11 Perancangan tatap muka pesan mobil
Header LOGO
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Catatan kaki Jenis- jenis mobil yang tersedia
Header LOGO
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Catatan kaki Gambar mobil CV. ROSWAN KAMIN
4. Perancangan antar muka status pemesanan status.php Pada halaman sebelumnya pengguna dapat memilih mobil yang ingin
disewa.Pada halaman ini pengguna dapat melihat status dari mobil yang telah dipesan. Pengguna dapat melihat apakah permintaannya sudah
diproses atau belum.
Gambar 3.12 Perancangan tatap muka status pesanan
5. Perancangan antar muka bukti pembayaran buktipembayaran.php Pada halaman ini pengguna dapat mengupload bukti pembayaran.
Gambar 3.13 Perancangan tatap muka bukti pembayaran
Header LOGO
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Catatan kaki Status pesanan pengguna
Header LOGO
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Catatan kaki Upload Bukti Pembayaran
6. Perancangan antar muka tentang kami tentangkami.php Pada halaman ini pengguna dapat melihat lebih jauh tentang web tersebut.
Gambar 3.14 Perancangan tatap muka tentang kami
7. Halaman login admin index.php Halaman ini merupakan halaman tempat login admin.
Gambar 3.15 Perancangan tatap muka halaman login admin
Header LOGO
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Catatan kaki Tentang Kami
Header LOGO
Beranda | Mobil |Pesanan | Member |Password | Logout
Gambar mobil CV. ROSWAN KAMIN
8. Perancangan antar muka pesan mobil mobil.php Pada halaman sebelumnya admin melakukan login setelah itu admin dapat
menambah, mengedit dan menghapus mobil yang disewakan.
Gambar 3.16 Perancangan tatap muka mobil
9. Perancangan antar muka status pesanan pesanan.php Pada halaman sebelumnya admin dapat mengelola mobil yang ingin
disewakan. Pada halaman ini admin dapat melihat status dari mobil yang telah disewakan.
Gambar 3.17 Perancangan tatap muka pesanan
Header LOGO
Beranda | Mobil |Pesanan | Member |Password | Logout
Status pesanan pengguna Header LOGO
Beranda | Mobil |Pesanan | Member |Password | Logout
Jenis- jenis mobil
10. Perancangan antar muka member member.php Pada halaman ini admin dapat menghapus member.
Gambar 3.18 Perancangan tatap muka member
11. Perancangan antar muka password password.php Pada halaman ini admin dapat melihat mengganti passwordnya..
Gambar 3.19 Perancangan tatap muka password admin
Header LOGO
Beranda | Mobil |Pesanan | Member |Password | Logout
Password Admin Header LOGO
Beranda | Mobil |Pesanan | Member |Password | Logout
Daftar Member
BAB 4
IMPLEMENTASI SISTEM
4.1 Implementasi Sistem
Kategori