Website Toko Online (Warteg Online - Food Food)
Software Localhost.
Xampp merupakan software yang dirancang untuk mengembangkan sebuah website pada localhost kita. Nama XAMPP merupakan singkatan dari X (empat sistem operasi), Apache,
MySQL, PHP dan Perl. Program ini tersedia di bawah GNU General Public
License dan bebas, adalah mudah untuk menggunakan web server yang dapat
melayani tampilan halaman web yang dinamis. Jika ingin mendapatkan xampp
dapat mendownload langsung dari situs resminya.
Proses Instalasi :
- Pertama, double klik software xampp yang sudah kalian download. Lalu pilih bahasa yang ingin digunakan.
- Jika muncul pesan error seperti ini, abaikan saja dan lanjutkan.
- Berikutnya kalian akan diminta untuk menutup semua software yang sedang berjalan, lalu next.
- Lalu kalian akan diminta untuk memilih paket software apa yang akan diinstal, jika sudah klik next
- Kemudian kalian akan diminta untuk menentukan lokasi penyimpanan xampp, secara default software xampp akan terletak di c:\xampp . Jika kalian ingin merubah lokasi default xampp, kalian bisa merubahnya secara manual. Tetapi kami sarankan tetap menginstal xampp pada lokasi defaultnya yaitu di c:\xampp.
- Tunggu beberapa menit hingga proses penginstalan selesai.
- Jika sudah kalian akan diminta untuk mereboot laptop anda.
Alasan Memilih Opencart
Opencart
adalah CMS yang banyak digunakan oleh para pengembang untuk
mengembangkan website toko online mereka. Kemudahan dalam mengoperasikan
CMS ini menjadi nilai positif yang dimiliki opencart. CMS ini
dirancang menjadi sebuah CMS yang Easy to Use dan Juga SEO Friendly,
selain itu CMS ini memiliki tampilan interface yang cukup menarik
daripada CMS lainnya.
Proses Instalasi opencart :
- Pertama, sebelum kalian menginstall opencart, kalian harus mengaktifkan modul apache, mysql, dan filezilla pada xampp.
- Setelah itu kalian harus download opencart berbentuk zip di website resminya, jika sudah download silahkan ekstrack rarnya. Jika sudah cari folder hasil ekstrak tadi, cari folder bernama uploud.
- Kemudian kalian pindahkan folder uploud tersebut ke x:\xampp\htdocs. Kalian bisa mengganti nama foldernya, dalam kasus ini kita rubah menjadi latihanopencart.
- Buka folder latihan opencart, lalu ganti file yang bernama config-dist.php menjadi config.php
- Lalu buka folder admin, ganti juga nama config-dist.php menjadi config.php
- Pertama buka browser kalian, ketikan perintah localhost/phpmyadmin. Lalu pilih database.
- Ketikan sebuah nama untuk database kalian, dalam hal ini kita coba beri nama latihanopencart. Jika sudah klik create.
- Pertama kalian buka browser lalu ketikan localhost\latihanopencart. Lalu kalian akan dibawah menuju halaman persetujuan awal, klik continue.
- Step 2 pastikan bahwa semuanya berstatus benar, klik continue.
- Pada step ini masukan configurasi pengaturan.
Pada bagian “Please enter your database connection details”
Hostname : Isi dengan Localhost
Username : Isi dengan root
Password : Di kosongkan
Database : Masukan nama database yang telah di buat, pada langkah membuat database.
Port : Isi dengan 3306
Prefix : Isi dengan oc_
Pada bagian “Please enter a username and password for the administration”
Username : Isi username sesuai keinginan
Password : Isi Password sesuai keinginan
E-mail : Isi dengan email aktif
- Proses instalasi telah selesai, sekarang pergi ke folder latihanopencart, cari folder bernama install, lalu hapus. Selesai.
- Untuk membuka website opencart kita, kalian bisa ketikan kembali dibrowser localhost/latihanopencart. Selesai
Proses Kemajuan Website Kami.
Pada project website kami ini membuat sebuah toko online bernama warteg online. Perkembangan website kami sudah mendekati 95%, hanya saja kami belum mengetahui cara install modul pengiriman yang ada diindonesia seperti JNE, Tiki, Pos, dll. Gambar dibawah ini adalah proses perkembangan website kami.
Tampilan Admin.
Berikut ini deskripsi dari website kami.
- Nama Online Store : Warteg Online - Food Food.
- Logo Online Store :
- Mata Uang : $ dollar.
- Kategori Produk : Ayam, Kentang, Ikan, Sayuran, Telur.
- Pelanggan dapat mendaftar atau hanya sebagai guest saat memesan barang.
- Metode pembayaran : Saat ini hanya mendukung proses pembayaran COD.
- Pelanggan sudah bisa checkout barang dan akan masuk ke admin.
- Pada tahap pertama, sebagai konsumen kita harus memilih produk yang ingin dibeli. Pada tahap ini kita akan membeli ikan balado, klik ADD TO CART.
- Pada bagian selanjutnya, di pojok kanan atas ada button berwarna hitam, lalu klik tombol itu.
- Kemudian kalian pilih Checkout
- Pada bagian ini kalian diwajibkan untuk mendaftar atau hanya sebagai pengunjung. Jika sudah klik continue.
- Pada kolom yang bertanda bintang merah, wajib diisi. Jika sudah klik continue.
- Pada bagian ini kalian akan dihadapkan dengan rincian biaya, jika sudah klik Continue.
- Pada tahap ini kalian akan disuruh memilih kurir pengiriman, saat ini hanya mendukung COD.
- Confirmasi Order, jika telah sesuai silahkan klik Continue.
- Selesai
Pada Tampilan Admin
- Pada bagian admin pemesanan, akan muncul status pemesanan yang dilakukan customer. Jika ingin melihat lebih detail klik icon disampingnya.
- Pada tampilan detail ini, kalian bisa melihat rincian pemesanan dan juga bisa merubah status pemesanan.
Kesimpulan.
Website kami masih dalam tahap pengembangan baik berupa tampilan interface, maupun layanan layanan yang bisa dibilang sudah seharusnya ada pada e-commerce saat ini. Hanya perlu sedikit penyempurnaan.
Terimakasih.
Daftar Pustaka.
https://webhostmu.com/cara-instal-xampp/
https://www.blog.webhostingallinone.com/cara-install-opencart-di-localhost-menggunakan-xampp-server/
Perangkat lunak
komputer ini memiliki kelebihan untuk bisa berperan sebagai server web
Apache untuk simulasi pengembangan website. Tool pengembangan web ini
mendukung teknologi web populer seperti PHP, MySQL, dan Perl. Melalui
program ini, programmer web dapat menguji aplikasi web yang dikembangkan
dan mempresentasikannya ke pihak lain secara langsung dari komputer,
tanpa perlu terkoneksi ke internet. XAMPP juga dilengkapi fitur
manajemen database PHPMyAdmin seperti pada server hosting sungguhan,
sehingga pengembang web dapat mengembangkan aplikasi web berbasis
database secara mudah.
Make Google view image button visible again: https://goo.gl/DYGbub
Make Google view image button visible again: https://goo.gl/DYGbub
Perangkat lunak
komputer ini memiliki kelebihan untuk bisa berperan sebagai server web
Apache untuk simulasi pengembangan website. Tool pengembangan web ini
mendukung teknologi web populer seperti PHP, MySQL, dan Perl. Melalui
program ini, programmer web dapat menguji aplikasi web yang dikembangkan
dan mempresentasikannya ke pihak lain secara langsung dari komputer,
tanpa perlu terkoneksi ke internet. XAMPP juga dilengkapi fitur
manajemen database PHPMyAdmin seperti pada server hosting sungguhan,
sehingga pengembang web dapat mengembangkan aplikasi web berbasis
database secara mudah.
Make Google view image button visible again: https://goo.gl/DYGbub
Make Google view image button visible again: https://goo.gl/DYGbub
0 komentar:
Posting Komentar