Planning Rancang bangun situs museum batik berbasis web studi kasus : Museum Batik Yogyakarta.

6. Jika invalid : menampilkan form simpan gagal kembali ke form komentar Jika valid : menampilkan form data berhasil disimpan Skenario : HapusKomentar Actor : Pengunjung Aksi Aktor Reaksi Sistem 1. Aktor mengklik tombol komentar 2. menampilkan form komentar 3. Aktor Memilih komentar yang akan dihapus 4. Aktor mengklik tombol hapus 5. Komentar berhasil dihapus

3.3. Planning

Pada tahap ini mengahsilkan diagram-diagram yang berhubungan dengan keinginan user dalam pembuatan software, termasuk rencana yang akan dilakukan.

3.3.1. Pemodelan Proses Data Flow Diagram

3.3.1.1. Diagram konteks Context Diagram

ADMIN PENGUNJUNG Data login, data kategori, data batik, data komentar Informasi validasi login, informasi kategori, informasi batik, informasi komentar, QR code batik Data batik, data komentar, data scan QR code Informasi batik by kategori, informasi detail batik, informasi komentar Situs Museum Batik Yogyakarta Berbasis Web Menggunakan PHP, MYSQL, dan QR Code Gambar 3. 2 Diagram Konteks Context Diagram

3.3.1.2. Diagram Berjenjang Hierarcy Diagram

Situs Museum Batik Yogyakarta Berbasis Web Menggunakan PHP, MYSQL, dan QR Code 1 Deskripsi Kategori batik 2 Deskripsi Batik 3 Deskripsi Komentar 1.1p Tambah data kategori batik 1.2p Edit data kategori batik 1.3p Hapus data kategori batik 1.4p Lihat detail datakategori batik 1.5p Cari kategori batik 2.1p Tambah data batik 2.2p Edit data batik 2.5p Hapus data batik 2.4p Lihat detail data batik 2.3p Cari batik 2.6p Cetak QR code kode batik 3.1p Tambah data komentar 3.2p Hapus data komentar 3.3p Lihat data komentar 4 Deskripsi Daerah 5 Deskripsi alat batik 3.4p Tanggapi komentar 4.1p Tambah data daerah 4.2p Edit data daerah 4.3p Hapus data daerah 4.4p Lihat detail data daerah 4.5p Caeri data daerah 5.1p Tambah data daerah 5.2p Edit data daerah 5.3p Hapus data daerah 5.4p Lihat detail data daerah 5.5p Cari data daerah Gambar 3. 3 Diagram Berjenjang Hierarchy Chart

3.3.1.3. Overview DFD

4 Admin Data Kategori 2 Data Daerah 3 Data Batik 5 Data Alat Batik 6 Data Komentar Admin Batik Daerah Kategori Komentar Alat batik 1 Cek Login Data Daerah Id_daerah, nama_daerah Pengunjung Data login, informasi validasi login Data kategori Data batik Data batik Data batik Data komentar Data komentar Username, password Data daerah Data alat batik Data komentar Data alat batik Data komentar Gambar 3. 4. Overview DFD

3.3.1.4 DFD Level 1 proses 2

ADMIN 2.1 PENGUNJUNG Input data daerah 2.2 2.3 2.4 2.5 Edit data daerah Hapus data daerah Cari data daerah Lihat data daerah Data Daerah Data Daerah Data Daerah Data Daerah Data Daerah Data Daerah Data Daerah Data Daerah Data Daerah Data Daerah Data Daerah Daerah Gambar 3. 5. DFD level 1 proses 2

3.3.1.5 DFD Level 1 proses 3

ADMIN 3.1 PENGUNJUNG Input data Batik 3.2 3.3 3.4 3.5 Edit data batik Hapus data batik Cari data batik Lihat data batik Data batik Data batik Data batik Data batik Data batik Data batik Data batik Data batik Data batik Data batik Data batik 3.6 Lihat QR code Data batik Batik Gambar 3. 6. DFD level 1 proses 3

3.3.1.6 DFD Level 1 proses 4

ADMIN 4.1 PENGUNJUNG Input data Kategori 4.2 4.3 4.4 4.5 Edit data kategori Hapus data kategori Cari data kategori Lihat data kategori Data Kategori Data Kategori Data Kategori Data Kategori DataKategori Data Kategori Data Kategori Data Kategori Data Kategori Data Kategori Data Kategori Kategori Gambar 3. 7 DFD level 1 proses 4

3.3.1.7 DFD Level 1 proses 5

ADMIN 5.1 PENGUNJUNG Input data Kategori 5.2 5.3 5.4 5.5 Edit data kategori Hapus data kategori Cari data kategori Lihat data kategori Data Alat batik Data Alat batik Data Alat batik Data Alat batik Data Alat batik Data Alat batik Data Alat batik Data Alat batik Data Alat batik Data Alat batik Data Alat batik Alat batik Gambar 3. 8. DFD level 1 proses 5

3.3.1.8 DFD Level 1 proses 6

PENGUNJUNG 6.1 ADMIN Input komentar 6.2 6.3 6.4 Lihat komentar Hapus komentar Tanggapi komentar Data komentar Data komentar Data komentar Data komentar Data komentar Data komentar Data komentar Data komentar Data komentar Data komentar Komentar Gambar 3. 9. DFD Level 1 proses 6

3.4. Perancangan Sistem