BAB IV

PERANCANGAN DAN IMPLEMENTASI SISTEM

4.1 Perancangan Sistem

4.1.1 Pemecahan Masalah
Sistem yang dibangun dapat memecahkan beberapa
masalah dalam proses record data persediaan barang setiap
waktunya seperti :
1. Melalui sistem ini dapat mengetahui informasi kendaraan yang
tersedia dan daapt mengetahui informasi harga mobil.
2. Melalui sistem yang dibuat dapat memudahkan penjualan dan
pembelian dalam mengelola persediaan dan membuat laporan
penjualan dan pembelian kendaraan.
3. Melalui sistem tersebut semua menejemen terkait dapat secara
langsung memantau persediaan barang, pembelian, dan
pemesanan masuk dan keluar secara real time. Sehingga dapat
memudahkan dalam re-stock kendaraan. Dan dapat segera
melakukan tindak lanjut yang tepat mengenai persediaan
kendaraan.
4. Melalui sistem ini pimpinan dapat cepat melihat laporan
pendapatan, maupun laporan produktifitas secara cepat melalui
grafik yang terdapat pada sistem tersebut.

4.1.2 Perancangan Sistem

Berdasarkan analisa pada tahap penggambaran sistem yang
berjalan pada CV. Madina Mora Motor, perancangan dalam sistem
ini terdiri dari dua sudut pandang yaitu sudut pandang pungguna
dan sudut pandang logical.

39
4.1.2.1 Identifikasi Kebutuhan Sistem Dari Sudut Pandang
Pemakai
Identifikasi kebutuhan sistem dari sudut pandang
pemakai dapat dikategorikan menjadi use case diagram,
activity diagram, sequence diagram.
1. Use Case Diagram
Pada bagian ini akan digambarkan aktivitas
aktor dengan sistem, sehingga alur aktivitas aktor dan
sistem dapat dilihat dengan jelas dengan use case
diagram, pada tahapan ini bertujuan untuk menentukan
siapa yang menjadi pengguna dalam masing-masing
menu yang akan digunakan, yang nantinya akan
berinteraksi dengan sistem dan proses-proses apa saja
kegiatan yang dilakukan oleh aktor terhadap sistem.

System

Daftar

Calon Konsumen

Login

Pilih Kendaraan

Dealer
Cek Status
Konsumen Pemesanan dan
Data Pembelian

Input Pembayaran

Laporan Pembayaran

Logout

Gambar 4.1
Use Case diagram Diagram Perancangan Analisa Sistem Penjualan

40
a. Use case daftar
Use case daftar adalah suatu proses dimana
pengunjung melakukan input data diri jika ingin
menjadi konsumen showroom.
b. Use case login
Use case login merupakan suatu proses dimana
Konsumen untuk melakukan pemesanan lebih
lanjut.
c. Use case Pilih Kendaraan
Pilih kendaraan suatu proses dimana konsumen
memilih merek dan jenis mobil yang dinginkan.
d. Use case input Cek Status Pemesanan dan Data
Pembelian
Cek status pemesanan dan data pembelian
merupakan suatu tahapan proses dimana dari pihak
dealer dan konsumen untuk mengetahui proses yang
harus dilanjutkan.
e. Use Case Input Pembayaran
Input pembayaran merupakan dimana proses
konsumen menginput bukti pembayaran bahwa
sudah mentransfer uang muka atau bayar lunas.
f. Use case Laporan Pembayaran
Laporan Pembayaran adalah sekumpulan data yang
telah di input oleh konsumen yang hasilnya berupa
tabel data yang terdiri dari laporan pemesan,laporan
pembayaran.
g. Use Case Logout
Use case logout merupakan suatu proses dimana
user telah selesai.

41
2. Activity Diagram
Activity diagram menguraikan interaksi yang terjadi
antara user dengan sistem pada masing-masing use
case. Dalam skripsi ini ada beberapa aktivitas user
terhadap sistem yaitu sebagai berikut :
a. Activity Diagram Proses Daftar

Calon Konsumen Sistem

Pilih Menu Daftar Menampilkan Menu Daftar

TIDAK
Isi Form Daftar

YA

Menyimpan Data Daftar

