Download dan Instalasi VirtueMart pada Joomla

Setelah XAMPP dan Joomla terinstal di dalam komputer Anda, untuk dapat membuat sebuah website sebagai sebuah toko online, Anda memerlukan sebuah alat bantu berupa extension yang dapat memudahkan Anda untuk membangun toko online Anda tersebut. Extension yang dimaksud adalah VirtueMart yang akan memudahkan Anda untuk membangun toko Anda dengan praktis dan mudah. Semua yang Anda perlukan untuk membuat sebuah toko online telah disediakan secara lengkap di dalam paket extension ini, dari pembuatan nama toko, input data-data barang dan mengorganisasikannya, menentukan harga hingga ke cara pembayaran jika terjadi transaksi. Sebelum lebih lanjut membahas tentang penggunaan VirtueMart ini, pembahasan akan diawali dulu dengan cara men-download ekstensi tersebut hingga ke cara meng-instalnya.

2.1 Download VirtueMart

Untuk men-download extension VirtueMart, ikutilah langkah-langkah berikut ini:

1. Masuklah terlebih dahulu ke alamat URL http://virtuemart.net/index.php?option=com_content&task=view&id=54&Itemid=147.

2. Lantas pilihlah opsi Complete Package for Joomla 1.5.

Gambar 7.1. Memilih Opsi Complate Package for Joomla 1.5

3. Jika sudah pilihlah opsi Save to Disk pada kotak dialog yang muncul.

Gambar 7.2. Memilih Opsi Save to Disk

4. Lantas klik tombol OK.

5. Berikutnya tentukan lokasi penyimpanan file hasil download.

Gambar 7.3. Memilih Lokasi Penyimpanan File

6. Sesudahnya pilihlah tombol Save.

7. Tunggulah hingga proses download selesai dilakukan.

8. Bila proses download telah selesai dilakukan, selanjutnya klik-kanan pada file Virtue Mart hasil download dan pilihlah opsi Extract Files to “nama folder Virtue Mart yang sama dengan nama file kompresinya”.

Gambar 7.4. Memilih Opsi Extract Files

9. Setelah itu bukalah folder hasil ekstraksi tersebut, Anda pun akan mendapati file-file extension Virtue Mart yang telah diurai.

Gambar 7.5. Tampilan File Hasil Download yang telah Diurai

2.2 Instalasi VirtueMart

Setelah proses download file extension selesai dan proses penguraian file berhasil dilakukan, maka Anda akan memperoleh tiga bagian file extension yakni:

· 1 component (com_virtuemart_1.1.0.zip).

· 13 module.

· 2 plugin.

Selain itu Anda juga akan mendapatkan tutorial instalasi VirtueMart 1.1.0. dalam bentuk file PDF.

Berikutnya lakukanlah tahapan instalasi dengan menggunakan file-file hasil downlod tersebut dengan mengikuti panduan berikut ini:

1. Pastikan Anda telah masuk ke dalam aplikasi Joomla sebagai administrator.

2. Awali dengan memilih menu Extensions > Install/Uninstall.

Gambar 7.6. Memilih Opsi Install/Uninstall

3. Pada halaman Extension Manager yang muncul, pilihlah tombol Browse.

Gambar 7.7. Memilih Tombol Browse

4. Kemudian pilihlah terlebih dahulu file component extension.

Gambar 7.8. Memilih File Component Extension

5. Jika sudah klik tombol Open.

6. Kembali ke halaman Extension Manager, pilihlah tombol Upload File & Install.

Gambar 7.9. Memilih Tombol Upload File & Install

7. Tunggulah beberapa saat hingga Anda melihat tampilan konfirmasi keberhasilan proses instalasi.

Gambar 7.10. Tampilan Konfirmasi Keberhasil Proses Instalasi

8. Selanjutnya masih pada halaman yang sama, pilihlah tombol Install Sample Data.

