BAB IV PERANCANGAN
4.1 Perancangan Algoritma 4.1.1 Algoritma Pemesanan Servis Start
Login Customer
Daftar Account Customer
Punya Account User ?
Y
Input Login
T
Pesan “LOGIN GAGAL! Ulangi Lagi”
Tampil Halaman Utama
Input Data Mobil
Pilih Data Mobil
Data ketemu?
T
Input Data Mobil
Y Input Booking Service
Simpan Data ke Database
Cetak Nota Boking Service
End
Gambar 4-1 Algoritma Pemesanan Servis
4-1 http://digilib.mercubuana.ac.id/
4.1.2
Use Case Diagram Sistem yang akan diusulkan oleh penulis adalah sebagaimana digambarkan
dalam diagram Use Case sebagai berikut : System
<<
Login
> e> lud inc
<<
Data Customer
lud
e> >
<<
d >>
en << ext
inc
e>
lu d inc >
<< ext en
d >> Data Mobil
Customer
SMR
<<
ext <<
end
>>
ex nd
te
Mengolah data master
>> << nd
te
ex
<< e
Pembayaran
xte
nd
>>
>
d>
ten ex
>>
<< Boking Service
Admin
<<
ex
te
nd
>>
Mengolah Transaksi
Laporan
Gambar 4-2 Use Case Sistem Usulan Tabel 4-1 Deskripsi Use Case Sistem Usulan Aktor
Deskripsi
Sales Marketing
Tugas utama dari Sales Marketing Representatif sistem adalah
Representatif(SMR)
untuk mengelola data master, transaksi dan laporan melalui modul Manajemen
Sales Marketing Representatif . Dengan
menggunakan modul tersebut maka tugas SMR untuk mengatur dan memastikan pemesanan servis melalui web online berjalan dengan baik. a. SMR mempunyai tugas untuk mengupdate data master seperti data customer, mobil dan biaya b. SMR juga mempunyai tugas untuk mengolah transaksi pemesanan servis yang dilakukan oleh customer. c. SMR dapat mengolah laporan
4-2 http://digilib.mercubuana.ac.id/
Customer
Customer dapat melakukan
pemesanan servis secara online.
Adapun form-form yang tersedia untuk customer : a. Form login untuk masuk ke ruang customer. b. Form Customer untuk buat account dan update selalu data customer. c. Form mobil untuk input,update dan delete data mobil yang dimiliki customer. d. Form pemesanan servis untuk melakukan
Pemesanan
Servis mobil tanpa antri. e. Melakukan Pembayaran pemesanan servis f. Admin
Mencetak Nota pemesanan servis
Manager Service bertugas untuk menganalisa proses bisnis aplikasi booking service dan memastikan berjalin baik, efektif dan tepat guna. a. Manager Service memberikan “ACC” setiap terjadi transaksi pemesanan servis. b. Manager Service dapat mengakses laporan.
4-3 http://digilib.mercubuana.ac.id/
4.1.3
Sequence Diagram Berikut adalah sequence diagram yang diusulkan untuk rancangan Aplikasi
Pemesanan Servis mobil. 4.1.3.1 Sequence Diagram Login
Gambar 4-3 Sequence Diagram Login
Tabel 4-2
Deskripsi Sequence Diagram Login Diagram
Sequence Diagram Login
Deskripsi Pengguna memasukkan identitas berupa email dan password. Setelah menekan tombol Login maka sistem akan memeriksa apakah input tersebut valid. Jika valid maka halaman utama yang berisi dashboard dan menu utama akan ditampilkan, jika tidak maka pesan gagal login akan ditampilkan dan kembali ke halaman login.
4-4 http://digilib.mercubuana.ac.id/
4.1.3.2
Sequence Diagram Data Customer
Menu Utama
Layar Edit Customer
Layar Daftar Customer
Database
Customer
Pilih Customer
Edit Customer
Submit Simpan Data
Gambar 4-4 Sequence Diagram Data Customer Tabel 4-3 Deskripsi Sequence Diagram Data Customer Diagram
Deskripsi
Sequence Diagram Data
Proses diawali dengan klik menu data customer
Customer
kemudian memilih data yang akan di-edit, setelah itu klik submit. Jika data valid maka akan disimpan ke dalam database, jika tidak maka akan kembali ke form customer.
4-5 http://digilib.mercubuana.ac.id/
4.1.3.3
Sequence Diagram Data Mobil
Menu Utama
Layar Edit Mobil
Layar Data Mobil
Database
Customer
Pilih Mobil
Edit Mobil
Submit Simpan Data
Gambar 4-5 Sequence Diagram Data Mobil Tabel 4-4 Deskripsi Sequence Diagram Data Mobil Diagram
Deskripsi
Sequence Diagram Data
Proses dimulai dengan memilih menu Data Mobil, maka
Mobil
akan ditampilkan data seluruh mobil customer yang ada dalam sistem tersebut. Dari data tersebut maka dapat dipilih salah satu mobil untuk di-edit atau ditambahkan. Setelah data dirubah kemudian disimpan maka sistem akan mengecek apakah data terebut valid. Jika valid maka akan disimpan kedalam database, jika tidak maka akan ditampilkan pesan tidak valid kemudian kembali ke form mobil tersebut.
4-6 http://digilib.mercubuana.ac.id/
4.1.3.4
Sequence Diagram Mengolah Data Master
Menu Utama
Layar Data User
Edit Data
Database
SMR
Pilih Data User
Pilih baris yang diedit
Submit Simpan Data
Tampilkan pesan data berhasil disimpan
Gambar 4-6 Sequence Diagram Mengolah Data Master Tabel 4-5 Deskripsi Sequence Diagram Mengolah Data Master Diagram
Deskripsi
Sequence Diagram
Activity Diagram ini berlaku untuk semua master data
Mengolah Master Data
yang ada dalam aplikasi tersebut. Proses diawali dengan klik menu master data kemudian memilih data yang akan di-edit atau ditambahkan, setelah itu disimpan. Jika data valid maka akan disimpan ke dalam database, jika tidak maka akan kembali ke form Master data.
4-7 http://digilib.mercubuana.ac.id/
4.1.3.5
Sequence Diagram Pemesanan Servis
Menu Utama
Layar Daftar Booking Service
Form Input Booking Service
Database
Customer
Pilih Boking Service
Buat Boking baru
Submit Simpan Data
Tampilkan pesan data berhasil disimpan
Gambar 4-7 Sequence Diagram Pemesanan Servis Tabel 4-6 Deskripsi Sequence Diagram Pemesanan Servis Diagram
Deskripsi
SequenceDiagram
Proses diawali dengan klik menu aktivitas harian, maka
Pemesanan Servis
form untuk menginput akan ditampilkan. Semua field diisi dengan benar kemudian klik Simpan. Jika data valid maka akan disimpan ke dalam database, jika tidak maka akan kembali ke form edit.
4-8 http://digilib.mercubuana.ac.id/
4.1.3.6
Sequence Diagram Mengolah Transaksi
Menu Utama
Layar Transaksi
Layar Input Transaksi
Database
SMR / Service Manager
Pilih Transaksi
Pilih baris yang diedit
Submit Simpan Data
Tampilkan pesan data berhasil disimpan
Gambar 4-8 Sequence Diagram Mengolah Transaksi Tabel 4-7 Deskripsi Sequence Diagram Mengolah Transaksi Diagram
Deskripsi
Sequence Diagram
Activity Diagram ini berlaku untuk semua transaksi
Mengolah Transaksi
yang ada dalam aplikasi tersebut. Proses diawali dengan klik menu master data kemudian memilih data yang akan di-edit atau ditambahkan, setelah itu disimpan. Jika data valid maka akan disimpan ke dalam database, jika tidak maka akan kembali ke form Transaksi.
4-9 http://digilib.mercubuana.ac.id/
4.1.3.7
Sequence Diagram Laporan
Menu Utama
Layar Laporan
SMR / Service Manager
Pilih Transaksi
Gambar 4-9 Sequence Diagram Laporan Tabel 4-8 Deskripsi Sequence Diagram Laporan Pemesanan Diagram
Deskripsi
Sequence Diagram Laporan
Proses diawali dengan klik menu Laporan kemudian
Pemesanan
pilih laporan yang akan ditampilkan. Setelah itu sistem akan menampilkan laporan tersebut.
4-10 http://digilib.mercubuana.ac.id/
4.1.4 Activity Diagram 4.1.4.1
Login
Gambar 4-10 Activity Diagram Login Tabel 4-9 Deskripsi Activity Diagram Login Diagram Activity Diagram Login
Deskripsi Pengguna memasukkan identitas berupa email dan password. Setelah menekan tombol Login maka sistem akan memeriksa apakah input tersebut valid. Jika valid maka halaman utama yang berisi dashboard dan menu utama akan ditampilkan, jika tidak maka pesan gagal login akan ditampilkan dan kembali ke halaman login.
4-11 http://digilib.mercubuana.ac.id/
4.1.4.2
Data Customer Customer
Pilih Account Customer
System
Menampilkan Halaman Customer
Memilih Fungsi Tambah/Edit Mengalihkan halamann pada form Tambah/edit/hapus Melengkapi Data
data valid ? Ya
Tidak Menerima pesan
Menampilkan pesan tidak valid
Menyimpan ke database
Gambar 4-11 Activity Diagram Data Customer Tabel 4-10 Deskripsi Activity Diagram Customer Diagram
Deskripsi
Activity Diagram
Aktor dari proses ini adalah customer yang mendaftar account customer.
Customer
Proses dimulai dengan memilih menu Account, maka akan ditampilkan form account customer yang ada dalam sistem tersebut. Jika valid maka akan disimpan kedalam database, jika tidak maka akan ditampilkan pesan tidak valid kemudian kembali ke form account tersebut. Setelah berhasil membuat account maka customer bisa login dan masuk kedalam ruang customer sehingga customer bisa mengedit atau mengupdate kembali data customer jika ada perubahan.
4-12 http://digilib.mercubuana.ac.id/
4.1.4.3
Data Mobil
Customer
System
Pilih Mobil
Menampilkan Halaman Mobil
Memilih Fungsi Tambah/Edit/Hapus Mengalihkan halamann pada form Tambah/edit/hapus Melengkapi Data
data valid ? Ya tidak
Menerima pesan
Menampilkan pesan tidak valid
Menyimpan ke database
Gambar 4-12 Activity Diagram Data Mobil Tabel 4-11 Deskripsi Activity Diagram Data Mobil Diagram
Deskripsi
Activity Diagram Data Mobil
Proses diawali dengan klik menu data mobil kemudian memilih fungsi data simpan, edit atau hapus. Jika data valid maka akan disimpan ke dalam database, jika tidak maka akan ditampilkan pesan tidak valid kemudian kembali ke form data mobil.
4-13 http://digilib.mercubuana.ac.id/
4.1.4.4
Mengelola Master data SMR
System
Pilih Master Data
Menampilkan Master Data yang dipilih
Memilih Fungsi Tambah/Edit/Hapus Mengalihkan halamann pada form Tambah/edit/hapus Melengkapi Data
data valid ? Ya tidak
Menerima pesan
Menampilkan pesan tidak valid
Menyimpan ke database
Gambar 4-13 Activity Diagram Mengelola Master Data Tabel 4-12 Deskripsi Activity Diagram Master Data Diagram
Deskripsi
Activity Diagram Master
Activity Diagram ini berlaku untuk semua master data
Data
yang ada dalam aplikasi tersebut. Proses diawali dengan klik menu master data kemudian memilih data yang akan di-edit, ditambahkan atau dihapus, setelah itu disimpan. Jika data valid maka akan disimpan ke dalam database, jika tidak maka akan tampil pesan tidak valid dan kembali ke form master.
4-14 http://digilib.mercubuana.ac.id/
4.1.4.5
Input Pemesanan Servis Customer
System
Pilih Booking Service
Menampilkan Form Booking Service
Input data booking service dan data mobil
data valid ? Ya tidak Menerima pesan
Menampilkan pesan tidak valid
Menyimpan ke database
Gambar 4-14 Activity Diagram Pemesanan Servis Tabel 4-13 Deskripsi Activity Diagram Pemesanan Servis Diagram
Deskripsi
Activity Diagram Pemesanan
Proses diawali dengan klik menu Pemesanan Servis,
Servis
maka form untuk menginput pemesanan servis akan ditampilkan. Form tersebut harus diisi dengan lengkap, yaitu memilih Data Mobil, tanggal service, jam service dan keluhan yang akan diservice untuk serta data-data penunjang lainnya. Setelah disimpan, jika data valid maka akan disimpan ke dalam database, jika tidak maka akan dikembalikan ke form pemesanan servis tersebut.
4-15 http://digilib.mercubuana.ac.id/
4.1.4.6
Input Pembayaran Pemesanan Servis Customer
System
Pilih Pembayaran
Menampilkan Form Pembayaran
Tidak Cari Id Booking Service
data ketemu ?
ya
Tampil Data Booking Service
Input Data Pembayaran
data valid ?
tidak Menerima pesan
Ya
Menampilkan pesan tidak valid
Menyimpan ke database
Gambar 4-15 Activity Diagram Pembayaran Pemesanan Servis Tabel 4-14 Deskripsi Activity Diagram Pembayaran Pemesanan Servis Diagram
Deskripsi
Activity Diagram
Proses diawali dengan klik menu pembayaran, maka form Cari id
Pembayaran
boking ditampilkan. Customer mengisi id boking dan data Pemesanan
Pemesanan Servis
Servis ditampilkan. kemudian form tersebut harus diisi dengan lengkap, yaitu tanggal nota, nama bank, atas nama, total bayar dan keterangan. Setelah disimpan, jika data valid maka akan disimpan ke dalam database, jika tidak maka akan dikembalikan ke form pembayaran pemesanan tersebut.
4-16 http://digilib.mercubuana.ac.id/
4.1.4.7
Mengolah Transaksi SMR / Service Manager
Pilih Menu Transaksi
System
Menampilkan Transaksi yang dipilih
Memilih Fungsi Tambah/Edit/Hapus Mengalihkan halamann pada form Tambah/edit/hapus Melengkapi Data
data valid ? Ya tidak
Menerima pesan
Menampilkan pesan tidak valid
Menyimpan ke database
Gambar 4-16 Activity Diagram Mengolah Transaksi Tabel 4-15 Deskripsi Activity Diagram Mengolah Transaksi Diagram
Deskripsi
Activity Diagram Transaksi
Activity Diagram ini berlaku untuk semua Transaksi yang ada dalam aplikasi tersebut. Proses diawali dengan klik menu master data kemudian memilih data yang akan di-edit, ditambahkan atau dihapus, setelah itu disimpan. Jika data valid maka akan disimpan ke dalam database, jika tidak maka akan tampil pesan tidak valid dan kembali ke form transaksi.
4-17 http://digilib.mercubuana.ac.id/
4.1.4.8 Laporan SMR / Service Manager
Pilih Menu Laporan
System
Menampilkan Laporan yang dipilih
Memilih Fungsi Print/Save/Zoom Mengalihkan halamann pada form Print/Save/Zoom Menampilkan Data
data valid ?
Ya
tidak Menerima pesan
Menampilkan pesan tidak valid
Tampil Laporan
Gambar 4-17 Activity Diagram Laporan Tabel 4-16 Deskripsi Activity Diagram Laporan Diagram
Deskripsi
Activity Diagram Laporan
Proses diawali dengan klik menu Laporan kemudian
Proyek
pilih laporan yang akan ditampilkan. Setelah itu sistem akan menampilkan laporan tersebut dengan fungsi Print/Save atau Zoom.
4-18 http://digilib.mercubuana.ac.id/
4.1.5
Class Diagram
Berikut rancangan class diagram sistem yang diajukan :
Mobil 1
Customer - Id_customer - Nama - Alamat - Telp - Email - Username - Password
1..*
1
- no_plat - id_customer - deskripsi - jenis_mobil - warna - Tahun - gambar
Pembayaran
Booking
- Id_booking - Tglbooking - Jambooking - kdservis - id_customer - keluhan - no_plat - Kilometer - status
- kdservis - namaservis - keterangan - biayaservis
+ Add() + Edit() + Delete() +Login() + Logout()
+ Add() + Edit() + Delete() + Login() + Logout()
+ Add() + Edit() + Delete() + Login() + Logout()
- kdservis - Nonota - kodeuser - Tglnota - Id_booking - idsparepart - Ket_konfirmasi - Total 1..* - Bank - atas nama - id_customer
1..* 1
1..*
Admin 1
1..*
- Kodeuser - namauser - password + Add() + Edit() + Delete() + Login() + Logout()
1..*
+ Add() + Edit() + Delete() + Login() + Logout()
+ Add() + Edit() + Print()
Servis
1
1
Sparepart 1..*
- idsparepart - namasparepart - Jenissparepart - hargasparepart - stok
Gambar 4-18 Class Diagram
4.2 Perancangan Basis Data Berdasarkan kebutuhan data yang telah didefinisikan melalui diagram pada tahap analisis maka dirancang sebuah basis data untuk mendukung pengimplementasian aplikasi. 4-19 http://digilib.mercubuana.ac.id/
4.2.1 Entity Relationship Diagram Spesifikasi basis data merupakan desain dari struktur data yang dianggap normal.Spesifikasi tersebut meliputi banyak entitas yang meliputitabel, record, primary key, foreign key, tipe data serta ukuran dari data tersebut. Hubungan antar entitas tersebut dapat digambarkan dalam Entity Relationship Diagram (ERD) sebagai berikut:
Mobil Customer PK
PK
Id_customer
Servis
No_plat
PK
FK1 Id_customer
Nama_mobil Deskripsi Jenis_mobil Warna Tahun gambar
Nama Alamat Telp Email Username password
namaservis keterangan biayaservis Admin PK
Pembayaran PK
Booking PK
Id_booking
FK1 ID_Customer FK1 No_plat
Tglbooking kdservis Jambooking Keluhan Kilometer status
Kodeuser username password
nonota
FK1 idsparepart FK2 Id_booking FK3
Id_customer kodeuser Kdservis atasnama Tglnota Ket_konfirmasi Total Bank
kdservis
Sparepart PK
idsparepart namasparepart jenissparepart hargasparepart Stok
Gambar 4.19 Entity Relationship Diagram
4-20 http://digilib.mercubuana.ac.id/
4.3
Struktur Tabel
Tabel 4-17. Struktur Tabel Master Customer Nama Kolom
Tipe Data
Ukuran
Keterangan
Idcustomer
Varchar
5
Primary Key
Nama
Varchar
20
Nama customer
Alamat
Varchar
50
Alamat Customer
Telp
Varchar
12
Telepon
Email
Varchar
30
Email Customer
Username
Varchar
10
Nama pengguna
Password
Varchar
8
Password
Tabel 4-18 Struktur Tabel Master Admin Nama Kolom
Tipe Data
Ukuran
Keterangan
Kodeuser
Varchar
3
Primary Key, Auto Increment
Namauser
Varchar
30
Nama pengguna
Password
Varchar
15
Password
Tabel 4-19 Struktur Tabel Service Nama Kolom
Tipe Data
Ukuran
Keterangan
Id_servis
Varchar
7
Primary Key
Namaservis
Varchar
50
Keterangan
Varchar
50
Biayaservis
Varchar
8
Tabel 4.20 Struktur Tabel Mobil Nama Kolom
Tipe Data
Ukuran
Keterangan
No_plat
Varchar
7
Primary Key
Id_customer
Varchar
10
Id Customer, Foreign Key
Nama_mobil
Varchar
10
Nama Mobil
Deskripsi
Varchar
8
Deskripsi mobil
Jenis_mobil
Varchar
10
Jenis mobil
Warna
Varchar
10
Warna mobil
Tahun
Varchar
4
Tahun Mobil
Gambar
Varchar
10
Gambar Mobil
4-21 http://digilib.mercubuana.ac.id/
Tabel 4-21 Struktur Tabel Pemesanan Nama Kolom
Tipe Data
Ukuran
Keterangan
Id_booking
Varchar
7
Primary Key, Auto Increment
Idcustomer
Varchar
10
Foreign Key ke tabel Coustomer
Tglbooking
Date
-
Tgl booking
Jambooking
Varchar
4
Jam booking
Tahunmobil
Varchar
4
Tahun Mobil
Keluhan
Varchar
7
Keluhan
Kilometer
Varchar
7
Kilometer
Status
Varchar
9
Status
Nopolisi
Varchar
10
Nomor Polisi
Typemobil
Varchar
10
Type Mobil
Ukuran
Keterangan
Tabel 4-22 Struktur Tabel Pembayaran Nama Kolom
Tipe Data
Nomor Nota
Varchar
6
Primary Key, Auto Increment
Tanggal Nota
Date
-
Tanggal Nota
Keterangan Servis
Varchar
50
Keterangan Servis
Total
Double
8
Total
Identitas Booking
Varchar
7
Foreign Key ke tabel pemesanan
4-22 http://digilib.mercubuana.ac.id/
4.4 Kebutuhan Perangkat Perangkat yang dibutuhkan untuk menjalankan aplikasi yang diusulkan adalah meliputi
kebutuhan
perangkat
lunak
(software)
dan
perangkat
keras
(hardware).Kebutuhan tersebut diukur bukan hanya berdasarkan besarnya data yang ada saat ini, tetapi juga mengantisipasi pertumbuhan data dalam beberapa tahun kedepan. 4.4.1
Spesifikasi Perangkat Lunak (Software) Perangkat yang dibutuhkan untuk Aplikasi pemesanan servis Perangkat Lunak
adalah sebagai berikut:
4.4.2
Sistem Operasi Windows 7
MySQL Server 5.0
Xampp 1.8
PHP 5.0
Spesifikasi Perangkat Keras (Hardware) Perangkat keras yang dibutuhkan adalah sebuah PC server dengan spesifikasi
minimum sebagai berikut:
Processor Core 2 Duo
RAM 4GB
Storage 100GB
Koneksi Internet dengan IP Public
4-23 http://digilib.mercubuana.ac.id/