Gambar 4.2
Activity Diagram Proses Daftar

Pada diagram aktivitas daftar menjelaskan proses

pada saat ingin menjadi konsumen showroom. Saat
user mulai menjalankan program maka akan tampil
halaman login, halaman ini juga berfungsi sebagai
pengaman aplikasi dimana user yang tidak memiliki
username dan password tidak akan bisa mengakses
aplikasi tersebut. Berikut langkah activity daftar :
1. Memilih menu daftar dan mengisi form data
diri.

42
 2. Sistem menyimpan kelengkapan data diri
konsumen, apabila benar akan tampil halaman
utama untuk melakukan login.
3. Jika tidak melengkapi form daftar tidak bisa
melakukan login.

b. Activity Diagram Login

Konsumen Sistem

Menu login Menampilkan menu login

Memasukkan username dan password

TIDAK

YA

Masuk halaman utama

Gambar 4.3
Activity Diagram Login

Pada diagram aktivitas login menjelaskan proses

pada saat memulai menjalankan program. Saat user
mulai menjalankan program maka akan tampil
halaman login, halaman ini juga berfungsi sebagai
pengaman aplikasi dimana user yang tidak memiliki
username dan password tidak akan bisa mengakses
aplikasi tersebut. Berikut langkah activity login :

43
 1. Memasukan username dan passoword yang
dimilikinya.
2. Sistem memverifikasi username dan password,
apabila username dan password benar akan
tampil halaman utama dan menu-menu yang
dapat digunakan sesuai hak akses yang
diberikan.
3. Verifikasi sistem username dan password tidak
sesuai maka sistem secara otomatis akan
memberikan pemberitahuan bahwa data yang
dimasukan tidak sesuai.

c. Activity Diagram Pilih Kendaraan

Konsumen Sistem

Pilih Menu Katalog Menampilkan Halaman Katalog

Memilih Mobil Menampilkan Berbagai Tipe Mobil

Lanjutkan Pemesanan

TIDAK

YA

Upload Persyaratan Dokumen Menerima Persyaratan Dokumen

Gambar 4.4
Activity Diagram Input Pilih Kendaraan

44
 Pada diagram aktivitas pilih kendaraan diuraikan
sebagai berikut:
1. Konsumen memilih menu katalog
2. Konsumen memilih mobil
3. Melakukan lanjut kepemesanan
4. Jika konsumen berubah pikiran maka akan
menampilkan berbagai tipe mobil.
5. Jika konsumen ingin melanjutkan pembelian
maka harus mengupload persyratan dokumen
data konsumen sudah ada pada sistem maka saat
menyimpan akan ada
6. Sistem akan menyimpan data konsumen dan
dokumen.

d. Activity Diagram Cek Status Pemesanan dan Data

Pembelian

User Sistem

Login

Cek Lihat Pemesanan

Pilih Ubah Status Pemesanan Persyaratan dan Data Dokumen Lengkap

TIDAK

Menunggu

Survey

YA
Diterima

Data Pembelian terUpdate

Gambar 4.5

Activity Diagram Cek Status Pemesanan dan Data Pembelian

45
Pada diagram aktivitas cek status pemesanan dan
data pembelian menjelaskan tentang admin
mengubah status pemesanan bahwa dokumen
pelnaggan asli dan sama saat upload dokumen
pemesanan dan konsumen melakukan pengecekkan
status bahwa dokumennya diterima oleh dealer.
Berikut adalah langkah cek status pemesanan dan
data pembelian:
1. Login User
2. User akan mengecek status pesanan/pembelian
yang masuk.
3. Admin akan mengubah status (survey atau
diterima) apabila persyaratan dan dokumen
lengkap.
4. Jika persyaratan belum lengkap maka status
akan tetap “survey” selama 2x24 jam
5. Jika persyaratan lengkap maka status akan
dirubah menjadi “diterima”
6. Sistem menerima data pembelian ter-update,
jika berhasil melakukan penginputan maka
dilanjutkan ke input pembayaran

46
e. Activity Diagram Input Pembayaran

Konsumen Sistem

Masuk Halaman Utama

Pilih Menu Data Pembelian

Cek Status Pembelian

Upload Bukti Pembayaran Dokuman terupload

