Pada materi kali ini, kami akan menjelaskan tentang web yang kita buat dari tugas softskill yang bertema-kan web e-commerce.
Pada gambar diatas merupakan front page dari web kita, dimana isinya ada judul toko kita, moto kita, akun user / admin, dan ketika kita klik tombol shop maka akan masuk kedalam produk-produk yang kita jual.
Jika kita scroll
kebawah kita akan melihat produk yang baru di upload ke dalam web kita. Seperti
pada gambar dibawah ini :
Pada gambar diatas terdapat keterangan barang-barang yang baru saja di upload ke dalam web kita, disana terdapat harga barang dan merk barang.
Jika kita scroll ke bawah lagi kita akan melihat biografi dari pendiri dan pengelola web yang kita buat. Dan tampilannya ada pada gambar dibawah ini :
Pada gambar di atas terdapat foto profile dan social media pribadi dari masing-masing pendiri dan pengelola web tersebut.
Selanjutnya terdapat informasi tentang alamat toko kita, juga terdapat nomor telpon toko yang bisa dihubungi, dan ada kotak form untuk memberikan saran / kritik tentang toko kita agar kita bisa memperbaiki kesalahan yang ada atau mengembangkan yang sudah berjalan dengan baik.
Setelah kita membahas tentang front page, kemudian kita akan membahas tentang sub menu akun. Sub menu ini bisa digunakan oleh admin atau user.
Pada gambar diatas adalah contoh tampilan login dari admin. Jika username dan password sudah di input dengan benar, maka selanjutnya akan menampilkan seperti pada gambar dibawah ini.
Pada gambar diatas menunjukan bahwa kalian berhasil login.
Sebelumnya, diawal kita menjelaskan tombol shop yang ada pada bagian atas, jika kita sudah mengklik tombol shop tersebut maka akan menampilkan barang-barang yang kita jual. Seperti pada gambar dibawah ini.
Jika user ingin membeli barang pada produk kita, user cukup meng-klik barang yang ia sukai maka akan muncul tampilan tentang detail harga barang, spesifikasi barang tersebut pada description, dan quantity pada barang tersebut.
Jika dirasa cukup tentang informasi dari barang tersebut, dan jika si user ingin membeli barang tersebut maka dia meng-klik add to cart, dimana cart tersebut merupakan tempat sementara barang yang akan kita beli. Sebelum di proses checkout. Berikut tampilan pada cart.
Jika user sudah memilih barang yang akan dibeli, maka pada menu cart akan memberikan informasi tentang berapa total barang yang kita ingin beli dan jumlah total harga yang harus dikeluarkan. Setelah itu klik proced to checkout untuk melakukan pembayaran.
Setelah di klik tombol tersebut, maka akan menampilkan billing details untuk mengisi form biodata tentang pembeli / user tersebut. Di dalam form tersebut terdapat hal wajib yang harus di isikan seperti nama pembeli, alamat yang dituju, seperti kota dimana dia tinggal, letak provinsi, kode pos wilayah tersebut dan kontak pribadi seperti nomer telpon yang bisa dihubungi dan alamat email pribadi / aktif.
Jika dirasa form tersebut sudah di isi dengan benar, maka selanjutnya klik place order untuk melakukan pembelian.
Setelah kita melakukan pembelian, maka kita akan mendapatkan tanda bukti bahwa kita sudah melakukan pembayaran, disana terdapat nomor pembelian / antrian, ada juga tanggal pembelian, email pribadi yang bisa dihubungi dan total harga.
Setelah si user / pembeli memesan barang di web tersebut, maka admin mendapatkan pemberitahuan bahwa ada pemesanan barang dari pembeli.
Pada gambar di atas merupakan tampilan database dari pelanggan yang membeli barang pada web kita,
pada gambar di atas dijelaskan bahwa ada barang yang baru masuk seperti tanda strip warna abu-abu itu tandanya barang baru masuk
Pada gambar tersebut terdapat tanda ceklis biru, yang artinya barang sudah di proses dan sudah dikirim oleh admin
Untuk tanda titik 3 ( … ) berwarna hijau artinya barang tersebut sedang di proses oleh admin
User akan mendapat pemberitahuan melalui telpon ataupun email dari admin jika barang tersebut sudah di proses atau sedang di kirim.
Sekian penjelasan tentang web e-commerce dari kelompok kami. Kurang lebihnya kami mohon maaf. Terima kasih. ^^
Note :
Akses menggunakan XAMPP dan Wordpress.
https://localhost/toko
https://localhost/toko
