Belajar Opencart (Marketplace): Tutorial Instalasi

Secara khusus, tutorial ini ditulis untuk Anda yang ingin menjadi pengembang yang memang juga sudah terbiasa dengan bahasa pemograman PHP, Object Oriented Programming (OOP) dan dengan pola struktur Model View Controller (MVC).

Pada bagian pertama kita akan sama-sama belajar meliputi pelajaran sebagai berikut:

1. Apa itu OpenCart?
2. Menginstal OpenCart pada komputer lokal.
3. Memahami Struktur File Dasar.

Apa itu OpenCart?

Di era modern Teknologi Informasi, tidak bisa dipungkiri bahwa betapa pentingnya peran yang dimiliki Internet dan situs web dalam hidup manusia. Dan juga harus disadari bahwa tren eCommerce meningkat pertumbuhannya dari hari ke hari.

OpenCart sendiri adalah sumber terbuka (Open Source), gratis, dan hebat untuk struktur rancangan yang memberi keandalan untuk penggunanya saat membangun implementasi toko onlinenya sendiri.

Kenapa Opencart?

Ada banyak alasan bagi kita untuk memilih OpenCart, namun beberapa alasan pentingnya adalah sebagai berikut:

1. OpenCart sangat mudah digunakan dari perspektif pengguna maupun pengembang.
2. Sudah banyaknya artikel yang tersedia melalui Internet yang dapat membantu kita untuk mencari tahu informasi Opencart dalam hampir setiap situasi.
3. Tersedianya catatan dokumentasi yang rapi, jelas, dan mudah dimengerti sehingga pengembang dengan mudah dapat menemukan informasi dari setiap detail platform.
4. Kustomisasi kode cukup mudah sehingga pengembang level pemula juga bisa mengerjakan kode dengan sedikit usaha.

Tentu saja, ini hanya peninjuan tingkat lanjutan. Untuk saat ini, mari kita bahas beberapa fitur hebat yang memberi keunggulan OpenCart dibanding alternatif lainnya.

Perhatikan, bagaimanapun, ada sejumlah besar fitur-fitur tapi kami akan membahas sebagian dari saja dalam artikel ini.

Fitur-fitur yang hebat:

1. Beberapa toko di dalam satu system.
2. Ukuran gambar resize yang kuat dan otomatis.
3. Catatan kesalahan pada pemasangan.
4. Backup dan restore.
5. Dukungan multi bahasa.
6. Dukungan untuk beragam modul.

Pemasangan Server lokal

Pertama-tama unduh terlebih dahulu dan instal perangkat lunak untuk server lokal misalnya XAMPP/WAMP (atau kunjungi Apache Friends untuk XAMPP atau WAMPSERVER untuk WAMP) dengan versi terbaru di komputer Anda, lalu pasang versi terbarunya tergantung pada persyaratan sistem operasi komputer Anda.

Gambar 01. Tampilan beranda situs web XAMPP

 

Gambar 02. Tampilan beranda situs web WAMP

 

Perhatikan bahwa dalam kasus ini, saya tidak akan menjelaskan bagaimana cara menginstalasi server lokal, mungkin pada artikel lainnya akan saya jelaskan langkah-langkahnya. Jadi saya menganggap bahwa Anda sudah mengerti bagaimana cara menginstalasi dan menggunakan server lokal.

Pemasangan Opencart pada komputer lokal

Pastikan bahwa Anda mengunduh Opencart versi terbaru dari situs resminya disini.

Gambar 03. Tampilan halaman unduh situs web Opencart

 

Setelah unduh, ekstrak direktori zip dan salin folder upload OpenCart di dalam root server lokal Anda (htdocs untuk XAMPP atau www untuk WAMP) dan ganti nama folder upload yang sudah Anda salin sesuai dengan keinginan Anda (kita ambil contoh OpencartStore).

Gambar 04. Hasil ekstrak zip, salin folder upload di ke root server lokal

