BAB III ANALISA DAN PERANCANGAN SISTEM 3.1. Analisa Sistem Aplikasi ini dibuat berbasis web untuk mendukung aplikasi pencari jasa laundry, dimana aplikasi ini digunakan oleh user admin dan user laundry. Didalam aplikasi ini, user admin dapat mengelola data data laundry dan juga data data pelanggan. Didalam aplikasi ini user laundry juga dapat mengelola data data transaksinya. Sesuai dengan tahapan dalam pengembangan perangkat lunak, analisa dilakukan sebelum dibuat perencanaan. Pada tahapan analisa ini akan dibuat empat buah diagram untuk menggambarkan kebutuhan sistem. Yaitu use case diagram untuk menggambarkan kebutuhan fungsional dari aplikasi, selanjutnya dibuat activity diagram untuk menggambarkan proses bisnis dari aplikasi, lalu dibuat sequence diagram untuk menggambarkan perilaku dalam palikasi, dan terakhir dibuat class diagram untuk menggambarkan hubungan interaksi antar class. 3.2. Analisa Sistem Berjalan Pada tahapan ini akan digambarkan proses bisnis dari usaha laundry yang sedang berjalan dalam bentuk diagram activity. pelanggan laundry melayani pelanggan mengantar pakaian menerima pakaian menghitung harga laundry menerima bukti layanan membuat bukti layanan mengambil pakaian proses laundry melakukan pembayaran menerima pembayaran 24
25 Gambar 3.1 Activity Diagram Berjalan 3.3. Analisa Sistem Usulan Pada tahap ini akan dibuat analisa sistem usulan, akan dibuat empat buah diagram yaitu use case diagram, activity diagram, sequence diagram, dan terakhir class diagram. 3.3.1. Use Case Diagram Usulan System Web Laundry Locator Login Update Profile User Laundry Mengelola Pemesanan Mengelola Data Laundry Mengelola Data Pelanggan Melihat Data Transaksi Laundry User Admin Gambar 3.2 Use Case Diagram Tabel 3.1 Skenario Use Case Login Use Case Login Aktor User admin dan user laundry Deskripsi User admin dan user laundry login terlebih dahulu agar dapat mengakses web laundry locator Tabel 3.2 Skenario Use Case Mengupdate Profile Use Case Update profile
26 Aktor Deskripsi User laundry User laundry dapat melakukan perubahan terhadap profilenya sendiri, seperti mengubah nama, alamat, daftar harga, dll Tabel 3.3 Skenario Use Case Mengelola Pemesanan Use Case Mengelola pemesanan Aktor User laundry Deskripsi User laundry dapat mengelola pemesanan pemesanan dari pelanggan yang masuk. User laundry dapat menerima pesanan, menolak pemesanan jika tidak memungkinkan, dan memasukan detil - detil transaki seperti berapa banyak laundry yang akan dikerjakan Tabel 3.4 Skenario Use Case Mengelola Data Laundry Use Case Mengelola data laundry Aktor User admin Deskripsi User admin dapat mengelola data data laundry seperti mendaftarkan tempat laundry yang baru, menghapus tempat laundry yang sudah tidak memungkinkan, mengupdate data data laundry, dan melihat transaksi transaksi yang dilakukan oleh tempat laundry Tabel 3.5 Skenario Use Case Mengelola Data Pelanggan Use Case Mengelola data pelanggan Aktor User admin Deskripsi User admin dapat mengelola data data pelanggan seperti mendaftarkan pelanggan, menghapus pelanggan yang sudah tidak memungkinkan dan mengupdate data data pelanggan Tabel 3.6 Skenario Use Case Melihat Data Transaksi Laundry Use Case Melihat Data Transaksi Laundry Aktor User Admin Deskripsi User admin dapat melihat transaksi transaksi yang masuk ke tempat
27 laundry, apakah pemesanan laundry diterima atau tidak disanggupi 3.3.2. Activity Diagram Usulan 3.3.2.1. Activity Diagram Login User Admin User Laundry Sistem Mulai Mulai Membuka halaman login web Membuka halaman login web Menampilkan halaman login Memasukan username dan password Memasukan username dan password Salah Benar User Laundry User admin Menampilkan halaman user laundry Menampilkan halaman user admin Masuk halaman user laundry Selesai Masuk halaman user laundry Selesai Gambar 3.3 Activity Diagram Login 3.3.2.2. Activity Diagram Update Profile User Laundry Sistem Mulai Masuk halaman atur profile Menampilkan profile laundry Mengubah data profile Simpan ke database Logout Selesai
28 Gambar 3.4 Activity Diagran Update Profile 3.3.2.3. Activity Diagram Megelola Pemesanan User Laundry Sistem Mulai Masuk halaman transaksi Menampilkan daftar pemesanan yang masuk Masuk halaman konfirmasi Menampilkan peta dan halaman konfirmasi Memberi konfirmasi Tidak disanggupi Simpan konfirmasi ke database Disanggupi Simpan konfirmasi ke database Masuk halaman input transaksi Menampilkan halaman input transaksi Memaskan data transaksi Simpan Ke database Logout Selesai Gambar 3.5 Activity Diagram Mengelola Transaksi
29 3.3.2.5. Activity Diagram Mengelola Data Laundry User Admin Sistem Mulai Masuk ke halaman data laundry Menampilkan tempat laundry yang terdaftar Mengelola data laundry Update Profle Menghapus Meletakan lokasi di peta Melihat profile Mendaftarkan Menampilkan profile laundry Simpan ke database Logout Selesai Gambar 3.6 Activity Diagram Mengelola Data Laundry
30 4.3.2.5. Activity Diagram Mengelola Data Pelanggan User Admin Sistem Mulai Masuk ke halaman data pelanggan Menampilkan pelanggan yang terdaftar Mengelola data pelanggan Update Profle Menghapus Meletakan lokasi di peta Mendaftarkan Simpan ke database Logout Selesai Gambar 3.7 Activity Diagram Mengelola Data Pelanggan 3.3.2.6. Activity Diagram Melihat Data Transaksi Laundry User Admin Sistem Mulai Masuk ke halaman data laundry Menampilkan laundry yang terdaftar Masuk ke halaman transaksi laundry Menampilkan data transaksi laundry Logout Selesai Gambar 3.8 Activity Diagram Melihat Data Transaksi
31 3.3.3. Sequence Diagram 3.3.3.1. Sequence Diagram Update Profile Halaman login Proses Login Halaman atur profil Database User laundry Halaman login Username dan password Gagal validasi Ubah Gambar 3.9 Sequence Diagram Update Profile 3.3.3.2. Sequence Diagram Kelola Transaksi Halaman login Proses Login Halaman Daftar Pemesanan Halaman Peta dan Konfirmmasi Halaman Transaksi Database User laundry Halaman login Username dan password validasi Gagal Konfirmasi Data transaksi Simpan Gambar 3.10 Sequence Diagram Kelola Transaksi
32 3.3.3.3. Sequence Diagram Kelola Data Laundry Halaman login Proses login Halaman daftar laundry Halaman atur peta Database User admin Halaman login Username dan password Validasi Gagal Tambah Letak Simpan Ubah Hapus Gambar 3.11 Sequence Diagram Kelola Data Laundry 3.3.3.4. Sequence Diagram Kelola Data Pelanggan Halaman login Proses login Halaman daftar pelanggan Halaman atur peta Database User admin Halaman login Username dan password Validasi Gagal Tambah Letak Simpan Ubah Hapus Gambar 3.12 Sequence Diagram Kelola Data Pelanggan
33 3.3.3.5. Sequuence Diagram Lihat Data Transaksi Halaman login Proses login Halaman daftar laundry Halaman daftar transaksi Halaman detil transaksi User admin Halaman login Username dan password Gagal Validasi Tampil Tampil Gambar 3.13 Sequence Diagram Lihat Data Transaksi 3.6. Class Diagram admin -username -password +tambah() +ubah() +hapus() +melihat() user -id_user -username -password -status +tambah() +ubah() +hapus() 1 Laundry -username -password +Konfirmasi() 1 1 tempat_laundry -id_laundry -nama -no_telp -email -alamat -latlng -buka -tutup -lama_pengerjaan -perkilo -cuci_setrika -setrika -id_harga_expess -id_user +tambah() +ubah() +hapus() 1 1 1 harga_satuan -id_harga_satuan -jenis -harga -id_laundry harga_express -id_harga_express -lama_pengerjaan -harga pelanggan 1.. * pemesanan -id-pemesanan -tanggal -total -status -username -id_laundry 1..* 1 -username -nama -password -jk -no_telp -email -alamat -latlng +tambah() +ubah() Gambar 3.14 Class Diagram
34 3.6. Rancangan Struktur Basis Data 1. Tabel user Nama tabel : user Field kunci : id_user Jumlah field : 4 Tabel 3.7 Struktur Tabel user No Nama Field Type Size Keterangan 1. id_user integer 11 Primary Key 2. Username varchar 25 3. Password varchar 35 4. Status integer 2 2. Tabel pelanggan Nama table : pelanggan Field kunci : username Jumlah field : 8 Tabel 3.8 Struktur Tabel pelanggan No Nama Field Type Size Keterangan 1. Username varchar 35 Primary Key 2. Nama varchar 35 3. Password varchar 35 4. Jk varchar 15 5. no_telp varchar 15 6. Email varchar 35 7. alamat text - 8. Latlng varchar 35 3. Tabel tempat_laundry Nama tabel : tempat_laundry Field kunci : id_laundry Jumlah field : 14
35 Tabel 3.9 Struktur Tabel tempat_laundry No Nama Field Type Size Keterangan 1. id_laundry varchar 15 Primary Key 2. Nama varchar 30 3. no_telp varchar 15 4. Email varchar 35 5. Alamat text - 6. Latlng varchar 35 7. Buka varchar 10 8. Tutup varchar 10 9. lama_pengerjaan integer 11 10. Perkilo integer 11 11. cuci_setrika integer 11 12 Setrika integer 11 13. id_harga_express integer 11 Foreign Key 14. id_user integer 11 Foreign Key 4. Tabel harga_satuan Nama tabel : harga_satuan Field kunci : id_harga_satuan Jumlah Field : 4 Tabel 3.10 Struktur Tabel harga_satuan No Nama Field Type Size Keterangan 1. id_harga_satuan integer 11 Primary key 2. jenis varchar 35 3. harga_satuan integer 11 4. id_laundry integer 11 Foreign key 5. Tabel harga_express Nama tabel : harga_express Field kunci : id_harga_express Jumlah field : 3
36 Tabel 3.11 Struktur Tabel harga_express No Nama Field Type Size Keterangan 1. id_harga_express integer 11 Primary Key 2. lama_pengerjaan integer 11 3. harga integer 11 6. Tabel pemesanan Nama tabel : pemesanan Field Kunci : id_pemesanan Jumlah field : 6 Tabel 3.12 Struktur Tabel pemesanan No Nama Field Type Size Keterangan 1. id_pemesanan integer 11 Primary key 2. tanggal_pemesanan datetime - 3. total integer 11 4. status int 2 5. username varchar 35 Foreign Key 6. id_laundry integer 11 Foreign Key 7. Tabel detil_pemesanan Nama tabel : detil_pemesanan Field kunci : id_detil_pemesanan Jumlah field : 5 Tabel 3.13 Struktur Tabel detil_pemesanan No Nama Field Type Size Keterangan 1. id_detil_pemesanan integer 11 Primary Key 2. jenis varchar 35 3. harga integer 11 4. jumlah integer 11 5. Id_pemesanan integer 11 Foreign Key
37 3.7. Rancangan Layar 3.7.1. Struktur Tampilan Layar 1. Struktur Tampilan Layar Untuk User Laundry Halaman Beranda User Laundry Daftar Pemesanan Daftar Harga Satuan Atur Profile Halaman Konfirmasi dan Peta Halaman Tambah Harga Satuan Halaman Transaksi Halaman Ubah Harga Satuan Halaman Detil Transaksi Gambar 3.15 Struktur Tampilan Layar Untuk User Laundry
38 2. Struktur Tampilan Layar Untuk User Admin Halaman Beranda User Admin Halaman Daftar Data Laundry Halaman Daftar Data Pelanggan Halaman Ganti Password Admin Halaman Tambah Tempat Laundry Halaman Tambah Pelanggan Halaman Ubah Data tempat Laundry Halaman Atur Peta Tempat Laundry Halaman Ubah Data Pelanggan Halaman Atur Peta Pelanggan Halaman Daftar Harga Laundry Halaman Daftar Harga Satuan Halaman Ganti Password Pelanggan Halaman Peta Tempat Laundry Halaman Tambah Harga Satuan Halaman Daftar Transaksi Gambar 3.16 Struktur Tampilan Layar Untuk User Admin
39 3.7.2. Rancangan Layar 1. Halaman Login HALAMAN LOGIN USERNAME : PASSWORD : LOGIN LAUNDRY LOCATOR Gambar 3.17 Halaman Login 2. Halaman Beranda User Admin LAUNDRY LOCATOR ADMIN MENU SELAMAT DATANG DATA LAUNDRY DATA PELANGGAN BACKGROUND GANTI PASSWORD LOGOUT Gambar 3.18 Halaman Beranda User Admin
40 3. Halaman Daftar Tempat Laundry MENU DATA LAUNDRY DATA TEMPAT LAUNDRY DATA PELANGGAN GANTI PASSWORD Tambah Tempat laundry LOGOUT TABEL DAFTAR LIST LAUNDRY Gambar 3.19 Halaman Daftar Tempat Laundry 4. Halaman Daftar Pelanggan LAUNDRY LOCATOR HALAMAN ADMIN MENU DATA LAUNDRY DATA PELANGGAN DATA PELANGGAN GANTI PASSWORD Tambah Pelanggan LOGOUT TABEL DAFTAR LIST PELANGGAN Gambar 3.20 Halaman Daftar Pelanggan
41 5. Halaman Lihat Transaksi LAUNDRY LOCATOR ADMIN MENU DAFTAR PEMESANAN LAUNDRY DATA LAUNDRY DATA PELANGGAN GANTI PASSWORD TABEL LIST DATA MASUK LAUNDRY LOGOUT Gambar 3.21 Halaman Lihat Transaksi 6. Halaman Ganti Password User Admin LAUNDRY LOCATOR HALAMAN ADMIN MENU DATA LAUNDRY GANTI USERNAME DAN PASSWORD DATA PELANGGAN GANTI PASSWORD LOGOUT USERNAME LAMA : PASSWORD LAMA : USERNAME BARU : PASSWORD BARU : GANTI Gambar 3.22 Halaman Ganti Password User Admin
42 7. Halaman Beranda User Laundry LAUNDRY LOCATOR NAMA LAUNDRY MENU SELAMAT DATANG NAMA LAUNDRY BERANDA DAFTAR PEMESANAN DAFTAR HARGA SATUAN BACKGROUND ATUR PROFIL LOGOUT Gambar 3.23 Halaman Beranda User Laundry 8. Halaman Daftar Pemesanan LAUNDRY LOCATOR HALAMAN LAUNDRY MENU BERANDA DAFTAR PEMESANAN DAFTAR PEMESANAN LAUNDRY DAFTAR HARGA SATUAN ATUR PROFIL LOGOUT TABEL DAFTAR LIST LAUNDRY Gambar 3.24 Halaman Daftar Pemesanan
43 9. Halaman Daftar Harga Satuan LAUNDRY LOCATOR HALAMAN LAUNDRY MENU BERANDA DAFTAR PEMESANAN DAFTAR HARGA SATUAN ATUR PROFIL LOGOUT HARGA SATUAN LAUNDRY TABEL HARGA SATUAN TAMBAH Gambar 3.25 Daftar Harga Satuan 10. Halaman Atur Profil LAUNDRY LOCATOR HALAMAN LAUNDRY MENU UBAH PROFIL BERANDA DAFTAR PEMESANAN DAFTAR HARGA SATUAN ATUR PROFIL LOGOUT NAMA : NO. TELP : EMAIL : ALAMAT : JAM BUKA : JAM TUTUP : CUCI BIASA : CUCI DAN SETRIKA : SETRIKA : LAMA PENGERJAAN (HARI) : PAKET EXPRESS : GANTI USERNAME : GANTI PASSWORD : GANTI Gambar 3.26 Halaman Atur Profil
44 11. Halaman Peta Laundry Locator NAMA LAUNDRY MENU BERANDA DAFTAR PEMESANAN DAFTAR HARGA SATUAN ATUR PROFIL LOGOUT Peta Tempat Pelanggan peta kembali Gambar 3.27 Halaman Peta User Laundry