Pilih Bayar

Pembayaran Terkirim

Gambar 4.6
Activity Diagram Input Pembayaran
Pada diagram aktivitas input pembayaran
menjelaskan tentang pembayaran kepada dealer
bahwa konsumen telah membayar pesenannya.
Berikut adalah input pembayaran:
1. Konsumen masuk kehalam utama
2. Lalu pilih menu data pembelian
3. Konsumen mengecek status pembelian bahwa
data nya sudah diterima dealer.
4. Konsumen mengupload bukti pembayaran.

47
 5. Sistem menerima menyimpan dan akan masuk
ke data keuanagan admin

f. Activity Diagram Laporan Pembayaran

Admin Sistem

Masuk Halaman Utama

Pilih Menu Keuangan Menampilkan Data Keuangan

Pilih Cetak

Laporan tercetak Tampil Laporan

Gambar 4.7
Activity Diagram Laporan Pembayaran
Pada aktifitas diagram laporan menjelaskan
mengenai laporan data pemesanan yang diuraikan
sebagai berikut:
1. Masuk halama utama
2. Memilih menu keuangan
3. Sistem akan menampilkan data keuangan
4. Memilih cetak unutk menjadi tampilan laporan
pembayaran.

48
g. Activity Diagram Logout

User Sistem

Pilih Menu Logout Proses Logout

TIDAK

Menu Login
YA

Gambar 4.8 Activity Diagram Logout

Pada aktifitas diagram logout menjelaskan tentang

semua user yang menggunakan sistem tersebut akan
melakukan logout. Berikut adalah uraian activity
logout:
1. User memilih menu logout
2. Tidak berhasil logout tmpilan masih dalam
menu utama.
3. Berhasil logout, tampilan akan kembali ke
tampilan halaman login.

49
 3. Sequence Diagram
Sequence diagram menunjukan suatu skenario yang
dinamis yang digunakan untuk mendeskripsikan pola
komunikasi antar objek, sequence diagram juga
menggambarkan urutan waktu dari aliran suatu metode.
a. Sequence Diagram Daftar

Calon Konsumen Form Daftar Database User Menu Utama

1 : Pilih Menu Daftar()

2 : Menampilkan form daftar()

3 : Isi form daftar()

4 : Cek validasi data user()

5 : Validasi data input()

6 : Menampilkan peringatan salah()

8 : Masuk menu login()
7 : Input Data Kembali()

Gambar 4.9
Sequence Diagram Daftar

Berikut adalah uraian sequence diagram daftar

1. Memilih menu daftar dan mengisi form data

diri.
2. Sistem menyimpan kelengkapan data diri
konsumen, apabila benar akan tampil halaman
utama untuk melakukan login.
3. Jika tidak melengkapi form daftar tidak bisa
melakukan login.

50
 b. Sequence Diagram Login

Konsumen Form Login Database User Halaman Utama

1 : Input Username dan Password()

2 : Cek Username dan Password()

3 : Validasi data()

4 : Username dan Password salah()

5 : Menapilkan Pesan Error() 6 : Menampilkan Halaman Utama()

Gambar 4.10
Sequence Diagram Login
Berikut adalah uraian sequence diagram login
1. Admin memasukan username dan password
2. Sistem menganalisa username dan password
sesuai data user yang sudah ada
3. Login berhasil maka akan tampil ke menu utama
4. Login gagal maka akan kembali ke menu login

51
 c. Sequence Diagram Pilih Kendaraan

Konsumen Katalog Database table_mobil Form Pemesanan Database Pemesanan

1 : Memilih menu katalog()

2 : Menampilkan berbagai tipe mobil()

3 : Memilih mobil()

4 : Pesan Mobil()

5 : Upload Dokumen()

6 : Menerima Peryaratan dan Dokumen()

Gambar 4.11
Sequence Diagram Pilih Kendaraan
Sequence Diagram Pilih kendaran diatas adalah cara
memilih mobil dan mengupload persyartan
dokumen pemesanan

52
 d. Sequence Diagram Cek Status Pemesanan dan
Update Data Pembelian

Admin Halaman Utama Database Pemesanan_detail Form Pemesanan Data Pembelian

1 : Login()

