ukk 2016 - membuat toko online menggunakan virtuemart - ricky eka

22
Website Joomla Virtum PERKUMPULAN P SEKO LAPORA Nama Alamat Tingkat Judul UKK Prog.Keahlian mart Versi 1.5.7 PENDIDIKAN DAN KESEHATAN KELUARGA BESAR H. SOEDAR OLAH MENENGAH KEJURUAN DARMA SISWA 1 WARU TERAKREDITASI ”A” TEKNIK KOMPUTER DAN JARINGAN AN UJIAN KETERAMPIL KEJURUAN : RICKY EKA KURNIA SUSPR : Berbek 3A Gg Masjid No.9 : XII – TKJ : Website Joomla Virtuemar : Teknik Komputer Dan Jari TAHUN PELAJARAN 2015 S/D 2016 Page 1 RMO LAN RASETYA Turipinggir rt ingan

Upload: syiroy-uddin

Post on 18-Feb-2017

328 views

Category:

Internet


3 download

TRANSCRIPT

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