Membangun Toko Online dengan Joomla! dan VirtueMart Oleh : Muhammad Yusuf Laboratorium Sistem Informasi Universitas Trunojoyo Http://yusufxyz.wordpress.com Email/FB : yusufxyz@gmail.com

Joomla ! Joomla! adalah Sistem manajemen konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet. Joomla pertamakali dirilis dengan versi 1.0.0. Fitur-fitur Joomla! diantaranya adalah sistem caching untuk peningkatan performansi, RSS, blogs, poling, dll. Joomla! menggunakan lisensi GPL. Asal kata Joomla sendiri berasal dari kata Swahili yang mengandung arti "kebersamaan".

VirtueMart adalah modul tambahan dari Joomla yang ditujukan buat jualan online. VirtueMart melengkapi Joomla sebagai salah satu sistem CMS (Content Management System) yang populer di negeri ini dengan modul eCommerce. Joomla telah dipakai banyak organisasi untuk berbagai keperluan, termasuk menjalankan situs perusahaan, instansi, ataupun perorangan. VirtueMart memenuhi kebutuhan perusahaan, instansi, maupun perorangan yang ingin menambah fitur situs Joomla-nya buat berjualan online.

Menginstal Toko Online dengan Joomla! 1.0.15 Sebelumnya harus menginstal dulu XAMPP Setelah menginstal dan menjalankan service Apache dan MySQL, maka selanjutnya menginstal Paket Joomla yang didalamnya sudah terdapat Komponen dan Modul VirtueMart. Berikut ini adalah langkah-langkahnya :

Buat Folder di C:\XAMPP\htdocs. Misalnya Tokosaya Lokasi instalasi toko online dengan Joomla Klik New Folder dan beri nama Tokosaya

Klik Kanan File Joomla_1. 15_ eCommerce_Edition_VM_1. 15 Klik Kanan File Joomla_1.0.15_ eCommerce_Edition_VM_1.0.15.tar lalu pilih Extract Files

Pilih Folder C:\XAMPP\htdocs\tokosaya, lalu klik OK : Pilih Folder Tokosaya

Tunggu Proses Extract sampai selesai Buka Browser Internet, lalu ketik http://localhost/tokosaya

Klik NEXT

Isikan berikut ini : Host Name : Localhost (bisa juga diisi IP Address bila diinstal di jaringan) User Name : root Password : (kosongkan) Database Name : Tokoyusuf (terserah anda) Nama Database boleh berbeda

Klik OK Ketik nama toko, misal : TOKO BUKU. Lalu, klik NEXT

Isi Parameter berikut : Your E-mail : isi dengan email anda (misal: yusufxyz@gmail.com) Admin Password : Ubah password supaya mudah diingat Jika sudah, klik NEXT

Instalasi selesai. Selanjutnya Hapus folder installation yang ada di dalam folder tokosaya Jika folder installation belum dihapus (atau bisa juga di rename), akan muncul tampilan seperti ini jika di klik View Site

Buka lagi folder C:\XAMPP\htdocs\tokosaya, lalu hapus atau rename folder installation

Setelah dihapus, kembali lagi ke browser internet, tekan F5 (refresh) di keyboard anda. Tampilan toko online anda menjadi seperti ini:

Login ke halaman Administrator Untuk bisa mengatur isi toko, harus login dahulu ke halaman administrator. Caranya adalah : Buka browser, ketikkan http://localhost/tokosaya/administrator pada address bar, lalu tekan ENTER

2. Masukkan Username dan Password lalu tekan ENTER atau klik Login 3 2. Masukkan Username dan Password lalu tekan ENTER atau klik Login 3. Lalu masuk ke halaman Administrator

4. Untuk mengatur toko, klik Components>VirtueMart

5. Halaman VirtueMart akan muncul seperti ini :

Mengganti dan memodifikasi Template 1. Klik Installer>Template-Site

2. Klik Browse/Telusuri

3.Pilih Template yang dimiliki lalu klik Open

4. Klik Upload files & install

5. Klik Site>Template Manager>Site Templates

6. Pilih template yang tadi diinstal lalu klik Default