2 : Cek lihat pemesanan()

3 : Menunggu survey lalu ubah status pemesanan()

4 : Validasi dokumen()

5 : Diterima()

6 : Ditolak dan hapus dokumen()

7 : Ubah status "diterima"()

8 : Data Pembelian terUpdate()

Gambar 4.12
Sequence Diagram Cek Status Pemesanan dan Update Data
Pembelian
Sequence Diagram Cek Status Pemesanan dan
Update Data Pembelian diatas adalah cara
melakukan status pemesanan dan data pembelian.

53
 e. Sequence Diagram Pembayaran

Konsumen Halaman Utama Data Pembelian Form Pembayaran Database Pembayaran

1 : Masuk Halaman Utama()

2 : Pilih Menu Data Pembelian()

3 : Cek Status Pembelian()

4 : Upload Bukti Pembayaran()

5 : Pembayaran Terkirim()

Gambar 4.13
Sequence Diagram Pembayaran

Sequence Diagram pembayaran diatas adalah cara

melakukan upload bukti pembayaran

f. Sequence Diagram Laporan pembayaran

Admin Halaman Utama Database Keuangan Laporan View Data

1 : Masuk Halaman Utama()

2 : Pilih Menu Keuangan()

3 : Menampilkan Data Keuangan()

4 : Cetak Laporan()

5 : Tampil Laporan()

Gambar 4.14
Sequence Diagram Laporan Pembayaran

54
 Sequence Diagram Laporan Pembayaran diatas
adalah menampilakan dan mencetak laporan
pembayaran.

g. Sequence Diagram Logout

User Logout Halaman Login

1 : Pilih Menu Logout()

2 : Logout Sukses()

3 : Tampil Halaman Login()

Gambar 4.15
Sequence Diagram Logout
Sequence Diagram logout diatas adalah menjelaskan
tentang semua user yang menggunakan sistem
tersebut akan melakukan logout.

55
4.1.2.2 Identifikasi Kebutuhan Sistem Dari Sudut Pandang
Logikal
1. Class Diagram
Class diagram akan mengambarkan hubungan antar
tabel sehingga tabel satu dengan tabel lain terdapat
relasi dengan jelas. Relasi tabel ini akan memudahkan
pendapatan dan menghindari data ganda. Adapun class
diagram yakni sebagai berikut :

Gambar 4.16
Class Diagram

56
4.1.3 Rancangan Database
Dalam pembuatan sistem database sangatlah berperan penting
untuk sarana penyimpanan dari data yang dimasukan oleh sistem
atau langsung ke dalam tabel database itu sendiri. Struktur
database merupakan data yang berhubungan satu dengan yang
lainnya membentuk komponen yang penting dalam sebuah sistem
informasi dan dapat berfungsi kepada penggunanya.
a. ERD

Gambar 4.17
Entity Relationship Diagram

57
b. Spesifikasi Tabel Database
Berikut adalah tabel-tabel yang digunakan, dapat dilihat
dibawah ini :
1. Struktur Database User
Nama Tabel : user
Fungsi : Sebagai tabel penyimpanan data user
Primary Key : id_user

Tabel 4.1
Tabel user

Field Type Panjang

Keterangan

id Int 11 Primary Key

nama Varchar 60

email Varchar 60

password Varchar 60

alamat text

hp Varchar 15

noktp Varchar 100

nokk Varchar 100

nonpwp Varchar 100

2. Struktur Database table_mobil

Nama Tabel : table_mobil
Fungsi : Sebagai tabel penyimpanan data barang
Primary Key : id_mobil

58
 Tabel 4.2
Table_mobil

Field Type Panjang

Keterangan

id_mobil Int 5 Primary Key

merek Varchar 30

model Varchar 15

varian Varchar 10

tahun Int 4

kapasitasmesin Varchar 10

transmisi Varchar 10

kilometer Int 10

warna Varchar 10

gambar Varchar 30

harga Int 11

G2 Varchar 20

G3 Varchar 20

G4 Varchar 20

G5 Varchar 20

cabang Varchar 20

59
3. Struktur Database Pemesanan_Detail
Nama Tabel : pemesanan_detail
Fungsi : Sebagai tabel penyimpanan data pembelian
Primary Key : id_pemesanan
Tabel 4.3

