State Diagram Perancangan Prosedur Yang Diusulkan

63 1 State Diagram Administrator Mengolah Data Kategori Tambah Kategori Baru Pilih Salah Satu Kategori Dan Edit Pencarian Kategori Menampilkan Daftar Kategori Menampilkan Form Tambah Baru Validasi Inputan Menyimpan Kategori Baru Menampilkan From Edit Validasi Inputan Edit Menyimpan Data Kategori Menampilkan Daftar Kategori Menampilkan Popup Pencarian Mengisi Field Pencarian Proses Pencarian Menampilkan Hasil Pencarian [gagal validasi] [gagal validasi] [berhasil validasi] [berhasil validasi] Gambar 4.21 State Diagram Mengolah Kategori 64 Mengolah Data Admin Tambah Admin Baru Pilih Salah Satu Admin Dan Edit Pencarian Admin Menampilkan Daftar Admin Menampilkan Form Tambah Baru Validasi Inputan Menyimpan Admin Baru Menampilkan From Edit Validasi Inputan Edit Menyimpan Data Admin Menampilkan Daftar Admin Menampilkan Popup Pencarian Mengisi Field Pencarian Proses Pencarian Menampilkan Hasil Pencarian [gagal validasi] [berhasil validasi] [gagal validasi] [berhasil validasi] Gambar 4.22 State Diagram Mengolah Admin 65 Mengolah Data Owner Pilih Salah Satu Owner Dan Edit Pencarian Owner Menampilkan Daftar Owner Menampilkan From Edit Validasi Inputan Edit Menyimpan Data Owner Menampilkan Daftar Owner Menampilkan Popup Pencarian Mengisi Field Pencarian Proses Pencarian Menampilkan Hasil Pencarian [berhasil validasi] [gagal validasi] Gambar 4.23 State Diagram Mengolah Data Owner 66 2 State Diagram Owner Mengolah Data Produk Tambah Produk Baru Pilih Salah Satu Produk Dan Edit Pencarian Kategori Menampilkan Daftar Produk Menampilkan Form Tambah Baru Validasi Inputan Menyimpan Produk Baru Menampilkan From Edit Validasi Inputan Edit Menyimpan Data Produk Menampilkan Daftar Produk Menampilkan Popup Pencarian Mengisi Field Pencarian Proses Pencarian Menampilkan Hasil Pencarian [gagal validasi] [gagal validasi] [berhasil validasi] [berhasil validasi] Gambar 4.24 State Diagram Mengolah Data Produk 67 Mengolah Data Promosi Tambah Produk Baru Pilih Salah Satu Promosi Dan Edit Pencarian Kategori Menampilkan Daftar Promosi Menampilkan Form Tambah Baru Validasi Inputan Menyimpan Promosi Baru Menampilkan From Edit Validasi Inputan Edit Menyimpan Data Promosi Menampilkan Daftar Promosi Menampilkan Popup Pencarian Mengisi Field Pencarian Proses Pencarian Menampilkan Hasil Pencarian [gagal validasi] [gagal validasi] [berhasil validasi] [berhasil validasi] Gambar 4.25 State Diagram Mengolah Data Promosi 68 Menampilkan Data Owner Menampilkan From Edit Validasi Inputan Edit Menyimpan Data Owner [gagal validasi] [berhasil validasi] Gambar 4.26 State Diagram Mengolah Data Owner 69

4.2.3.5 Class Diagram

Class Diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Class Diagram memiliki apa yang disebut atribut dan metode atau operasi. Gambar 4.27 Class Diagram 70

4.2.3.6 Component Diagram

Component diagram menggambarkan struktur dan hubungan antar komponen piranti lunak, termasuk ketergantungan dependency di antaranya. Komponen piranti lunak adalah modul berisi yang code, baik berisi source code maupun binary code, baik library maupun executable, compile time, link time, maupun run time. Umumnya komponen terbentuk dari beberapa class maupun package tapi component diagram dapat juga dari komponen-komponen yang lebih kecil seperti interface, yaitu kumpulan layanan yang disediakan sebuah komponen untuk komponen lain. Class File JSP Pages Web Server MSQL Database JQuery JSTL Gambar 4.28 Component Diagram

4.2.3.7 Deployment Diagram

Deployment Diagram adalah diagram yang menunjukan konfigurasi dalam proses eksekusi aplikasi. Dimana deployment diagram menggambarkan detail bagaimana komponen di-deploy dalam infrastruktur sistem, komponen terletak pada mesin, server atau piranti keras, bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan hal-hal lain yang bersifat fisikal. Sebuah