Gambar 7.11. Memilih Tombol Instal Sample Data

9. Setelah itu Anda akan melihat beberapa contoh data yang nantinya bisa disesuaikan dengan data Anda dengan menambahkan beberapa item ataupun dengan mengedit data yang telah ada.

Gambar 7.12. Tampilan Sample Data yang telah Terinstal

10. Setelah itu kita akan menginstal dua plugin yang terdapat pada file hasil download. Untuk itu pilihlah kembali menu Extensions > Install/Uninstall.

11. Pada halaman Extension Manager yang muncul, pilihlah kembali tombol Browse.

Gambar 7.13. Memilih Tombol Browse

12. Lantas pilihlah file plugin extension yang pertama.

Gambar 7.14. Memilih File Plugin yang Pertama

13. Jika sudah pilihlah tombol Open.

14. Kembali ke halaman Extension Manager, pilihlah tombol Upload File & Install.

Gambar 7.15. Memilih Tombol Upload File & Install

15. Beberapa saat kemudian Anda akan melihat konfirmasi keberhasilan proses instalasi.

Gambar 7.16. Tampilan Konfirmasi Keberhasilan Proses Instalasi

16. Jika sudah pilihlah kembali menu Extensions > Install/Uninstall.

17. Pada halaman Extension Manager yang muncul, pilihlah kembali tombol Browse.

Gambar 7.17. Memilih Tombol Browse

18. Kemudian pilihlah file plugin extension yang kedua.

Gambar 7.18. Memilih File Plugin yang Kedua

19. Sesudahnya pilihlah tombol Open.

20. Nantikan beberapa saat hingga Anda memperoleh tampilan konfirmasi keberhasilan proses instalasi tersebut.

Gambar 7.19. Tampilan Konfirmasi Proses Instalasi yang telah Berhasil

21. Jika sudah, pilihlah menu Extensions > Plugin Manager.

Gambar 7.20. Memilih Opsi Plugin Manager

22. Pada halaman Plugin Manager yang muncul, aktifkan kedua plugin yang telah terinstal sehingga berada dalam keadaan tercentang atau enable.

Gambar 7.21. Mengaktifkan Plugin yang telah Terinstal

23. Setelah itu kita akan menginstal seluruh module yang telah berhasil di-download satu demi satu. Untuk itu pilihlah menu Extensions > Install/Uninstall.

24. Pada halaman Extension Manager yang muncul, pilihlah kembali tombol Browse.

Gambar 7.22. Memilih Tombol Browse

25. Lanjutkan dengan memilih file module extension yang pertama.

Gambar 7.23. Memilih Module yang Pertama

26. Lantas pilihlah tombol Open.

27. Kembali ke bagian Extension Manager, pilihlah tombol Upload File & Upload.

Gambar 7.24. Memilih Tombol Upload File & Install

28. Tunggulah hingga Anda memperoleh tampilan konfirmasi keberhasilan proses instalasi module tersebut.

Gambar 7.25. Tampilan Konfirmasi Keberhasilan Proses Instalasi

29. Berikutnya lakukanlah langkah yang sama untuk menginstal module-module lainnya.

30. Jika sudah pilihlah menu Extensions > Module Manager.

Gambar 7.26. Memilih Opsi Module Manager

31. Pada halaman Module Manager yang muncul, aktifkanlah module-module yang telah terinstal sehingga seluruh module tersebut dalam keadaan Enable/tercentang.

Gambar 7.27. Mengaktifkan Seluruh Module yang telah Terinstal

32. Jika sudah pilihlah opsi Preview yang berada di bagian atas halaman Module Manager tersebut. Setelah itu Anda akan mendapati tampilan Virtue Mart dengan data sample.

Gambar 7.28. Tampilan Virtue Mart di Sisi Kiri Halaman Pertama

Gambar 7.29. Tampilan Sample Data pada Salah Satu Kategori Virtue Mart