SlideShare une entreprise Scribd logo
1  sur  22
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

7. pembuatan website dengan joomla
7. pembuatan website dengan joomla7. pembuatan website dengan joomla
7. pembuatan website dengan joomla
Faiz Fanani
 
Tutorial blog-student fkip
Tutorial blog-student fkipTutorial blog-student fkip
Tutorial blog-student fkip
Oni Popoxz
 

Tendances (16)

7. pembuatan website dengan joomla
7. pembuatan website dengan joomla7. pembuatan website dengan joomla
7. pembuatan website dengan joomla
 
PI bab 1-- 4 -- penutup fixed
PI bab 1-- 4 -- penutup fixedPI bab 1-- 4 -- penutup fixed
PI bab 1-- 4 -- penutup fixed
 
2015-09. deka bagus - pemrograman web joomla
2015-09. deka bagus - pemrograman web joomla2015-09. deka bagus - pemrograman web joomla
2015-09. deka bagus - pemrograman web joomla
 
Web API Practice Handbook
Web API Practice HandbookWeb API Practice Handbook
Web API Practice Handbook
 
Tutorial blog-student fkip
Tutorial blog-student fkipTutorial blog-student fkip
Tutorial blog-student fkip
 
M ismar jumaedi#21060116060034
M ismar jumaedi#21060116060034M ismar jumaedi#21060116060034
M ismar jumaedi#21060116060034
 
Manual joomla
Manual joomlaManual joomla
Manual joomla
 
Bab 1 Teknologi Web
Bab 1   Teknologi WebBab 1   Teknologi Web
Bab 1 Teknologi Web
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
 
Modul Pelatihan Internet (Google) untuk Pemula
Modul Pelatihan Internet (Google) untuk PemulaModul Pelatihan Internet (Google) untuk Pemula
Modul Pelatihan Internet (Google) untuk Pemula
 
Modul Pelatihan: Pengenalan Internet
Modul Pelatihan: Pengenalan InternetModul Pelatihan: Pengenalan Internet
Modul Pelatihan: Pengenalan Internet
 
Modul Pelatihan Internet Dasar (Free Download)
Modul Pelatihan Internet Dasar (Free Download)Modul Pelatihan Internet Dasar (Free Download)
Modul Pelatihan Internet Dasar (Free Download)
 
TEKNOLOGI WEB
TEKNOLOGI WEBTEKNOLOGI WEB
TEKNOLOGI WEB
 
Jurnal riset 152008098
Jurnal riset 152008098Jurnal riset 152008098
Jurnal riset 152008098
 
Ebook Gratis 7 Hari Jago Bikin Website Sendiri
Ebook Gratis 7 Hari Jago Bikin Website SendiriEbook Gratis 7 Hari Jago Bikin Website Sendiri
Ebook Gratis 7 Hari Jago Bikin Website Sendiri
 
1100631021_YiiFramework
1100631021_YiiFramework1100631021_YiiFramework
1100631021_YiiFramework
 

En vedette (7)

Perkembangan Processor Intel
Perkembangan Processor IntelPerkembangan Processor Intel
Perkembangan Processor Intel
 
Sejarah Perkembangan Prosessor Intel
Sejarah Perkembangan Prosessor IntelSejarah Perkembangan Prosessor Intel
Sejarah Perkembangan Prosessor Intel
 
Pertemuan 5 processor
Pertemuan 5 processorPertemuan 5 processor
Pertemuan 5 processor
 
1 273-iin-joomlabaru
1 273-iin-joomlabaru1 273-iin-joomlabaru
1 273-iin-joomlabaru
 
Joomla Tutorial
Joomla TutorialJoomla Tutorial
Joomla Tutorial
 
Tutorial Installasi Website Joomla
Tutorial Installasi Website JoomlaTutorial Installasi Website Joomla
Tutorial Installasi Website Joomla
 
Joomla tutorial
Joomla tutorialJoomla tutorial
Joomla tutorial
 

Similaire à Ukk 2016 - membuat toko online menggunakan virtuemart - ricky eka

Membangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sqlMembangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sql
Alvin Setiawan
 
Modul : Simulasi KantinSekolah.com
Modul : Simulasi KantinSekolah.comModul : Simulasi KantinSekolah.com
Modul : Simulasi KantinSekolah.com
Rachardy Andriyanto
 
peran internet dalam masyarakat
peran internet dalam masyarakatperan internet dalam masyarakat
peran internet dalam masyarakat
Mohammad Nawawi
 
Design dan Pemrograman Web
Design dan Pemrograman WebDesign dan Pemrograman Web
Design dan Pemrograman Web
oldias
 
Bisnis sitekno
Bisnis siteknoBisnis sitekno
Bisnis sitekno
proyass
 

Similaire à Ukk 2016 - membuat toko online menggunakan virtuemart - ricky eka (20)

Membangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sqlMembangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sql
 
Rinayoh
RinayohRinayoh
Rinayoh
 
Modul : Simulasi KantinSekolah.com
Modul : Simulasi KantinSekolah.comModul : Simulasi KantinSekolah.com
Modul : Simulasi KantinSekolah.com
 
Rekayasa Web - CodeIgniter Framework, PrestaShop & Magento Framework
Rekayasa Web - CodeIgniter Framework, PrestaShop & Magento FrameworkRekayasa Web - CodeIgniter Framework, PrestaShop & Magento Framework
Rekayasa Web - CodeIgniter Framework, PrestaShop & Magento Framework
 
peran internet dalam masyarakat
peran internet dalam masyarakatperan internet dalam masyarakat
peran internet dalam masyarakat
 
Proposal penjualan toko online asia dress berbasis java dekstop
Proposal penjualan toko online asia dress berbasis java dekstopProposal penjualan toko online asia dress berbasis java dekstop
Proposal penjualan toko online asia dress berbasis java dekstop
 
Manual pembangunan cms 25
Manual pembangunan cms 25Manual pembangunan cms 25
Manual pembangunan cms 25
 
Kelompok9
Kelompok9Kelompok9
Kelompok9
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
 
Softskill e-commerce
Softskill e-commerceSoftskill e-commerce
Softskill e-commerce
 
Softskill e-commerce
Softskill e-commerceSoftskill e-commerce
Softskill e-commerce
 
Softskill e-commerce
Softskill e-commerceSoftskill e-commerce
Softskill e-commerce
 
Design dan Pemrograman Web
Design dan Pemrograman WebDesign dan Pemrograman Web
Design dan Pemrograman Web
 
e-commerse opencart
e-commerse opencarte-commerse opencart
e-commerse opencart
 
Bisnis sitekno
Bisnis siteknoBisnis sitekno
Bisnis sitekno
 
Tigas rekayasa web 1412510016
Tigas rekayasa web 1412510016Tigas rekayasa web 1412510016
Tigas rekayasa web 1412510016
 
Tugas 3 Rekayasa Web
Tugas 3 Rekayasa WebTugas 3 Rekayasa Web
Tugas 3 Rekayasa Web
 
training module "web application development with cms and bootstrap"
training module "web application development with cms and bootstrap"training module "web application development with cms and bootstrap"
training module "web application development with cms and bootstrap"
 
Mastering kode html
Mastering kode htmlMastering kode html
Mastering kode html
 
Mastering Kode HTML
Mastering Kode HTMLMastering Kode HTML
Mastering Kode HTML
 

Plus de Syiroy Uddin

Plus de Syiroy Uddin (20)

Ukk 2016 - membuat game dengan rpg maker (fight for freedom) - sastra g. dan ...
Ukk 2016 - membuat game dengan rpg maker (fight for freedom) - sastra g. dan ...Ukk 2016 - membuat game dengan rpg maker (fight for freedom) - sastra g. dan ...
Ukk 2016 - membuat game dengan rpg maker (fight for freedom) - sastra g. dan ...
 
Ukk 2016 membuat game dengan rpg maker (element of crystal) - ivan sanjaya ...
Ukk 2016   membuat game dengan rpg maker (element of crystal) - ivan sanjaya ...Ukk 2016   membuat game dengan rpg maker (element of crystal) - ivan sanjaya ...
Ukk 2016 membuat game dengan rpg maker (element of crystal) - ivan sanjaya ...
 
Ukk 2016 membuat game dengan aplikasi game maker (game arcade pac man) - m....
Ukk 2016   membuat game dengan aplikasi game maker (game arcade pac man) - m....Ukk 2016   membuat game dengan aplikasi game maker (game arcade pac man) - m....
Ukk 2016 membuat game dengan aplikasi game maker (game arcade pac man) - m....
 
Ukk 2016 membuat game dengan aplikasi construct - bagas wiranto
Ukk 2016   membuat game dengan aplikasi construct - bagas wirantoUkk 2016   membuat game dengan aplikasi construct - bagas wiranto
Ukk 2016 membuat game dengan aplikasi construct - bagas wiranto
 
Ukk 2016 redhat 9.0 (instalasi, settting ip, dhcp dan dns) - bayu agus
Ukk 2016   redhat 9.0 (instalasi, settting ip, dhcp dan dns) - bayu agusUkk 2016   redhat 9.0 (instalasi, settting ip, dhcp dan dns) - bayu agus
Ukk 2016 redhat 9.0 (instalasi, settting ip, dhcp dan dns) - bayu agus
 
