3.4 Pengembangan Sistem
3.4.6 Design Sistem
Tahap desain dibuat dengan menggunkan CRC Card dan UML yang terdiri dari usecase diagram, activity diagram dan class diagram.
3.4.6.1 Class Responsibility Collaborator Cards (CRC Cards)
CRC Cards merupakan diagram yang berfungsi untuk menunjukan interaksi antar objek, beserta tanggung jawab yang bisa dilakukan objek tersebut.
Berdasarkan hasil melakukan analisa pada user stories yang telah dibuat, selanjutnya yang dilakukan peneliti adalah membuat desain CRC Cards, terdapat beberapa cards yang terbentuk dari hasil menganalisa user stories tersebut. CRC Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) adalah sebagai berikut :
1. CRC Card US-01 (Admin)
Dari hasil menganalisa user stories US-01 dihasilkan CRC Card yang dapat dilihat pada tabel berikut ini :
Tabel 3.10 CRC Card US-01 (Admin)
No Class : US-01
Responsibility Collaborator 1 Mengelola Data Manajemen Sistem
(Profil Perusahaan)
Admin
2 Mengelola Data User
3 Mengelola Data Manajemen Konten yaitu (Testimoni Pelanggan, Tim Wo, Slide Halaman Utama Dan Galery Perusahaan) 4 Mengelola Data Metode Pembayaran
No Class : US-01
Responsibility Collaborator 5 Mengelola Data Manajemen Paket WO
6 Mengelola Data Transaksi 7 Mengelola Laporan Transaksi 2. CRC Card US-02 (Pelanggan)
Dari hasil menganalisa user stories US-02 dihasilkan CRC Card yang dapat dilihat pada tabel berikut ini :
Tabel 3.11 CRC Card US-02 (Pelanggan)
No Class : US-02
Responsibility Collaborator
1 Registrasi Akun dan login Pelanggan
2 Memperbarui Profil Pengguna 3 Lihat Profil Perusahaan 4 Lihat Galery
5 Melakukan Pemesanan Paket Jasa Wedding.
6 Upload Bukti Pembayaran 7. Lihat Status Pesanan
8. Lihat Kontak Person dan Maps Perusahaan.
3. CRC Card US-05 (Pimpinan)
Dari hasil menganalisa user stories US-05 dihasilkan CRC Card yang dapat dilihat pada tabel berikut ini :
Tabel 3.12 CRC Card US-05 (Pimpinan)
No Class : US-05
Responsibility Collaborator 1 Mengatur Periode Laporan Transaksi Pimpinan 2 Mencetak Laporan Transaksi
3.4.6.2 Use Case Diagram
Use case diagram merupakan salah satu pemodelan diagram yang digunakan untuk memodelkan kelakuan aspek sistem informasi yang akan dibuat.
Use case diagram menggambarkan sebuah interaksi antara satu atau lebih aktor dengan sistem yang akan dibuat. Berikut use case diagram pada Aplikasi E- Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.3 berikut:
3.4.6.3 Activity Diagram
Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak.
1. Activity Diagram Login
Activity diagram login Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.4 berikut:
Gambar 3.4 Activity Diagram Login
2. Activity Diagram Registrasi Akun
Activity diagram registrasi akun Apliikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.5 berikut:
Gambar 3.5 Activity Diagram Registrasi Akun 3. Activity Diagram Perbarui Profil Pengguna
Activity diagram perbarui profil Sistem Informasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.6 berikut:
Gambar 3.6 Activity Diagram Perbarui Profil 4. Activity Diagram Kelola Master Data Profil Perusahaan
Activity diagram kelola master data data profil perusahaan Aplikasi E- Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.7 berikut:
Gambar 3.7 Activity Diagram Kelola Master Data Profil Perusahaan
5. Activity Diagram Lihat Profil Perusahaan
Activity diagram lihat profil perusahaan Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.8 berikut:
Gambar 3.8 Activity Diagram Lihat Profil Perusahaan 6. Activity Diagram Kelola Master Data Banner
Activity diagram kelola master data banner Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.9 berikut:
Gambar 3.9 Activity Diagram Kelola Master Data Data Banner 7. Activity Diagram Lihat Banner
Activity diagram lihat banner Sistem Informasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.10 berikut:
Gambar 3.10 Activity Diagram Lihat Banner
8. Activity Diagram Kelola Master Data Tim WO
Activity diagram kelola master data tim wo Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.11 berikut:
Gambar 3.11 Activity Diagram Kelola Master Data Tim WO 9. Activity Diagram Kelola Master Data Metode Pembayaran
Activity diagram lihat promosi Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.12 berikut:
Gambar 3.12 Activity Diagram Kelola Master Data Metode Pembayaran 10. Activity Diagram Kelola Master Data Galery
Activity diagram kelola master data galery Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.13 berikut:
Gambar 3.13 Activity Diagram Kelola Master Data Galery
11. Activity Diagram Lihat Galery
Activity diagram lihat galery Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.14 berikut:
Gambar 3.14 Activity Diagram Lihat Galery
12. Activity Diagram Kelola Master Data Testimoni
Activity diagram kelola master data testimoni Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.15 berikut:
Gambar 3.15 Activity Diagram Kelola Master Data Testimoni 13. Activity Diagram Kelola Master Data Paket WO
Activity diagram kelola master data paket wo Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.16 berikut:
Gambar 3.16 Activity Diagram Kelola Master Data Paket WO
14. Activity Diagram Lihat Paket Wedding
Activity diagram lihat paket wedding Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.17 berikut:
Gambar 3.17 Activity Diagram Lihat Paket Wedding
15. Activity Diagram Kelola Master Data User
Activity diagram kelola master data user Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.18 berikut:
Gambar 3.20 Activity Diagram Kelola Master Data User 16. Activity Diagram Lihat Kontak Person
Activity diagram lihat kontak person Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.21 berikut:
Gambar 3.21 Activity Diagram Lihat Paket Wedding
17. Activity Diagram Booking Paket Wedding
Activity diagram booking paket wedding belanja Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.22 berikut:
Gambar 3.22 Activity Diagram Booking Paket Weeding
18. Activity Diagram Kelola Data Transaksi
Activity diagram kelola data transaksi Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.23 berikut:
Gambar 3.23 Activity Diagram Data Transaksi 19. Activity Diagram Kelola Laporan
Activity diagram kelola laporan Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.24 berikut:
Gambar 3.24 Activity Diagram Laporan Transaksi 3.4.6.4 Class Diagram
Class diagram Aplikasi E-Booking Wedding Organizer Berbasis Web (Studi Kasus : Zean Dekorasi Bandar Lampung) dapat dilihat pada gambar 3.25 berikut :
Gambar 3.25 Class Diagram