BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN 3.1. Analisa Sistem Dalam melakukan sebuah analisa sistem penulis melakukan wawancara ke salah satu objek yang diambil dalam sebuah penelitian untuk proses pengembangan sistem agar proses pengembangan sistem bisa menjadi valid agar dapat memenuhi kebutuhan yang ingin dicapai tetapi belum bisa ditangani oleh sistem yang berjalan. Analisa sistem akan membantu mengetahui informasi-informasi tentang sistem yang sedang berjalan hingga dengan melakukan wawancara sebagai analisa sistem diharapkan bisa diketahui sejauh mana kebutuhan yang telah ditangani oleh sistem yang berjalan dan bagaimana agar kebutuhan yang belum bisa dipenuhi dapat diberikan solusinya dan diterapkan dalam tahap pengembagan sistem Perancangan Sistem Perancangan sistem adalah suatu bagian dari metodologi pengembangan atau pembangunan suatu perangkat lunak yang dilakukan setelah tahapan analisa untuk memberikan sebuah gambaran jelas. Agar aplikasi ini mudah untuk dipahami maka penulis akan membuat pemodelan Diagram Use Case untuk menunjukan fungsionalitas suatu sistem. Pemodelan Activity Diagram untuk mendokumentasikan model proses bisnis didalam sebuah sistem. Pemodelan Sequance Diagram untuk menggambarkan interaksi antar objek didalam dan disekitar sistem. Pemodelan Class Diagram untuk memberikan gambaran relasi antar kelas didalam sebuah sistem. 23

2 Use Case Sistem Use Case menjelaskan manfaat sistem jika dilihat menunjukkan pandangan orang yang berada di luar sistem (actor), use case diagram juga menunjukkan fungsionalitas suatu sistem atau kelas dan berbagai sistem berinteraksi dengan dunia luar. Secara umum pemodelan use case pada aplikasi berbasis web ini dapat dilihat pada gambar dibawah ini : Registrasi Log In Pesan penitipan hewan Pesan grooming hewan Memverifikasi Pemesanan Admin Memverifikasi Pembayaran Mengupdate Stok Kandang Gambar 3.1. Use Case Sistem Tabel 3.1. Use Case Deskripsi Registrasi Nama Use Case Aktor Deskripsi Pra-Kondisi Registrasi Semua user jika pertama kali menggunakan sistem harus melakukan proses pendaftaran registrasi Sebelum melakukan registrasi, user harus memiliki

3 25 Tindakan Pra-Kondisi melakukan sebuah pendaftaran didalam sistem dan yang didaftarkan berupa nama, , password dan nomor telepon Untuk melakukan login Tabel 3.2. Use Case Deskripsi Login Nama Use Case Aktor Deskripsi Pra-Kondisi Tindakan Post-Kondisi Login yang menggunakan sistem harus login Saat registrasi user akan mendapatkan username dan password melakukan login dengan memasukan username dan password Masuk ke dalam sistem Tabel 3.3. Use Case Deskripsi Melakukan Pemesanan Nama Use Case Aktor Deskripsi Pra-Kondisi Tindakan Post-Kondisi Melakukan Pemesanan melakukan pemesanan Memilih pesanan sesuai yang diperlukan melakukan pesanan dengan menggunakan komputer/ laptop yang bisa diakses menggunakan Internet Pesanan masuk ke database

4 26 Tabel 3.4. Use Case Deskripsi Pemesanan Penitipan Nama Use Case Aktor Deskripsi Pra-Kondisi Tindakan Post-Kondisi Pemesanan Penitipan melakukan pemesanan penitipan hewan Memilih penitipan Anjing atau Kucing dan mengisi form penitipan melakukan pemesanan penitipan melalui website Pesanan penitipan hewan masuk di database admin Tabel 3.5. Use Case Deskripsi Pemesanan Grooming Hewan Nama Use Case Aktor Deskripsi Pra-Kondisi Tindakan Post-Kondisi Pemesanan Grooming melakukan pemesanan grooming hewan Mengisi form grooming dan memilih grooming yang diperlukan hewan melakukan pemesanan grooming melalui website Pesanan grooming masuk di database admin Tabel 3.6. Use Case Deskripsi Menerima Pesanan Nama Use Case Menerima Pesanan Aktor Admin Deskripsi Admin menerima pesanan penitipan anjing, penitipan kucing, perawatan grooming Pra-Kondisi Sebelum menerima pesanan, user melakukan order terlebih dahulu untuk pemesanan Tindakan Admin akan menerima pesanan sesuai data pesanan dari user yang masuk ke database Post-Kondisi Pesanan di proses.

