Oleh: Muadzin Muhammad Dahlan Nurul Aminah Membangun Website E-Commerce sebagai Media Penjualan Elektronik di Toko Jabal shop komputer dengan CMS opencart Oleh: Muadzin Muhammad Dahlan Nurul Aminah Universitas jabal ghafur sigli
Sekilas Tentang Aplikasi Jabal shop Merupakan website Perusahaan “Jabal shop computer” yaitu perusahaan dagang yang menyediakan macam-macam perlengkapan hardware dan software yang beroperasi jalan Jabal ghafur –Garot . Lingkungan Kampus jabal ghafur sigli . Jabal shop dibangun menggunakan CMS OpenCart dengan penggunaan database Mysql . Website jabal shop di Desain yang kelengkapan informasi, mudah diakses, mudah pengoprasian, tampilan berkualitas dan menarik. Bahasa yang di gunakan dalam website ini terdiri dari 2 bahasa yatu bahasa inggris dan bahasa indonesia . mata uang juga terdiri dari dua mata uang yaitu dolar as ($USD) sebagai mata uang internsional dan rupiah (Rp-) sebagai mata uang nasional . Bahasa dan mata uang bisa di ganti di bagian atas atau header aplikasi . Namun disini kami menggunakan bahasa inggris dan mata uang $ USD sebagai implementasi dari aplikasi atau webite. Universitas jabal ghafur sigli
Tampilan Halaman Utama Index halaman pada browser akan menampilkan halaman utama atau disebut juga dengan halaman beranda. Dapat dilihat pada gambar dibawah ini: Universitas jabal ghafur sigli
Tampilan Halaman Utama (INDEX) Universitas jabal ghafur sigli
Tampilan Form Pendaftaran Sebelum melakukan pembelian, calon pelanggan harus melakukan registrasi dahulu dengan memilih link create new accoun/daftar pada bagian atas header. Berikut ini adalah tampilan form pendaftaran.
Tampilan Form Pendaftaran
Tampilan Form Login Pelanggan Setelah pendaftaran pelanggan di verifikasi oleh sistem, penyewa melakukan login dengan mengisikan user dan password
Tampilan Form Login Pelanggan
Tampilan Form Menu pelanggan Tampilan Menu pelanggan terdiri dari: Jika versi bahasa inggris : My account Edit your account information Change your password Modify your address book entries Modify your wish list my orders View your order history Downloads Your Reward Points View your return requests Your Transactions
Tampilan Form Menu pelanggan Jika versi bahasa indonesia : Akun Saya Ubah informasi Akun Anda Ganti password Anda Ubah daftar buku alamat Anda Ubah daftar belanja Anda Pesanan Saya Tampilkan riwayat pesanan Anda Download Point Reward Anda Tampilkan permintaan retur Anda Transaksi Anda
tampilan form menu akun pelanggan Universitas jabal ghafur sigli
Universitas jabal ghafur sigli Tampilan Form Produk Pelanggan memilih produk yang akan dipesan melalui form produk dan kemudian memasukkan ke keranjang belanja atau add to cart, form ini menampilkan deskripsi tentang produk yang disediakan. Berikut adalah tampilan dari form Produk: Universitas jabal ghafur sigli
Tampilan menu Barang dari phone & PDAs Universitas jabal ghafur sigli
Tampilan Form Pemesanan Setelah pelanggan memilih barang dan menekan tombol “add to cart/ beli” maka akan muncul di shoping cart tentang belanjaan pelanggan untu melihat tentang daftar barang yang dipesan maka pilih menu shoping cart di bagian header. Berikut gambar dari daftar Shopping Cart/keranjang belanja : Universitas jabal ghafur sigli
Tampilan Form Pemesanan
Tampilan Form Konfirmasi Transaksi Setelah pelanggan memilih barang beserta jumlah kemudian pelanggan menekan tombol checout, sehingga muncul form konfirmasi transaksi dengan mengisi alamat dan sebagainya yang di butuhkan aplikasi untuk proses pengiriman. Form ini berisi barang yang di pesan, jumlah barang harga, jumlah total pembayaran. Berikut tampilan form konfirmasi transaksi: Universitas jabal ghafur sigli
Tampilan Form Konfirmasi Transaksi Universitas jabal ghafur sigli
Universitas jabal ghafur sigli Tampilan Login Admin Setelah ini kita memasuki pembahasan ke bagian admin . Untuk halaman login admin dapat diakses melalui alamat http://localhost/mystore/admin/ pada browser maka akan tampil halaman login admin, kemudian admin melakukan login dengan mengisikan username dan password. Fungsi dari form ini adalah untuk dapat masuk ke dalam halaman panel admin dan menggunakan fasilitas yang ada di dalamnya. Seperti terlihat pada gambar dibawah ini: Universitas jabal ghafur sigli
Universitas jabal ghafur sigli Tampilan Login Admin Universitas jabal ghafur sigli
Universitas jabal ghafur sigli Tampilan Menu Admin Menu admin berisi menu data pelanggan, data barang, validasi penjualan, dan berita tampil. Tampilan dari form menu ini adalah sebagai berikut : Universitas jabal ghafur sigli
Universitas jabal ghafur sigli Tampilan Menu Admin Universitas jabal ghafur sigli
Tampilan Form Daftar pelanggan Pada menu Daftar pelanggan yang di pilih dari sales kemudian costumer akan ditampilkan Modul kelola data pelanggan digunakan oleh admin untuk mengelola data pelanggan. Admin dapat melihat secara detail data pelanggan serta dapat menghapus data penyewa secara langsung. Seperti terlihat pada gambar dibawah ini. Universitas jabal ghafur sigli
Tampilan Form pelanggan Universitas jabal ghafur sigli
Tampilan Form untuk Tambah Data Barang Dalam menu Tambah daftar barang, admin dapat menambahkan data barang dengan cara mengisikan nama barang, harga, diskon, keterangan dan browse file gambar sesuai yang di tentukan oleh perusahaan, sedangkan kode barang terisi urut sesuai data barang yang ada di data base secara otomatis. Tampilan dari modul tambah data koleksi ini adalah sebagai berikut : Universitas jabal ghafur sigli
Tampilan Form untuk Tambah Data produk
Tampilan Form untul Kelola produk Pada menu Daftar produk daftar produk dan bisa digunakan oleh admin untuk mengelola data barang. Admin dapat melihat secara detail, menambah, mengedit dan menghapus data barang secara langsung. Seperti terlihat pada gambar dibawah ini: Universitas jabal ghafur sigli
Tampilan Form untul Kelola produk Universitas jabal ghafur sigli
Tampilan edit dari produk yang pernah di input Ini tampilan dari pengeditan dari produk : Universitas jabal ghafur sigli
Universitas jabal ghafur sigli PENUTUP Hanya itu yang bisa penulis perjelaskan sedikit dari tampilan aplikasi jabal shop yang tidak mungkin bisa di rangkum semuanya disini Universitas jabal ghafur sigli
Universitas jabal ghafur sigli Kesimpulan Berdasarkan analisa terhadap hasil pembuatan tugas akhir ini, maka diperoleh kesimpulan sebagai berikut : 1. Telah berhasil dibuat sebuah toko komputer online (e-computer store), yang dapat memberikan kemudahan kepada para konsumen yang ingin membeli perangkat dan keras dan perangkat lunak tanpa harus pergi ke toko komputer nyata (real). 2. Sistem toko komputer online ini terdiri atas dua buah subsistem yaitu subsistem pengunjung yang dapat diakses oleh semua pengunjung dan subsistem administrator yang hanya dapat diakses oleh administrator, dalam hal ini adalah pemilik dari toko komputer tersebut. 3. Sistem toko jabal shop ini hanya hasil imajinasi penulis dan bukanlah toko yang nyata . 4. sistem toko jabal shop ini di buat versi offline yang dibangun di server localhost XAMPP tanpa di upload kehosting 5. CMS Opencart merupakan media yang baik dan banyak digunakan di indonesia sebagai sarana pembangunan website e comerrce . Universitas jabal ghafur sigli
Saran Dalam pengembangan kedepan, perbaikan adalah faktor yang harus dilakukan jika menginginkan sebuah sistem yang baik, karena analisis dan desain website ecommerce sebagai media penjualan elektronik yang dibuat ini hanya sebatas proyek awal yang nantinya masih membutuhkan pengembangan dan penyempurnaan. Demikian laporan tugas akhir yang kami buat, semoga dapat bermanfaat bagi pembaca. Apabila ada saran dan kritik yang ingin di sampaikan, silahkan sampaikan kepada kami kelompok 7. Apabila ada terdapat kesalahan mohon dapat mema'afkan dan memakluminya, karena kami adalah hamba Allah yang tak luput dari salah khilaf.
Universitas jabal ghafur sigli SEKIAN KELOMPOK 7 MUADZIN M.DAHLAN NURUL AMINAH Wabillah Taufik Walhidayah Wassalamu'alaikum Wr. Wb. Universitas jabal ghafur sigli