19 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1.Perancangan Sistem yang Diusulkan Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan pelanggan dalam melakukan order laundry sepatu dengan gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Untuk memulai membangun suatu aplikasi yang berupa Aplikasi Antar Jemput Laundry Sepatu Berbasis Android, maka terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan pelanggan yang akan menggunakan aplikasi antar jemput laundry sepatu berbasis Android ini dengan menggunakan diagram UML. 3.1.1 Gambaran Umum Sistem yang Diusulkan Aplikasi yang akan dibangun ini digunakan untuk melakukan laundry sepatu dengan penuntun jalan menuju lokasi pelanggan yang melakukan order laundry sepatu tersebut. Dalam aplikasi ini dititik beratkan pada pengambilan koordinat bumi perangkat mobile, dimana pelanggan dapat mengakses aplikasi ini dengan menggunakan akses internet dari provider internet ataupun menggunakan wifi connection 1. Melakukan Request Laundry Pelanggan 5.Konfirmasi request telah berhasil 2. Konfirmasi Database Aplikasi staff Gambar 3.1 Gambaran Umum Sistem yang Diusulkan
20 3.1.2 Perancangan Prosedur Yang Diusulkan Perancangan prosedur yang diusulkan akan berorientasi objek dengan menggunakan diagram UML sebagai alat bantu dalam mendokumentasikan dan memvisualisasikan aplikasi yang akan dibangun. 3.1.3 Use Case Diagram Diagram use case ini menggambarkan aplikasi yang akan dibangun, bagaimana seseorang atau aktor akan menggunakan dan memanfaatkan dari aplikasi yang dibangun. Sasaran pemodelan use case ini mendefinisikan kebutuhan fungsional dan operasional sistem dengan mendefinisikan skenario dari aplikasi yang akan dibangun. Pendefinisian ini meliputi identifikasi use case dan skenario dari aplikasi yang akan dibangun. Use case diagram aplikasi antar jemput laundry sepatu Login terima Request Pelanggan Register Mengelola data Masuk ke menu admin Pelanggan Isi form Request Laundry Gambar 3.2 Use Case Diagram aplikasi antar jemput laundry sepatu berbasis android
21 3.1.4 Skenario Use Case Skenario Use Case digunakan untuk memudahkan dalam menganalisa skenario yang akan kita gunakan pada fase-fase selanjutnya dengan melakukan penilaian terhadap skenario tersebut. Berikut skenario use case yang diusulkan: Tabel 3.1 Skenario Use Case Registrasi User Nama Use Case Aktor Description Pre-Condition Scenario Registrasi Pelanggan Pelanggan melakukan registrasi untuk membuat akun pada aplikasi antar jemput laundry sepatu Pelanggan mengisi nama lengkap, email, password Pelanggan mengisi dan mengirim data yang telah diisi agar bisa terdaftar ke dalam sistem. Alternative Flow - Post-Condition Data yang dikirim masuk kedalam system Tabel 3.2 Skenario Use Case Login Nama Use Case Aktor Description Pre-Condition Scenario Login Pelanggan Pelanggan login terlebih dahulu agar dapat menggunakan aplikasi antar jemput laundry sepatu Pelanggan menginput username dan password Jika username dan password yang dimasukan benar maka sistem akan menampilkan halaman menu utama Alternative Flow aplikasi Jika username dan password yang dimasukan salah maka sistem tidak bisa melanjutkan ke halaman selanjutnya Post-Condition Sistem menampilkan halaman selanjutnya
22 Tabel 3.3 Skenario Use Case Request Laundry Nama Use Case Request Laundry Aktor Pelanggan Description Input nama, alamat, telepon, jenis sepatu Pre-Condition Scenario Pada form login menu menampilkan latitude, yaitu titik koordinasi dimana pelanggan berada Pelanggan input nama, alamat, telepon Alternative Flow - Post-Condition Data yang di input masuk kedalam database 3.1.5 Activity Diagram Activity diagram menggambarkan urutan aktivitas untuk suatu proses tertentu. Berdasarkan use case yang ada, dibuat activity diagram untuk masing-masing use case. Berikut ini adalah diagram aktivitas aplikasi Antar Jemput Laundry Sepatu.
23 User Sistem Membuka aplikasi Menampilkan halaman registrasi login tidak berhasil ya Menampilkan Halaman Utama Gambar 3.3 Activity Diagram Registrasi dan Login Pada Gambar 3.3 di atas aktivitas dimulai jika Pelanggan sudah membuka aplikasi laundry sepatu lalu sistem akan menampilkan form login. Pelanggan melakukan registrasi terlebih dahulu, kemudian sistem menyimpan data Pelanggan Setelah registrasi lalu pelanggan melakukan login, sistem akan menyimpan username dan password ke dalam database, apabila benar sistem akan menampilkan halaman utama, dan jika salah sistem tidak akan melanjutkan. Setelah pelanggan berhasil melakukan login sistem akan menampilkan halaman utama.
24 Berikut ini adalah diagram aktivitas untuk Request Laundry dari aplikasi antar jemput laundry sepatu. User Sistem Login ke aplikasi Menampilkan halaman utama Pilih menu request Memasukan nama, alamat, nomor telepon, jenis sepatu Request berhasil Gambar 3.4 Activity Diagram Request Laundry Pada Gambar 3.4 di atas aktivitas dimulai jika pelanggan sudah masuk ke menu utama. Setelah pelanggan memilih request laundry, sistem akan menampilkan menu request laundry, setelah itu pelanggan diminta untuk mengisi data dan lokasi. Setelah pelanggan mengisi data sistem akan menyimpan data lokasi pelanggan.
25 sistem Menerima Request Laundry Konfirmasi berhasil Gambar 3.5 Activity Diagram Menerima Request Pada Gambar 3.5 di atas aktivitas dimulai jika sistem sudah menerima request laundry. Setelah itu sistem akan menampilkan rute lokasi pelanggan dalam database. 3.1.6 Sequence Diagram Sequence diagram digunakan untuk mengambarkan perilaku pada sebuah skenario. Diagram ini menunjukan sejumlah contoh objek dan pesan yang diletakan diantara objek-objek ini di dalam use case. Sequence diagram menggambarkan
26 interaksi antar objek di dalam dan disekitar sistem berupa pesan yang digambarkan terhadap waktu. FormRegister user Login Pelanggan 1: Input Nama lengkap, email, password() 2: Register() 3: Validasi Data() 5: Registrasi Berhasi;() 6: Tampil Halaman Login Gambar 3.6 Sequence Diagram Registrasi User Pada Gambar 3.6 di atas menggambarkan proses yang sedang terjadi saat pelanggan melakukan registrasi pada aplikasi laundry. Prosesnya dimulai saat pelanggan memilih menu register dan kemudian pelanggan mengisi data pada form register, jika berhasil sistem akan menampilkan halaman login.
27 FormLogin user Halaman Utama Pelanggan 1: Login() 2: Username, Password() 3: Validasi user() 5: Username, Password benar() 7: Menampilkan Halaman Utama 6: Menampilkan Halaman Utama Gambar 3.7 Sequence Diagram Login User Pada Gambar 3.7 di atas menggambarkan proses yang sedang terjadi saat pelanggan melakukan login pada aplikasi laundry. Prosesnya dimulai saat pelanggan membuka aplikasi dan menampilkan halaman login, kemudian pelanggan mengisi username dan password pada form login, sistem akan memvalidasi username dan password, Setelah pelanggan berhasil melakukan login sistem akan menampilkan halaman utama.
28 Menu request Send Request Request berhasil pelanggan 1:Input data diri dan jenis sepatu 2: Send request() 3: berhasil Gambar 3.8 Sequence Diagram Request laundry Pada Gambar 3.8 di atas menggambarkan proses yang sedang terjadi saat pelanggan melakukan request laundry. Prosesnya dimulai setelah pelanggan memilih menu request laundry, pelanggan mengisi data dan lokasi pada form request, jika berhasil sistem akan menyimpan data pelanggan, dan menampilkan notifikasi request berhasil. 3.1.7 Class Diagram Class diagram menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metode/fungsi). Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, dan asosiasi.
29 user Id_user:integer Nama_user:varchar username : varchar Email: varchar password : varchar +reegister() +login() +sendrequest() 1 m request Nama: varchar alamat:varchar telepon:number Jenis Sepatu: varchar + request () +submit () m 1 admin Nama: varchar Id_user:integer + kelola data laundry() +update data pelanggan() +terima request() +konfirmasi request() Gambar 3.10 Class Diagram Aplikasi Laundry 3.1.8 Rancangan Database Tabel 3.5 Tabel User No Nama Field Tipe Data Panjang Keterangan 1. Id_user Int 15 Primary Key 2. Nama Varchar 30 3. Email Varchar 20 4. Password Varchar 20 Tabel 3.6 Tabel Request No Nama Field Tipe Data Panjang Keterangan 1. Id_request Int 15 Primary Key 2. Nama Varchar 40 3. Alamat Varchar 50 4. Telepon Number 15 5. Jenis Sepatu Varchar 10
30 Tabel 3.6 Tabel Admin No Nama Field Tipe Data Panjang Keterangan 1. Id_user Int 30 Primary Key 2. Nama Varchar 20
31 3.2.Rancangan Antar Muka Perancangan tampilan aplikasi merupakan rancangan dari desain aplikasi yang akan dibangun, desain ini akan menentukan sebuah karakteristik dari aplikasi yang di bangun, serta memperlihatkan di lingkungan seperti apa aplikasi nanti akan di tempatkan. Berikut ini desain tampilan dari aplikasi yang akan di bangun : Gambar 3.11 Rancangan Halaman Login Pada Gambar 3.11 dijelaskan dari fungsi textfield dan button yang memiliki fungsi masing-masing. Berikut penjelasannya: 1. Textfield Email: Berfungsi untuk memasukkan email pelanggan. 2. Password Field: Berfungsi untuk memasukkan password pelanggan dengan karakter yang disamarkan. 3. Button Login: Berfungsi untuk melakukan login. 4. Button Sign Up: Berfungsi untuk melakukan register. 3.2.1 Rancangan Halaman Register Pada halaman ini berisikan rancangan tampilan halaman register pelanggan. Berikut tampilan rancangan:
32 Gambar 3.12 Rancangan Halaman Register Pada Gambar 3.12 dijelaskan dari fungsi pada halaman register. Berikut penjelasannya: 1. Textfield Full Name: Berfungsi untuk memasukkan nama lengkap pelanggan. 2. Textfield Email: Berfungsi untuk memasukkan email pelanggan. 3. Textfield Password: Berfungsi untuk memasukkan password pelanggan. 4. Button Submit: Berfungsi untuk melakukan register jika semua data sudah terisi. 3.2.2 Rancangan Halaman Utama Pada halaman ini berisikan rancangan tampilan halaman utama Aplikasi Antar Jemput Laundry Sepatu Berbasis Android. Halaman menu utama adalah halaman yang dapat diakses setelah pengguna melakukan login, berikut tampilan rancangan:
33 Gambar 3.13 Rancangan Halaman Utama Pada Gambar 3.13 dijelaskan dari fungsi pada halaman utama. Berikut penjelasannya: 1. Button About: Berfungsi sebagai informasi tentang latar belakang aplikasi 2. Button Available Offers: Berfungsi untuk melihat layanan apa saja yang tersedia pada aplikasi antar jemput laundry sepatu. 3. Button Dry Cleaning : Berfungsi sebagai informasi proses setelah pencucian 4. Button Contact Us: Berfungsi sebagai informasi kontak yang dapat dihubungi dari pembuat aplikasi. 5. Button Logout: Berfungsi untuk keluar dari aplikasi. 3.2.3 Rancangan Halaman Request Laundry Pada halaman ini berisikan rancangan tampilan halaman request laundry. Halaman request laundry halaman yang berisikan menu pilihan, apakah pelanggan ingin melakukan request laundry, dan kembali ke halaman utama. Berikut tampilan rancangan:
34 Gambar 3.14 Rancangan Menu Request laundry Pada Gambar 3.14 dijelaskan dari fungsi pada halaman request bengkel. Berikut penjelasannya: a. Button Request For Pick Up : Berfungsi untuk melakukan request laundry 3.2.4 Rancangan Halaman Request Pada halaman ini berisikan peta dan form untuk user melakukan request. Pelanggan menentukan titik koordinat lokasi berada dengan klik get gps, dan mengisi latitude dan longtitude. Berikut tampilan rancangan:
35 Gambar 3.15 Rancangan Halaman Request Pada Gambar 3.15 dijelaskan dari fungsi pada halaman request bengkel. Berikut penjelasannya: 1. Textfield Nama: Berfungsi untuk memasukkan nama pelanggan. 2. Textfield Phone: Berfungsi untuk mengisi nomor telepon pelanggan. 3. Textfield Address: Berfungsi untuk mengisi alamat pelanggan. 4. Textfield Longitude: Berfungsi untuk titik koordinat dimana pelanggan berada. 5. Textfield Latitude: Berfungsi untuk mengisi titik dimana barang akan diantar 6. Button Get GPS Location: Berfungsi untuk melihat maps. 7. Button Send Request: Berfungsi untuk mengirimkan request.