5 27 Tabel 3.7. Use Case Deskripsi Konfirmasi Pembayaran Nama Use Case Konfirmasi Pembayaran Aktor Admin Deskripsi Admin menerima pembayaran Pra-Kondisi Pembayaran yang dilakukan oleh user bisa melalui transfer. Tindakan Admin akan konfirmasi pembayaran sesuai pembayaran dari user yang masuk di database Post-Kondisi Pembayaran di proses Tabel 3.8. Use Case Deskripsi Stok Kandang Nama Use Case Aktor Deskripsi Pra-Kondisi Tindakan Post-Kondisi Stok Kandang Admin Admin mengupdate stok kandang Update yang dilakukan sesuai stok kandang yang tersedia di petshop Admin akan update sesuai sisa kandang Stok kandang akan tampil ke form penitipan Activity Diagram Activity Diagram digunakan untuk model perilaku dalam proses bisnis, dalam berbagai hal activity diagram dapat dipandang sebagai diagram aliran data yang canggih yang digunakan dalam hubungan analisis terstruktur. Dalam diagram ini akan digambarkan berbagai aliran activity dalam sistem, yang bertujuan untuk mengetahui alur proses pada sistem yang diusulkan. Berikut adalah diagram activity yang mengacu pada setiap skenario use case yang sudah dibuat sebelumnya.

6 28 a. Activity Diagram Registrasi Activity Diagram Registrasi System Masuk halaman utama Menampilkan halaman utama Pilih halaman registrasi Menampilkan form registrasi Mengisi form registrasi Validasi data Tidak Ya Data tersimpan di database Gambar 3.2. Activity Diagram Registrasi Pada gambar 3.2. user masuk kehalaman utama maka sistem akan menampilkan halaman utama. Pilih halaman Login kemudian klik button Registrasi kemudian sistem akan menampilkan form registrasi, kemudian user mengisi form registrasi dan sistem akan validasi jika data telah lengkap maka data akan masuk kedatabase dan jika data belum lengkap maka akan kembali ke halaman form registrasi

7 29 b. Activity Diagram Login Activity Diagram Login System Masuk halaman utama Menampilkan halaman utama Pilih halaman login Menampilkan from login Input name dan Password Validasi name dan Password Tidak Ya Menampilkan Layar Utama Gambar 3.3. Activity Diagram Login Pada gambar 3.3. user yang telah melakukan registrasi maka bisa melakukan login yaitu user masuk ke halaman utama, lalu pilih menu login maka sistem akan menampilkan form login, user melakukan input username dan password maka sistem akan memvalidasi username dan password yang sudah dilakukan diproses registrasi. Jika username dan password tidak ada disistem maka akan kembali lagi ke input username dan password jika berhasil maka sistem akan menampilkan layar utama dan user dapat melakukan pemesanan.

8 30 c. Activity Diagram Pemesanan Grooming Activity Diagram Perawatan Grooming System Masuk halaman utama Menampilkan halaman utama Pilih halaman grooming Menampilkan form grooming Isi data form grooming Validasi data Tidak Ya Menyimpan data ke Database Gambar 3.4. Activity Diagram Grooming Pada gambar 3.4. user yang telah melakukan login maka bisa melakukan proses pemesanan grooming yaitu user masuk halaman utama, pilih menu daftar grooming maka sistem akan menampilkan form grooming, user melakukan isi data form grooming dan sistem akan memvalidasi data, jika data tersebut belu lengkap maka sistem akan kembali lagi ke isi data form grooming tetapi jika data input sudah lengkap maka data akan tersimpan di database.