Ukk 2016 debian 7 (instalasi,sett ip,dhcp,dns) - m.asyiq m
Ukk 2016   debian 7 (instalasi,sett ip,dhcp,dns) - m.asyiq mUkk 2016   debian 7 (instalasi,sett ip,dhcp,dns) - m.asyiq m
Ukk 2016 debian 7 (instalasi,sett ip,dhcp,dns) - m.asyiq m
 
Ukk 2016 setting cctv menggunakan aplikasi many cam - m.wildan alhamdani
Ukk 2016   setting cctv menggunakan aplikasi many cam - m.wildan alhamdaniUkk 2016   setting cctv menggunakan aplikasi many cam - m.wildan alhamdani
Ukk 2016 setting cctv menggunakan aplikasi many cam - m.wildan alhamdani
 
Ukk 2016 administrasi server ubuntu 14.04 lts - sahrul gunawan
Ukk 2016   administrasi server ubuntu 14.04 lts - sahrul gunawanUkk 2016   administrasi server ubuntu 14.04 lts - sahrul gunawan
Ukk 2016 administrasi server ubuntu 14.04 lts - sahrul gunawan
 
2015 02,32 rizal, jangga - pemrograman game menggunakan rpg maker vx ace
2015   02,32 rizal, jangga - pemrograman game menggunakan rpg maker vx ace2015   02,32 rizal, jangga - pemrograman game menggunakan rpg maker vx ace
2015 02,32 rizal, jangga - pemrograman game menggunakan rpg maker vx ace
 
2015-31. sodo rizky p ubuntu 12.04 - rematering linux ubuntu menggunakan rema...
2015-31. sodo rizky p ubuntu 12.04 - rematering linux ubuntu menggunakan rema...2015-31. sodo rizky p ubuntu 12.04 - rematering linux ubuntu menggunakan rema...
2015-31. sodo rizky p ubuntu 12.04 - rematering linux ubuntu menggunakan rema...
 
2015-25. m. ainur rofiq - remote dekstop pada ubuntu 12.04
2015-25. m. ainur rofiq - remote dekstop pada ubuntu 12.042015-25. m. ainur rofiq - remote dekstop pada ubuntu 12.04
2015-25. m. ainur rofiq - remote dekstop pada ubuntu 12.04
 
2015-24. mohammad abdul aziz - reamastering windows 7 menggunakan rt7 lite
2015-24. mohammad abdul aziz - reamastering windows 7 menggunakan rt7 lite2015-24. mohammad abdul aziz - reamastering windows 7 menggunakan rt7 lite
2015-24. mohammad abdul aziz - reamastering windows 7 menggunakan rt7 lite
 
2015-20. m arif rochman hakim - administrasi server menggunakan cents os 6
2015-20. m arif rochman hakim - administrasi server menggunakan cents os 62015-20. m arif rochman hakim - administrasi server menggunakan cents os 6
2015-20. m arif rochman hakim - administrasi server menggunakan cents os 6
 
2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...
2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...
2015-19. isrofi wahyu k. - management menggunakan htb & monitoring jaringan m...
 
2015-18. ilham setia pambudi - pemrograman web e-learning berbasis php
2015-18. ilham setia pambudi - pemrograman web e-learning berbasis php2015-18. ilham setia pambudi - pemrograman web e-learning berbasis php
2015-18. ilham setia pambudi - pemrograman web e-learning berbasis php
 
2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...
2015   17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...2015   17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...
2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...
 
2015-12. dian johan - cctv menggunakan webcam (many cam)
2015-12. dian johan - cctv menggunakan webcam (many cam)2015-12. dian johan - cctv menggunakan webcam (many cam)
2015-12. dian johan - cctv menggunakan webcam (many cam)
 
2015 11. diah ayu wulandari - e learning menggunakan moodle
2015   11. diah ayu wulandari  - e learning menggunakan moodle2015   11. diah ayu wulandari  - e learning menggunakan moodle
2015 11. diah ayu wulandari - e learning menggunakan moodle
 
2015 07 ari anto - setting mikrotik level 4 full
2015   07 ari anto - setting mikrotik level 4 full2015   07 ari anto - setting mikrotik level 4 full
2015 07 ari anto - setting mikrotik level 4 full
 
2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)
2015   06 & 21 ardian - dicky - pemrograman game unity (roll ball)2015   06 & 21 ardian - dicky - pemrograman game unity (roll ball)
2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)
 

Ukk 2016 - membuat toko online menggunakan virtuemart - ricky eka

  • 1. 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
  • 2. 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 )
  • 3. 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
  • 4. 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.
  • 5. 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.
  • 6. 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.
  • 7. 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.
  • 8. 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.
  • 9. 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
  • 10. 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
  • 11. 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
  • 12. 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.
  • 13. 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
  • 14. 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”.
  • 15. 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.
  • 16. 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
  • 17. 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.
  • 18. 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
  • 19. 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
  • 20. 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.
  • 21. 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.
  • 22. 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