Collaboration Diagram Perancangan Prosedur Yang Diusulkan

5. Collaboration diagram laporan. User Form laporan Sistem Cetak laporan Laporan Input tanggal laporan Tampilan laporan sesuai tanggal Cetak laporan Laporan Gambar 4.25. Collaboration diagram laporan. 6. Collaboration diagram update usernamepassword. User Form Pengaturan Sistem Simpan data Pemberitahuan „Input Berhasil‟ Pilih perubahan usernamepassword Input usernamepassword lama Input usernamepassword baru Simpan perubahan Gambar 4.26. Collaboration diagram update usernamepassword. 7. Collaboration diagram data user. Owner Form data user Sistem Tampilkan data user Akses menu data user Data user Kelola data user Gambar 4.27. Collaboration diagram data user. 8. Collaboration diagram kelola data user. Owner Form data user Sistem Update data Pemberitahuan „Update berhasil‟ Tampilan untuk perbaharui data Perbaharui data Pemberitahuan update berhasil Gambar 4.28. Collaboration diagram kelola data user. 9. Collaboration diagram kelola data tanaman. Gudang Form data tanaman Sistem Simpan data Pemberitahuan „Input berhasil‟ Update data Pemberitahuan “update berhasil‟ Tampilan untuk tambah data Input data Pilih data yang akan diupdate Update data Gambar 4.29. Collaboration diagram kelola data tanaman.

4.3.3.5 Class Diagram

Diagram kelas atau class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Kelas memiliki apa yang disebut atribut dan metode atau operasi. Adapun class diagram sistem yang diusulkan adalah sebagai berikut : - UpdateStok : void + KodeHias : char + Stok : int Tambah Stok Tanaman + Kodehias : char + NamaHias : string + Harga : int + Stok : int + Harga Pokok : int + Jenis : string Tanaman Hias + No Transaksi : char + NamaHias : string + JumlahBeli : int + Total : int Detail Transaksi + NoTransaksi : char + TglTransaksi : Date + Total : int Transaksi Tanaman Hias +Tambahbarang : void + HapusBarang : void +Batal : void + SimpanTransaksi : void + HitungTotal : void + NoTransaksi : char + TglTransaksi : Date + NamaHias : string + KodeHias : char + Harga : int + Stok : int + JumlahBeli : int Pembelian Tanaman hias +TambahDat : void +HapusData : void + EditData : void + Refresh : void + GetData : void + KodeHias : char + NamaHias : string + Harga : int + Stok : int Data Tanaman Hias +Login : void - Bagian : string - Username : char - Password : char Kasir - validasiLogin : bool + Bagian : string + Username : char + Password : char Login +Login : void - Bagian : string - Username : char - Password : char Gudang + Login : void - Bagian : string - Username : char - Password : char Owner - update : void - Username : char - Password : char Ubah UsernamePassword - TambahData : void - EditData : void - HapusData : void - GetData : void + Nama : string + Alamat : char + Telephone : char + Bagian : string Data User + CetakLaporan : void + SimpnLaporan : void Laporan 1 1.. Gambar 4.30. Class diagram sistem informasi yang diusulkan.

4.3.4 Perancangan Antarmuka

Agar pengguna dan sistem bisa berinteraksi dengan baik, maka perlu dirancang interface yang dapat membantu pengguna dalam menggunakan sistem tersebut. Secara umum perancangan antar muka suatu program meliputi : struktur menu, perancangan input dan perancangan output.

4.3.4.1 Struktur Menu

Menu banyak digunakan dalam dialog karena merupakan jalur pemakai user interface yang mudah dipahami dan mudah digunakan. Menu berisi beberapa alternatif atau pilihan yang disajikan kepada user. Struktur menu dibawah ini menggambarkan hierarki dari sistem informasi penjualan tanaman hias yang dapat dilihat pada gambar dibawah ini : Menu Login Master Data Tanaman Hias Data Tanaman Hias Minimum Transaksi Tanaman Hias Setting Pengaturan User Laporan Lap. Transaksi Tanaman Hias Lap. Data Tanaman Hias Logout Keluar Lap. Tanaman Hias Minimum Data User Gambar 4.31. Struktur menu.