Gambar 4.8 Use Case Diagram Sistem Informasi Penjualan pada Distro
8. Tampilan Daftar Kurs Mata Uang
5.1.8 Penggunaan Program
5.1.8.2 Penggunaan Program Petugas
Berikut adalah petunjuk penggunaan program Sistem Informasi Penjualan
Online pada Distro 204 flatland Bandung bagi Petugas. 1. Form Login Akun Petugas
Tampilan website dimana petugas harus mengisikan username dan password
untuk dapat masuk ke menu utama petugas.
Gambar 5.15 Tampilan Form Login Akun Petugas pada website Distro 204 flatland.
2. Halaman Utama Petugas/ Beranda
Merupakan tampilan utama Petugas dimana terdapat menu Beranda, Flatland, Transaksi, Akun, Buku Tamu dan Keluar.
Gambar 5.16 Tampilan Halaman Utama Petugas pada website Distro 204 Flatland.
3. Flatland
Menu Flatland pada halaman website ini bertujuan untuk menampilkan daftar produk, dan link ke kategori produk, tambah produk, kurs mata uang dan cetak laporan produk.
109
Gambar 5.17 Tampilan Daftar produk pada akun Petugas pada website Distro 204 Flatland.
Pada halaman daftar produk diatas, apabila petugas mengklik link untuk kategori produk maka sistem akan menampilkan halaman sebagai berikut.
Gambar 5.18 Tampilan Daftar Kategori Produk pada website Distro 204 Flatland. Pada halaman daftar produk diatas, apabila petugas mengklik link untuk kurs mata uang maka sistem akan menampilkan halaman sebagai berikut.
Gambar 5.19 Tampilan Form Daftar Kurs Mata Uang pada website Distro 204 Flatland.
Apabila pada halaman daftar produk diatas, petugas mengklik link untuk tambah produk maka sistem akan menampilkan halaman form input tambah produk sebagai berikut.
Gambar 5.20 Tampilan Daftar kategori Produk pada website Distro 204 Flatland. Dimana form ini berfungsi untuk menambahkan jumlah produk berdasarkan kategori yang akan ditawarkan kepada pelanggan.
111
Dan apabila pada halaman daftar produk diatas, petugas mengklik link detail untuk detail produk maka sistem akan menampilkan halaman detail produk beserta link untuk tambah detail, ubah dan hapus detail.
Gambar 5.21 Tampilan Detail Produk pada website Distro 204 Flatland. Untuk melakukan tambah data detail produk, petugas hanya mengklik pada
link tambah produk, dimana data dapat ditambah berdasarkan kode dan nama produk yang sama saja :
Gambar 5.22 Tampilan Form Tambah Detail Produk pada website Distro 204 Flatland.
Dan link aksi ubah pada halaman detail produk berfungsi untuk mengubah data produk yang sudah ada sebagai berikut.
Gambar 5.23 Tampilan Form Ubah Detail Produk pada website Distro 204 Flatland.
Berikut merupakan tampilan tambah kategori apabila petugas mengklik link
tambah kategori pada halaman daftar kategori.
Gambar 5.24 Tampilan Form Tambah Kategori pada website Distro 204 Flatland. Berikut merupakan tampilan ubah kategori apabila petugas mengklik link ubah pada kolom aksi yang ada pada halaman daftar kategori.
113
Berikut merupakan tampilan tambah Kurs Mata Uang apabila petugas mengklik link tambah kurs mata uang pada halaman daftar Kurs Mata Uang.
Gambar 5.26 Tampilan Form Tambah Kurs Mata Uang pada website Distro 204 Flatland.
Berikut merupakan tampilan ubah kategori apabila petugas mengklik link ubah pada kolom aksi yang ada pada halaman daftar kategori.
Gambar 5.27 Tampilan Form Ubah Kategori pada website Distro 204 Flatland. Berikut berupakan tampilan dari laporan persediaan, apabila petugas mengklik
link cetak laporan yang ada pada halaman daftar produk.
Gambar 5.28 Tampilan Rekapitulasi Persediaan Produk pada website Distro 204 Flatland.
4. Transaksi
Menu transaksi ini berfungsi untuk menampilkan daftar transaksi yaitu data- data pemesanan yang telah dilakukan oleh anggota dan telah melakukan proses konfirmasi pembayaran hanya tinggal menunggu konfirmasi dari petugas dan juga pada halaman ini menampilkan link-link untuk menampilkan daftar penjualan dan daftar seluruh pemesanan.
Gambar 5.29 Tampilan Daftar Transaksi pada website Distro 204 Flatland. Pada tampilan daftar transaksi diatas, apabila petugas mengklik teks link
penjualan untuk link ke daftar penjualan, maka akan nampak tampilan sebagai berikut dan juga terdapat menu hapus pada kolom aksinya.
115
Gambar 5.30 Tampilan Daftar Penjualan pada website Distro 204 Flatland. Pada tampilan daftar penjualan ini, terdapat teks link untuk cetak laporan dan apabila diklik akan muncul tampilan laporan daftar penjualan sebagai berikut.
Gambar 5.31 Tampilan Laporan Daftar Penjualan pada website Distro 204 Flatland.
Dan juga pada tampilan daftar transaksi diatas, apabila petugas mengklik teks
link pemesanan untuk link ke daftar pemesanan, maka akan nampak tampilan sebagai berikut yang juga terdapat menu hapus pada kolom aksinya.
Gambar 5.32 Tampilan Daftar Pemesanan pada website Distro 204 Flatland. Pada tampilan daftar pemesanan ini, terdapat teks link untuk cetak laporan dan apabila diklik akan muncul tampilan laporan daftar pemesanan sebagai berikut.
Gambar 5.33 Tampilan Laporan Daftar Pemesanan pada website Distro 204 Flatland.
117
5. Akun
Menu ini yang terletak dipojok kanan atas berfungsi untuk menampilkan daftar akun baik itu dari akun petugas maupun akun anggota beserta menu detail dan ubah untuk masing-masing akunnya, berikut tampilan akun dari anggota.
Gambar 5.34 Tampilan Daftar Akun Anggota pada website Distro 204 Flatland. Apabila petugas mengklik link detail pada kolom aksi maka secara otomatis sistem akan menampilkan detail dari akun tersebut.
Gambar 5.35 Tampilan Detail Akun Anggota pada website Distro 204 Flatland. Dan apabila petugas mengklik link petugas pada tampilan daftar akun anggota, maka secara otomatis system akan menampilkan daftar dari akun petugas dan menu ubahnya yang berada pada kolom aksi.
Gambar 5.36 Tampilan Daftar Akun Petugas pada website Distro 204 Flatland. 6. Buku Tamu
Menu buku tamu pada tampilan halaman utama akun petugas, bertujuan untuk menampilkan daftar buku tamu yang masuk baik berupa komentar, kritik maupun saran yang telah dikirim oleh pengguna website ini. Dan terdapat pula menu hapus untuk masing-masing komentar tersebut yang setiap saat dapat dihapus oleh petugas yang sedang aktif.
Gambar 5.37 Tampilan Daftar Buku Tamu pada website Distro 204 Flatland.
5.2 Pengujian
Pengujian merupakan bagian yang penting dalam siklus pembangunan perangkat lunak (software). Tujuan dari pengujian adalah untuk menjamin perangkat lunak yang di bangun memilki kualitas yang handal, yaitu mampu
119
mempresentasikan kajian pokok dari spesifikasi, analisis, perancangan dan pengkodean dari perangkat lunak itu sendiri. Dalam analisis dan perancangan ini, penulis menggunakan 3 (tiga) faktor pengujian yang dilakukan secara internal terhadap Web Distro 204 flatland pada module penjualan online.