Collaboration Diagram Perancangan Prosedur Yang Diusulkan

1. Collaboration Diagram Login User yang diusulkan User Sistem Form Login Masukkan email dan password Cek email dan password Email dan password invalid Email dan password valid Gambar 4.22 Collaboration Diagram proses Login User pada Sistem Penjualan dan Pemesanan Garment pada Little Curve Family Clothing yang diusulkan 2. Collaboration Diagram Registrasi User yang diusulkan User Sistem Form Registrasi Pilih menu registrasi Mengisi field registrasi Tampilkan field registrasi Menampilkan field registrasi Menyimpan data registrasi Data registrasi Gambar 4.23 Collaboration Diagram proses Registrasi User pada Sistem Penjualan dan Pemesanan Garment padaLittle Curve Family Clothing yang diusulkan 3. Collaboration Diagram Pengaturan Account yang diusulkan User Sistem Form Pengaturan Akun Memilih menu account perubahan account Mengisi data perubahan account Tampilkan field untuk update account Menampilkan field untuk update account Simpan perubahan data Perubahan data berhasil Gambar 4.24 Collaboration Diagram proses Pengaturan Account pada Sistem Penjualan dan Pemesanan Garment padaLittle Curve Family Clothing yang diusulkan 4. Collaboration Diagram Pemesanan yang diusulkan User Sistem Form Pemesanan Pilih barang Mengisi jumlah pesanan proses pemesanan Mengisi data pembayaran alamat pengiriman Tampilkan field data barang pesanan Menampilkan data barang field jumlah pemesanan Menampilkan field pembayaran alamat pengiriman Menyimpan data Menampilkan data pemesanan total pembayaran Gambar 4.25 Collaboration Diagram proses Pemesanan pada Sistem Penjualan dan Pemesanan Garment padaLittle Curve Family Clothing yang diusulkan 5. Collaboration Diagram Login Admin yang diusulkan Cek email dan password Email dan password invalid Email dan password valid Admin Sistem Form Login Masukkan email dan password Gambar 4.26 Collaboration Diagram proses Login Admin pada Sistem Penjualan dan Pemesanan Garment padaLittle Curve Family Clothing yang diusulkan 6. Collaboration Diagram Kelola Data Barang yang diusulkan Admin Sistem Form Data Barang Pilih menu data barang Kelola data barang Tampilkan data barang Menampilkan data barang Simpan data barang Gambar 4.27 Collaboration Diagram proses Kelola Data Barang pada Sistem Penjualan dan Pemesanan Garment padaLittle Curve Family Clothing yang diusulkan 7. Collaboration Diagram Update Informasi yang diusulkan Admin Sistem Form Update Info Memilih menu update info Mengelola data info dan simpan data Gambar 4.28 Collaboration Diagram proses Update Informasi pada Sistem Penjualan dan Pemesanan Garment padaLittle Curve Family Clothing yang diusulkan 8. Collaboration Diagram Report yang diusulkan Admin Sistem Form Report Memilih menu report dan report baru Tampilan untuk mengisi jenis laporan Mengisi data laporan Mencetak laporan Tampilkan laporan data transaksi Laporan data transaksi Cetak laporan Laporan Gambar 4.29 Collaboration Diagram proses Report pada Sistem Penjualan dan Pemesanan Garment padaLittle Curve Family Clothing yang diusulkan 9. Collaboration Diagram Transaksi yang diusulkan User Sistem Form Transaksi Pilih menu transaksi klik detail Klik meu kirim barang Tampilkan detail transaksi Menampilkan detail transaksi Cetak struk Mencetak struk Rubah status kirim barang Gambar 4.30 Collaboration Diagram proses Transaksi pada Sistem Penjualan dan Pemesanan Garment padaLittle Curve Family Clothing yang diusulkan

4.2.3.6 Component Diagram

Component diagram memberi sebuah cara mengelompokkan potongan- potongan behavior interaksi saat peran-peran dimainkan oleh class yang berbeda. Interaksi pelanggan dengan sistem pada proses-proses yang diusulkan digambarkan oleh gambar-gambar collaboration diagram berikut : Gambar 4.31 Component Diagram Sistem Informasi Penjualan dan Pemesanan Garment pada Little Curve Family Clothing yang diusulkan

4.2.3.7 Class Diagram

Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. Class diagram menggambarkan keadaan atributproperti suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut metodafungsi. Class diagram menggambarkan struktur dan deskripsi class, package, dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain. Class memiliki tiga area pokok, yaitu : nama dan stereotype, atribut, dan metoda. Berikut merupakan class diagram Sistem Informasi Penjualan dan Pemesanan Garment pada Little Curve Family Clothing : +tambah +simpan +hapus +ubah -ID -Username -Password -Status admin +tambah +simpan +hapus +ubah -id -kode_barang -nama_barang -jenis_barang -harga_barang -stok_barang -status barang +tambah +simpan +hapus +ubah -id -email -nama -alamat -telp -nama_perusahaan -alamat_perusahaan -telp_perusahaan -status member +tambah +simpan +hapus +ubah +batal -id -id_transaksi -email -nama -alamat -kota -tgl -kode_barang -nama_barang -harga_barang -jenis_barang -size -jumlah_pesan -total_harga -bank -norek -norek_pengirim -ongkir -status -keterangan -status_barang -keterangan_batal transaksi +tambah +simpan +hapus +ubah -id -kota -ongkos -status ongkir +tambah +simpan +hapus +ubah -id -tgl -judul -isi -admin info +tambah +simpan +hapus +ubah -id -norek -bank -cabang -status rekening +tambah +simpan +hapus +ubah -id -kode_laporan -nama_laporan -jenis_laporan -tgl1 -tgl2 -status -keterangan -status_barang report +tambah +simpan +hapus +ubah -id -kode_barang -size -stok -bahan stok_size 1 1 1 1 1 1 1 1 1 1 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1..n 1 Gambar 4.32 Class Diagram Sistem Informasi Penjualan dan Pemesanan Garment pada Little Curve Family Clothing yang diusulkan