Tabel Data pemesanan

Field Type Panjang

Keterangan
Int 20 Primary Key
id
Varchar 20 Foreign Key
kode_pemesanan

ktp Varchar 6 Foreign Key

id_mobil Int 5 Foreign Key

status_pesan Varchar

harga Int 11
enum('Kredit',
Status_pengajuan
'Cash'

Tgl_pemesanan timestamp

4. Struktur Database pembayaran

Nama Tabel : pembayaran
Fungsi : Sebagai tabel penyimpanan data

pembayaran konsumen

Primary Key : id_pembayaran

60
 Tabel 4.4
Tabel Data Pembayaran

Field Type Panjang Keterangan

Id Int 10 Primary Key

Nama_bank Varchar 100

Rek_bank Varchar 50

kd_pemesanan Varchar 20 Foreign Key

Bukti_bayar Varchar 100

enum('Kredit',
status 4
'Cash'

Keterangan text

Tgl_bayar Timestamp

5. Struktur Database keuangan

Nama Tabel : keuangan
Fungsi : Sebagai tabel penyimpanan laporan
pembayaran
Primary Key : id_keuangan
Tabel 4.5
Tabel Keuangan

Field Type Panjang Keterangan

id int 11 Primary Key

kode_pemesanan Varchar 50

harga Int 11

total_bayar Int 11 Foreign Key

keterangan Current_time

61
 tgl_bayar Int 11 Primary Key

4.1.4 Rancangan Antar Muka / Interface

Perancangan antarmuka berfungsi memberikan gambaran dari
aplikasi yang akan dibangun sehingga mempermudah dalam
implementasi.

a. Desain Halaman Daftar dan Login

Halaman daftar dan login user digunakan untuk

melakukan login agar dapat menggunakan aplikasi. Rancangan
dapat dilihat pada gambar dibawah ini

Gambar 4.18
Desain Halaman Daftar dan Login
Algoritma Form Daftar
Start
Tampil form daftar
Masukan email
Masukan password
Masukan nama
Masukkan hp

62
 Masukkan alamat
Masukkan no ktp
Masukkan no kk
Masukkan no npwp
Klik tombol “Submit”
Star
Tampil form login
Masukan username
Masukan Password
Klik tombol “Log In”
If usename dan password salah maka akan tampil pesan
“Cek username dan password” Masukan lagi
Else If username dan password benar akan muncul menu
utama
End If
End

b. Desain Halaman Katalog

Halaman utama (dashboard) berfungsi sebagai halaman
yang menyediakan informasi dan beberapa menu, dimana menu
tersebut dapat di jalankan sesuai kebutuhan user. Rancangan
dapat dilihat pada gambar dibawah ini.

63
 Gambar 4.19 Desain Halaman katalog
Start
Tampil menu utama
If Klik tombol Katalog
Then muncul pilihan Kendaraan
If Klik tombol Pesan
Then muncul Lanjut ke pemesanan
If klik tombol Lanjut ke pemesanan
Then muncul upload Persyaratan dokumen
If Klik tombol submit
End If
Else If
End if
Finish

c. Desain Form Upload Persyaratan Dokumen Pembelian

Menu ini digunakan untuk melakukan penginputan,
persyaratan dokumen pembelian. Berikut salah satu rancangan
dari menu katalog untuk pemesanan dapat dilihat pada gambar
dibawah ini

64
 Gambar 4.20
Desain Form Upload Persyaratan Dokumen Pembelian
Algoritma Form Upload Persyaratan Dokumen Pembelian
Start
Tampilan katalog pemesanan
Upload KTP
Upload KK
Upload NPWP
Pilih Status Pembayaran
If Klik tombol Submit
Then data pemesanan tersimpan
Else if tidak bisa melanjutkan upload dokumen
If upload dokumen lagi dan klik tombol Submit
Then data pemesanan yang tersimpan di data pembelian
End if
Finish

d. Desain Input Form Pembayaran

Menu ini digunakan untuk melakukan penginputan
pembayaran berdasarkan pesanan konsumen. Berikut adalah

65
 perancangan input form pembayaran seperti pada gambar di
bawah ini.

Gambar 4.21
Desain Menu Tambah Pemesanan

Algoritma Menu Tambah Data Penjualan

Start
Tampil menu Data Pembeliaan
Mengisi form Pembayaran
Upload bukti pembayaran
If Klik tombol Bayar
Then from pembayaran tersimpan
Else if tidak bisa melanjutkan form prmbayaran
If mengisi from pembayaran lagi dan klik tombol Bayar
Then from pembayarab tersimpan
End if
Finish

e. Desain Menu Laporan Pembayaran

Menu ini digunakan untuk melihat laporan. berikut
adalah rancangan dari menu laporan yang dapat dilihat pada
gambar dibawah ini.

66
 Gambar 4.23
Desain Menu Laporan Pembayaran

Algoritma Menu Laporan Pembayaran

Start
Tampil Menu Keuangan
Klik tombol Cetak
Then muncul laporan pembayaran
If Klik tombol Cetak
Finish

4.2 Implementasi Sistem

4.2.1 Spesifikasi Sistem
Agar sistem yang dibuat dapat diimplementasikan dengan baik
maka diperlukan komponen pendukung baik berupak perangkat
keras (hardware) maupun perangkat lunak (software).
1. Hardware yang digunakan untuk pembuatan aplikasi
mempunyai spesifikasi sebagai berikut :
a) Product Name : HP 1000 Series
b) Processor : AMD A4-3330MX APU
c) RAM : 6,00 GB.

