Upload
others
View
9
Download
0
Embed Size (px)
Citation preview
27
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
3.1.1. Sejarah Perusahaan
Bengkel Chandra Motor merupakan perusahaan yang bergerak dibidang
pelayanan jasa perawatan dan pemeliharaan sepeda motor dengan menyediakan
suku cadang bila diperlukan serta penggantian oli sepeda motor. Bengkel Chandra
Motor yang berdiri sejak Mei 2008 oleh pemilik yang bernama Herman yang
beralamatkan Jl. Parakan Cikampek Utara, Kecamatan Kota Baru. Pada awalnya
Bengkel ini bukan Chandra Motor melainkan Uwin Motor yang beralamatkan di
Jl. Stasiun Cikampek. Lalu, pada tahun 2013 barulah berdirinya Bengkel Chandra
motor yang beralamatkan di Jl. Parakan tersebut.
Seiring berjalannya waktu Bengkel ini menjadi terkenal dan
merupakan salah satu bengkel yang terkenal bagus dalam pelayanannya terhadap
pelanggan, jasa service sepeda motornya dan macam-macam sparepart yang
terpercaya. Dengan terkenalnya Bengkel Chandra Motor menjadikan banyaknya
pelanggan yang percaya atas pelayanan dan jasa service sepada motor tersebut.
3.1.2. Visi dan Misi
Visi utama dari Bengkel Chandra Motor adalah menjadi pusat reparasi
motor yang menyediakan sparepart dan jasa service yang mengutamakan pada
kepuasan pelanggan didukung dengan peralatan canggih dan tenaga ahli yang
kompeten serta pelayanan yang optimal dan terpercaya.
28
Misi Bengkel Chandra Motor adalah sebagai berikut:
1. Memberikan pelayanan terbaik dan standard mutu pada pelanggan dengan
menjalankan proses kerja terbaik sehingga tercapai kepuasan pelanggan.
2. Memberikan solusi terbaik pada penyediaan suku cadang terbaik dan reparasi
yang terpercaya.
3. Selalu mendahulukan kepentingan pelanggan dan karyawan sebelum
keuntungan perusahaan.
3.1.3. Struktur Organisasi dan Fungsi
PEMILIK
MEKANIK KASIR
ASISTEN
MEKANIK
Sumber: Bengkel Chandra Motor (2008)
Gambar III.1
Struktur Organisasi Bengkel Chandra Motor
1. Pemilik
a. Memberikan pendanaan dan mengontrol aktivitas manajemen.
b. Penanggung jawab dan pengawas atas kinerja mekanik dan kasir.
c. bertanggung jawab atas jalannya operasional.
d. bertanggung jawab pada keluar masuk suku cadang.
29
2. Mekanik
a. Bertugas menangani perbaikan motor.
3. Asisten Mekanik
a. Membantu tugas mekanik dalam menangani perbaikan motor
4. Kasir
a. Bertanggung jawab atas setiap transaksi penjualan.
b. Membuat laporan transaksi dari pelanggan yang melakukan jasa service.
3.2. Analisa Kebutuhan
Bengkel Chandra Motor merupakan bengkel yang terletak di Jl
Parakan, Kecamatan Kota baru. Bengkel ini memenerikan jasa service motor serta
penggantian sparepart jika dibutuhkan para pelanggan. Proses pendaftaran jasa
service tersebut adalah dimana customer harus datang ke bengkel lalu ditanyakan
oleh mekanik apa keluhan sepeda motornya barulah mekanik mulai memperbaiki
sepeda motornya apabila bengkel sedang banyak cutomer yang sedang melakukan
service sepeda motor maka customer harus mengantrit erlebih dahulu.
Kendala yang dirasakan berupa kurang optimalnya dalam proses
pendaftaran jasa service sepeda motor para customer serta pengelolaan data
transaksi dan laporan data transaksi jasa service sepeda motor. Dengan adanya
kebutuhan tersebut, penulis ingin membuat sebuah sistem penjualan berbasis web
untuk Bengkel Chandra Motor dengan membuat tampilan informasi yang optimal.
Sehingga para customer tidak pelu mengantri dalam melakukan pendaftaran jasa
service sepeda motor.
30
3.2.1. Kebutuhan User
A. Kebutuhan User
1. Customer dapat melihat layanan dan sparepart yang tersedia.
2. Customer dapat melakukan pendaftaran perbaikan layanan jasa service sepada
motor.
3. Customer melihat informasi harga jasa service maupun harga sparepart.
4. Customer dapat melakukan login terlebih dahulu sebelum melakukan
pendaftaran dengan memasukan username dan password.
5. Customer dapat melihat panduan pendfataran jasa service apabila customer
tidak mengerti cara melakukan pendaftarannya.
B. Kebutuhan Admin
1. Admin dapat menginput produk sparepart, layanan mekanik dan pendaftaran
jasa service sepeda motor.
2. Admin dapat menghapus dan mengupdate produk sparepart dan layanan service
apabila ada perubahan data.
3. Admin dapat mengelola data pendaftaran yang telah dilakukan oleh customer.
4. Admin dapat mengelola transaksi.
5. Admin dapat mengelola laporan data transaksi dari pelayanan jasa service
sepeda motor.
3.2.2. Kebutuhan Sisitem
1. Website pelayanan jasa service sepeda motor ini memudahkan customer dalam
melakukan pendaftaran service sepeda motor tanpa harus mengantri terlebih
dahulu.
31
2. Website dapat menampilkan produk-produk sparepart motor, jenis pelayanan
jasa service yang tersedia.
3. Customer dapat memilih layanan jasa service serta menambahkan produk
sparepart jika dibutuhkan.
4. Customer dapat terlebih dahulu melihat harga pelayanan jasa service dan
sparepart terlebih dahulu.
5. Website dapat menampilkan bukti pendaftaran serta data transaksi yang
dilakukan customer untuk diperlihatkan kepada pihak bengkel.
6. Customer dapat daftar terlebuh dahulu dan menambahkan produk sparepart
jika diperlukan untuk melakukan jasa service sepeda motor.
7. Customer harus login terlebih dahulu jika akan melakukan pendaftaran jasa
service sepeda motor dengan memasukan username dan password.
8.
3.3. Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
1. Antar Muka Admin
a. Halaman Login Admin
Login
ID Admin
Password
LOGIN ADMIN
Gambar III.2.
Halaman Login Admin
32
b. Halaman Beranda
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Beranda z Tutorial Website
CARA PENGGUNAAN WEBSITE ADMIN
Bengkel Chandra Motor Foto & Nama Admin
Logout
Gambar III.3.
Halaman Beranda
c. Halaman Edit Admin
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Admin z Admin Edit
ID Admin
Nama Admin
Gambar
Password
xxxxx
xxxxx
Browser
Simpan
LOGO Foto & Nama Admin
Logout
Gambar III.4.
Halaman Edit Admin
33
d. Halaman Tampil Jenis Motor
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Aksi
Edit Hapus
Jenis Motor z Jenis Motor Tampil
Tambah [+]
No Merk Motor Type Motor
xx xxxxxxxxx xxxxxxxxxxxx
xx xxxxxxxxx xxxxxxxxxxxx
LOGO Foto & Nama Admin
Logout
Gambar III.5.
Halaman Tampil Jenis Motor
e. Halaman Tambah Jenis Motor
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Merk Motor
Simpan
Jenis Motor z Tambah Jenis Motor
Type Motor
xxxxxxxxx
xxxxxxxxx
Foto & Nama Admin
Logout
Gambar III.6.
Halaman Tambah Jenis Motor
34
f. Halaman Tampil Service
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Aksi
Edit Hapus
Service z Service Tampil
Tambah [+]
No Kode Service Jenis Service
xx xxxxxxxxx xxxxxxxxxxxx
xx xxxxxxxxx xxxxxxxxxxxx
Detail Service Harga
xxxxxxxxxxxx xxxx
xxxxxxxxxxxx xxxx
Foto & Nama Admin
Logout
Gambar III.7.
Halaman Tampil Service
g. Halaman Tambah Service
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Service z Service Tambah
Kode Service
Jenis Service
Harga
Detail Service
Simpan
Foto & Nama Admin
Logout
Stok
Spesifikasi
Gambar III.8.
Halaman Tambah Service
35
h. Halaman Tampil Sparepart
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Sparepart zSparepart Tampil
No Kode Sparepart Merk Motor
xx xxxxxxxxx
Type Motor Jenis Barang Harga Spesifikasi
xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxx xxxxxxxx
xx xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxx xxxxxxxx
Show Search:entries
Tambah [+]
Gambar
xxxx
xxxx
Aksi
Edit Hapus
Showing X to X of X entries Previous 1 Next
Foto & Nama Admin
Logout
Stok
xxxx
xxxx
Gambar III.9.
Halaman Tampil Sparepart
i. Halaman Tambah Sparepart
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Sparepart z Sparepart Tambah
Kode Sparepart
Merk Motor
Jenis Barang
Type Motor
Simpan
Gambar
Harga
Spesifikasi
Browser
Foto & Nama Admin
Logout
Stok
Gambar III.10.
Halaman Tambah Sparepart
36
j. Halaman Tampil Pendaftaran
Bengkel Chandra Motor
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Pendaftaran z Pendaftaran Tampil
No Nomor Pendaftaran Jenis Motor
xx xxxxxxxxxxxxxx xxxxxxxxxxxx
Tanggal Service Nama Pelanggan
xxxxxxxxxxxx
No Telepon
xxxxxxxxxxxx xxxxxxxxxxxx
xx xxxxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx
Show Search:entries
Tambah [+]
Showing X to X of X entries Previous 1 Next
Aksi
Transaksi Hapus
Foto & Nama Admin
Logout
Ctak Transaksi
Gambar III.11.
Halaman Tampil Pendaftaran
k. Halaman Tampil Transaksi Pada Pendaftaran
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Foto & Nama Admin
Logout
No Pendaftaran :
Nama Pelanggan :
Tanggal Servis :
Jenis & Tipe Motor :
Sparepart/Service
Show Search:entries
No
x
x
x
Kode Nama Jenis Aksi
xxxxx xxxxxxxxxxxxx xxxxxxxxx
xxxxx xxxxxxxxxxxxx xxxxxxxxx
xxxxx xxxxxxxxxxxxx xxxxxxxxx
Harga
xxxx
xxxx
xxxx
Tambah
Tambah
Tambah
Showing X to X of X entries Previous 1 Next2
Sparepart/Service
No Kode Service/Kode Sparepart Nama Jenis Jumlah Harga Subtotal Aksi
Total
xxxxxx
xxxxxx
xxxxxx
xxxxxx
Gambar III.12.
Halaman Tampil Transaksi pada Pendaftaran
37
l. Halaman Tambah Service atau Sparepart Pada Transaksi
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Foto & Nama Admin
Logout
No Pendaftaran :
Nama Pelanggan :
Tanggal Servis :
Jenis & Tipe Motor :
Sparepart/Service
Show Search:entries
No
x
x
x
Kode Nama Jenis Aksi
xxxxx xxxxxxxxxxxxx xxxxxxxxx
xxxxx xxxxxxxxxxxxx xxxxxxxxx
xxxxx xxxxxxxxxxxxx xxxxxxxxx
Harga
xxxx
xxxx
xxxx
Tambah
Tambah
Tambah
Showing X to X of X entries Previous 1 Next2
Sparepart/Service
No Kode Service/Kode Sparepart Nama Jenis Jumlah Harga Subtotal Aksi
Total
x
x
xxxxxx
xxxxxx
xxxxxx
xxxxxx
xxxxx
xxxxx
xxxx
xxxx
xxxx
xxxx
Hapus
Hapus
xxxx
xxxxxx
xxxxxx
xxxxxx
xxxxxx
Update Selesai
Gambar III.13.
Halaman Tambah Sparepart atau Service Pada Transaksi
38
m. Halaman Tampil Transaksi
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Transaksi zTransaksi Tampil
No Nomor Transaksi Nomor Daftar
xx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxx
Tanggal Transaksi
xxxxxxxxxxxxxxx
xx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxx
Tanggal Transaksi s/d Tampilkan
Nama Pelanggan
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
Alamat
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
No. Telepon
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
Keterangan
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
Aksi
Cetak
Cetak
Cetak
Foto & Nama Admin
Logout
Gambar III.14.
Halaman Tampil Transaksi
n. Halaman Laporan Service
Bengkel Chandra
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Laporan Laporan Service
No Kode Service Jenis Service
xx xxxxxxxxx xxxxxxxxxxxx
xx xxxxxxxxx xxxxxxxxxxxx
Detail Service Harga
xxxxxxxxxxxx xxxx
xxxxxxxxxxxx xxxx
Cetak Semua
Foto & Nama Admin
Logout
Gambar III.15.
Halaman Laporan Service
39
o. Halaman Laporan Sparepart
Bengkel Chandra Motor
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Laporan z Laporan Sparepart
No Kode Sparepart Merk Motor
xx xxxxxxxxx
Type Motor Jenis Barang Harga Stok
xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxx xxxx
xx xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxx xxxx
Cetak Semua
Foto & Nama Admin
Logout
Gambar III.16.
Halaman Laporan Sparepart
p. Halaman Laporan Transaksi
Bengkel Chandra Motor
Beranda
Admin
Jenis Motor
Service
Sparepart
Pendaftaran
Transaksi
Laporan
Laporan Service
Laporan Sparepart
Laporan Transaksi
Dicky Darmawan Santosa Aplication 2017
Laporan Laporan Transaksi
No Nomor Transaksi Nomor Daftar
xx xxxxxxxxx xxxxxxxxxxxx
Tanggal Transaksi Harga
xxxxxxxxxxxx xxxxxxxxxxxx
Tanggal Transaksi s/d
Nama Pelanggan Alamat No Telepon Keterangan
xxxxxx xxxxxxxxxxxx xxxxxxxxxxxx
xx xxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx xxxxxx xxxxxxxxxxxx xxxxxxxxxxxx
Foto & Nama Admin
Logout
Cetak Semua
Gambar III.17.
Halaman Laporan Transaks
40
2. Antar Muka User
a. Halaman Beranda
BERANDA INFORMASI BENGKEL PENDAFTARAN PROSEDUR SERVICE PROFILELOGO
GAMBAR
GAMBAR GAMBAR GAMBAR GAMBAR
TENTANG BENGKEL GOOGLE MAP
FOOTER
GAMBAR GAMBAR GAMBAR GAMBAR
SPAREPART
GAMBAR GAMBAR GAMBAR GAMBAR
Selengkapnya
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
INFORMASI SERVICE
INFORMASI SPAREPART
Gambar III.18.
Halaman Beranda
b. Halaman Informasi Service
BERANDA INFORMASI BENGKEL PENDAFTARAN PROSEDUR SERVICE PROFILELOGO
FOOTER
KETERANGAN SEGALA MACAM JENIS SERVICE YANG TERSEDIA
INFORMASI SERVICE
INFORMASI SPAREPART
Gambar III.19.
Halaman Informasi Service
41
c. Halaman Informasi Sparepart
BERANDA INFORMASI BENGKEL PENDAFTARAN PROSEDUR SERVICE PROFILELOGO
GAMBAR GAMBAR GAMBAR GAMBAR
SPAREPART
GAMBAR GAMBAR GAMBAR GAMBAR
Selengkapnya
FOOTER
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
Nama Sparepart
Harga
INFORMASI SERVICE
INFORMASI SPAREPART
Gambar III.20.
Halaman Informasi Sparepart
d. Halaman Pendaftaran Service
BERANDA INFORMASI BENGKEL PENDAFTARAN PROSEDUR SERVICE PROFILELOGO
FOOTER
INFORMASI SERVICE
Please Sign ini
No Pendafataran
Nama
Alamat
No. Telepon
DAFTAR
Jenis Motor
Jenis Kelamin
Jenis Service
INFORMASI SPAREPART
No Polisi
Tanggal Service
Gambar III.21.
Halaman Pendaftaran Service
42
e. Halaman Prosedur Service
BERANDA INFORMASI BENGKEL PENDAFTARAN PROSEDUR SERVICE PROFILELOGO
FOOTER
KETENTUAN / PROSEDUR UNTUK MELAKUKAN PENDAFTARAN SERVICE
INFORMASI SPAREPART
INFORMASI SERVICE
Gambar III.22.
Halaman Prosedur Service
f. Halaman Profile Bengkel Chandra Motor
BERANDA INFORMASI BENGKEL PENDAFTARAN PROSEDUR SERVICE PROFILELOGO
FOOTER
INFORMASI/PROFILE BENGKEL CHANDRA MOTOR
INFORMASI SERVICE
INFORMASI SPAREPART
Gambar III.23.
Halaman Profile Bengkel Chandra Motor
43
3.3.2. Rancangan Basis Data
A. Entity Relationship Diagram (ERD)
PENDAFTARAN
No_pendaftaran
Id_jenis
Tanggal_
service
Keterangan
Nama_
pelanggan
Jenis_
kelamin
Alamat No_telepon
Tanggal_
daftar
Id_jenis Merk_motor Type_motor
Melakukan
M
1
Kd_sparepart
Merk_motor Type_motor
Harga
Spesifikasi
Jenis_barang
Gambar
TRANSAKSI
No_trsans
No_pendaftaran
Tanggal_
transaksi
1
1
M
1
No_trans
Kd_sparepart
Jumlah
Harga
DETAIL_
TRANSAKSI
Memuat
Mempunyai
JENIS MOTOR
M
1
SPAREPART Memiliki
Kd_sparepart
No_trsans
Kd_sparepart
Id_jenis
Gambar III.24.
Entity Relationship Diagram (ERD)
44
B. Logical Record Structure (LRS)
Detail_transaksi
No_trans [PK]
Kd_sparepart [FK]
Jumlah
Harga
Pendaftaran
No_pendaftaran [PK]
Id_jenis [FK]
Tanggal_service
Keterangan
Nama_pelanggan
Jenis_kelamin
Alamat
No_telepon
Tanggal_daftar
Transaksi
No_trans [PK][FK]
No_pendaftaran [FK]
Tanggal_transaksi
11
11
M
M
Jenis_motor
Id_jenis [PK]
Merk_motor
Type_motor
Sparepart
Kd_sparepart [PK]
Id_jenis [FK]
Merk_motor
Type_motor
Harga
Spesifikasi
Jenis_barang
gambar
1
M
Gambar III.25.
Logical Structur Diagram (LRS)
C. Spesifikasi File
1. Spesifikasi Tabel Admin
Nama Tabel : Tabel Admin
Akronim : Admin
Fungsi : Untuk Menyimpan Data Administrator
Type : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 76 bytes
Media : Hardisk
Kunci Field : Id_admin
45
Software : MySQL
Tabel III.1.
Spesifikasi Tabel Admin
No
1
2
Elemen Data KeteranganPanjangTipeNama Field
Nama Admin
ID Admin
nama_admin
id_admin 6
35
Primary KeyChar
Varchar
3 Password password 35Varchar
2. Spesifikasi Tabel Pendaftaran
Nama Tabel : Tabel Pendaftaran
Akronim : Pendaftaran
Fungsi : Untuk Menyimpan Data Pendaftaran
Type : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 331 bytes
Media : Hardisk
Kunci Field : No_pendaftar
Software : MySQL
Tabel III.2.
Spesifikasi Tabel Pendaftaran
No
1
2
Elemen Data KeteranganPanjangTipeNama Field
ID Jenis Motor
Nomor Pendaftaran
id_jenis
no_pendaftaran 7
11
Primary KeyChar
Integer
34 Keterangan
Tanggla Serviceketerangantanggal_service Date
Text
5 Nama Pelanggan nama_pelanggan 35Varchar
6
7 Alamat
Jenis Kelamin
alamat
jenis_kelamin 10
255
Varchar
Varchar
8 Nomor Telepon no_telepon 13Varchar
9 Tanggal Daftar tanggal_daftar Date
10 Nomor Polisi no_polisi 9Varchar
11 Nomor Antrian No_antrian 4Int
46
3. Spesifikasi Tabel Service
Nama Tabel : Tabel Service
Akronim : Service
Fungsi : Untuk Menyimpan Data Service
Type : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 40 bytes
Media : Hardisk
Kunci Field : Kd_service
Software : MySQL
Tabel III.3.
Spesifikasi Tabel Service
No
1
2
Elemen Data KeteranganPanjangTipeNama Field
Jenis Service
Kode Service
jenis_service
kd_service 5
35
Primary KeyChar
Varchar
34 Harga
Detail Servicehargadetail_service Text
Double
4. Spesifikasi Tabel Jenis Motor
Nama Tabel : Tabel Jenis Motor
Akronim : Jenis_motor
Fungsi : Untuk Menyimpan Data Jenis Motor
Type : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 76 bytes
47
Media : Hardisk
Kunci Field : Id_jenis
Software : MySQL
Tabel III.4.
Spesifikasi Tabel Jenis Motor
No
1
2
Elemen Data KeteranganPanjangTipeNama Field
Merk Motor
ID Jenis Motor
merk_motor
id_jenis 6
35
Primary KeyChar
Varchar
3 Type Motor type_motor 35Varchar
5. Spesifikasi Tabel Sparepart
Nama Tabel : Tabel Sparepart
Akronim : Sparepart
Fungsi : Untuk Menyimpan Data Sparepart
Type : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 105 bytes
Media : Hardisk
Kunci Field : Kd_Sparepart
Software : MySQL
Tabel III. 5.
Spesifikasi Tabel Sparepart
No
1
3
Elemen Data KeteranganPanjangTipeNama Field
Type Motor
Kode Sparepart
type_motor
kd_sparepart 7
9
Primary KeyChar
Varchar
45 Spesifikasi
Harga Sparepartspesifikasiharga Double
Text
6 Jenis Barang jenis_barang 30Varchar
7
8 Stok
Gambar
stok
gambar 50
11
Varchar
Int
2 Merk Motor merk_motor 9Varchar
48
3. Spesifikasi Tabel Transaksi
Nama Tabel : Tabel Transaksi
Akronim : Transaksi
Fungsi : Untuk Menyimpan Data Transaksi
Type : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 105 bytes
Media : Hardisk
Kunci Field : No_transaksi
Software : MySQL
Tabel III. 6.
Spesifikasi Tabel Transaksi
No
1
2
Elemen Data KeteranganPanjangTipeNama Field
Nomor Pendaftar
Nomor Transaksi
no_pendaftaran
no_trans 9
7
Primary KeyChar
Char
3 Tanggal Transaksi tanggal_transaksi Date
4. Spesifikasi Tabel Detail_Transaksi
Nama Tabel : Tabel Detail Transaksi
Akronim : Detail_transaksi
Fungsi : Untuk Menyimpan Data Detail Transaksi
Type : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 18 bytes
49
Media : Hardisk
Kunci Field : No_trans
Software : MySQL
Tabel III. 7.
Spesifikasi Tabel Detail Transaksi
No
1
2
Elemen Data KeteranganPanjangTipeNama Field
Kode Service
Nomor Transaksi
Kd_service
No_trans 9
7
Char
Char
34 Jumlah
Jenis ServicejumlahJenis_sevice 11
2Varchar Int
5 Harga harga Double
50
3.3.3. Rancangan Struktur Navigasi
A. Struktur Navigasi Admin
INDEX
BERANDA LOGOUT
ADMIN
JENIS MOTOR
SERVICE
SPAREPART
LOGIN
PENDAFTARAN
TRANSAKSI
LAPORAN
LAPORAN
SERVICE
LAPORAN
SPAREPART
LAPORAN
TRANSAKSI
Gambar III.26.
Struktur Navigasi Admin
51
B. Struktur Navigasi User
INDEX
BERANDAINFORMASI
BENGKEL
INFORMASI
SPAREPART
INFORMASI
SERVICE
PENDAFTARANPROSEDUR
SERVICEPROFILE
Gambar III.27.
Struktur Navigasi User
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka Admin
Implementasi rancangan antarmuka admin pada aplikasi reservasi
pendaftaran service online berdasarkan hasil rancangan antar muka
1. Halaman Login Admin
Gambar III.28.
Halaman Login Admin
52
2. Halaman Beranda
Tata cara atau tutorial penggunaan website admin.
Gambar III.29.
Halaman Beranda
3. Halaman Edit Admin
Berfungsi sebagai mengedit data admin oleh masing-masing admin yang
sudah ada.
Gambar III.30.
Halaman Edit Admin
53
4. Halaman Tampil Jenis Motor
Berisi data-data jenis motor yang telah diiput pada halaman tambah jenis
motor. Dalam halaman ini juga admin dapat mengedit data dan menghapus
data jenis motor.
Gambar III.31.
Halaman Tampil Jenis Motor
5. Halaman Tambah Jenis Motor
Berfungsi untuk menambahkan jenis motor .
Gambar III.32.
Halaman Tambah Jenis Motor
54
6. Halaman Tampil Service
Berisi data-data service yang telah diiput pada halaman tambah service
Dalam halaman ini juga admin dapat mengedit data dan menghapus data
service.
Gambar III.33.
Halaman Tampil Service
7. Halaman Tambah Service
Berfungsi untuk menambahkan data service.
Gambar III.34.
Halaman Tampil Service
55
8. Halaman Tampil Sparepart
Berisi data-data Sparepart yang telah diiput pada halaman tambah Sparepart
Dalam halaman ini juga admin dapat mengedit data dan menghapus data
Sparepart.
r.
Gambar III.35.
Halaman Tampil Sparepart
9. Halaman Tambah Sparepart
Berfungsi untuk menambahkan data Sparepart.
Gambar III.36.
Halaman Tambah Sparepart
56
10. Halaman Tampil Pendaftaran
Berisi data-data pendaftaran yang sudah dilakukan oleh user pada website
user di halaman pendaftaran untuk melakukan jasa service.
Gambar III.37.
Halaman Tampil Pendaftaran
57
11. Halaman Tampil Transaksi Pada Pendaftaran
Halaman pendaftaran berkaitan dengan tampil transaksi yaitu berfungsi untuk
melakukan transaksi service yang akan dilakukan oleh user dimana saat user
sudah melakuka pendaftaran maka data pendaftaran akan masuk ke website
admin setelah itu user datang kebengkel lalu melakukan transaksi kepada
kasih bengkel dengan menunjukan bukti cetak transaksi maka kasir akan
mencari pada halaman pendaftaran dan memulai transaksi dengan mengklik
tombol transaksi maka akan keluar data user yang sudah melakukan
pedaftaran.
Gambar III.38.
Halaman Tampil Transaksi Pada Pendaftaran
58
12. Halaman Tambah Sparepart atau Service Pada Transaksi
Berfungsi untuk melanjutkan transaksi dengan bertanya pada user akan
melakukan service apa saja seperti yang tercantum pada halaman tambah
sparepart/service tersebut. Setelah itu maka admin akan menambahkan
sparepart/service yang diinginkan user. Maka data akan muncul pada bagian
bawah serta terdapat jumlah dan total harga yang harus dibayar oleh user. Jika
user telah merasa cukup dengan tambahan service yang akan dilakukan maka
transaksi selesai.
Gambar III.39.
Halaman Tambah Sparepart atau Service Pada Transaksi
59
13. Halaman Tampil Transaksi
Berisi data-data transaksi service motor yang telah dilakukan oleh user.
Gambar III.40.
Halaman Tampil Data Transaksi
14. Halaman Laporan Service
Berisi data-data service yang telah diinput pada halaman service untuk
selanjutnya dilakukan cetak laporan keseluruhan perbulannya.
Gambar III.41.
Halaman Laporan Service
60
15. Halaman Laporan Sparepart
Berisi data-data sparepart yang telah diinput pada halaman sparepart untuk
selanjutnya dilakukan cetak laporan keseluruhan perbulannya.
Gambar III.42.
Halaman Laporan Sparepart
16. Halaman Laporan Transaksi
Berisi data-data transaksi yang telah diinput pada halaman transaksit untuk
selanjutnya dilakukan cetak laporan keseluruhan perbulannya.
Gambar III.43.
Halaman Laporan Transaksi
61
B. Implementasi Rancangan Antar Muka User
1. Halaman Beranda User
Gambar III.44.
Halaman Beranda User
62
2. Halaman Informasi Service
Menampilkan macam-macam service yang tersedia pada Bengkel Chandra
Motor.
Gambar III.45.
Halaman Informasi Service
63
3. Halaman Informasi Sparepart
Menampilkan macam-macam sparepart yang tersediad pada Bengkel
Chandra Motor.
Gambar III.46.
Halaman Informasi Sparepart
64
4. Halaman Pendaftaran Service
Customer dapat melakukan pendaftaran service dengan mengisi data pada
form pendaftraran.
Gambar III.47.
Halaman Pendaftaran Service
65
5. Halaman Prosedur Servis
Menampilkan informasi prosedur service untuk melakukan transaksi jasa
service pada Bengkel Chandra Motor.
Gambar III.48.
Halaman Prosedur Servis
66
6. Halaman Profile
Menampilkan profile, alamat beserta opening Bengkel Chandra Motor.
Gambar III.49.
Halaman Profile
67
C. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang digunakanuntuk menginplementasikan aplikasi reservasi untuk
bengkel chandra motor.
1. Spesifikai Perangkat Keras
a. Server
1) CPU
(a) Minimal Processor Intel Pentium Core 2 Duo
(b) Minimal RAM 4 GB
(c) Minimal Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepaatan 2 Mbps.
b. Client
1) CPU
(a) Minimal Processor Intel Pentium 4
(b) Minimal RAM 200 MB
(c) Minimal HARD DISK 1 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimal 1024x768
5) Koneksi internet dengan kecepatan minimal 56 kbps.
68
2. Spesifikasi Perangkat Lunak
a. Server
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang
terdiri dari beberapa komponen, diantaranya:
(a) Aplikasi Apache Server v2
(b) Aplikasi PHP Server v5
(c) Aplikasi MySQL Server v5
(d) Aplikasi phpMyAdmin v3
3) Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Internet Explorer,
Google Chrome.
b. Client
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
2) Aplikasi web browser seperti Mozilla Firefox, Opera, Internet
Explorer, Google Chrome.
69
3.4.2. Pengujian Unit
A. Pengujian Terhadap Halaman Login Admin
Tabel III.8.
Pengujian Terhadap Halaman Login Admin
No Skenario Pengujian Text Case Hasil Yang DiharapkanHasil
PengujianKesimpulan
1 Semuan isian kosong
kecuali ID Admin sudah
otomatis, kemudilan klik
tombol [Simpan]
ID Admin: (ADM001)
Nama Admin:
(kosong)
Password: (kosong)
File Unggah Gambar:
(kosong)
Sistem akan menolak dan
menampilkan
“1. nama admin wajib diisi!!
2. password wajib diisi!!
3. gambar wajib diisi!!”
Sesuai
HarapanValid
2 ID Admin (otomatis) dan
Nama Admin diisi tetapi
yang lain kosong kemudian
klik tombol [Simpan]
ID Admin: (ADM001)
Nama Admin: (Dicky)
Password: (kosong)
File Unggah Gambar:
(kosong)
Sistem akan menolak dan
menampilan
“1. password wajib diisi!!
2. gambar wajib diisi!!”
Sesuai
HarapanValid
3 ID Admin (otomatis) dan
Password diisi tetapi yang
lain kosong kemudian klik
tombol [Simpan]
ID Admin: (ADM001)
Nama Admin:
(kosong)
Password: (12345)
File Unggah Gambar:
(kosong)
Sistem akan menolak dan
menampilan
“1. nama admin wajib diisi!!
2. gambar wajib diisi!!”Sesuai
HarapanValid
4 ID Admin (otomatis) dan
Gambar diisi tetapi yang
lain kosong kemudian klik
tombol [Simpan]
ID Admin: (ADM001)
Nama Admin:
(kosong)
Password: (kosong)
File Unggah Gambar:
(foto.png)
Sistem akan menolak dan
menampilan
“1. nama admin wajib diisi!!
2. password wajib diisi!!”
Sesuai
HarapanValid
5 Semua telah diisi kemudian
klik tombol [Simpan]
ID Admin: (ADM001)
Nama Admin: (Dicky)
Password: (12345)
File Unggah Gambar:
(foto.png)
Sistem menerima lalu akan
menampilkan “Data [Admin]
telah tersimpan lalu kembali
ke halaman tampil admin”
Sesuai
HarapanValid
70
B. Pengujian Terhadap Halaman Tambah Data Sparepart
Tabel III.9.
Pengujian Terhadap Halaman Tambah Data Sparepart
No Skenario Pengujian Text Case Hasil Yang DiharapkanHasil
PengujianKesimpulan
1 Semuan isian kosong
kecuali Kode Sparepart
sudah otomatis, kemudilan
klik tombol [Simpan]
Kode Sparepart:
(SPR0001)
Merk Motor: (kosong)
Type Motor: (kosong)
Jenis Service:
(kosong)
File Unggah Gambar:
(kosong)
Harga: (kosong)
Spesifikasi: (kosong)
Sistem akan menolak dan
menampilkan
“1. merk motor wajib diisi!!
2. type motor wajib diisi!!
3.jenis service wajib diisi!!
4.gambar wajib diisi!!
5. harga wajib diisi!!
6. spesifikasi wajib diisi!!”
Sesuai
HarapanValid
2 Semua telah diisi kecuali
merk motor belum diisi,
kemudilan klik tombol
[Simpan]
Kode Sparepart:
(SPR0001)
Merk Motor:
(Kosong)
Type Motor: (Mio)
Jenis Service: (Busi)
File Unggah Gambar:
(gambar.jpg)
Harga: (23000)
Spesifikasi: (Busi ini
cocok sekali untuk
pwmbakaran dimesin
motor mio)
Sistem akan menolak dan
menampilkan
“1. merk motor wajib diisi!!”
Sesuai
HarapanValid
3 Semua telah diisi kecuali
type motor belum diisi,
kemudilan klik tombol
[Simpan]
Kode Sparepart:
(SPR0001)
Merk Motor:
(Yamaha)
Type Motor: (kosong)
Jenis Service: (Busi)
File Unggah Gambar:
(gambar.jpg)
Harga: (23000)
Spesifikasi: (Busi ini
cocok sekali untuk
pwmbakaran dimesin
motor mio)
Sistem akan menolak dan
menampilkan
“1. type motor wajib diisi!!”
Sesuai
HarapanValid
4 Semua telah diisi kecuali
jenis service belum diisi,
kemudilan klik tombol
[Simpan]
Kode Sparepart:
(SPR0001)
Merk Motor:
(Yamaha)
Type Motor: (Mio)
Jenis Service:
(kosong)
File Unggah Gambar:
(gambar.jpg)
Harga: (23000)
Spesifikasi: (Busi ini
cocok sekali untuk
pwmbakaran dimesin
motor mio)
Sistem akan menolak dan
menampilkan
“1. jenis service wajib
diisi!!”
Sesuai
HarapanValid
71
5
6
7
8
Semua telah diisi kecuali
gambar belum diisi,
kemudilan klik tombol
[Simpan]
Kode Sparepart:
(SPR0001)
Merk Motor:
(Yamaha)
Type Motor: (Mio)
Jenis Service: (Busi)
File Unggah Gambar:
(kosong)
Harga: (23000)
Spesifikasi: (Busi ini
cocok sekali untuk
pwmbakaran dimesin
motor mio)
Sistem akan menolak dan
menampilkan
“1. gambar wajib diisi!!”
Sesuai
HarapanValid
Semua telah diisi kecuali
harga belum diisi,
kemudilan klik tombol
[Simpan]
Kode Sparepart:
(SPR0001)
Merk Motor:
(Yamaha)
Type Motor: (Mio)
Jenis Service: (Busi)
File Unggah Gambar:
(gambar.jpg)
Harga: (harga)
Spesifikasi: (Busi ini
cocok sekali untuk
pwmbakaran dimesin
motor mio)
Sistem akan menolak dan
menampilkan
“1. harga wajib diisi!!”
Sesuai
HarapanValid
Semua telah diisi kecuali
spesifikasi belum diisi,
kemudilan klik tombol
[Simpan]
Kode Sparepart:
(SPR0001)
Merk Motor:
(Yamaha)
Type Motor: (Mio)
Jenis Service: (Busi)
File Unggah Gambar:
(gambar.jpg)
Harga: (23000)
Spesifikasi: (kosong)
Sistem akan menolak dan
menampilkan
“1. spesifikasi wajib diisi!!”
Sesuai
HarapanValid
Semua telah diisi kemudian
klik tombol [Simpan]
Kode Sparepart:
(SPR0001)
Merk Motor:
(Yamaha)
Type Motor: (Mio)
Jenis Service: (Busi)
File Unggah Gambar:
(gambar.jpg)
Harga: (23000)
Spesifikasi: (Busi ini
cocok sekali untuk
pwmbakaran dimesin
motor mio)
Sistem menerima lalu akan
menampilkan “Data
[sparepart] telah tersimpan
lalu kembali ke halaman
tampil jenis motor”
Sesuai
HarapanValid
72
C. Pengujian Terhadap Halaman Input Pendaftaran
Tabel III.10.
Pengujian Terhadap Halaman Input Pendaftaran
No Skenario Pengujian Text Case Hasil Yang DiharapkanHasil
PengujianKesimpulan
1 Semuan isian kosong
kecuali Kode Pendaftaran
sudah otomatis, kemudilan
klik tombol [Simpan]
Kode Pendaftaran:
(DFT0001)
Nama: (kosong)
No Polisi: (kosong)
Tanggal Service:
(kosong)
Jenis Motor: (kosong)
Jenis Kelamin:
(kosong)
Jenis Service:
(kosong)
Alamat: (kosong)
No Telepon: (kosong)
Sistem akan menolak dan
menampilkan
“1. Nama wajib diisi!!
2. No Polisi wajib diisi!!
3. Tanggal Service wajib
diisi!!
4. Jenis Motor wajib diisi!!
5. Jenis Kelamin wajib diisi!!
6. Jenis Service wajib diisi!!
7. Alamat wajib diisi!!
8. No Telepon wajib diisi!!”
Sesuai
HarapanValid
2 Semua telah diisi kecuali
nama belum diisi,
kemudilan klik tombol
[Simpan]
Kode Pendaftaran:
(DFT001)
Nama: (kosong)
No Polisi: (T1524BM)
Tanggal Service:
(2017-07-03)
ID Jenis: (2)
Jenis Kelamin: (Laki-
Laki)
Jenis Service: (Ganti
Oli)
Alamat: (Ciselang)
No Telepon:
(08123456789)
Sistem akan menolak dan
menampilkan
“1. nama wajib diisi!!”
Sesuai
HarapanValid
3 Semua telah diisi kecuali no
polisi belum diisi,
kemudilan klik tombol
[Simpan]
Kode Pendaftaran:
(DFT001)
Nama: (Dicky)
No Polisi: (kosong)
Tanggal Service:
(2017-07-03)
ID Jenis: (2)
Jenis Kelamin: (Laki-
Laki)
Jenis Service: (Ganti
Oli)
Alamat: (Ciselang)
No Telepon:
(08123456789)
Sistem akan menolak dan
menampilkan
“1. no polisi wajib diisi!!”
Sesuai
HarapanValid
73
4
5
6
7
Semua telah diisi kecuali
tanggal service belum diisi,
kemudilan klik tombol
[Simpan]
Kode Pendaftaran:
(DFT001)
Nama: (Dicky)
No Polisi: (T1524BM)
Tanggal Service:
(kosong)
ID Jenis: (2)
Jenis Kelamin: (Laki-
Laki)
Jenis Service: (Ganti
Oli)
Alamat: (Ciselang)
No Telepon:
(08123456789)
Sistem akan menolak dan
menampilkan
“1. tanggal service wajib
diisi!!”
Sesuai
HarapanValid
Semua telah diisi kecuali
jenis motor belum diisi,
kemudilan klik tombol
[Simpan]
Kode Pendaftaran:
(DFT001)
Nama: (Dicky)
No Polisi: (T1524BM)
Tanggal Service:
(2017-07-03)
ID Jenis: (kosong)
Jenis Kelamin: (Laki-
Laki)
Jenis Service: (Ganti
Oli)
Alamat: (Ciselang)
No Telepon:
(08123456789)
Sistem akan menolak dan
menampilkan
“1. jenis motor wajib diisi!!”
Sesuai
HarapanValid
Semua telah diisi kecuali
jenis kelamin belum diisi,
kemudilan klik tombol
[Simpan]
Kode Pendaftaran:
(DFT001)
Nama: (Dicky)
No Polisi: (T1524BM)
Tanggal Service:
(2017-07-03)
ID Jenis: (2)
Jenis Kelamin:
(kosong)
Jenis Service: (Ganti
Oli)
Alamat: (Ciselang)
No Telepon:
(08123456789)
Sistem akan menolak dan
menampilkan
“1. jenis kelamin wajib
diisi!!”
Sesuai
HarapanValid
Semua telah diisi kecuali
jenis service belum diisi,
kemudilan klik tombol
[Simpan]
Kode Pendaftaran:
(DFT001)
Nama: (Dicky)
No Polisi: (T1524BM)
Tanggal Service:
(2017-07-03)
ID Jenis: (2)
Jenis Kelamin: (Laki-
Laki)
Jenis Service:
(kosong)
Alamat: (Ciselang)
No Telepon:
(08123456789)
Sistem akan menolak dan
menampilkan
“1. jenis service wajib
diisi!!”
Sesuai
HarapanValid
74
8 Semua telah diisi kecuali
alamat belum diisi,
kemudilan klik tombol
[Simpan]
Kode Pendaftaran:
(DFT001)
Nama: (Dicky)
No Polisi: (T1524BM)
Tanggal Service:
(2017-07-03)
ID Jenis: (2)
Jenis Kelamin: (Laki-
Laki)
Jenis Service: (Ganti
Oli)
Alamat: (kosong)
No Telepon:
(08123456789)
Sistem akan menolak dan
menampilkan
“1. alamat wajib diisi!!”
Sesuai
HarapanValid
9 Semua telah diisi kecuali
no telepon belum diisi,
kemudilan klik tombol
[Simpan]
Kode Pendaftaran:
(DFT001)
Nama: (Dicky)
No Polisi: (T1524BM)
Tanggal Service:
(2017-07-03)
ID Jenis: (2)
Jenis Kelamin: (Laki-
Laki)
Jenis Service: (Ganti
Oli)
Alamat: (Ciselang)
No Telepon: (kosong)
Sistem akan menolak dan
menampilkan
“1. no telepon wajib diisi!!”
Sesuai
HarapanValid
10 Semua telah diisi kemudian
klik tombol [Simpan]
Kode Pendaftaran:
(DFT001)
Nama: (Dicky)
No Polisi: (T1524BM)
Tanggal Service:
(2017-07-03)
ID Jenis: (2)
Jenis Kelamin: (Laki-
Laki)
Jenis Service: (Ganti
Oli)
Alamat: (Ciselang)
No Telepon:
(08123456789)
Sistem menerima lalu akan
menampilkan “Data
[pendaftaran] telah tersimpan
lalu kembali ke halaman
tampil beranda”
Sesuai
HarapanValid