Gambar 05. Setelah folder upload yang disalin ke root, lalu diubah menjadi OpencartStore

 

Buka folder OpencartStore kemudian ubah nama file php config-dist menjadi config. Lakukan hal yang sama juga pada file php config-dist di dalam folder admin

Gambar 06. File config-dist.php diubah menjadi file config.php

 

Gambar 07. Setelah file diubah, lakukan juga hal yang sama di dalam folder admin

Sekarang buka peramban favorit Anda dan masukkan tautan http://localhost/OpencartStore.

Gambar 08. Tampilan tahap 1 pada halaman http://localhost/OpencartStore

 

Halaman instalasi akan ditampilkan melalui peramban dimana Anda akan memiliki Persetujuan Ijin (License Agreement). Cukup klik tombol Continue.

Pada halaman Pra-Instalasi, pastikan Anda memenuhi semua persyaratan Pengaturan dan Ekstensi PHP.

Gambar 09. Tampilan tahap 2 pada halaman http://localhost/OpencartStore

Gambar 10. Tampilan tahap 2 pada halaman http://localhost/OpencartStore

 

Buka phpMyAdmin dan buat database. Sebagai contoh, saya telah membuat database bernama storedb. Sekarang isi formulir konfigurasi berlabel "Configuration" pada tahap 3/4 (3 dari 4 tahap), sesuaikan seperti contoh di bawah ini:

Perhatikan bahwa untuk pembuatan database pada phpMyAdmin akan dibahas pada artikel lainnya.

1. Silahkan masukkan detail koneksi database Anda (Please enter your database connection details).
• Database Driver: MySQLi
• Database Host: localhost
• User: root
• Password: (diisi jika ada)
• Database Name: storedb (seperti apa yang sudah kita buat sesuai nama di atas)
• Database Prefix: oc_ (biarkan saja sesuai dengan bawaan untuk contoh ini)

Gambar 11. Contoh pengaturan no. 1 untuk kolom tahap 3 pada halaman http://localhost/OpencartStore

2. Silakan masukkan nama pengguna dan kata sandi untuk administrator (Please enter a username and password for the administration).
• Username: admin
• Password: admin
• Email: (masukan alamat email Anda)

Gambar 12. Contoh pengaturan no. 2 untuk kolom tahap 3 pada halaman http://localhost/OpencartStore

Klik tombol "Continue" untuk menyelesaikan instalasi ini, pada tahap akan memakan sedikit waktu karena OpenCart menyalin tabel Database dan file PHP, jangan khawatirkan waktu, tunggu beberapa detik dan toko Anda sudah siap!

Gambar 13. Tampilan tahap akhir pada halaman http://localhost/OpencartStore setelah Anda klik tombol Continue sesuai gambar 12 di atas

 

Perhatikan Jangan lupa Hapus folder "install" pada root "OpencartStore" setelah instalasi berhasil.

Gambar 14. Hapus folder install

 

Setelah Anda menghapus folder "install", sekarang coba akses toko online Anda pada tautan http://localhost/OpencartStore dan Anda akan dapat melihat halaman front-end toko online Anda dalam data contoh. Sedangkan untuk dapat mengakses halaman belakang (back-end) toko online Anda, silahkan masukan tautan http://localhost/OpencartStore/admin.

Gambar 15. Tampilan front-end beranda toko online Anda

 

Gambar 16. Tampilan back-end log masuk toko online Anda

 

Memahami Struktur File Dasar

OpenCart memiliki struktur file yang sederhana. Pengguna kemungkinan tidak akan menemui kesulitan setelah mempelajari rincian dasar dari direktorinya.

Gambar 17. Direktori root Opencart

Pada artikel berikutlah kita akan sama-sama mulai belajar mengenal dan mempelajari lebih jauh mengenai direktori Opencart tersebut.

 Download File Jobsheet disini..!!