67
 d) System type : 64-bit Operating System.
e) Hard disk : 500GB HDD.
f) Display : 14 inches LED Backlight
g) Video Grapichs : Radeon HD Graphic HD6480G

2. Software yang digunakan untuk pembuatan aplikasi adalah

sebagai berikut:
a) Sublime text
b) XAMPP Control Panel Version 3.2.1
c) Google Chome
d) MySql 5.5.27

4.2.2 Analisa Manfaat dan Biaya

a. Analisa Manfaat
Pemanfaatan pengembangan sistem informasi merupakan
suatu investasi yang bagus saat ini, seperti halnya investasi
proyek lainnya, investasi berarti dikeluarkannya sumber-
sumber daya untuk mendapatkan manfaat di masa yang akan
datang. Investasi untuk mengembangkan sistem informasi juga
membutuhkan sumber daya. Sebagai hasilnya sistem informasi
akan memberikan manfaat-manfaat yang dapat berupa
penghematan atau manfaat-manfaat baru. Jika manfaat yang
didapatkan lebih kecil dari sumber daya yang dikeluarkan,
maka sistem informasi yang akan dikembangkan tidak bernilai
atau tidak layak.

b. Analisa Biaya
Analisa biaya adalah perkiraan jumlah uang atau modal
yang dikeluarkan untuk membangun suatu sistem informasi.
Adapun analisa-analisa biaya pengembangan informasi sebagai
berikut:

68
c. Biaya Analisa Sistem
Tabel 4.9
Biaya Analisa Sistem

No Item
Biaya

1 Biaya Pengumpulan Data Rp. 1.000.000

2 Biaya Program Rp. 2.700.000

3 Biaya Lain-lain Rp. 500.000

Total Rp. 4.200.000

d. Biaya Penerapan Sistem

Tabel 4.10
Biaya Penerapan Sistem

No Item
Biaya

1 Biaya Latihan Personil Rp. 1.000.000

Lanjutan Tabel 4.10

2 Biaya Lain-lain Rp. 500.000

Total Rp. 1.500.000

e. Biaya Peralatan Komputer

Tabel 4.11
Biaya Peralatan Komputer

No Item
Biaya

1 Personal Computer(PC) Rp. 7.500.000

69
 2 Keyboard+Mouse Rp. 300.000

3 Printer Rp. 2.750.000

Total Rp. 10.550.000

4.2.3 Setting Struktur Database

Sebelum menjalankan program, ada beberapa prosedur yang
harus dilakukan terlebih dahulu, yaitu:
a. Setting Xampp
b. Setting MySQL
c. Memasukan folder program pada htdocs.
d. Jalankan program pada web browser dengan mengetikan
alamat : http/localhost/inventory.
e. Tampilan halaman login akan terbuka.

