Prosedur Menjalankan Program Terima kasih bagi pengguna aplikasi sistem penjualan berbasis web pada Sun Pratama Mandiri. Berikut merupakan langkah-langkah dalam penggunaan aplikasi. Disini kami akan menampilkan informasi dan fungsi-fungsi yang terdapat pada tiap layarnya. Gambar 1 Gambar Layar Home Pada gambar 1 berfungsi sebagai halaman awal. Halaman ini menampilkan informasi kategori, promosi, shop, about, how to buy,contact us dan login. Disini user bisa memilih untuk melakukan login, registrasi atau melihat promosi. Dari halaman ini user bisa menjelajah ke semua halaman dari web ini. 135
136 Gambar 2 Gambar Layar Buat Akun Pada gambar 2 menampilkan informasi mengenai registrasi atau pendaftaran yang harus diisi calon konsumen. Baru jika sudah selesai mengisi, nantinya konsumen bisa melakukan login. Gambar 3 Gambar Login Pada gambar 3 menunjukkan fungsi login yang akan selalu ada di sisi kanan layar apabila user belum melakukan login. Setelah
memasukkan Id Pengguna dan Kata Kunci, maka user baru akan bisa mengakses akun pribadinya dan melakukan pembelian. 137 Gambar 4 Gambar Home setelah Login Gambar 4 menampilkan tampilan Home setelah user melakukan login. Selain fitur-fitur sebelumnya, sekarang user dapat melakukan logout, editprofile, lihat pembelian dan checkout.
138 Gambar 5 Gambar Layar Shop Pada gambar 5 menampilkan halaman shop, dimana user bisa melihat informasi, harga dan melakukan pemesanan terhadap barangbarang yang ditampilkan pada web.
139 Gambar 6 Gambar Layar About Pada gambar 6 ini menampilkan tampilan halaman about. User bisa melihat informasi dan sejarah mengenai perusahaan Sun Pratama Mandiri.
140 Gambar 7 Gambar Layar How to Buy Pada gambar 7 yang menampilkan halaman how to buy, user akan dapat melihat langkah-langkah bagaimana melakukan pembelian. Langkah-langkah tersebut dijelaskan dengan gambar agar lebih mudah dimengerti.
141 Gambar 8 Gambar Layar Contact Us Pada gambar 8 yang menampilkan halaman contact, ditampilkan informasi mengenai lokasi, alamat serta nomer telepon Sun Pratama Mandiri.
142 Gambar 9 Gambar Layar Kategori Pada gambar 9 menampilkan informasi-informasi produk yang sudah disortir berdasarkan kategorinya. Jika kategori Pria diklik, maka hanya akan menampilkan produk-produk Pria. Begitu pula dengan kategori Wanita. Bila user mengklik beli,maka barang yang dibeli akan langsung masuk ke keranjang belanja. Atau apabila user mengklik detail,maka user dapat melihat detail mengenai produk.
143 Gambar 10 Gambar Layar Detil Produk Pada gambar 10 menampilkan informasi mengenai detil produk, yaitu nama produk, kode produk, deskripsi produk, serta harga produk. Apabila user mengklik beli,maka barang akan segera masuk ke keranjang belanja.
144 Gambar 11 Gambar Layar Ubah Profile Pada gambar 11 menampilkan halaman edit profile.disini user bisa mengubah detil informasi user seperti kata kunci, nama depan, nama belakan, alamat, email, serta nomer telepon.
145 Gambar 12 Gambar Layar Lihat Pembelian Pada gambar 12 menampilkan barang-barang yang sudah user beli pada halaman Lihat Pembelian. Disini kita bisa melihat status dari pembelian user. Apabila Pending, maka pembelian user belum dikonfirmasi, sedangkan Proses berarti pembelian user sudah dikonfirmasi dan berada dalam proses pengiriman.
146 Gambar 13 Gambar Layar Checkout Pada gambar 13 menampilkan barang-barang yang sudah dipilih user untuk dibeli pada halaman checkout. Disini juga user dapat mengubah kuantitas pembelian ataupun membatalkan pembelian. Apabila pembelian telah selesai, user dapat melanjutkan ke proses pembayaran.
147 Gambar 14 Gambar Layar Proses Pembayaran Pada gambar 14 ditampilkan proses pembayaran dari pembelian yang akan user lakukan. Disini user bisa juga mengganti data pengiriman apabila user ingin mengirim ke tempat lain. Setelah proses transfer pembayaran dilakukan, user baru boleh melakukan konfirmasi pembayaran.
148 Mulai dari gambar 15, merupakan tampilan menu admin. Apabila user melakukan login selaku admin, user bisa mengakses kedua halaman, baik halaman admin atau user biasa. Gambar 15 Gambar Layar Home Admin Pada gambar 15 ditampilkan halaman awal apabila staff telah melakukan login sebagai admin. Disini admin bisa mengakses fungsi melihat pesanan, menambah produk, melihat data member, mengubah produk, menghapus produk, promosi, merubah kata kunci, menuju halaman homeuser, serta logout.
149 Gambar 16 Gambar Layar Lihat Pemesanan Pada gambar 16 disini admin bisa melihat pembelian yang telah dilakukan oleh user. Setelah user melakukan transfer dan staff melakukan konfirmasi, barulah staff bisa mengubah status pembelian menjadi telah dikirim.
150 Gambar 17 Gambar Layar Tambah Produk Pada Gambar 17, admin bisa menambah produk ke database dengan memasukkan kategori, nama, deskripsi, harga, stok dan gambar produk. Disini juga admin dapat menambahkan kategori baru.
151 Gambar 18 gambar Layar Data Member Pada gambar 18, admin bisa melihat semua member yang telah terdaftar, beserta detil-detil informasi masing-masing member.
152 Gambar 19 Gambar Layar Ubah Produk Pada gambar 19 yang menampilkan halaman ubah produk ini, admin dapat mengubah detil produk yang sudah ada. Selain itu pula, admin juga dapat mengubah nama kategori produk yang sudah ada.
153 Gambar 20 Gambar Layar Hapus Produk Pada gambar 20 ini menampilkan halaman hapus produk dimana admin dapat menghapus produk yang sudah ada. Selain itu disini admin juga dapat menghapus kategori yang sudah ada.
154 Gambar 21 gambar Layar Promosi Pada gambar 21, menampilkan halaman Promosi. Disini admin bisa menambahkan informasi promosi atau menghapus promosi yang sudah ada. Promosi disini merupakan banner yang ada pada halaman homeuser, menampilkan promosi yang sedang ada.
155 Gambar 22 gambar layar Ubah kata Kunci Pada Gambar 22 yang menampilkan halaman ubah kata kunci pada admin, admin bisa mengubah kata kuncinya disini dengan memasukkan kata kunci baru yang diinginkan Dengan demikian merupakan seluruh tampilan dan kegunaan dalam web ini. Terima kasih telah membaca manual ini.