Use Case Diagram
Use case diagram adalah diagram usecase yang digunakan untuk menggambarkan secara ringkas siapa yang menggunakan sistem dan apa saja yang bisa dilakukannya.Diagram use case pada pengembangan sistem pada Giant Supermarket adalah sebagai berikut :
Gambar 1. Use Case Pelanggan
Gambar 2. Use Case Admin
Flowmap Diagram
Flowmap adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program. Diagram flowmap kami buat pada pengembangan system Giant Supermarket adalah sebagai berikut ini:
Gambar 3. Flowmap Sistem
Konteks Diagram
Diagram konteks menggambarkan ruang lingkup suatu sistem. Diagram ini memberikan gambaran mengenai keseluruhan sistem. Diagram Konteks Sistem Informasi Layanan Pesan Antar pada Giant Supermarket dapat dilihat pada gambar dibawah ini:
Gambar 4. Diagram konteks sistem
Class Diagram
Class Diagram adalah diagram yang digunakan untuk menampilkan beberapa kelas serta paket-paket yang ada dalam sistem/perangkat lunak yang sedang kita gunakan. Berikut ini merupakan Class Diagram dari desain sistem yang kami buat:
Gambar 5. Class diagram sistem
Komponen Diagram
Diagram komponen atau component diagram dibuat untuk menunjukkan organisasi dan ketergantungan diantara kumpulan komponen dalam sebuah sistem. Adapun Komponen diagram yang kami buat pada pengembangan system GiantOnline adalah sebagai berikut:
Gambar 6. Komponen diagram sistem
Deployment Diagram
Deployment diagram adalah diagram yang digunakan memetakan software ke processing node. Diagram Deployment yang ada pada pengembangan system GiantOnline adalah sebagai berikut ini:
Gambar 7. Deployment diagram sistem
Sequence Diagram
Sequence diagram adalah suatu diagram yang menggambarkan interaksi antar obyek dan mengindikasikan komunikasi diantara obyek-obyek tersebut.
Gambar 8. Sequence diagram pelanggan
Gambar 9. Sequence diagram admin
Rancangan Sistem
Berikut ini adalah rancangan sistem dari aplikasi sistem informasi penjualan berbasis web pada Giant Minimarket yang kami beri nama Giant Online:
1. Menu Login
Menu login digunakan untuk melindungi agar data tidak dapat diakses oleh orang yang tidak berwenang. Untuk melakukan transaksi diharuskan mengisi form login terlebih dahulu. Form login berisi user email dan password kemudian menekan tombol login
Gambar 10. Menu Login Pelanggan
2. Menu Registrasi
Menu ini digunakan untuk memasukan data pengguna baru, sehingga mendapatkan username dan password untuk masuk keaplikasi. Adapun bentuk tampilan menu data registrasi dapat dilihat pada gambar dibawah ini.
Gambar 11. Menu Registrasi Pelanggan
3. Menu Utama
Menu utama merupakan tampilan utama dari sistem informasi penjualan berbasis web Giant Supermarket. Adapun bentuk tampilan menu utama dapat dilihat pada gambar dibawah ini :
Gambar 12. Menu Utama Sistem
4. Menu Kategori
Menu Kategori merupakan tampilan berbagai macam produk sesuai dengan kategorinya masing-masing. Menu ini dibuat untuk mempermudah pelanggan dalam mencari produk yang diinginkan.
5. Menu Keranjang Belanja
Menu ini menampilkan produk yang telah dipilih pelanggan untuk dibeli serta total dari belanjaan yang harus dibayar pelanggan. Adapun tampilan pada website dapat dilihat pada gambar di bawah ini:
Gambar 15. Menu Keranjang Belanja
6. Menu Detail Produk
Menu detail produk menampilkan detail salah satu produk seperti kegunaan untuk menginformasikan kepada pelanggan tentang suatu produk. Adapun tampilan pada website bisa dilihat pada gambar di bawah ini:
Gambar 16. Menu Detail Produk
7. Menu Login Admin
Menu login admin digunakan bagi admin untuk mengetahui stok produk, list pelanggan, dan mengkonfirmasi daftar pesanan pelanggan. Adapun tampilan pada website bisa dilihat pada gambar di bawah ini:
Gambar 18. Menu Login Admin
8. Menu List Pelanggan
Menu List Pelanggan digunakan untuk mengetahui siapa saja yang sudah terdaftar di website ini. Adapun tampilan pada website bisa dilihat pada gambar di bawah ini:
9. Menu Stok Produk
Menu stok produk digunakan untuk mempermudah admin dalam mengetahui ketersediaan sebuah produk.
Gambar 20. Menu Stok Produk
10. Menu Daftar Pesanan
Menu ini digunakan untuk memberitahu staf penjualan tentang daftar pesanan yang masuk agar segera dikonfirmasi. Adapun bentuk tampilan dari menu datfar pesanan pada website dapat dilihat pada gambar dibawah ini :
Gambar 21. Menu Daftar Pesanan
Komentar
Posting Komentar