mid-term exam assignment e-commerce · pada tutorial kali ini, ... memungkinkan anda memiliki web...
TRANSCRIPT
MID-TERM EXAM ASSIGNMENT
E-COMMERCE
Aditya Wisnu Prasetya
Nim : 0910221006
Management Department Faculty of Economics
Brawijaya University
MALANG
2012
Manual Wordpress Untuk E-Commerce
WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer
digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa
pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya
merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog,
WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena
kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya.
WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi.
Salah satu cara membuat toko online adalah dengan menggunakan mesin blog seperti
Wordpress (WP). Hal ini disebabkan kelebihan WP yang bisa diinstall dengan beragam plugin
dengan beragam fitur dan fungsi. Dalam hal toko online, ada plugin yang memang ditujukan
untuk hal tersebut, yaitu plugin WP e-Commerce. Plugin WP e-Commerce adalah plugin yang
cukup terkenal dan banyak digunakan oleh toko online di internet. Saat artikel ini ditulis,
plugin ini telah didownload sebanyak 1,5 juta kali diseluruh dunia.
Pada tutorial kali ini, saya akan menunjukkan cara membuat toko online dengan menggunakan
Wordpress versi 3.3 dan plugin WP e-Commerce. Bagaimana caranya? Ikuti langkah2nya
berikut ini.
Persiapan
Tutorial ini akan mengajarkan anda membuat toko online secara localhost (di
laptop/komputer). Karena memang demikian cara yang benar. Toko online disiapkan dulu
secara lokal, baik tampilannya, produknya dan sebagainya. Jika toko online lokal sudah siap,
maka kita bisa menguploadnya ke domain kita di internet. Saya akan menunjukkan cara
upload toko online yang sudah jadi pada posting yang lain.
Untuk itu, saya menyarankan anda menginstall XAMPP di laptop/komputer anda. XAMPP
memungkinkan anda memiliki web server dan database dengan instalasi yang mudah bagi
beginner.
Langkah-langkah
1. Download Wordpress versi 3.3 disini.
2. Ekstrak file tersebut, lalu copykan hasil ekstrak (folder wordpress) ke folder htdocs dimana
anda menginstal XAMPP (biasanya c:\xampp\htdocs
3. Buka browser anda, lalu ketikkan alamat http://localhost/wordpress untuk mulai proses
instalasi. Maka, akan muncul halaman seperti dibawah ini.
4. Klik “Create a Configuration File” untuk melanjutkan proses. Muncul halaman berikut.
5. Klik “Lets Go” sehingga muncul halaman berikut.
6. Isikan nama database, beserta username dan password dari database anda yang akan dipakai
untuk wordpress. Untuk itu, anda harus membuat database terlebih dahulu di MySQL. Jika
anda belum tahu cara membuat database, lihat tulisan terdahulu saya disini. Jika sudah terisi,
klik “Submit” sehingga muncul halaman berikut.
7. Semua sudah siap, klik “Run the install”. Tunggu sejenak sementara Wordpress melakukan
proses instalasi. Jika proses instalasi sudah selesai, maka tampilannya akan seperti ini.
8. Isikan judul/title dari website anda, username, password dan email. Lalu klik Submit/Next
sehingga muncul halaman seperti berikut.
9. Selamat, Wordpress tandanya sudah berhasil terinstal. Klik “Log In”, isikan username dan
password yang tadi sudah diisi, lalu klik “Log In”. Muncul halaman berikut.
10. Halaman diatas adalah halaman administrasi website kita. Semua pengaturan website kita
dilakukan melalui halaman ini. Baiklah sekarang kita akan menginstal plugin WP
e-Commerce. Pada bagian menu sebelah kiri (sidebar), arahkan mouse pada tulisan “Plugins”
sehingga muncul menu lagi disebelahnya, lalu klik “Add New”. Maka akan muncul halaman
berikut.
11. Ketikkan “wp e-commerce” pada kota search, lalu klik “Search Plugins”. Maka akan
muncul hasil pencarian plugin sebagai berikut.
12. Plugin WP e-Commerce dari Instinct Entertainment muncul sebagai hasil pencarian nomer
satu. Klik “Install Now” untuk menginstal plugin WP e-Commerce. Jika instalasi plugin
sukses, maka akan muncul halaman berikut.
13. “Activate Plugin” untuk mengaktifkan plugin.
Sampai disini Wordpress 3.3 dan plugin WP e-Commerce untuk toko online sudah terinstal
dengan baik. Tapi proses masih belum selesai, karena toko online ini butuh tampilan (theme)
khusus. Anda tetap dapat melihat website anda dengan alamat http://localhost/wordpress di
browser anda. Tapi, sekali lagi, belum terlihat seperti toko online karena belum diinstal
tampilan (theme) khusus.
Sumber:
http://akhuna.blogspot.com/2012/02/toko-online-berbasis-wordpress-dengan.html
http://id.wikipedia.org/wiki/WordPress
Manual Joomla! untuk E-Commerce
Joomla! adalah Sistem manajemen konten (SMK atau CMS) yang bebas dan terbuka (free
opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet
maupun intranet. Joomla pertamakali dirilis dengan versi 1.0.0. Fitur-fitur Joomla!
diantaranya adalah sistem caching untuk peningkatan performansi, RSS, blogs, poling, dll.
Joomla! menggunakan lisensi GPL.
Modul paket yang saya gunakan untuk mengubah website joomla menjadi website
e-commerce adalah VirtueMart.
VirtueMart adalah modul #1 untuk kustomisasi website joomla menjadi website toko online
pada saat ini.
Ada beberapa tahap yang harus diperhatikan dalam mengubah website joomla kita menjadi
website e-commerce.
Langkah 1:
Downloadlah modul VirtueMart dari sini
Setelah berhasil mendownload arsip virtuemart (contoh:
VirtueMart_1.1.4-COMPLETE_PACKAGE.j15.zip). extractlah dan perhatikan isinya
terdapat 2 buah file dan 2 buah folder masing-masing adalah folder plugins dan folder
modules.
Langkah 2:
Setelah mengekstrak arsip virtuemart, selanjutnya kita login ke admin panel website joomla
kita
sebagai contoh : http://localhost/joomla/administrator
lalu kita pilih extensions - install/uninstall
Setelah masuk ke dalam Extensions Manager, kita pilih Upload Package File lalu arahkan ke
file hasil ekstrakan arsip virtuemart yang bernama “com_virtuemart_1.1.4.j15.zip”
Setelah itu tekan tombol upload file dan install maka instalasi modul virtuemart akan
diproses.
Setelah proses instalasi modul virtuemart selesai, akan tampak tampilan instalasi sukses
seperti ini:
Untuk pemula, silahkan pilih “Install Sample Data“. Dengan menekan tombol ini, maka
virtuemart akan menambahkan beberapa contoh product, category contoh terlebih dahulu,
sehingga kita tidak perlu mulai dari awal (kosong).
Namun apabila anda ingin menginstall virtuemart dari awal (kosong) maka pilihlah “Go
directly to the Shop”.
Pada tutorial ini saya akan pilih “Install Sample Data“.
Setelah itu maka proses instalasi telah selesai.
Langkah 3:
Setelah proses instalasi selesai, maka anda dapat melihat admin panel kusus untuk virtuemart.
Untuk mengaksesnya secara manual adalah dengan masuk ke admin panel joomla (
http://localhost/joomla/administrator ) lalu menu yang harus dipilih adalah Components -
VirtueMart.
Tampilan admin panel untuk virtuemart akan tampak seperti ini:
Hal pertama yang harus dilakukan adalah mengubah setting tentang toko online anda.
Untuk melakukan hal ini, pilihlah menu pada navigasi pada sebelah kiri Store - Edit Store
Pada halaman Store Information, ubahlah informasi seperti yang diinginkan.
Seperti Logo, currency information, nama toko, dan lain sebagainya.
Setelah semua informasi mengenai toko anda telah diperbaharui, maka tekan “Save” pada
pojok kanan atas.
Langkah 4:
Pada langkah ini kita akan mengatur menu pada tampilan website joomla kita, agar toko
online kita bisa diakses.
Untuk melakukan ini, anda harus masuk ke admin panel, lalu pilih Menus – Menu Manager
- New
Setelah menu My Shop sudah terbentuk, pilihlah menu Menus - My Shop – New
Lalu pilih lah VirtueMart pada saat Select Menu Item Type
Lalu pilihlah judul untuk menu anda.
Pada contoh ini akan saya buat judul menu Christian Chandra Mart
Perhatikan gambar berikut agar lebih jelas.
Setelah selesai, menu yang telah dibuat (Christian Chandra Mart) masih belum akan tampil
pada website, kita harus mengatur modul menu terlebih dahulu.
Untuk mengatur modul, maka pilihlah menu Extensions - Module Manager – New
Lalu setelah itu pilihlah Menu lalu tekan tombol Next.
Perhatikan gambar berikut agar lebih jelas.
Setelah itu akan muncul tampilan informasi tentang modul menu.
Aturlah nama modul sebagai contoh : My Shop
lalu hal yang penting adalah menu name pada parameter pilihlah menu virtuemart kita : shop
Perhatikan gambar berikut.
Setelah itu cek lah website joomla dengan mengakses http://localhost/joomla/
Maka akan muncul menu baru My Shop yang berisikan Christian Chandra Mart didalamnya
berisikan kategori produk-produk barang yang kita tawarkan.
Untuk saat ini produk dan kategori produk merupakan produk contoh dari sample data.
Untuk mengubah atau mengedit produk, akan di jelaskan pada langkah berikutnya.
Langkah 5:
Pada langkah ini, saya akan menjelaskan cara mengubah atau mengedit produk dan kategori
produk.
Pertama, masuklah ke admin panel joomla http://localhost/joomla/administrator/
Setelah itu pilihlah menu Components - VirtueMart lalu pada bagian sebelah kiri, terdapat
panel Product
Disana anda dapat mengatur daftar produk yang anda jual, besar discount, kategori produk ,
dan lain-lain.
Setelah pengaturan produk dan kategori produk, maka toko online kita telah siap di akses oleh
pengunjung website kita.
Langkah 6:
Lalu bagaimana cara pembayaran yang digunakan?
VirtueMart telah dilengkapi dengan fasilitas beberapa payment gateway, untuk
mengaktif/non-aktifkannya bisa melalui menu Store - List Payment Method
Anda juga dapat menambahkan payment method anda sendiri.
Selamat! toko online anda telah siap dipublikasikan ke kalayak ramai..
Sumber:
http://id.wikipedia.org/wiki/Joomla!
http://blog.christianchandra.com/programming/cms/joomla-cms-programming/panduan-memb
uat-toko-online-dengan-joomla-dan-virtuemart