BAB IV PERANCANGAN SISTEM USULAN 2.1. Tahapan ......29 BAB IV PERANCANGAN SISTEM USULAN 2.1. Tahapan...
Transcript of BAB IV PERANCANGAN SISTEM USULAN 2.1. Tahapan ......29 BAB IV PERANCANGAN SISTEM USULAN 2.1. Tahapan...
29
BAB IV
PERANCANGAN SISTEM USULAN
2.1. Tahapan Perancangan Sistem
2.1.1. Analisis Kebutuhan
Pada tahap analisis kebutuhan ini penulis mencoba menganalisa dua kebutuhan
yaitu kebutuhan pengguna, dan kebutuhan sistem. Tujuan dari analisis kebutuhan ini
yaitu untuk memberikan kemudahan dan kenyamanan pengguna dalam mengakses
sistem dan untuk kelancaran sistem.
A. Kebutuhan Pengguna
1. Hak Akses Pengunjung
a) Pelanggan dapat melakukan login.
b) Pelanggan dapat mengakses beranda
c) Pelanggan dapat mengakses daftar mobil
d) Pelanggan dapat mengakses syarat
e) Pelanggan dapat mengakses alamat kami.
f) Pelanggan dapat mengakses kontak kami.
2. Hak Akses Admin
a) Admin dapat melakukan login
b) Admin dapat mengelola data profil
c) Admin dapat mengelola data kelola menu
d) Admin dapat mengelola data level pengguna
e) Admin dapat mengelola data kelola pengguna
f) Admin dapat mengelola data syarat
g) Admin dapat mengelola data mobil
h) Admin dapat mengelola data pembeli
i) Admin dapat mengelola data penjualan
j) Admin dapat mengelola data laporan
B. Kebutuhan Sistem
1. Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses aplikasi
ini dengan memasukkan username dan password agar privasi masing-masing
pengguna tetap terjaga keamanannya.
2. Sistem dapat menginput data
3. Sistem dapat melakukan cetak laporan transaksi
4. Pengguna harus melakukkan logout setelah selesai menggunakan aplikasi
4.1.2 Rancangan Diagram Use Case
Gambar IV.1 Diagram Use Case
uc Admin
Admin
Login
Kelola Menu
Lev el penggunaKelola Pengguna
Syarat
Mobil
Pembeli
Penjualan
Laporan
Pelanggan
Beranda
Daftar Mobil
Alamat Kami
Syarat
«include» «include»
«include»
«include»
«include»
«include»
«include»«include»
«include»
«include»
«include»
«include»
4.1.3 Rancangan Diagram Aktivitas
1. Activity Diagram Login Admin
Gambar IV. 2 Activity Diagram Login Admin
act Login
SistemAdmin
Start
Memilih Login Tampil Form Login
Mengisi email dan
password
Masuk Kehalaman
Pelanggan
Validasi Data
Email dan
Password salah
Email dan
Password
Benar
End
2. Activity Diagram Mobil/Daftar Mobil
Gambar IV.3 Activity Diagram Daftar Mobil
act Daftar Mobil
SistemPelanggan
Start
Pilih Menu Mobil Tampil halaman Daftar
Mobil
Pilih salah satu mobil
untuk melihat detail
mobil
Menampilkan Rincian
Harga Mobil
Input Pesan Mobilmenampilkan detail
pesanan
Cetak Bukti Pemesanan
End
3. Activity Diagram Alamat Kami
Gambar IV.4 Activity Diagram Alamat Kami
act Alamat Kami
SistemPelanggan
Start
memilih menu pencarian
alamat kami
Tampil Form pencarian
alamat kami
Memilih Lokasi
masukkan kata kunci
pencarian alamat
Menampilkan data
pencarian alamat kami
Validasi Data
Kata Kunci salah
Kata Kunci benar
End
4. Activity Diagram Login Admin
Gambar IV.5 Activity Diagram Login Admin
act Login
SistemAdmin
Start
Memilih Login Tampil Form Login
Mengisi email dan
password
Masuk Kehalaman
Admin
Validasi Data
Email dan
Password salah
Email dan
Password
Benar
End
5. Activity Diagram Admin Halaman Kelola Menu
Gambar IV. 6 Activity Diagram Halaman Utama Admin
act Kelola Menu
SistemAdmin
Start
Pilih Kelola Menu Tampil halaman kelola
menu
kelola halaman kelola
menu
Tambah data Update Hapus Cari
Data berhasil diubah
End
Tidak
Ya
6. Activity Diagram Profil Admin
Gambar IV. 7 Activity Diagram Profil Admin
act Profil
SistemAdmin
Start
Pilih Menu Profil Tampil Halaman Profil
Kelola Data Profil
Ubah Data Data Berhasil Diubah
End
Tidak
Ya
7. Activity Diagram Pengguna Admin
Gambar IV. 8 Activity Diagram Pengguna Admin
act Pengguna
SistemAdmin
Start
Pilih Menu PenggunaTampil Halaman
Pengguna
Kelola Data PenggunaYa
Tidak
Ubah Hapus Tambah Cari
Data Berhasil Diubah
End
Aktif/Non
8. Activity Diagram Admin Level Pengguna
Gambar IV. 9 Activity Diagram Admin Level Pengguna
9. Activity Diagram Admin Kelola Pengguna
Gambar IV. 10 Activity Diagram Admin Kelola Pengguna
act lev el pengguna
SistemAdmin
Start
Pilih menu lev el
pengguna
Tampil halaman lev el
pengguna
Kelola lev el pengguna
Tambah Akses Update Hapus Cari Export
Ms.Excel
Export
Ms.Word
YaTidak
Data Berhasil diubah
End
act Kelola Pengguna
Admin Sistem
Start
Pilih menu kelola
pengguna
Tampil halaman kelola
pengguna
input Kelola pengguna
Tambah Update Hapus Cari Export
Ms.Excel
Export
Ms.Word
YaTidak
Data Berhasil diubah
End
10. Activity Diagram Laporan Admin
Gambar IV. 11 Activity Diagram Laporan Admin
act Laporan
SistemAdmin
Start
Pilih Menu Laporan Tampil Halaman Laporan
Cetak Laporan Ya
Tidak
Laporan Berhasil Dicetak
End
4.1.4. Rancangan Dokumen Sistem Usulan
A. Rancangan Dokumen Masukkan
1. Nama Dokumen : E-KTP
Fungsi : Untuk syarat pembelian mobil
Sumber : pelanggan
Tujuan : Bagian Administrasi
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi pembelian mobil
Bentuk : Lihat Lampiran C.1
2. Nama Dokumen : Slip gaji
Fungsi : Untuk syarat pembelian mobil
Sumber : Pelanggan
Tujuan : Bagian Administrasi
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi pembelian mobil
Bentuk : Lihat Lampiran C.1
3. Nama Dokumen : Rekening Bank
Fungsi : Untuk syarat pembelian mobil
Sumber : Pelanggan
Tujuan : Bagian Administrasi
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi pembelian mobil
Bentuk : Lihat Lampiran C.1
B. Rancangan Dokumen Keluaran
1. Nama Dokumen : Struk Dp
Fungsi : Untuk bukti pembayaran
Sumber : Bagian Administrasi
Tujuan : Owner
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap transaksi pembayaran
Bentuk : Lihat Lampiran C.1
2. Nama Dokumen : Laporan Transaksi
Fungsi : Untuk Laporan Setiap Transaksi
Sumber : Admin
Tujuan : Owner
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap laporan transaksi
Bentuk : Lihat Lampiran C.1s
4.1.5. Rancangan Prototype
1. Prototype Pelanggan
a. Halaman Login Pelanggan
Gambar IV.12 Tampilan Halaman Login Pelanggan
b. Halaman Beranda
Gambar IV.13 Tampilan Halaman Beranda
c. Daftar Mobil
Gambar IV.14 Tampilan Halaman Daftar Mobil
d. Syarat Pembelian Mobil
Gambar IV.15 Tampilan Halaman Syarat Pembelian Mobil
e. Alamat Kami
Gambar IV.16 Tampilan Halaman Alamat Kami
f. Partner Kami
Gambar IV.17 Tampilan Halaman Partner Kami
2. Prototype Admin
a. Tampilan Login Admin
Gambar IV.18 Tampilan Halaman Login Admin
b. Dasboard
Gambar IV.19 Tampilan Halaman Dasboard
c. Kelola Menu
Gambar IV.20 Tampilan Kelola Menu
d. Level pengguna
Gambar IV.21 Tampilan level pengguna
2.2. Perancangan Perangkat Lunak
2.2.1. Entity Relationship Diagram (ERD)
TRANSAKSI
MOBIL
PEMBELI SYARAT
DETAIL MOBIL
PENJUALAN
melakukan
memiliki
melakukan
mempunyai
memiliki
1
1 1
1
1
M
1
id_trans
nama_file
keterangan
jumlah
id_syarat
nama_lengkap
id_pembeli
username
password
bukti_trans
status
jumlah
id_penjualan
id_admin
harga
Id_mobil
nama_mobil
stokmerk
id_pembeli
id_pembeli
harga
1
M
id_penjualanid_mobil
Id_pembeli
Gambar IV.22 Entity Relationship Diagram (ERD)
2.2.2. Logical Structure Record (LRS)
transaksi
Id_trans (PK)Id_pembeli (FK)
jumlah
pembeli
Id_pembeli(PK)Nama_lengkap
Usernamepassword
penjualan
Id_penjualan(PK)Id_pembeli(FK)
Id_admin
Id_syarat(PK)Nama_file
KeteranganId_pembeli(FK)
syarat
Id_mobil(FK)Id_penjualan(FK)
Harga
detail_mobil
Id_mobil(PK)Nama_mobil
MerkHargaStok
mobil
1
1
1
1
M
M1
1
1
1
Gambar IV.23 Logical Structure Record (LRS)
2.2.3. Spesifikasi File
1. Spesifikasi File Mobil
Nama File : Mobil
Akronim : mobil
Fungsi : Untuk menampilkan data mobil
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 93 Byte
Kunc iField : id_mobil
Software : Mysql
Tabel IV.1 Spesifikasi File Mobil
No Elemen data Nama Field Tipe Size Ket
1. Id mobil id_mobil Int 11 Primary Key,
AUTO_INCREME
NT
2. Namamobil nama_mobil Varchar 30
3. Merk Merk Varchar 30
4. Harga Harga Int 11
5. Stok Stok Int 11
2. Spesifikasi File Detail Mobil
Nama File : Detail mobil
Akronim : detail mobil
Fungsi : Untuk menampilkan data detail mobil
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 22 Byte
Kunc iField : id_mobil
Software : Mysql
Tabel IV.2 Spesifikasi File Detail Mobil
No Elemen data Nama Field Tipe Size Ket
1. Id mobil id_mobil Int 11
2. Id Penjualan id_penjualan int 11
3. Spesifikasi File Pembeli
Nama File : Pembeli
Akronim : pembeli
Fungsi : Untuk menampilkan data pembeli
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 81 Byte
Kunci Field : id_pembeli
Software : Mysql
Tabel IV.3 Spesifikasi File Pembeli
No Elemen data Nama Field Tipe Size Ket
1. Id pembeli id_profil Int 11 Primary Key,
AUTO_INCREME
NT
2. Namalengkap nama_perusah
aan
Varchar 30
3. Username Pemilik Varchar 30
4. Password Kontak Varchar 10
4. Spesifikasi File Penjual
Nama File : Penjual
Akronim : penjual
Fungsi : Untuk menyimpan data penjualan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 66 Byte
Kunci Field : id_penjual
Software : Mysql
Tabel IV.4 Spesifikasi File Penjual
No Elemen data Nama Field Tipe Size Ket
1. Id penjual id_penjual Int 11 Primary Key,
AUTO_INCREME
NT
2. Id mobil id_mobil Int 11
3. Id pembeli id_pembeli Int 1
4. Id admin id_admin Int 11
5. Jumlah Jumlah Int 11
6. Bukti trans bukti_trans Text -
7. Status Status Int 11
5. Spesifikasi File Syarat
Nama File : Syarat
Akronim : syarat
Fungsi : Untuk menyimpan data persyaratan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 22 Byte
Kunci Field : id_syarat
Software : Mysql
Tabel IV.4 Spesifikasi File Syarat
No Elemen data Nama Field Tipe Size Ket
1. Id syarat id_syarat Int 11 Primary Key,
AUTO_INCREME
NT
2. Nama file nama_file Text -
3. Keterangan Keterangan Text -
4. Id pembeli id_pembeli Int 11
6. Spesifikasi File Tabel Hak Akses
Nama File : Tabel Hak Akses
Akronim : tbl_hak_akses
Fungsi : Untuk menyimpan data hak_akses
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 33 Byte
Kunci Field : id
Software : Mysql
Tabel IV.5 Spesifikasi File tbl_hak_akses
No Elemen data Nama Field Tipe Size Ket
1. Id Id Int 11 Primary Key,
AUTO_INCREME
NT
2. Id user level id_user_level Int 11
3. Id_menu id_menu Int 11
7. Spesifikasi File Tabel Menu
Nama File : Tabel menu
Akronim : tbl_menu
Fungsi : Untuk data menu
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 132 Byte
Kunci Field : id_menu
Software : Mysql
Tabel IV.6 Spesifikasi File Tabel Menu
No Elemen data Nama Field Tipe Size Ket
1. Id menu id_menu Int 11 Primary Key,
AUTO_INCREME
NT
2. Tittle Tittle Varcha
r
50
3. url url varchar 30
4. Icon Icon varchar 30
5. Is main menu is_main_menu int 11
6. Is aktif is_aktif enum (‘y’,’n’)
8. Spesifikasi File Tabel Setting
Nama File : Tabel setting
Akronim : tbl_setting
Fungsi : untuk menyeting data
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 101 Byte
Kunci Field : id_setting
Software : Mysql
Tabel IV.7 Spesifikasi File Tabel Setting
No Elemen data Nama Field Tipe Size Ket
1. Id setting id_setting Int 11 Primary Key,
AUTO_INCREME
NT
2. Nama setting nama_setting varchar 50
3. Value Value varchar 50
9. Spesifikasi File Tabel User
Nama File : Tabel User
Akronim : tbl_user
Fungsi : untuk menyimpan data user
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 172 Byte
Kunci Field : id_user
Software : Mysql
Tabel IV.8 Spesifikasi File Tabel User
No Elemen data Nama Field Tipe Size Ket
1. Id users id_users Int 11 Primary Key,
AUTO_INCREME
NT
2. Full name full_nama varchar 50
3. Email Email varchar 50
4. Password Password varchar 50
5. Images Images text -
6. Id user level id_user_level Int 11
7. Is aktif is_aktif enum (‘y’,’n’)
10. Spesifikasi File Tabel User Level
Nama File : Tabel user level
Akronim : tbl_user_level
Fungsi : untuk menyimpan data user level
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 41 Byte
Kunci Field : id_user_level
Software : Mysql
Tabel IV.9 Spesifikasi File Tabel User Level
No Elemen data Nama Field Tipe Size Ket
1. Id user level id_user_level Int 11 Primary Key,
AUTO_INCREME
NT
2. Nama level nama_level varchar 30
11. Spesifikasi File Transaksi
Nama File : Transaksi
Akronim : transaksi
Fungsi : Untuk menyimpan data transaksi
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 44 Byte
KunciField : id_transaksi
Software : Mysql
Tabel IV.10 Spesifikasi File Transaksi
No Elemen data Nama Field Tipe Size Ket
1. Id trans id_penjual Int 11 Primary Key,
AUTO_INCREME
NT
2. Id mobil id_mobil Int 11
3. Id pembeli id_pembeli Int 11
4. Jumlah Jumlah Int 11
2.2.4. Class Model / Class Diagram
Gambar IV.24 Class Model /Class Diagram Showroom
class Showroom
Mobil
- harga: int
- id_mobil: int
- merk: varcahr
- nama_mobil: varchar
- stok: int
+ cari(): void
+ hapus(): void
+ tambah data(): void
+ update(): void
Pembeli
- id_pembeli: int
- nama_lengkap: varchar
- password: varchar
- username: varchar
+ Cari(): void
+ Hapus(): void
Penjualan
- bukti_trans: text
- id_admin: int
- id_mobil: int
- id_pembeli: int
- id_penjual: int
- jumlah: int
- status: int
+ Cari(): void
+ Cetak(): void
Syarat
- id_pembeli: int
- id_syarat: int
- keterangan: int
- nama_file: text
+ cari(): void
+ hapus(): void
+ tambah data(): void
+ update(): void
transaksi
- id_mobil: int
- id_pembeli: int
- id_trans: int
- jumlah: int
+ cari(): void
+ cetak(): void
11..*
1
1..*
1
1
1
1
memiliki
melakukan
melakukan
memiliki
detail_mobil
- id_mobil: int
- id_penjualan: int
+ cari(): void
1
1
memiliki
2.2.5. Sequence Diagram Pelanggan
Gambar IV.25 Sequence Diagram Pelanggan
sd Pelanggan
Pelanggan
Sistem Beranda Mobil Syarat Alamat Kami
Masukkan ke form
login
Menampilkan Form
Login
Masukkan Email
dan Password
Menampilkan
Halaman
Pelanggan
Pilih Menu Beranda
Menampilkan Halaman Beranda
Pilih Menu Mobil untuk melihat daftar mobil
menampilkan halaman daftar mobil
Pilih Menu Syarat
Menampilkan Halaman Syarat/persyaratan untuk pembelian mobil
Pilih Menu Alamat kami
Menampilkan Halaman Alamat Kami
Gambar IV.26 Sequence Diagram Admin
sd Admin
Admin
Sistem Kelola Menu Level Pengguna Kelola pengguna Syarat Mobil Pembeli Penjualan Laporan
Masuk ke
form login
Menampilkan
Form Login
Masukkan
Email dan
Password
Data Berhasil
Login
Pilih Kelola Menu
Menampilkan Halaman Kelola
Menu
Pilih menu level pengguna
Menampilkan Halaman Level Pengguna
Pilih Menu Kelola Pengguna
Menampilkan Halaman Kelola Pengguna
Pilih Menu Syarat
Manampilkan Halaman Syarat
Pilih Menu Mobil
Menampilkan Halaman mobil
Pilih Menu Pembeli
Menampilkan Halaman Pembeli
Pilih Menu Penjualan
Menampilkan Halaman Penjualan
Pilih Menu Laporan
Menampilkan Halaman Laporan
2.2.6. Spesifikasi Hardware dan Software
1. Spesifikasi Hardware
a) Processor Intel(R) Celeron(R) CPU B960 @ 2.20Ghz 2.20GHz
b) Installed memory (RAM) 2.00 GB (1.82 GB usable)
c) Minimal Harddisk 270 Gb
d) VGA on Board
e) Monitor 10 inch
f) Keyboard dan mouse
g) Koneksi internet dengan kecepatan up to 1 Mb
2. Spesifikasi Software
a) Operating system : Microsoft Windows8.1 Pro
b) Teks Editor : NetBeans 8.1
c) Web Server : Apache 1.8.3
d) Web Package Server : Xampp Control Panel v3.2.1
e) Programming language : PHP v5.6.8, JavaScript
f) Database : MySQL Server v.5.6.16
g) Aplikasi Lain : phpMyAdmin v4.1.6
h) Web Browser : Mozilla Firefox, Google Chrome
2.3. Jadwal Implementasi
Tabel IV.11
Jadwal Implementasi
No KEGIATAN
WAKTU
BULAN I BULAN II BULAN III
1 2 3 4 1 2 3 4 1 2 3 4
1 Persiapan data awal
2 Analisa
3 Desain Sistem
4 Desain Perangkat Lunak
5
Pembuatan & Tes
Program
6 Tes Sistem
7 Pelatihan
8
Pembuatan Buku
Petunjuk
9 Evaluasi & Operasional