9 31 d. Activity Diagram Penitipan Hewan Activity Diagram Penitipan Hewan System Masuk halaman utama Menampilkan halaman utama Pilih halaman penitipan Isi data form penitipan Anjing atau Kucing Menampilkan Penitipan Anjing dan Kucing Validasi data Tidak Ya Menyimpan data ke Database Gambar 3.5. Activity Diagram Penitipan Hewan Pada gambar 3.5. user yang ingin melakukan pemesanan penitipan hewan dimana user harus masuk ke halaman utama, kemudian pilih menu penitipan dan akan menampilkan penitipan Anjing atau Kucing. Kemudian user akan mengisi data form penitipan Anjing atau Kucing. Sistem akan memvalidasi data apakah data tersebut sudah lengkap atau belum. Jika Tidak maka sistem akan kembali lagi ke isi data form penitipan Anjing atau Kucing. Jika Ya maka data langsung tersimpan didatabase.

10 32 e. Activity Diagram Memverifikasi Pemesanan Activity Diagram Memverifikasi Pemesanan Admin System Login Menampilkan layar Admin Cek pesanan Menampilkan daftar pesanan Konfirmasi pemesanan Mengubah status pesanan Gambar 3.6. Activity Diagram Menerima Pesanan Pada gambar 3.6. admin akan mengecek pesanan yang masuk berikut alurnya admin akan melakukan login terlebih dahulu dan sistem akan menampilkan layar admin. Kemudian admin mengecek pesanan maka sistem akan menampilkan daftar pesanan dan admin akan konfirmasi pesanan.

11 33 f. Activity Diagram Konfirmasi Pembayaran Activity Diagram Konfirmasi Pembayaran Admin System Masuk halaman utama Menampilkan layar admin Cek pembayaran Menampilkan bukti pembayaran Konfirmasi pesanan Mengubah status pesanan Gambar 3.7. Activity Diagram Konfirmasi Pembayaran Pada gambar 3.7. Activity Diagram Konfirmasi Pembayaran ini merupakan konfirmasi pembayaran yang akan dilakukan oleh user dan akan dikonfirmasi oleh admin pembayaran yang telah dilakukan oleh user Sequence Diagram Sequence Diagram adalah suatu diagram yang menggambarkan interaksi antara objek dan mengidikasikan komunikasi diantara objek-objek tersebut. Diagram ini juga menunjukkan serangkaian pesan yang

12 34 dipertukarkan oleh objek-objek yang melakukan suatu tugas atau aksi tertentu. Sequence diagram digunakan untuk menggambarkan arus pekerjaan, pesan yang disampaikan dan bagaimana elemen-elemen di dalamnya bekerja sama dari waktu ke waktu untuk mencapai hasil. a. Sequence Diagram Registrasi Halaman Utama Halaman Registrasi Form Registrasi tbl_customer Buka() Buka() IsiDataRegistrasi() Simpan TampilPesanBerhasil Gambar 3.8. Sequence Diagram Registrasi Pada gambar Sequence Diagram Registrasi ini menjelaskan user membuka halaman utama. Kemudian membuka halaman registrasi. Kemudian mengisi data registrasi pada form registrasi dan data akan tersimpan di tbl_customer. Jika registrasi sudah berhasil maka akan kembali keuser.

13 35 b. Sequance Diagram Login Halaman Utama Halaman Login Form Login tbl_customer Buka() Buka() IsiDataLogin() Simpan TampilPesanBerhasil Gambar 3.9. Sequance Diagram Login Pada gambar Sequance Diagram Login menjelaskan user melakukan login dimana user membuka halaman utama. Kemudian membuka halaman login dan mengisi username dan password jika berhasil maka akan kembali ke user.

14 36 c. Sequence Diagram Input Grooming Halaman Utama Halaman Grooming Form Grooming tbl_grooming Buka() Buka() IsiDataGrooming() Simpan TampilanPesanBerhasil Gambar Sequence Diagram Input Grooming Pada gambar Sequence Diagram Input Grooming menjelaskan user yang ingin melakukan pemesanan grooming. membuka halaman utama. Kemudiaan membuka menu grooming dan mengisi data grooming pada form grooming dan data akan tersimpan didatabase tbl_grooming. Jika sudah berehasil maka akan kembali ke halaman utama.

