Upload
syiroy-uddin
View
328
Download
3
Embed Size (px)
Citation preview
Website Joomla Virtumart Versi 1.5.7
PERKUMPULAN PENDIDIKAN DAN KESEHATAN KELUARGA BESAR H. SOEDARMO
SEKOLAH MENENGAH KEJURUAN
LAPORAN UJIAN KETERAMPILAN
Nama
Alamat
Tingkat
Judul UKK
Prog.Keahlian
Website Joomla Virtumart Versi 1.5.7
PERKUMPULAN PENDIDIKAN DAN KESEHATAN KELUARGA BESAR H. SOEDARMO
SEKOLAH MENENGAH KEJURUAN
DARMA SISWA 1 WARU TERAKREDITASI ”A”
TEKNIK KOMPUTER DAN JARINGAN
LAPORAN UJIAN KETERAMPILAN
KEJURUAN
: RICKY EKA KURNIA SUSPRASETYA
: Berbek 3A Gg Masjid No.9 Turipinggir
: XII – TKJ
: Website Joomla Virtuemart
: Teknik Komputer Dan Jaring
TAHUN PELAJARAN
2015 S/D 2016
Page 1
PERKUMPULAN PENDIDIKAN DAN KESEHATAN KELUARGA BESAR H. SOEDARMO
LAPORAN UJIAN KETERAMPILAN
RICKY EKA KURNIA SUSPRASETYA
Berbek 3A Gg Masjid No.9 Turipinggir
: Website Joomla Virtuemart
Jaringan
Website Joomla Virtumart Versi 1.5.7 Page 2
KATA PENGANTAR
Puji dan rasa syukur mendalam penulis panjatkan kehadirat Allah SWT,
karena berkat limpahan rahmat, hidayah, dan inayah-Nya maka skripsi ini
dapat diselesaikan dengan baik. Salam dan salawat semoga selalu tercurah
pada baginda Rasulullah Muhammad SAW. Makalah yang berjudul “ TOKO
ONLINE VIRTUEMART Joomla”
Penulis mengucapkan rasa terimasih yang sebesar-besarnya atas semua
bantuan yang telah diberikan, baik secara langsung maupun tidak langsung
selama penyusunan tugas akhir ini hingga selesai. Secara khusus rasa
terimakasih tersebut kami sampaikan kepada :
1. Bpk. Syiroy Uddin selaku ketua jurusan Tehnik Komputer Dan
Jaringan yang telah memberikan bimbingan dan dorongan dalam
penyusunan tugas akhir ini.
Penulis menyadari bahwa tugas akhir ini Sudah sempurna, baik dari segi
materi meupun penyajiannya. Terakhir penulis berharap, semoga tugas akhir
ini dapat memberikan hal yang bermanfaat dan menambah wawasan bagi
pembaca dan khususnya bagi penulis juga.
PENULIS
( Ricky Eka Kurnia Susprasetya )
Website Joomla Virtumart Versi 1.5.7 Page 3
DAFTAR ISI
BAB 1 PENDAHULUAN
1.1 Latar Belakang ...........................................................................................04
1.2 Perumusan Masalah ..................................................................................05
1.3 Tujuan ........................................................................................................05
1.4 Batasan Masalah .......................................................................................05
BAB 2 TEORI PEMULA
2.1 Joomla .....................................................................................................06
2.2 Virtuemart ...............................................................................................06
2.3 Xampp .....................................................................................................07
2.4 MySQL .....................................................................................................07-08
2.5 Apache .....................................................................................................08
BAB 3 PERANCANGAN PEMBUATAN TOKO ONLINE VIRTUEMART
3.1 Perancangan Sistem Web ........................................................................09-10
3.2 Program Pembangunan Toko Online .......................................................10
3.3 Perancangan Fitur .....................................................................................10
3.4 Desain Template .......................................................................................10-12
3.5 Implememtasi Fitur Cara Pembelian Dan Pembayaran ............................12-13
3.6 Pengiriman ................................................................................................13
BAB 4 PEMBUATAN PRODUK VIRTUEMART
4.1 Penginstalan Virtuemart ...........................................................................14-15
4.2 Cara Membuat Category Produk Virtuemart ............................................15-17
4.3 Cara Membuat Produk Baru Di Virtuemart ...............................................17-21
BAB 5 HASIL TUGAS AKHIR UKK
5.1 Kesimpulan ...........................................................................................22
5.2 Kritik Dan Saran ....................................................................................22
DAFTAR PUSTAKA
Website Joomla Virtumart Versi 1.5.7 Page 4
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Pada saat ini Tekologi Informas Mengalami perkembangan yang sangat
pesat, seiring dengan kebutuhan manusia yang juga terus Bertambah.
Teknologi memegang peranan yang sangat penting bagi kehidupan manusia
saat ini, yang tidak mengikuti perkembangan teknologi, maka dapat
dipastikan akan menjadi orang terbelakang.
Manusia adalah makhluk sosial yang saling membutuhkan antara satu
dengan yang lain. Banyak cara untuk menghubungkan manusia satu dengan
manusia lain. Salah satunya dengan membentuk komunitas.
Komunitas merupakan perkumpulan orang yang memiliki minat yang
sama untuk melakukan suatu kegiatan tertentu. Ada beberapa komunitas
yang menghasilkan suatu barang atau menemukan hal baru yang menarik.
Dari barang yang dihasilkan, mereka ingin mempublikasikannya melalui
internet. Internet merupakan media publikasi paling populer di dunia. Para
komunitas yang melihat hal ini tidak hanya ingin mempublikasikan saja tapi
juga menjual barang yang mereka hasilkan. Dalam penjualan barang melalui
internet, para komunitas mengalami kendala berupa sulitnya menemukan
situs yang mau menjualan barang mereka untuk medapatkan keuntungan dari
hasil barang yang telah dijual,
Virtuemart ialah salah satu free software untuk berjualan secara online.
VirtueMart dapat didownload, digunakan dan untuk dimodifikasi tanpa
batasan apapun (Lisensi: GNU / GPL) – sama seperti Joomla. Virtumart dapat
memenuhi kebutuhan perusahaan – perusahaan dan Instansi, baik secara
perorangan yang ingin menabahkan fitur – fitur khusus untuk berjualan
secara Online.
Untuk mengatasi masalah tersebut maka dirancanglah sebuah website
yang dapaat membantu penjualan barang komunitas sehingga mereka dapat
mempublikasi sekaligus menjual barang mereka.Dan mereka juga dapat
mencari anggota baru yang satu hobi dengan mereka.
Website Joomla Virtumart Versi 1.5.7 Page 5
1.2 Perumusan Masalah
Adapun perumusan masalah dalam pembuatan web ini adalah:
1. Bagaimana merancang website untuk melakukan proses jual-beli
produk komunitas secara online?
2. Bagaimana membangun website yang dapat membantu konsumen
dalam transaksi jual beli sampai pengiriman barang?
1.3 Tujuan Dan Manfaat
Tujuan dari pembuatan website ini adalah sebagai berikut :
1. Merancang website penjualan produk komunitas secara online.
2. Membangun website yang dapat membantu konsumen dalam
transaksi.
3. Pengiriman barang untuk produk-produk komunitas.
Manfaat dari website ini adalah :
1. Untuk mempermudah penjualan barang komunitas secara online.
2. Untuk menghubungkan penjualan dan pembeli.
1.4 Batasan Masalah
Pada penulisan ini penulis membatasi masalah yang dibatasi sebagai
berikut :
1. Prototype perancangan Virtuemart.
2. Virtuemart penjualan produk komunitas.
Website Joomla Virtumart Versi 1.5.7 Page 6
BAB 2
TAHAPAN PEMULA
1.5 Joomla
Joomla adalah CMS yang bersifat Open Source, berbasis kode PHP dan
database MySQL. Beberapa program CMS lain yang populer adalah :Mambo,
Aura, PHP Nuke, Drupal, Wordpress, dan lainnya. Kelebihan joomla dibanding
program CMS lain adalah : mudah digunakan, powerfull, bersifat full
cutsomizable, dan tersedia banyak aplikasi pendukungnya. Joomla digunakan
untuk membuat blok pribadi, bahkan forum. CMS Joomla dapat di-download
secara gratis dari situs resminya http://www.joomla.org, yang juga dibuat
menggunakan Joomla. Jadi website joomla yang saya buat gratis dan ada
joomla yang perbayar.
1.6 Virtuemart
VirtueMart adalah salah satu free software untuk berjualan secara
online. VirtueMart dapat didownload, digunakan dan dimodifikasi tanpa
batasan apapun (Lisensi: GNU / GPL) sama seperti Joomla. VirtueMart
memenuhi kebutuhan perusahaan, instansi, maupun perorangan yang ingin
menambah fitur khusus untuk berjualan online.
Bagi calon pedagang online yang sudah menjalankan situsnya
menggunakan Joomla, menambahkan fitur eCommerce di dalamnya menjadi
mudah dengan adanya VirtueMart. Sebagai modul tambahan Joomla, paket
instalasi dan administrasinya menyatu dengan modul instalasi dan
administrasi Joomla, sehingga memakai VirtueMart terasa mudah seperti
halnya memakai modul Joomla yang lainnya.
Salah satu keuntungan menggunakan VirtueMart adalah integrasinya
yang bagus dengan fitur CMS (Content Management System)yang disediakan
oleh Joomla. Jika ingin mengintegrasikan fitur CMS dan eCommerce dalam
satu situs yang sama, maka kombinasi Joomla dan VirtueMart adalah jawaban
yang tepat. Namun, jika hanya ingin berkonsentrasi ke eCommerce saja,
sebaiknya mempertimbangkan pilihan selain VirtueMart. Hal ini karena
kompleksitas yang cukup tinggi untuk mengerti mekanisme Joomla sebelum
bisa menggunakan VirtueMart.
Website Joomla Virtumart Versi 1.5.7 Page 7
2.3 Xampp
XAMPP adalah sebuah software gratis yang mendukung banyak sistem
oprasi dan merupaka komplikasi dari beberapa progam. Fungsinya adalah
sebagai server yang terdiri sendiri (localhost), yang terdiri atas program
Apache HTTP server, MySQL database, dan penterjemah bahasa yang ditulis
dengan bahasa pemrogaman PHP dan Perl Nama XAMPP merupakan
singkatan dari X (sistem oprasi apapun), MySQL, PHP dan Perl. program ini
tersedia dalam GNU General Public Lisensi dan bebas, merupakan web server
yang mudah digunakan yang dapat melayani tampilan halaman web yang
dinamis.
Mengenal bagian XAMPP yang bisa digunakan pada umumnya :
A. Htdoc adalah folder tempat meletakan berkas – berkas yang
akan dijalankan, seperti berkas PHP, HTML, skrip lain.
B. PhpMyAdmin adalah sebuah aplikasi/perangkat lunak bebas
(opensource) yang ditulis dalam bahasa pemrograman PHP
yang digunakan untuk menangani administrasi database
MySQL melalui jaringan lokal maupun internet. phpMyAdmin
mendukung berbagai operasi MySQL, diantaranya (mengelola
basis data, tabel-tabel, bidang (fields), relasi (relations),
indeks, pengguna (users), perijinan (permissions), dan lain-
lain). - See more at: http://www.zainalhakim.web.id/apa-itu-
phpmyadmin.html#sthash.xa5P9nAC.dpuf.
C. Kontrol panel yang berfunsi untuk mengelola layanan
*service) XAMPP. Seperti menghentikan (stop) layanan,
ataupun memulai (start).
2.4 MySQL
MySQL pada awalnya diciptakan pada tahun 1979, oleh Michael
"Monty" Widenius, seorang programmer komputer asal Swedia. MySQL
adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa
Inggris: database management system) atau DBMS yang multithread, multi-
user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat
MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General
Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial
untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan
GPL.
Website Joomla Virtumart Versi 1.5.7 Page 8
2.5 Apache
Apache adalah server web yang dapat dijalankan di banyak sistem
operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta
platform lainnya) yang berguna untuk melayani dan memfungsikan situs web.
Protokol yang digunakan untuk melayani fasilitas web/www ini menggunakan
HTTP. Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat
dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache juga didukung
oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan
penanganan server menjadi mudah. Apache merupakan perangkat lunak
sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari
pengembang-pengembang dibawah naungan Apache Software Foundation.
Asal mula nama Apache berasal ketika sebuah server web populer yang
dikembangkan pada awal 1995 yang bernama NCSA HTTPd 1.3 memiliki
sejumlah perubahan besar terhadap kode sumbernya (patch). Saking
banyaknya patch pada perangkat lunak tersebut sehingga disebut sebuah
server yang memiliki banyak patch ("a patchy" server). Tetapi pada halaman
FAQ situs web resminya, disebutkan bahwa "Apache" dipilih untuk
menghormati suku asli Indian Amerika Apache (Indé), yang dikenal karena
keahlian dan strategi perangnya. Versi 2 dari Apache ditulis dari awal tanpa
mengandung kode sumber dari NCSA.
Website Joomla Virtumart Versi 1.5.7 Page 9
BAB 3
PERENCANGAN PEMBUATAN TOKO ONLINE VIRTUEMART
3.1 Perancangan Sistem WEB
Dalam membuat situs toko online harus diketahui konsep yang akan di gunakan
terlebih dahulu. Maka dalam situs toko online kami menjual berbagai macam produk
computer. Konsek ini diterapkan adalah user dapat melakukan akse situs penjualan produk
computer melalui internet
Pada toko online kami akant teradapat menu. Menu tersebut dibedakan menjadi 2
macam dimana terdapat menu umum dan menu khusus. Dalam menu umum, pengunjung
hanya dapat melihat-lihat isi dari situs tok online. Tanpa memiliki akses untuk pembelian
ataupun lainya. Sedangkan menu khusus, pengunjung yang telah terdaftar menjadi
member akan dapat melihat-lihat isi situs web dan dapat melakukan pembelian ataupun
akses laenya yang umum.
Selain itu juga terdapat menu control yang dapat dilakukan oleh administrator untuk
melakukan editing maupun update dari situs web penjualan tersebut.
Diagram system kerja toko online saya
Toko online yang saya buat merupakan toko online yang menjual berbagai macam
barang yang dikelaskan dengan berbagai kategori. Baik dari barang computer sampai
dengan kebutuhan acesoriesnya. Menu kategori yang berisi berbagai produk dari item
barang yang dijual ini telah saya rancang dan saya tempatkan sedemikian rupa sesuai
dengan keinginan konsumen sehingga para konsumen tidak akam merasa kesulitan dalam
Website Joomla Virtumart Versi 1.5.7 Page 10
memilih item barang yang akan dibutuhkan. Saya juga melengkapi sistem search engine
apabila pembeli ingin mencari langsung item barang yang dibutuhkan.
3.2 Program Pembangunan Toko Online
Untuk toko online yang kami buat menggunakan Joomla dan VirtueMart . Joomla
adalah Conten Managemen Systen (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.
VirtueMart adalah salah satu componen yang dikhususkan untuk pembuatan toko
berbasis internet, atau biasa disebut sebagai toko online. VirtueMart hadir sebagai solusi
para pengusaha yang ingin membuka toko online untuk bisnis mereka. VirtueMart memiliki
banyak fitur yang sangat diperlukan dalam pengadaan toko online yang memiliki
keamanan dan performa yang tangguh dengan tidak meniadakan kemudahan pembeli dan
juga penjual produk.
3.3 Perencanaan Fitur WEB
Tahap awal dalam pembuatan sebuah situs web adalah perencanaan tentang tujuan
dan fungsi dari situs web tersebut. Maka tahap awal dalam situs web penjualan produk
komputer adalah merencanakan fitur-fitur apa yang akan dibutuhkan dalam membangun
sebuah web penjualan tersebut.
Dengan meninjau beberapa sumber. maka dapat disimpulkan bahwa situs web
penjualan produk komputer ini membutuhkan fitur-fitur sebagai berikut:
A. Fitur Produk, dimana pengunjung akan dapat melihat-lihat produk yang ada dan
dapat membeli suatu produk yang diinginkan.
B. Fitur Contact, dimana pengunjung dapat melakukan kontak kepada admin baik
melalui e-mail maupun telepon.
C. Fitur pendukung lainnya untuk situs web penjualan produk computer ini.
3.4 Desain Template Web
Proses pembuatan situs web dimulai dengan pembuatan template atau desain
tampilan. Untuk pembuatan template ini digunakan metode Cascade Style Sheet (CSS).
Dengan menentukan template tersebut, maka kemudian kita dapat untuk mengatur dan
merancang posisi untuk mengisi situs web penjualan produk komputer ini. Gambar desain
Website Joomla Virtumart Versi 1.5.7 Page 11
template untuk website penjualan produk komputer ini dapat dilihat pada gambar
dibawah ini
Gambar Desain Template yang saya buat
Bila ditinjau dari layout template diatas. maka desain template dari situs web penjualan
produk dapat dijabarkan sebagai berikut ini :
1. Header
Header adalah bagian untuk menampilkan banner utama dari situs web. Dalam situs
web penjualan produk komputer ini, header ditunjukkan untuk gambar yang menarik
atau logo dari toko online kami.
2. Modul main menu
Pada Main Menu, terdapat Home, Profile, Produk, Info Penting, dan Contact. Home
akan menunjukkan halaman awal dari situs web penjualan produk komputer.
Sedangkan Profile mambahas tentang isi data tentang situs web ini. Contact berisikan
data admin dan fasilitas e-mail bagi pengunjung untuk bertanya kepada admin.
3. Modul Navigasi Kiri
Pada modul navigasi kiri dalam situs web penjualan ini berisikan :
a. Produk
Pada bagian produk lerdapat di dalamnya jenis-jenis barang yang dijual melalui
situs web ini. Sekaligus merupakan bagian dari toko online. Bila hanya sebagai
HEADER
NAVI
GASI
KIRI
FOTTER
MAIN MENU
ISI WEB PENJUALAN
Website Joomla Virtumart Versi 1.5.7 Page 12
pengunjung umum saja, maka hanya dapat melihat-lihat isi produk yang dijual.
Tetapi bila ingin melakukan pembelian. maka harus mendaftar terlebih dahulu
untuk menjadi member.
b. Modul Login Form
Dalam modul ini disediakan fungsi login bagi user yang sudah terdaftar. Dengan
memasukkan username dan password maka akan dapat melakukan akses
pembelian terhadap suatu barang di situs penjualan produk komputer ini. Bila
belum menjadi member, maka juga disediakan menu untuk registrasi.
c. Pencarian produk
Pengunjung bisa mencari produk yang diingkan memalui modul pencarian ini.
4. Footer
Footer merupakan bagian dari web yang paling bawah. Disini footer kami isi dengan
beberapa menu dan alamat toko kami, kemudian biasanya berisi copyright (hak cipta)
pembangun situs web.
3.5 Implementasi Fitur Cara Pembelian Dan Pembayaran
Dalam membuat situs web toko online, harus menyusun desain untuk
menampilkan produk yang akan ditawarkan. Selain itu juga mendesain model pembayaran
yang digunakan dalam toko online tersebut.
Dengan fitur toko online ini. pengunjung yang hendak melakukan pembelian, dapat
melihat-lihat produk yang ditawarkan beserta harga, detail dari produk tersebut, dan
selanjutnya dapat untuk memilih sistem pembayaran yang tersedia.
Untuk menambah fungsionalitas dari komponen ini, maka dilakukan beberapa
penambahan fitur, yaitu :
1. Fitur wajib login sebelum melakukan transaksi.
Sebelumnya semua user, baik yang telah register maupun belum, bisa melakukan
transaksi. Tetapi untuk alasan keamanan dan pendataan yang lebih akurat, maka
ditambahkan mekanisme supaya user harus melakukan register dan login terlebih
dahulu sebelum bertransaksi. hal ini dilakukan sebagai kelengkapan data dimana
nantinya akan digunakan sebagai acuan dalam melakukan pengiriman ke alamat tujuan
serta digunakan sebagai data pembayaran.
2. Fitur pilihan metode pembayaran.
Website Joomla Virtumart Versi 1.5.7 Page 13
Ada dua metode yang dapat dipilih untuk pembayaran dalam situs web penjualan
produk ini, yaitu money transfer (transfer bunk) dan PayPal.
• Untuk pembayaran dengan money transfer, maka toko online perlu
menginformasikan kepada user tentang mekanisme pembayarannya termasuk
nomor rekening, nomor transaksi pembelian. dan proses verifikasi yang harus
dilakukan oleh user sebelum pembayarannya dinyatakan valid. Untuk itu
ditambahkan kode program untuk menginformasikan kepada user di akhir proses
transaksi mengenai informasi tersebut.
• Untuk dapat menggunakan metode PayPal ini, user harus terlebih dahulu memiliki
account PayPal dengan dapat mendaftar di http://www.paypal.com/.
Dibawah ini skema cara pembelian dan pembayaran sampai produk pesanan di kirim.
3.6 Pengiriman
Untuk jasa pengiriman toko online kami menggunaka beberapa jasa ekpedisi
seperti JNE. Tarif pengiriman sesuai dengan jarak tempuh dan berat barang yang masin
masing barang yang telah di pesan.
Registrasi
User login
User memilih
produk yang dibeli
dan melakukan
konfirmasi
User memberikan
alamat
pengiriman dan
identitas diri
User memilih
metode
pembayaran yang
digunakan
User melakukan
pembayaran
Pesanan dikirim
ke alamat
pengiriman
Website Joomla Virtumart Versi 1.5.7 Page 14
BAB 4
PERANCANGAN PEMBUATAN PRODUK VIRTUEMART
4.1 Penginstalan Virtuemart Bagi pengguna website joomla yang berkeinginan membuat toko online bisa
menggunakan Virtuemart, karena Virtuemart memiliki fasilitas yang sangat lengkap dan
mudah pengaplikasiannya, terlebih jika anda pengguna CMS joomla. mencoba aplikasi
yang satu ini untuk membuat toko online. Untuk menginstall Virtuemart pada Joomla
seperti berikut :
1. Pertama siapkan file Virtuemart.
2. Masuk ke administrator joomla “http://namadomain.com/administrator” tanpa tanda
petik, setelah berhasil login maka akan tampil menu control panel joomla.
3. Melakukan install modul virtuemart yang telah anda download sebelumnya, jika belum mendownload silahkan download terlebih dahulu dan setelah berhasil di download sekarang proses install joomla, yakni dengan cara klik menu Extensions >> Install/Uninstall, lalu klik tombol Browse/Telusuri file com_virtuemart.zip, lalu akhiri dengan klik tombol Upload File & Install, kemudian tunggu sampai muncul pesan “install Component Success”.
Website Joomla Virtumart Versi 1.5.7 Page 15
4. Tunggu hingga muncul “Install Component Success”.
5. Setelah itu akan muncul tampllan selamat datang Virtuemat, lalu klik Instal Sample
data.
4.2 Cara Membuat Category Produk Virtuemart
Cara mambaut category produk virtuemart secara berikut :
1. Pertama tentu anda harus login ke administrator joomla (domain-
anda.com/administrator), lalu klik Component -- Virtuemart, selanjutnya kita akan
dibawa ke Virtuemart Control Panel. Lalu klik Category Tree.
Website Joomla Virtumart Versi 1.5.7 Page 16
2. Setelah masuk ke Category Tree, lalu klik NEW untuk membuat category produk
yang akan dibuat.
3. Jika sudah masuk Category Information, pertama harus mengisi terlebih dahulu
seperti berikut misalnya nomer 1 harus memberikan nama category barang yang
akan kita buat ( Category Name ) contoh barang nya saya buat ( Elektronik). Untuk
nomer 2 harus memberikan spesifik barang tersebut boleh di isi atau tidak
(Category Description), dan jangan lupa beri tanda centang pada (Publish).
4. Jika sudah selesai selanjunya untuk nomer 1: category parent ( induk ) lalu pilih
default-Top Level ( bawaan tingkat atas ) untuk membuat category produk, nomer
2: Show x products per row (Tampilkan x produk per baris ) jika produknya ada 2
jenis berbeda maka pilih 2 baris. Nomer 3: Category Browse Page (Kategori Telusuri
Halaman) lalu pilih Managed, nomer 4: Category Flypage lalu pilih Flypage.tpl
Website Joomla Virtumart Versi 1.5.7 Page 17
5. Jika sudah di isi semua klik Apply dan klik save
6. Jika selesai akan muncul pesan yang ada dibawah ini
7. Jika sudah selesai cek terlebih dahulu di daftar Category Tree. Jika sudah muncul
untuk pembuatan Category Produk BERHASIL di buat.
4.3 Cara Membuat Produk Baru Di Virtuemart
Berikut ini bagaimana langkah – langkah pembuatan produk baru pada
Virtuemart :
1. Pertama login joomla dulu, Login ke Joomla Administrator, biasanya beralamat
dihttp://indoserpentine.com/administrator/ masukan Username & Password.,
kemudian klik tombol Login untuk masuk ke halaman Administration.
2. Pertama Buka halaman Virtuemart di control panel dengan mengakses menu klik
Component Dan Lalu Klik Virtuemart.
Website Joomla Virtumart Versi 1.5.7
3. Setelah masuk ke Virtuemart, kita akan di bawa ke
halaman Produk List
icon Produk List seperti di gambar dibawah ini.
4. Menambahkan Produk baru untuk memulai menambahkan produk bari dihalaman
Produk List pada pojok kanan atas terdapat icon
hijau muda klik icon ini untuk mulai menambahkan produk baru.
5. Melengkapi Produk Information
information seperti berikut :
A. SKU : Kode Produk contoh saya isi kodenya (KL4926P)
Website Joomla Virtumart Versi 1.5.7
Setelah masuk ke Virtuemart, kita akan di bawa ke Produk List untuk mengakses
di Virtuemart Control Panel, ini dilakukan dengan klik pada
seperti di gambar dibawah ini.
Menambahkan Produk baru untuk memulai menambahkan produk bari dihalaman
pada pojok kanan atas terdapat icon NEW bertanda ( + ) berwarna
hijau muda klik icon ini untuk mulai menambahkan produk baru.
Produk Information di bagian tab ini silahkan detail produk
information seperti berikut :
Kode Produk contoh saya isi kodenya (KL4926P)
Page 18
untuk mengakses
di Virtuemart Control Panel, ini dilakukan dengan klik pada
Menambahkan Produk baru untuk memulai menambahkan produk bari dihalaman
bertanda ( + ) berwarna
ini silahkan detail produk
Website Joomla Virtumart Versi 1.5.7
B. Name : Nama Produk Contoh ( kamera BO Canon Eos 40D
C. Categories : Kategori produ
menekan tombol
Ctrl pada keyboard sambil klik pada kategori berikutnya bisa produk memiliki
kategori lebih dari satu.
D. Produk price ( Net ) :
tentukan mata uangnya Rupiah.
Seperti digambar dibawah ini.
6. Kemudian ( Deskripsi ) isi spesifik produk yang akan kita jual beserta nomer telepon
nya.
7. Selanjutnya klik Produk Status
1. Di tab ini masukan jumlah stock yang tersedia dalam kolom “
barang yang akan di jual
2. Di kolom nomor 2.
“Minimum Purchase Quantity
8. Lalu klik Produk Dimensions & Weight
ukuran dari barang yang akan kita jual.
Website Joomla Virtumart Versi 1.5.7
: Nama Produk Contoh ( kamera BO Canon Eos 40D
Kategori produk, yang sesuai produk yang akan dijual
menekan tombol Categories.
pada keyboard sambil klik pada kategori berikutnya bisa produk memiliki
kategori lebih dari satu.
Produk price ( Net ) : Harga produk, harga produk yang akan dijual. Dan
tentukan mata uangnya Rupiah.
Seperti digambar dibawah ini.
Kemudian ( Deskripsi ) isi spesifik produk yang akan kita jual beserta nomer telepon
Produk Status dan lalu isi :
Di tab ini masukan jumlah stock yang tersedia dalam kolom “
barang yang akan di jual
Di kolom nomor 2. tentukan jumlah minimum pembelian atau
Minimum Purchase Quantity“
Produk Dimensions & Weight di tab ini kita memsukkan detail berat dan
ukuran dari barang yang akan kita jual.
Page 19
k, yang sesuai produk yang akan dijual dengan
pada keyboard sambil klik pada kategori berikutnya bisa produk memiliki
Harga produk, harga produk yang akan dijual. Dan
Kemudian ( Deskripsi ) isi spesifik produk yang akan kita jual beserta nomer telepon
Di tab ini masukan jumlah stock yang tersedia dalam kolom “In Stock“
tentukan jumlah minimum pembelian atau
di tab ini kita memsukkan detail berat dan
Website Joomla Virtumart Versi 1.5.7 Page 20
A. Length : Panjang.
B. Width : Lebar.
C. Height : Tinggi.
D. Unit of Measure : Satuan ukuran panjang, bisa diganti dengan “cm”
untuk centimeter.
E. Weight : Berat.
F. Unit of Measure : Satuan ukuran berat, bisa diganti “kg” atau “ons”.
9. Selanjutnya kita masuk di tab Produk Images untuk memsukan gambar dari produk
yang akan kita jual. Siapkan gambar tersebut.
1. Kemudian gunakan tombol “Browse…” untuk mengambil gambar
produk dari komputer anda.
2. Kemudian tekan tombol save dibagian atas seperti pada gambar.
Anda perlu menyisipkan Thumbnail Image karena Virtuemart akan secara otomatis
melakukan Resize untuk membuat gambar kecil Thumbnail Image.
10. Setelah sudah di isi semua lalu klik Apply.
11. Jika selesai tunggu hingga muncul pesan seperti gambar berikut.
Website Joomla Virtumart Versi 1.5.7 Page 21
12. Lalu sudah selesai klik Save
13. Anda Sudah Berhasil Menambahkan produk baru di website berbasis Joomla Dan
Virtuemart. Untuk melihat produk anda silahkan kembali ke halaman website anda.
Website Joomla Virtumart Versi 1.5.7 Page 22
BAB 5
HASIL TUGAS AKHIR UKK
3.1 Kesimpulan
Berdasarkan penelitian yang telah dilakukan mengenai analisis perancangan dan
implementasi website penjualan toko online Virtuemart maka dapat ditarik beberapa
kesimpulan sebagai berikut :
1. Toko online Virtuemart terintegrasi ini membantu pelanggan mendapatkan
barang yang ingin dimilikinya.
2. Fasilitas penjualan online ( Virtuemart ) yang dimiliki oleh website ini cukup
membantu pengguna untuk mencari barang yang dibutuhkan oleh pengguna.
3. Toko online terintergrasi cukup memudahkan pelanggan/ pengguna untuk
membeli barang atau mencari barang tanpa harus keluar rumah.
4. Fasilitas penjualan yang ada di Virtuemart ini dapat menjadi daya tarik
pengguna internet untuk mengunjungi website ini.
3.2 Kritik Dan Saran
Untuk lebih meningkatkan kinerja dari aplikasi toko online ini ada beberapa saran
yang dapat dijadikan pertimbangan dalam pengembangan dari Virtuemart toko online
terintegrasi, yaitu:
1. Virtuemart yang dibuat memerlukan perbaikan dari segi tampilan agar bias
lebih menarik masyarakat untuk mengunjungi website ini.
2. Penanganan kesalahan yang harus lebih diperbaiki agar tidak
membingungkan pengguna saat menggunakan Virtuemart ini.
3. Virtuemart yang saya gunakan Offline jadi Virtuemart ini bawa an dari
Website Joomla, Website Joomla ada yang Online ada yang offline jadi cara
pembuatannya tetap sama.
Daftar Pustaka
http://www.distrodoc.com/183-membangun-toko-online-dengan-joomla-virtuemart