Klik Preview yang terletak di kanan atas halaman administrator atau refresh (Tekan F5) pada browser.

Mengubah identitas toko dan Pemilik Toko 1. Masuklah ke pengaturan VirtueMart, klik Components>VirtueMart. Setelah itu, klik Store>Edit Store

2. Ubahlah informasi toko seperti dibawah ini 3. Ubahlah informasi pemilik toko seperti dibawah ini

4. Ubah mata uang default. 5. Ubah simbol mata uang

6. Hapus deskripsi toko atau isi sesuai keinginan anda.

7. Klik SAVE

8. Jika sukses, identitas toko akan berubah

Mengatur Metode Pembayaran 1. Klik Store>List Payment Methods

2. Pada kolom actions, tanda centang menandakan metode pembayaran yang digunakan. Atur dengn meng-klik tanda silang atau centang sesuai kondisi toko anda Klik tanda centang jika tidak dibutuhkan

Memasukkan metode Pembayaran Jika ingin memasukkan metode pembayaran dg cara transfer ke rekening bank yg kita miliki. Caranya adalah : 1. Klik Store>Add Payment Method

2. Isi data sebagai berikut, Lalu Klik SAVE : Pilih Addres Only/Cash on Deivery Masukkan alamat transfer berupa no rekening, nama dan cabang bank

MENGELOLA BARANG 1. Klik ikon Product List Menghapus Barang Default data sample dari Joomla! dapat dihapus dengan cara berikut : 1. Klik ikon Product List

2. Beri tanda centang Product Name. Semua produk akan terpilih semua

3. Klik ikon REMOVE 4. Jika anda yakin untuk menghapusnya, klik OK

Menghapus Kategori Barang Setelah menghapus barang, kita akan hapus juga kategori barang default dari Joomla!. Caranya adalah : 1. Klik ikon Category Tree pada halaman VirtueMart

2. Beri tanda centang Category Name yang akan dihapus 2. Beri tanda centang Category Name yang akan dihapus. Jika kategori tersebut punya anak kategori, maka anda menghapus anak kategorinya terlebih dahulu. Kategori dan anak ditandai dengan angka 1 dan angka 2. Jadi no 2 dihapus dulu. Dicentang lalu klik remove.

3. Kemudian dicentang yang no 1. lalu diklik remove

Membuat Kategori baru 1. Klik New pada halaman kategori

2. Ketik nama kategori pada Category Name lalu klik Save

3. Untuk membuat sub-kategori, lakukan langkah 1 sampai 2 3. Untuk membuat sub-kategori, lakukan langkah 1 sampai 2. Lalu pilih Parent yang sesuai.

Hasilnya seperti dibawah ini:

Memasukkan Barang 1. Klik kanan di folder C:\XAMPP\htdocs\tokosaya\images lalu pilih New Folder dan beri nama, misal : barang

2. Copy gambar yang akan dipindahkan ke dalam folder barang

3. Setelah memindahkan gambar, Klik Product>Add Product untuk memasukkan barang ke toko.

4. Isi informasi Produk Isikan harga Isi SKU (kode barang), Misal : bk01 Isi Nama barang Ketik deskripsi produk Pilih Kategori

5. Masukkan gambar, klik tab Product Images

6. Klik Telusuri

7. Pilih gambar produk lalu klik Open

8. Klik Save

9. Klik Product List untuk melihat hasilnya

Daftar produk/barang yang telah kita masukkan seperti gambar dibawah ini :

Setelah memasukkan semua barang maka bisa dilihat tampilan toko online dengan meng-klik Preview. Tampilan menjadi seperti ini :

Mengatur Pajak 1. Untuk mengatur pajak, caranya adalah :

2. Isi form yang disediakan lalu klik Save

Mengatur Metode Pengiriman Untuk menambahkan daftar jasa pengirim Barang, caranya : Klik Shipping>Create Shipper

2. Isi form yang disediakan lalu klik Save

Mentatur Vendor Klik Vendor>Add Vendor

2. Isi Store, Store Information dan contact information

Komunitas Joomla Indonesia http://www.id-joomla.com/