Pertemuan ke-8
Pengantar e-Commerce
Aplikasi e-Commerce
Aplikasi e-Commerce
SUB POKOK BAHASAN
1. Pengantar Content Management System
2. Membangun Aplikasi e-Commerce
3. Pengembangan e-Commerce
4. Instalasi Aplikasi e-Commerce
2
4. Instalasi Aplikasi e-Commerce
Content Management System (CMS)
•
Sebuah aplikasi software yang memberikan kemudahan mengelola,
mengupload, mengedit konten untuk ditampilkan pada sebuah web
dan merubah isi konten sebuah website tanpa perlu harus dibekali
pengetahuan tentang hal-hal yang bersifat teknis /memiliki
pengetahuan tentang bahasa pemrograman web.
Open Source
Proprietary
3 Pengembangan sangat bergantung kepada komunikasi antara
pengguna atau pengembang sukarela.
Perusahaan Insentif
Pengembangan
berkontribusi kepada komunitas, terkenal Profit untuk berinovasi Hasil Software berhasil dalam pengembangan OS dan aplikasi
perangkat lunak server (merespon langsung kebutuhan profesional TI & kurang berhasil dalam mengembangkan aplikasi end-user)
Berhasil untuk kebutuhan semua calon pengguna akhir
1.
www.prestashop.com
2.
www.openchart.com
3.
www.tomatochart.com
4.
www.osCommerce.Com
CMS (Content Management Systems) untuk membangun e-Commerce yang dikembangkan secara open source alias gratis
Aplikasi e-Commerce
44.
www.osCommerce.Com
5.
www.virtuemart.net
6.
www.magentocommerce.com
7.
www.zen-cart.com
8.
www.afcommerce.com
9.
www.zeuscart.com
10.
www.ubercart.org
• Software ini menggunakan Smarty template engine, dikombinasikan dengan Ajax di back-end nya.
• Menawarkan diataranya "free shipping", product image zoom, package tracking, PDF customer invoice dan cross-selling.
• Fiturnya yang sangat atraktif.
• User dapat menciptakan sebuah toko online yang indah dan menawan. • Memiliki komunitas dan online support yang sangat aktif.
• Tetapi kelemahan utamanya adalah lambat: back-end sangat lambat untuk dikelola dan dimaintain.
Prestashop
5
• Memiliki shopping cart yang mudah digunakan dan kini semakin
populer, karena kemudahan dalam penggunaan, ramah terhadap mesin
pencari dan secara tampilan sangat baik.
OpenChart
• VirtueMart tidak dapat berdiri sendiri, ini adalah ecommerce didesain untuk berjalan di Joomla! CMS (content management system).
• Untuk sebuah shopping cart, VirtueMart memiliki paket yang komplit dan memiliki tampilan desain yang bagus. Untuk para pembelanja dapat register menjadi member, mengisi alamat dan melihat order history dengan mudah.
• VirtueMart mendukung multi bahasa dan kurs serta anda dapat menambahkan produk dan produk kategori tanpa batas.
• Produk anda dapat dicari, di-rate oleh user. Selain kebaikan tadi, terdapat juga beberapa kelemahan diantaranya forum yang kurang terstruktur dan
VirtueMart.net
7
Produk anda dapat dicari, di-rate oleh user. Selain kebaikan tadi, terdapat juga beberapa kelemahan diantaranya forum yang kurang terstruktur dan beberapa kode yang tampaknya tidak rapi.
• Sama seperti VirtueMart, Ubercart juga harus terintegrasi dengan sebuah CMS (Drupal). Selain kegunaan menjual produk barang, Ubercart memiliki spesialisasi menjual produk bentuk file/digital product, event registration, website dengan hak akses member tertentu dan event ticket.
• Terdapat banyak module dan themes yang tersedia bagi anda untuk dikustomisasi.
• Terdapat berbagai macam jenis pembayaran.
• Apabila anda merupakan pecinta Drupal, maka Ubercart adalah pilihan terbaik bagi anda, tetapi apabila anda tidak mengerti tentang Drupal, penggunaan software ini akan cukup membingungkan di awal.
Ubercart.com
8
bagi anda, tetapi apabila anda tidak mengerti tentang Drupal, penggunaan software ini akan cukup membingungkan di awal.
• Dapat di instal secara offline maupun online
• Versi 2 (bulan November 2010) dan versi 3 (pada bulan Maret 2011).
• Sangat mudah untuk melakukan initial setup & Tidak sulit untuk mengelola isi di dalamnya
• Gampang bagi administrator toko untuk menampilkan semua produk mereka ke konsumen dengan permintaan-permintaan khusus dari konsumen itu sendiri.
• Komunitas yang aktif dimana sesama member saling membantu apabila
menemukan kesulitan dalam penggunaannya.
OsCommerce
• Gratis dan mudah,memiliki kapabilitas sangat lengkap, selain fitur standar yang anda butuhkan.
• Menawarkan Newsletter Manager, kupon diskon, kuantiti diskon, gift certificate dan kemampuan untuk memilik card mana yang anda terima.
• Terdapat sangat banyak kontibutor pada software ini dengan rata-rata berasal dari osCommerce. Namun untuk tampilan admin kurang tertata rapi.
Zen-Cart.com
• Salah satu generasi baru dari solusi keranjang belanja open source.
• Aplikasi ini merupakan pencabangan dari osCommerce 3 namun dijadikan sebagai proyek terpisah seiring perkembangan aplikasi web yang menjadi semakin lebih canggih.
•Mengikuti perkembangan teknologi web 2.0 modern seperti Ajax dan Aplikasi Rich Internet yang menawarkan peningkatan usabilitas yang penting dan
membuat interaksi dengan antarmuka web lebih cepat dan lebih efisien.
Tomatocart.com
• User interface-nya, yang kaya, menarik, user-friendly dan umumnya
tidak membosankan
• Dirancang untuk golongan usaha kecil dan menengah, pengguna
ZeusCart dapat menjadikan sebagian besar URL website tokonya SEO
friendly. Selain itu juga dilengkapi dengan fitur kartu hadiah, diskon,
template email bahkan tier-harga yang memungkinkan untuk
menurunkan harga untuk pemesanan banyak.
Zeuscart.com
• +125.000 toko dan telah melakukan transaksi hingga 25 juta dollar, ini merupakan platform e-commerce yang paling cepat perkembangannya.
• Para pengguna : Samsung, Nespresso dan The North Face. • Pilihan - pilihan
• Enterprise Edition : paket sangat lengkap dan canggih dalam meningkatkan
penjualan, termasuk didalamnya store credit, gift cards (virtual dan fisik), member only sales, clubs, multi-store (retail & wholesale) dan dukungan penuh waktu.
• Community Edition, gratis didownload, umumnya dimanfaatkan oleh para web developer yang sudah ahli dan paket ini tidak didukung support, garansi dan kompensasi.
Magento
• Platform e-commerce yang sederhana
• Tampilannya tidak terlalu indah, baik dari sisi pelanggan maupun sisi pengembang, tetapi hasilnya cukup baik dan sangat ideal untuk pemula.
• Afcommerce memiliki fitur satu halaman checkout cepat, pop-up windows untuk membantu pelanggan dan akun pelanggan dapat dibuat secara otomatis melalui pemesanan.
afcommerce.com
FITUR e-COMMERCE
Fitur-fitur utama situs e-commerce
a) Etalase/Halaman Display. Memuat nama, deskripsi dan harga
barang/jasa yang ditawarkan
b) Katalog. Bisa dieksplorasi isinya dengan mudah untuk mencari
produk/jasa yang kita inginkan, umumnya difasilitasi dengan fungsi
Search/Cari
c) Shopping Cart (keranjang belanja). Tempat kita menaruh
barang-barang atau jasa yang kita inginkan.
15
barang atau jasa yang kita inginkan.
• Memuat Nama barang, Quantity dan Harga serta Jumlah bayar,
umumnya dilengkapi dengan automatic calculation yang dapat
memunculkan informasi nominal pembayaran yang harus
FITUR e-COMMERCE
Fitur-fitur utama situs e-commerce
d) Payment Methode
.
Umumnya metode cara bayar, yaitu
Cash/Transfer/Debit, Kredit dengan Kartu Kredit dan C.O.D (Cash On
Delivery)
e) Sistem Pengiriman (delivery methode). Umumnya berafiliasi dengan
pihak ketiga/perusahaan jasa pengiriman barang dengan berbagai
layanannya yang dapat dipilih oleh pembeli misalnya layanan kiriman
sampai pada hari yang sama, keesokan harinya dan lain-lain.
f) Contact Link
.
Berisi alamat dan/atau nomor telepon atau saluran lain
16
f) Contact Link
.
Berisi alamat dan/atau nomor telepon atau saluran lain
(email/IM) yang dapat digunakan untuk komunikasi antara pembeli dan
penjual, umumnya disertakan pula Contact Form yang terdiri dari
field-field untuk memasukkan identitas pengirim (nama, email/website) serta
berita/pesan yang ingin disampaikan.
•
Isi pesan yang disampaikan melalui Contact Form umumnya dapat
diteruskan kepada penjual/pengelola/pemilik web dalam bentuk
Halaman Display
Katalog
Shopping Cart
Metode Pembayaran
Metode Pengiriman
Contact Link
FITUR e-COMMERCE (cont’d)
Fitur-fitur tambahan situs e-commerce (disesuaikan dengan karakteristik bisnis)
a) Calculator Offline. Umumnya digunakan (calon) pembeli saat ingin mengetahui nilai atau nominal harga menurut nilai tukar mata uang yang dipilih apabila daftar harga didominasi oleh satu mata uang asing tertentu. Pada fitur ini biasanya nilai tukar mata uang asing terhadap mata uang lokal sudah tersedia.
b) Currency Converter. Memiliki fungsi yang hampir sama dengan Calculator offline, namun bersifat online dan penguna dapat dengan mudah mengkonversi nilai atau nominal
pembelanjaan berdasarkan berbagai nilai tukar mata uang asing yang disediakan berikut nilai tukarnya.
c) Uploader, biasanya digunakan untuk mengirimkan attachment yang diperlukan dalam proses produksi barang yang ditawarkan. Misalnya adalah gambar desain yang berasal dari
23
proses produksi barang yang ditawarkan. Misalnya adalah gambar desain yang berasal dari calon pembeli untuk digunakan sebagai acuan pembuatan barang yang akan diproduksi oleh penjual.
d) Pembanding. Pembandingan dua produk atau lebih yang ditawarkan pada situs tersebut, biasanya setelah calon pembeli menentukan porduk-produk yang akan dibandingkan, maka muncul spesifikasi per elemen produk yang menjadi indikator pembanding secara head to head.
e) FAQ (Frequently Asked Question). Jenis pertanyaan yang umumnya diajukan oleh (calon) pembeli kepada penjual, misalnya cara pesan, garansi produk, minimum pembelian dan lain-lain.
Compare & Convert
FAQ/Bantuan
Order Tracking
Penawaran
Mengembangkan e-COMMERCE
Strategi Pengembangan e-Commerce
• Pengembangan Konten. Menjaga konten Anda up to date; Menulis konten yang kaya dengan kata kunci yang relevan; Menjaga konten yang relevan dengan topik Anda;Search Engine ramah dan konten user friendly
• Beberapa cara untuk menarik pengunjung ke situs web Anda, seperti menggunakan
pemasaran mesin pencari (Search Engine Marketing/SEM), optimasi mesin pencari (SEO), pemasaran email, pemasaran afiliasi, dan banyak lagi.
• Search Engine Optimization (SEO). proses meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut.
• agar Search Engine (google, bing, yahoo,etc) tersebut mampu mendeteksi web kita
28
• agar Search Engine (google, bing, yahoo,etc) tersebut mampu mendeteksi web kita dengan cepat dan baik sehingga mampu ditampilkan pada halaman pertama bahkan pada posisi peringkat pertama.
APLIKASI E-COMMERCE
Petrashop vs OSCommerce
• Prestashop lebih mudah dan lebih cepat dalam hal pembangunan dan
penyesuaian.
• Membangun toko online bagi mereka yang ingin segera melaksanakan
kegiatan jual beli tanpa harus repot mengurai dan menyesuaikan fitur-fitur yang pokok seperti keranjang belanja dan sistem check out.
• Kelemahan.Tidak memiliki wilayah admin yang lengkap, kemudian
beberapa fitur yang berjalan dengan sempurna harus berbayar dan
cukup mahal sehingga software ini hanya cocok untuk toko online untuk skala kecil.
30
skala kecil.
• Oscommerce memilki pondasi yang lebih kuat dalam PHP dan akses
databases MySQL sehingga bisa digunakan untuk toko online dengan variasi yang lebih kompleks.
• Fitur yang tersedia gratis dapat dikembangkan sendiri sehingga
berjalan sempurna untuk proses jual beli online.
• Oscommerce terintregasi dengan sistem pembayaran online seperti
Keuntungan OsCOMMERCE
•
Web lebih cepat di buka dan diakses pada browser
•
Proses instalasi CMS sangat mudah dan cepat
•
Desain dan layout web bisa di modifikasi dengan mudah
•
Memiliki fungsi pajak penjualan
•
Memiliki fungsi kalkulasi ongkos kirim
•
Memiliki fungsi multi-currency (banyak mata uang)
•
Shopping Cart mudah digunakan oleh pengunjung
•
Memiliki sistem pembayaran yang user-friendly
31
•
Memiliki sistem pembayaran yang user-friendly
•
Produk dan kategori produk tak terbatas (Unlimited)
•
Memiliki fungsi review pada halaman produk
•
Gambar produk dapat ditampilkan dalam berbagai cara
•
Pengelolaan bagian back-end mudah digunakan oleh pemula
Keterbatasan OsCOMMERCE
•
Beragam fitur-fitur di oscommerce bisa menjadi
persoalan tersendiri jika hanya sebuah toko online
sederhana yang dibuat.
•
Upgrade dan penggantian template oscommerce juga
harus dilakukan secara manual (upload) yang terkadang
terkesan rumit.
FITUR OsCOMMERCE
• Customer Functionality
-Dapat melihat semua history pembelian di dalam toko online. - Basisdata mengenai penjualan atas customer tersimpan rapi. - Dapat mengelola account mereka sendiri.
• Product Functionality
Menampilkan produk-produk yang dijual di dalam toko online. Berapa stok yang tersedia dan penjelasan lebih lanjut mengenai spesifikasi produk yang bersangkutan.
• Payment Functionality
33
• Payment Functionality
Menyediakan beberapa alternatif pembayaran atas pembelian terhadap produk didalam toko online. Baik itu berupa pembayaran offline maupun online.
• Shipping Functionality
Fitur pengiriman yang akan langsung menghitung berapa biaya pengiriman yang akan
ditanggung oleh pembeli terhadap berat, kuantitas dan tujuan pengiriman atas suatu produk yang dijual di toko online.
• Tax Functionality
Menampilkan pajak atas penjualan produk di dalam toko online. Dapat menampilkan pajak yang berbeda-beda tergantung atas produknya.
INSTALASI OsCOMMERCE
KEBUTUHAN OsCOMMERCE
• PHP versi 4.2 atau versi yang lebih tinggi.
• MySQL Database versi 3.23 atau versi yang lebih tinggi.
• Apache web server versi 1.3 atau versi yang lebih tinggi.
atau
install XAMPP web server di situs daripada mendownload satu
persatu software-software diatas
35
Instalasi dan Setting OsCommerce
•
Pastikan bahwa komputer telah memiliki web server Apache dan web
server MySQL (cukup dengan menginstal XAMPP)
–
Jalankan Server Apache
•
Instal OsCommerce:
– Ekstrak file ZIP (oscommerce-2.2rc2a.zip) di dalam opt/xampp/htdocs
– Ubah nama folder /opt/htdocs/oscommerce-2.2rc2a menjadi
/opt/htdocs/oscom (untuk mempermudah pemanggilan folder dalam instalasi)
36
/opt/htdocs/oscom (untuk mempermudah pemanggilan folder dalam instalasi)
Membuat Database
•
Ketik di URL /localhost
37
Langkah-langkah
1. Ketikkan alamat: http://localhost/oscom/catalog/install/ di browser anda. Tekan enter. (Ingat, nama oscommerce harus disesuaikan dengan nama
database yang telah anda buat dan sesuai dengan folder yang anda copy kan tadi).
2. Kalau sudah benar, maka akan keluar tampilan halaman muka oscommerce. Klik continue.
3. Selanjutnya setting database dengan mengisi server username, password dan nama database. Database server isi dengan localhost, username: root,
38
nama database. Database server isi dengan localhost, username: root, Password: kosongkan saja, Database name: oscommerce. Klik continue.
4. Klik Continue sekali lagi lalu isikan setting umum toko online. Setelah selesai diisi semuanya, sekarang… klik continue laaaagi deh..
5. Instalasi toko online oscommerce sudah selesai. Kalo mau melihat halaman depan toko online klik catalog. Ini contoh gambarnya:
