BAB IV PERANCANGAN. Daftar Account Customer. Pesan LOGIN GAGAL! Ulangi Lagi. Input Booking Service. Simpan Data ke Database. Cetak Nota Boking Service

Transkripsi

1 BAB IV PERANCANGAN 4.1 Perancangan Algoritma Algoritma Pemesanan Servis Start Login Punya Account User? Daftar Account 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

2 << extend >> Use Case Sistem yang akan diusulkan oleh penulis adalah sebagaimana digambarkan dalam diagram Use Case sebagai berikut : System << include >> Login << include >> << extend >> Data << include >> << extend >> Data Mobil << extend >> SMR Mengolah data master << extend >> << extend >> Boking Service Pembayaran << extend >> Mengolah Transaksi << extend >> Admin Laporan Gambar 4-2 Use Case Sistem Usulan Tabel 4-1 Use Case Sistem Usulan Aktor 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. c. SMR dapat mengolah laporan 4-2

3 dapat melakukan pemesanan servis secara online. Adapun form-form yang tersedia untuk customer : a. Form login untuk masuk ke ruang customer. b. Form 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. b. Manager Service dapat mengakses laporan. 4-3

4 4.1.3 Sequence Berikut adalah sequence diagram yang diusulkan untuk rancangan Aplikasi Pemesanan Servis mobil Sequence Login Gambar 4-3 Sequence Login Tabel 4-2 Sequence Login Sequence Login Pengguna memasukkan identitas berupa 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

5 Sequence Data Menu Utama Layar Daftar Layar Edit Database Pilih Edit Submit Simpan Data Gambar 4-4 Sequence Data Tabel 4-3 Sequence Data Sequence Data 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. 4-5

6 Sequence Data Mobil Menu Utama Layar Data Mobil Layar Edit Mobil Database Pilih Mobil Edit Mobil Submit Simpan Data Gambar 4-5 Sequence Data Mobil Tabel 4-4 Sequence Data Mobil Sequence 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. 4-6

7 Sequence 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 Mengolah Data Master Tabel 4-5 Sequence Mengolah Data Master Sequence Mengolah Master Data Activity 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. 4-7

8 Sequence Pemesanan Servis Menu Utama Layar Daftar Booking Service Form Input Booking Service Database Pilih Boking Service Buat Boking baru Submit Simpan Data Tampilkan pesan data berhasil disimpan Gambar 4-7 Sequence Pemesanan Servis Tabel 4-6 Sequence Pemesanan Servis Sequence 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. 4-8

9 Sequence 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 Mengolah Transaksi Tabel 4-7 Sequence Mengolah Transaksi Sequence Mengolah Transaksi Activity 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. 4-9

10 Sequence Laporan Menu Utama Layar Laporan SMR / Service Manager Pilih Transaksi Gambar 4-9 Sequence Laporan Tabel 4-8 Sequence Laporan Pemesanan Sequence Laporan Pemesanan Proses diawali dengan klik menu Laporan kemudian pilih laporan yang akan ditampilkan. Setelah itu sistem akan menampilkan laporan tersebut. 4-10

11 4.1.4 Activity Login Gambar 4-10 Activity Login Tabel 4-9 Activity Login Activity Login Pengguna memasukkan identitas berupa 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

12 Data System Pilih Account Menampilkan Halaman Memilih Fungsi Tambah/Edit Mengalihkan halamann pada form Tambah/edit/hapus Melengkapi Data Tidak data valid? Ya Menerima pesan Menampilkan pesan tidak valid Menyimpan ke database Gambar 4-11 Activity Data Tabel 4-10 Activity Activity 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-12

13 Data Mobil System Pilih Mobil Menampilkan Halaman Mobil Memilih Fungsi Tambah/Edit/Hapus Mengalihkan halamann pada form Tambah/edit/hapus Melengkapi Data tidak data valid? Ya Menerima pesan Menampilkan pesan tidak valid Menyimpan ke database Gambar 4-12 Activity Data Mobil Tabel 4-11 Activity Data Mobil Activity 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

14 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 tidak data valid? Ya Menerima pesan Menampilkan pesan tidak valid Menyimpan ke database Gambar 4-13 Activity Mengelola Master Data Tabel 4-12 Activity Master Data Activity Master Data Activity 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-14

15 Input Pemesanan Servis 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 Pemesanan Servis Tabel 4-13 Activity Pemesanan Servis Activity 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 akan dikembalikan ke form pemesanan servis tersebut. 4-15

16 Input Pembayaran Pemesanan Servis System Pilih Pembayaran Menampilkan Form Pembayaran Cari Id Booking Service Tidak data ketemu? ya Tampil Data Booking Service Input Data Pembayaran data valid? tidak Ya Menerima pesan Menampilkan pesan tidak valid Menyimpan ke database Gambar 4-15 Activity Pembayaran Pemesanan Servis Tabel 4-14 Activity Pembayaran Pemesanan Servis Activity Pembayaran Pemesanan Servis Proses diawali dengan klik menu pembayaran, maka form Cari id boking ditampilkan. 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-16

17 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 tidak data valid? Ya Menerima pesan Menampilkan pesan tidak valid Menyimpan ke database Gambar 4-16 Activity Mengolah Transaksi Tabel 4-15 Activity Mengolah Transaksi Activity Transaksi Activity 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

18 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 data valid? Ya tidak Menerima pesan Menampilkan pesan tidak valid Tampil Laporan Gambar 4-17 Activity Laporan Tabel 4-16 Activity Laporan Activity 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-18

19 4.1.5 Class Berikut rancangan class diagram sistem yang diajukan : - Id_customer - Nama - Alamat - Telp - - Username - Password + Add() + Edit() + Delete() + Login() + Logout() Booking - Id_booking - Tglbooking - Jambooking - kdservis - id_customer - keluhan - no_plat - Kilometer - status + Add() + Edit() + Print() * 1 1..* 1..* Mobil - no_plat - id_customer - deskripsi - jenis_mobil - warna - Tahun - gambar + Add() + Edit() + Delete() + Login() + Logout() Pembayaran - kdservis - Nonota - kodeuser - Tglnota - Id_booking - idsparepart - Ket_konfirmasi - Total 1..* - Bank - atas nama - id_customer + Add() + Edit() + Delete() + Login() + Logout() 1..* 1..* * Servis - kdservis - namaservis - keterangan - biayaservis + Add() + Edit() + Delete() +Login() + Logout() Admin - Kodeuser - namauser - password + Add() + Edit() + Delete() + Login() + Logout() Sparepart - idsparepart - namasparepart - Jenissparepart - hargasparepart - stok Gambar 4-18 Class 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

20 4.2.1 Entity Relationship 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 (ERD) sebagai berikut: PK Id_customer PK FK1 FK1 Nama Alamat Telp Username password Booking Id_booking ID_ No_plat Tglbooking kdservis Jambooking Keluhan Kilometer status PK FK1 PK FK1 FK2 FK3 Mobil No_plat Id_customer Nama_mobil Jenis_mobil Warna Tahun gambar Pembayaran nonota idsparepart Id_booking Id_customer kodeuser Kdservis atasnama Tglnota Ket_konfirmasi Total Bank PK PK Servis kdservis namaservis keterangan biayaservis Admin PK Kodeuser username password Sparepart idsparepart namasparepart jenissparepart hargasparepart Stok Gambar 4.19 Entity Relationship 4-20

21 4.3 Struktur Tabel Tabel Struktur Tabel Master Nama Kolom Tipe Data Ukuran Keterangan Idcustomer Varchar 5 Primary Key Nama Varchar 20 Nama customer Alamat Varchar 50 Alamat Telp Varchar 12 Telepon Varchar 30 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, Foreign Key Nama_mobil Varchar 10 Nama Mobil Varchar 8 mobil Jenis_mobil Varchar 10 Jenis mobil Warna Varchar 10 Warna mobil Tahun Varchar 4 Tahun Mobil Gambar Varchar 10 Gambar Mobil 4-21

22 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 Identitas Booking Varchar 7 Foreign Key ke tabel pemesanan 4-22

23 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 Spesifikasi Perangkat Lunak (Software) Perangkat yang dibutuhkan untuk Aplikasi pemesanan servis Perangkat Lunak adalah sebagai berikut: Sistem Operasi Windows 7 MySQL Server 5.0 Xampp 1.8 PHP 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