4.2.3.1 Setting Xampp

Untuk menjalankan program perlu melakukan
instalasi paket program XAMPP, yang terdiri dari apache
server dan MySql. Instalasi dapat dilihat pada gambar
dibawah ini.

70
 Gambar 4.24
Setting Xampp

4.2.3.2 Setting MySQL

Setelah melakukan instalasi XAMPP, maka langkah
selanjutnya adalah menjalankan MySQL untuk dapat
membuat database. Sebelum menjalankan MySQL dan
apache server dapat dilihat pada gambar dibawah ini.

Gambar 4.25
Menjalankan Service MySQL dan Apache Server

71
 Setelah service MySQL dijalankan, maka database
dapat dibuat. Dalam perancangan skripsi ini, nama
database yang digunakan adalah ”inventori”. Kemudian
melakukan pembuatan tabel setelah database berhasil
dibuat. pembuatan tabel yaitu dengan cara memasukkan
nama tabel dikolom nama yang tersedia

4.2.4 Implementasi Database

Berikut implementasi database sistem informasi pencatatan
service kendaraan adalah sebagai berikut :
a. Tabel User
Sebagai tabel penyimpanan data user

Gambar 4.25
Tabel User

b. Tabel_Mobil
Sebagai tabel penyimpanan pemesanan sebelum barang masuk
ke laporan pemesanan.

72
 Gambar 4.26
Tabel mobil

c. Tabel Pemesanan_detail
Sebagai tabel penyimpanan data pembelian konsumen

Gambar 4.27
Tabel Pemesanan_detail

d. Tabel Pembayaran
Sebagai tabel penyimpanan data pembelian yang berisi
mengenai jumlah transaksi pembelian yang dilakukan.

73
 Gambar 4.28
Tabel Data Pembayaran

e. Tabel Keuangan
Sebagai tabel penyimpanan pembayaran barang yang sesuai
yang sudah dibayar konsumen.

Gambar 4.29
Tabel Keuangan

4.2.5 Implementasi Sistem

Pada tahapan ini akan dijelaskan cara pengoperasian aplikasi
pencatatan service kendaraan. Adapun penjelasan lebih lanjut
sebagai berikut :

74
a. Form Daftar
Pada tahapan ini, saat pertama kali user menjalankan
program aplikasi maka tampilan pertama yang akan
muncul adalah menu login. Agar user dapat menjalankan
program aplikasi maka user harus mengisi email dan
password yang telah dibuat. Apabila email dan password
yang diinput valid maka user akan diarahkan ke menu
utama dari program aplikasi yang telah dibuat. berikut ini
tampilan dari menu login.

Gambar 4.36

Form Daftar

b. Form Login
Setelah user berhasil login maka user diarahkan pada
halaman dashboard dari program aplikasi. Halaman
dashboard ini menampilkan menu yang bisa diakses

75
berdasarkan status penggunanya. Di dalam halaman
dashboard ini juga terdapat tampilan yang menunjukan
jumlah penjualan hari ini dan jumlah pembelian hari ini
berdasarkan tanggal yang terjadi pada saat itu.

Gambar 4.37
Form Login

76
c. Tampilan Katalog

Gambar 4.38
Tampilan Katalog

1. Pemesanan
Pada menu ini, sebelum konsumen melanjutkan
pembelian harus terlebih dahulu klik lanjut ke
pemesanan.

Gambar 4.38
Pemesanan

77
d. Tampilan Upload peryaratan dokumen pembelian

Konsumen harus upload dokumen agar admin dapat

melihat data pembelian yaitu yang berisi dokumen ktp,kk
dn npwp yang sudah dilakukan disini juga user bisa
melakukan pembayaran

Gambar 4.39
Upload peryaratan dokumen pembelian

1. Upload peryaratan dokumen pembelian

Konsumen dapat melakukan pembayaran melalui form

pembayaran ini. Dengan upload persyaratan dokumen
dan memilih status pembayaran,Setelah itu menyimpan
data pembelian.

2. Input Pembayaran kredit

Pada saat input pembayaran kredit harus memasukkan
nominal uang muka,tenor.setelah itu melanjutkan input
dan upload bukti pembayaran uang muka.