15 37 d. Sequence Diagram Input Penitipan Halaman Utama Halaman Penitipan Penitipan Anjing Penitipan Kucing tbl_anjing tbl_kucing Buka() Buka() IsiDataPenitipanAnjing() Simpan TampilanPesanBerhasil Buka() Buka() IsiDataPenitipanKucing() Simpan TampilanPesanBerhasil Gambar Sequence Diagram Input Penitipan Pada gambar Sequence Diagram Input Penitipan menjelaskan user membuka halaman utama. Kemudian membuka halaman penitipan. Dari penitipan tersebut terdapat dua pilihan yaitu penitipan anjing dan penitipan kucing. Jika user ingin menitip anjing maka isi data penitipan anjing maka data akan disimpan didatabase tbl_anjing. Jika ingin melakukan penitipan kucing isi data penitipan kucing maka data akan masuk ke database tbl_kucing dan akan kembali ke user.

16 38 e. Sequence Diagram Konfirmasi Admin Halaman Utama Menu Konfirmasi Form Konfirmasi tbl_konfirmasi Buka() Buka() IsiDataKonfirmasi() Simpan TampilKonfirmasiBerhasil Gambar Sequance Diagram Konfirmasi Pada gambar Sequance Diagram Konfirmasi menjelaskan konfirmasi pembayaran yang dilakukan oleh user. membuka halaman utama. Kemudian membuka menu konfirmasi dan mengisi data konfirmasi serta mengirimkan bukti transfer dan data akan disimpan ke database konfirmasi Class Diagram Class diagram digunakan untul mengidentifikasi kelas-kelas serta paket-paket yang terdapat dalam sistem, kemudian dilanjutkan dengan mengidentifikasi hubungan antar kelas.

17 39 tbl_grooming -*id_grooming -nama - -telp -alamat -nm_hewan -usia -jns_hewan -jns_grooming -keterangan +simpan() +edit() +hapus() 1..* 1 1..* tbl_konfirmasi -*id_konfirmasi -tgl_kirim -nm_pengirim -nominal -bukti_tf +simpan() +tambah() +ubah() +hapus() * tbl_anjing -*id_anjing -nama - -telp -alamat -nm_hewan -usia_hwn -jns_hewan -tgl_mulai -tgl_akhir -file_hewan -file_buku +simpan() +tambah() +ubah() +hapus() 1..* 1 1 tbl_customer 1..* tbl_admin -*id_admin -username - -password +simpan() +tambah() +ubah() +hapus() -*id_customer - -telp -username -password +simpan() +tambah() +ubah() +hapus() stok_kandang_anjing -*kode_kandang -deskripsi -stock_kandang +simpan() +tambah() +ubah() +hapus() 1 1..* 1 1..* Gambar Class Diagram Spesifikasi Basis Data 1. Nama Tabel : Admin Primary Key : id_admin Tabel 3.8. Spesifikasi tabel admin No Nama Field Tipe Data Size Keterangan 1 id_admin Integer 11 Id Admin (Primary) 2 username Varchar 20 Nama Admin 3 Varchar 30 Admin 4 password Varchar 15 Password Admin

18 40 2. Nama Tabel : Primary Key : id_user Tabel 3.9. Spesifikasi tabel user No Nama Field Tipe Data Size Keterangan 1 id_user Integer 11 Id (Primary) 2 username Varchar 30 name 3 Varchar telp Varchar 13 Nomor Telepon 5 password Varchar 15 Password 3. Nama Tabel : Penitipan Primary Key : id_penitipan Tabel Spesifikasi Tabel Penitipan No Nama Field Tipe Data Size Keterangan 1 id_penitipan Integer 3 Id Penitipan (Primary) 2 nama Varchar 30 Nama 3 Varchar telp Varchar 13 Nomor Telepon 5 alamat Varchar 50 Alamat 6 nm_hewan Varchar 25 Nama Hewan 7 usia_hewan Integer 2 Usia Hewan 8 tgl_mulai Date - Tanggal Mulai Penitipan 9 tgl_kembali Date - Tanggak Kembali Penitipan 10 gambar_hewan Varchar 100 Gambar Hewan 11 gambar_buku Varchar 100 Gambar Buku Vaksin

