Pertemuan ke-8 Pengantar 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
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
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
Lisensi
gratis
berbayar
3
Aplikasi e-Commerce CMS (Content Management Systems) untuk membangun eCommerce yang dikembangkan secara open source alias gratis
1. www.prestashop.com 2. www.openchart.com 3. www.tomatochart.com 4. 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 4
Prestashop • 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.
5
OpenChart • Memiliki shopping cart yang mudah digunakan dan kini semakin populer, karena kemudahan dalam penggunaan, ramah terhadap mesin pencari dan secara tampilan sangat baik.
6
VirtueMart.net • 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 beberapa kode yang tampaknya tidak rapi.
7
Ubercart.com • 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.
8
OsCommerce • 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 menemukan kesulitan dalam penggunaannya.
saling
membantu
apabila
9
Zen-Cart.com • 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.
10
Tomatocart.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.
11
Zeuscart.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.
12
Magento •+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.
13
afcommerce.com • 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.
14
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 barangbarang 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 dilakukan.
15
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 (email/IM) yang dapat digunakan untuk komunikasi antara pembeli dan penjual, umumnya disertakan pula Contact Form yang terdiri dari fieldfield 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 email 16
Halaman Display
17
Katalog
18
Shopping Cart
19
Metode Pembayaran
20
Metode Pengiriman
21
Contact Link
22
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 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. 23
Compare & Convert
24
FAQ/Bantuan
25
Order Tracking
26
Penawaran
27
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 dengan cepat dan baik sehingga mampu ditampilkan pada halaman pertama bahkan pada posisi peringkat pertama.
28
APLIKASI E-COMMERCE
29
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 fiturfitur 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. • 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 Paypal.
30
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 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 Proses check-out (selesai belanja) bisa menggunakan Paypal
31
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.
32
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 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. 33
INSTALASI OsCOMMERCE
34
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) – Buka web browser: http://localhost/oscom/catalog/install/
36
Membuat Database • Ketik di URL /localhost
• Ketik di create database : oscommerce
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, 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:
38
39
Step 1
40
Step 1.a
41
Step 2
42
Step 3
43
Step 4
44
Catalog
45
Administration Tool
46
47