78
 Gambar 4.40
Input Pembayaran Kredit

3. Input Pembayaran Lunas

Pada saat input pembayaran lunas harus memasukkan
memasukkan nama bank,rek bank.setelah itu
melanjutkan input dan upload bukti pembayaran lunas

Gambar 4.41
Input Pembayaran Lunas

79
e. Keuangan
Keuanan adalah menu yang digunakan untuk membuat
catatan pembayaran dan penjualan.
1. Lihat Pembayaran
Menu ini merekam semua data pembayaran dan
penjualan yang dilengkapi dengan lampiran KTP,
KK,NPWP dan Bukti Pembyaaran. sebagai rincian
penjualan yang nantinya bisa digunakan sebagai
lampiran laporan pembelian dan penjualan.

Gambar 4.41
Lihat Pembayaran

2. Laporan Cetak Pembayaran Lunas

Gambar 4.42
Laporan Cetak Pembayaran Lunas

80
 3. Laporan Cetak Pembayaran Kredit

Gambar 4.43
Laporan Cetak Pembayaran Kredit

4.2.6 Pengujian Sistem

Pengujian sistem merupakan pengujian terhadap beberapa
fungsi yang terdapat dalam sistem yang dibangun. Pengujian ini
dilakukan untuk mengetahui apakah fungsi yang terdapat dalam
sistem berjalan sesuai dengan yang diharapkan atau tidak.
Berdasarkan hasil pengujian dengan metode Black Box
pada kasus diatas dapat disimpulkan bahwa Rancang Bangun
Sistem Informasi showroom mobil CV. Madina Mora Motor secara
fungsional telah memberikan hasil dari setiap proses sesuai dengan
yang diharapkan. Untuk hasil pengujian Black Box adalah sebagai
berikut :

81
 Tabel 4.11
Pengujian Black Box

a. Rencana Pengujian Konsumen / Pemesanan

Prosedure
No Deskripsi Masukan Keluaran Hasil
pengujian
-jalankan sistem
pada web
Data Data
1 Daftar -input data Sesuai
Konsumen Konsumen
pribadi
-klik submit
2 Login -Jalankan sistem Status login Berhasil dan Sesuai
pada web sebagai masuk
-Input Username konsumen, kedalam
dan Password Username: menu utama
-Klik login nurhamidah@
gmail.com
Password:
12345ok
-Menu Utama Sesuai
3 Penginputan Data Data
-Menu Katalog
from pemesanan pemesanan
-Klik Pesan
pemesanan berhasil
-Klik lanjut ke disimpan dan
pemesanan akan muncul
-Upload KTP di tabel data
-Upload KK pembelian
-Upload NPWP
-Pilih status
pembayaran
-Klik tombol
submit

82
 Data Sesuai
4 Pembayaran -Menu Utama Data
Pembayaran
-Menu Data Pembayaran
Pembelian akan
-Klik lihat tersimpan
-Input nominal pada menu
bayar data
-Input tenor keuangan.
-Input nama bank Muncul cetak
-Input rek bank nota
-Upload Bukti pembelian
transfer
-Klik tombol
bayar
Data user Sesuai
5 Logout -Menu utama Data user
-Klik menu
logout

b. Rencana Pengujian Admin

Prosedure
No Deskripsi Masukan Keluaran Hasil
pengujian
1 Login -Jalankan Status login Berhasil dan Sesuai
sistem pada sebagai gudang, masuk
web Username: admin kedalam
-Input Password: admin menu utama
Username dan
Password
-Klik Login
-Menu utama
2 Percetakan Data Pemesanan Data form Sesuai
-Klik menu
Form pemesanan

83
 Pemesanan Pemesanan muncul saat
-Klik lihat di cetak
dokumen
-klik cetak
-Menu utama Sesuai
3 Laporan Data Pembayaran Data
Pembayaran -Klik menu pembayaran
Pembayaran muncul di
-Klik cetak cetak
-Menu utama
4 Laporan Data keuangan Data barang Sesuai
-Klik Keuangan
Keuangan masuk ke
-Klik lihat menu tabel
Pembayaran data barang
- Klik cetak
Data User Sesuai
5 Logout -Menu utama Data User
-Klik menu
logout

84