BAB IV
PERANCANGAN
4.1 Perancangan Algoritma
4.1.1 Algoritma Pemesanan Servis
Gambar 4-1
Algoritma Pemesanan Servis
Start Login Customer Input Login Daftar Account Customer Punya Account User ? Tampil Halaman Utama Input Data Mobil Pilih Data Mobil Input Booking Service Cetak Nota Boking Service End T Pesan “LOGIN GAGAL! Ulangi Lagi” Y
Data ketemu? T Input Data Mobil
Y
Simpan Data ke Database
4.1.2 Use Case Diagram
Sistem yang akan diusulkan oleh penulis adalah sebagaimana digambarkan
dalam diagram Use Case sebagai berikut :
Gambar 4-2
Use Case Sistem Usulan
Tabel 4-1
Deskripsi Use Case Sistem Usulan
Aktor Deskripsi
Sales Marketing Representatif(SMR)
Tugas utama dari Sales Marketing Representatif sistem adalah 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.
Customer
SMR Login
Data Customer
Mengolah data master
Boking Service Mengolah Transaksi Laporan Admin Data Mobil System << inclu de >> << extend >> << extend >> << extend >> Pembayaran << extend >> << inclu de >> << inclu de >> << extend >> << extend >> << extend >> << extend >>
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. Mencetak Nota pemesanan servis
Admin 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.
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 Deskripsi
Sequence Diagram Login 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.1.3.2 Sequence Diagram Data Customer
Gambar 4-4
Sequence Diagram Data Customer
Tabel 4-3
Deskripsi Sequence Diagram Data Customer
Diagram Deskripsi
Sequence Diagram Data Customer
Proses diawali dengan klik menu data 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.
Pilih Customer Customer
Simpan Data Edit Customer
Menu Utama Layar Daftar Customer Layar Edit Customer Database
4.1.3.3 Sequence Diagram Data Mobil
Gambar 4-5
Sequence Diagram Data Mobil
Tabel 4-4
Deskripsi Sequence Diagram Data Mobil
Diagram Deskripsi
Sequence Diagram Data Mobil
Proses dimulai dengan memilih menu Data Mobil, maka 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.
Pilih Mobil Customer
Simpan Data Edit Mobil
Menu Utama Layar Data Mobil Layar Edit Mobil Database
4.1.3.4 Sequence Diagram Mengolah Data Master
Gambar 4-6
Sequence Diagram Mengolah Data Master
Tabel 4-5
Deskripsi Sequence Diagram Mengolah Data Master
Diagram Deskripsi
Sequence Diagram Mengolah Master Data
Activity Diagram ini berlaku untuk semua 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.
Pilih Data User SMR
Simpan Data
Pilih baris yang diedit
Menu Utama Layar Data User Edit Data Database
Submit
4.1.3.5 Sequence Diagram Pemesanan Servis
Gambar 4-7
Sequence Diagram Pemesanan Servis
Tabel 4-6
Deskripsi Sequence Diagram Pemesanan Servis
Diagram Deskripsi
SequenceDiagram Pemesanan Servis
Proses diawali dengan klik menu aktivitas harian, maka 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.
Pilih Boking Service Customer
Simpan Data Buat Boking baru
Menu Utama Layar Daftar Booking Service
Form Input Booking
Service Database
Submit
4.1.3.6 Sequence Diagram Mengolah Transaksi
Gambar 4-8
Sequence Diagram Mengolah Transaksi
Tabel 4-7
Deskripsi Sequence Diagram Mengolah Transaksi
Diagram Deskripsi
Sequence Diagram Mengolah 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 atau ditambahkan, setelah itu disimpan. Jika data valid maka akan disimpan ke dalam database, jika tidak maka akan kembali ke form Transaksi.
Pilih Transaksi SMR / Service Manager
Simpan Data Pilih baris yang diedit
Menu Utama Layar Transaksi Layar Input Transaksi Database
Submit
4.1.3.7 Sequence Diagram Laporan
Gambar 4-9
Sequence Diagram Laporan
Tabel 4-8
Deskripsi Sequence Diagram Laporan Pemesanan
Diagram Deskripsi
Sequence Diagram Laporan Pemesanan
Proses diawali dengan klik menu Laporan kemudian pilih laporan yang akan ditampilkan. Setelah itu sistem akan menampilkan laporan tersebut.
Pilih Transaksi SMR / Service Manager
4.1.4 Activity Diagram
4.1.4.1
Login
Gambar 4-10
Activity Diagram Login
Tabel 4-9
Deskripsi Activity Diagram Login
Diagram Deskripsi
Activity Diagram Login 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.1.4.2 Data Customer
Customer System
Pilih Account Customer Menampilkan Halaman Customer
Memilih Fungsi Tambah/Edit
Mengalihkan halamann pada form Tambah/edit/hapus Melengkapi Data
Menerima pesan Menampilkan pesan tidak valid
Menyimpan ke database Ya
data valid ? Tidak
Gambar 4-11
Activity Diagram Data Customer
Tabel 4-10
Deskripsi Activity Diagram Customer
Diagram Deskripsi
Activity Diagram Customer
Aktor dari proses ini adalah customer yang mendaftar account 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.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
Menerima pesan Menampilkan pesan tidak valid
Menyimpan ke database Ya
data valid ? tidak
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.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
Menerima pesan Menampilkan pesan tidak valid
Menyimpan ke database Ya
data valid ? tidak
Gambar 4-13
Activity Diagram Mengelola Master Data
Tabel 4-12
Deskripsi Activity Diagram Master Data
Diagram Deskripsi
Activity Diagram Master Data
Activity Diagram ini berlaku untuk semua master 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.1.4.5 Input Pemesanan Servis
Customer System
Pilih Booking Service Menampilkan Form Booking Service
Input data booking service dan data mobil
Menerima pesan Menampilkan pesan tidak valid
Menyimpan ke database data valid ? tidak
Ya
Gambar 4-14
Activity Diagram Pemesanan Servis
Tabel 4-13
Deskripsi Activity Diagram Pemesanan Servis
Diagram Deskripsi
Activity Diagram Pemesanan Servis
Proses diawali dengan klik menu Pemesanan 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
4.1.4.6 Input Pembayaran Pemesanan Servis
Customer System
Pilih Pembayaran Menampilkan Form Pembayaran
Cari Id Booking Service
Menerima pesan Menampilkan pesan tidak valid
Menyimpan ke database data valid ?
tidak
Tampil Data Booking Service
Input Data Pembayaran
data ketemu ? ya
Tidak
Ya
Gambar 4-15
Activity Diagram Pembayaran Pemesanan Servis
Tabel 4-14
Deskripsi Activity Diagram Pembayaran Pemesanan Servis
Diagram Deskripsi
Activity Diagram Pembayaran Pemesanan Servis
Proses diawali dengan klik menu pembayaran, maka form Cari id boking ditampilkan. Customer mengisi id boking dan data Pemesanan 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.1.4.7 Mengolah Transaksi
SMR / Service Manager System
Pilih Menu Transaksi Menampilkan Transaksi yang dipilih
Memilih Fungsi Tambah/Edit/Hapus
Mengalihkan halamann pada form Tambah/edit/hapus Melengkapi Data
Menerima pesan Menampilkan pesan tidak valid
Menyimpan ke database Ya
data valid ? tidak
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.1.4.8 Laporan
SMR / Service Manager System
Pilih Menu Laporan Menampilkan Laporan yang dipilih
Memilih Fungsi Print/Save/Zoom
Mengalihkan halamann pada form Print/Save/Zoom Menampilkan Data
Menerima pesan Menampilkan pesan tidak valid
Tampil Laporan data valid ?
tidak
Ya
Gambar 4-17
Activity Diagram Laporan
Tabel 4-16
Deskripsi Activity Diagram Laporan
Diagram Deskripsi
Activity Diagram Laporan Proyek
Proses diawali dengan klik menu Laporan kemudian pilih laporan yang akan ditampilkan. Setelah itu sistem akan menampilkan laporan tersebut dengan fungsi Print/Save atau Zoom.
4.1.5 Class Diagram
Berikut rancangan class diagram sistem yang diajukan :
Customer - Id_customer - Nama - Alamat - Telp - Email - Username - Password + Add() + Edit() + Delete() + Login() + Logout() Booking - Id_booking - Tglbooking - Jambooking - kdservis - id_customer - keluhan - no_plat - Kilometer - status + Add() + Edit() + Print() 1 Servis - kdservis - namaservis - keterangan - biayaservis + Add() + Edit() + Delete() +Login() + Logout() Admin - Kodeuser - namauser - password + Add() + Edit() + Delete() + Login() + Logout() Pembayaran - kdservis - Nonota - kodeuser - Tglnota - Id_booking - idsparepart - Ket_konfirmasi - Total - Bank - atas nama - id_customer + Add() + Edit() + Delete() + Login() + Logout() 1..* 1..* 1..* Mobil - no_plat - id_customer - deskripsi - jenis_mobil - warna - Tahun - gambar + Add() + Edit() + Delete() + Login() + Logout() 1..* Sparepart - idsparepart - namasparepart - Jenissparepart - hargasparepart - stok 1 1 1..* 1 1..* 1 1 1..*
Gambar 4-18
Class Diagram
4.2 Perancangan Basis Data
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:
Admin username password Customer Nama Alamat Telp Email Username password PK Id_customer Pembayaran idsparepart Id_booking Id_customer kodeuser Kdservis atasnama Tglnota Ket_konfirmasi Total Bank FK1 FK2 FK3 PK nonota Servis namaservis keterangan biayaservis PK kdservis PK Kodeuser Booking ID_Customer No_plat Tglbooking kdservis Jambooking Keluhan Kilometer status Id_booking PK FK1 FK1 Mobil Id_customer Nama_mobil Deskripsi Jenis_mobil Warna Tahun gambar No_plat PK FK1 namasparepart jenissparepart hargasparepart Stok PK idsparepart Sparepart
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
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
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
Tabel 4-22
Struktur Tabel Pembayaran
Nama Kolom Tipe Data Ukuran Keterangan
Nomor Nota Varchar 6 Primary Key, Auto Increment
Tanggal Nota Date - Tanggal Nota
Keterangan Servis Varchar 50 Keterangan Servis
Total Double 8 Total