19 41 4. Nama Tabel : Grooming Primary Key : id_grooming Tabel Spesifikasi Tabel Grooming No Nama Field Tipe Data Size Keterangan 1 id_grooming Integer 11 Id Grooming (Primary) 2 nama Varchar 30 Nama 3 Varchar telp Varchar 13 Telepon 5 alamat Varchar 50 Alamat 6 nm_hewan Varchar 25 Nama Hewan 7 jns_hewan varchar 15 Jenis Hewan 8 jns_grooming Varchar 25 Jenis Grooming 9 keterangan Varchar 50 Keterangan Grooming 5. Nama Tabel : Konfirmasi Primary Key : id_konfirmasi Tabel Spesifikasi Tabel Konfirmasi No Nama Field Tipe Data Size Keterangan 1 Id_konfirmasi Integer 11 ID Konfirmasi (Primary) 2 tgl_kirim Date - Tanggal Pengiriman 3 nm_hewan Varchar 25 Nama Hewan 4 nm_pengirim Varchar 30 Nama Pengirim 5 nominal Integer 10 Nominal Pembayaran 6 upload_bukti Varchar 100 Bukti Pembayaran

20 42 6. Nama Tabel : Stok Kandang Primary Key : no_kandang Tabel Spesifikasi Tabel Stok Kandang No Nama Field Tipe Data Size Keterangan 1 no_kandang Varchar 20 No Kandang (Primary) 2 nm_kandang Varchar 30 Nama Kandang 3 stok_kandang Integer 3 Stok Kandang Rancangan Layar Gambar Rancangan Layar Login Pada gambar Rancangan Layar Login menjelaskan rancangan login user berupa username dan password.

21 43 Gambar Rancangan layar Registrasi Pada gambar Rancangan Layar Login Registrasi menjelaskan rancangan layar registrasi user berupa username, , No Telepon, Password serta button registrasi dan cencel. Gambar Rancangan Layar Halaman Utama Pada gambar Rancangan Layar Halaman Utama menjelaskan rancangan layar halaman utama berupa gambar.

22 44 Gambar Rancangan Layar Fasilitas & Informasi tersedia. Pada gambar 3.17 menjelaskan rancangan layar Fasilitas dan Informasi yang Gambar Rancang Layar Form Pemesanan Grooming Pada gambar 3.18 menjelaskan rancangan layar pemesanan grooming yang berisi Data pemilik dan Data hewan.

23 45 Gambar Rancangan Layar Form Penitipan Anjing Pada gambar 3.19 menjelaskan rancangan layar form penitipan anjing yang berisi Data pemilik dan Data hewan penitipan anjing. Gambar Rancangan Layar Form Penitipan Kucing

24 46 Pada gambar 3.20 menjelaskan rancangan layar form penitipan kucing yang berisi Data pemilik dan Data hewan penitipan kucing. Gambar Rancangan Layar Konfirmasi Pada gambar 3.21 menjelaskan rancangan layar konfirmasi yang berisi Tanggal Transfer, Nama Pengirim, Nominal, Upload Bukti Transfer. Gambar Rancangan Layar Admin

25 47 Pada gambar 3.22 menjelaskan rancangan layar admin yang berupa Beranda, Data Pemesanan, Konfirmasi, Data, Data Admin. Gambar Rancangan Layar Data Grooming Pada gambar 3.23 menjelaskan rancangan layar data grooming berupa form pemesanan grooming. Gambar Rancangan Layar Data Penitipan Anjing

26 48 Pada gambar 3.24 menjelaskan rancangan layar data penitipan anjing berupa form penitipan anjing. Gambar Rancangan Layar Data Penitipan Kucing Pada gambar 3.25 menjelaskan rancangan layar data penitipan kucing berupa form penitipan kucing. Gambar Rancangan Layar Data Pada gambar 3.26 menjelaskan rancangan layar data user berupa ID, Nama, , name, Password.

27 49 Gambar Rancangan Layar Data Admin Pada gambar 3.27 menjelaskan rancangan layar data admin berupa ID, Nama, , name, Password.