Perancangan Aplikasi E-commerce Business to Customer (B2C ...
Transcript of Perancangan Aplikasi E-commerce Business to Customer (B2C ...
Perancangan Aplikasi E-commerce Business to Customer (B2C)
Berbasis WEB
Farida Amalya
Fakultas Ilmu Komputer dan Teknologi Informasi, Universitas Gunadarma
Jl. MargondaRaya No. 100, Depok, Jawa Barat, 16424, Indonesia
ABSTRAK
Pergeseran cara beli masyarakat yang semula secara konvensional dengan
mendatangi langsung penjual barang untuk melakukan pembelian, hingga
kini dipermudah dengan melakukan pembelian barang dari depan layar tanpa
menemui penjual barang secara langsung merupakan salah satu bentuk dari dampak
kemajuan internet terutama di bidang perdagangan. Disamping membantu
masyarakat hal tersebut juga membantu para penjual dalam memasarkan barang
dagangan mereka kepada para pelanggan. Penulisan ini bertujuan untuk membuat
aplikasi e-commerce business to customer (B2C) yang berfokus kepada cara belanja
masyarakat Indonesia. Hasil penelitian berupa sebuah aplikasi e-commerce berbasis
web yang dibuat dengan menggunakan bahasa pemrograman Ruby dan framework
Ruby on Rails serta MySQL sebagai database. Adanya aplikasi ini dapat
memudahkan penjual dalam menjual dan memasarkan produk mereka secara
online, serta memudahkan masyarakat sebagai pelanggan dalam melakukan
pembelian barang secara langsung melalui website resmi penjual barang tersebut.
Kata Kunci : e-commerce, B2C, Web.
ABSTRACT
The shift from the conventional way of buying the community by going directly to
the seller of goods to make a purchase, until now made easier by buying goods from
the front of the screen without meeting the seller directly is one form of the impact
of the progress of the internet, especially in the field of trade. Besides helping the
public it also helps sellers to market their merchandise to customers. Scientific
Writing aims to create e-commerce business to customer (B2C) applications that
focus on how Indonesian people spend. The results of this research are a web-based
e-commerce application created using the Ruby programming language and the
Ruby on Rails framework and MySQL as a database. The existence of this
application can make it easier for sellers to sell and market their products online, as
well as facilitate the public as customers in purchasing goods directly through the
official website of the seller of the goods.
Keywords: e-commerce, B2C, Web.
Latar Belakang
Pergeseran cara beli masyarakat yang semula secara konvensional dengan
mendatangi langsung penjual barang untuk melakukan pembelian, hingga kini
dipermudah dengan melakukan pembelian barang dari depan layar tanpa menemui
penjual barang secara langsung merupakan salah satu bentuk dari dampak
kemajuan internet terutama di bidang perdagangan. Disamping membantu
masyarakat hal tersebut juga membantu para penjual dalam memasarkan barang
dagangan mereka kepada para pelanggan.
Sejauh ini telah banyak pelaku usaha yang memanfaatkan kemajuan
teknologi tersebut untuk membantu mereka dalam menjual produk yang mereka
tawarkan, mulai dari menjualnya melalui marketplace hingga melalui situs e-
commerce mereka sendiri, akan tetapi hanya sedikit pelaku usaha yang menjual
produk mereka melalui situs mereka sendiri, dikarenakan untuk dapat membangun
situs e-commerce memerlukan biaya yang tidak sedikit, mulai dari biaya untuk
pengembangan, biaya untuk pemeliharaan dan lain sebagainya, sehingga hanya
pelaku usaha yang memiliki cukup modal yang dapat menjual produk mereka
langsung melalui situs mereka sendiri.
Saat ini, banyak aplikasi yang dirancang untuk keperluan e-commerce mulai
dari yang gratis hingga berbayar seperti WooCommerce, PrestaShop, Magento,
Shopify dan lain sebagainya, yang jika diperhatikan aplikasi tersebut harus di
modifikasi terlebih dahulu agar sesuai dengan budaya jual beli online masyarakat
Indonesia, seperti untuk pembayaran yang mana masyarakat Indonesia lebih
memilih menggunakan metode transfer dari pada menggunakan kartu kredit,
pilihan metode pengiriman barang yang beragam dan lain sebagainya.
Untuk melakukan modifikasi pada aplikasi tersebut tentu memerlukan
pengetahuan khusus dalam hal pemrograman, hal ini menyulitkan para pelaku
usaha untuk langsung memasarkan produk mereka secara online, dan kebanyakan
dari mereka memanfaatkan jasa pemrograman untuk memodifikasinya hingga
sesuai dengan cara jual beli online di Indonesia.
Adapun telah banyak penulisan ilmiah yang membahas mengenai pembuatan aplikasi e-
commerce akan tetapi dari banyak penulisan tersebut hanya sampai pada tahap pemesanan
kemudian untuk melakukan pembayaran pembeli harus melakukan konfirmasi pembayaran
terlebih dahulu, dan tidak tersedianya fitur untuk melacak pembelian yang telah dilakukan oleh
pembeli.
Membuat aplikasi e-commerce business to customer (B2C) yang berfokus kepada cara belanja
masyarakat Indonesia. Dalam pembuatan aplikasi ini agar tidak menyimpang dari tujuan, aplikasi
yang akan dibuat memiliki ketentuan sebagai berikut :
1. Aplikasi dibuat dengan menggunakan bahasa pemrograman Ruby dan framework Ruby on
Rails
2. Database yang digunakan adalah MySQL
3. Fitur yang akan dibuat pada aplikasi ini yaitu, Informasi Produk, Shopping Cart, Checkout,
Tracking Order, Informasi Stok, dan Informasi Keuangan.
Metode Penelitian
Metode penelitian yang digunakan dalam penulisan ilmiah ini menggunakan pendekatan
SDLC (System Development Life Cycle), sebagai berikut :
1. Identifikasi
Pada fase ini di identifikasi permasalahan yang ada yaitu kebanyakan aplikasi e-commerce
yang ada saat ini memerlukan modifikasi terlebih dahulu agar dapat digunakan secara
optimal di Indonesia.
2. Analisa
Pada fase ini di analisa permasalahan dan memecahkan masalah dalam pembuatan aplikasi
dengan mempelajari masalah, teori, cara kerja serta solusi dari tinjauan pustaka yang
berhubungan dengan rumusan masalah untuk menyelesaikan masalah yang ditemukan
dalam proses identifikasi.
3. Perancangan
Pada fase ini penulisan merancang aplikasi menggunakan Unified Modeling Language
(UML) yaitu use case dan activity diagram, menggunakan Entity Relationship Diagram
(ERD) untuk merancang model dasar dari struktur data, membuat rancangan tabel, dan
membuat rancangan tampilan aplikasi.
Gambaran Umum Aplikasi
Secara umum aplikasi e-commerce ini dibuat dengan bahasa pemrograman Ruby,
menggunakan framework Ruby on Rails dan MySQL sebagai sistem basis data. Aplikasi ini
berfokus pada dua bagian yaitu Store dan Admin yang mana setiap bagian saling berhubungan
antara satu dengan lainya.
Untuk bagian Store merupakan bagian yang langsung berinteraksi dengan pembeli dimana
pada bagian tersebut terdapat halaman home, product list, single product, cart, checkout, dan
tracking order. Yang mana pada bagian Store ini akan melayani proses pembelian barang mulai
dari pemilihan produk hingga ke proses pembayaran yang pada akhirnya customer dapat langsung
melihat status pembelian mereka sudah sampai pada tahap apa melalui fitur tracking.
Sedangkan pada bagian Admin merupakan bagian untuk pemilik atau pengurus online shop
tersebut dimana terdapat beberapa fitur seperti manajemen produk, informasi stok, informasi
keuangan, manajemen order, manajemen pengiriman dan beberapa fitur penunjang lainnya.
Pada aplikasi ini juga terdapat fitur pengecekan ongkos kirim dari beberapa layanan
ekspedisi di Indonesia untuk menghasilkan total pembayaran yang sudah termasuk ongkos kirim
serta memungkingkan untuk melacak status pengiriman dari ekspedisi tersebut dan juga terdapat
fitur pengecekan mutasi bank secara otomatis untuk membantu mengkonfirmasi pembayaran yang
telah dilakukan oleh pembeli, sehingga pembeli tidak perlu melakukan konfirmasi pembayaran.
Analisa
Pada tahapan ini dilakukan analisa mengenai kebutuhan aplikasi e-commerce ini. Analisa
tersebut meliputi analisa kebutuhan software dan hardware.Analisa Kebutuhan Software dan
Hardware
Dalam pembuatan aplikasi, dibutuhkan beberapa software dan hardware sebagai berikut:
1. Kebutuhan software yang digunakan, antara lain :
a. Sistem operasi Ubuntu 16.04
b. MySQL v10.1.25 sebagai database
c. Bahasa pemrograman Ruby v2.4.0
d. Ruby on Rails v5.2.0
2. Kebutuhan hardware yang digunakan, antara lain:
a. 1 Core CPU
b. Memory RAM 1 GB
c. Harddisk 25 GB
Perancangan Aplikasi
Pada tahapan ini, dibuat rancangan aplikasi e-commerce ini agar pembuatan aplikasi lebih
mudah dan terstruktur.
Perancangan Aplikasi Menggunakan UML
Untuk menggambarkan proses yang terjadi pada aplikasi digunakan pemodelan UML,
yaitu Use Case Diagram dan Activity Diagram.
Use Case Diagram
Gambar 1 Rancangan Use Case Diagram Pembeli
Use Case Diagram pada Gambar 1 mendeskripsikan aksi apa saja yang dapat dilakukan
oleh customer mulai dari tahap melihat produk hingga melakukan proses checkout.
Gambar 2 Rancangan Use Case Diagram Admin
Use Case Diagram pada Gambar 2 mendeskripsikan aksi apa saja yang dapat dilakukan
oleh admin mulai dari tahap login, menambah atau memperbaru suatu dan lainya.
Activity Diagram
Gambar 3 Rancangan Activity Diagram Admin
Activity Diagram pada gambar 3 merupakan interaksi pengguna dengan aplikasi. Diagram
diatas menjelaskan proses penggunaan aplikas dari awal hingga selesai.
3.3.2. Perancangan Aplikasi Menggunakan ERD
Gambar 4 Rancangan Entity Relationship Diagram
Rancangan Tabel
1. Tabel Banks
Tabel 1 Rancangan Tabel Banks
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id bank
name Varchar 255 Nama bank
account_number Varchar 255 Nomor rekening
branch_name Varchar 255 Nama cabang
2. Tabel Banners
Tabel 2 Rancangan Tabel Banners
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id banner
title Varchar 255 Judul banner
link Varchar 255 Link tujuan banner
expired_date datetime Masa habis banner
3. Tabel Carts
Tabel 3 Rancangan Tabel Carts
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id cart
stock_id Bigint 20 Id stock
session Varchar 255 Session user
quantity Int 11 Jumlah item
4. Tabel Categories
Tabel 4 Rancangan Tabel Categories
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id category
name Varchar 255 Nama kategori
5. Tabel Couriers
Tabel 5 Rancangan Tabel Couriers
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id kurir
name Varchar 255 Nama kurir
phone Varchar 255 Kontak telepon kurir
6. Tabel Orders
Tabel 6 Rancangan Tabel Orders
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id kurir
invoice_number Varchar 255 Nomor invoice
status_id Bigint 20 Id status pembelian
total decimal 18,2 Total transaksi
expired_date datetime Masa berlaku order
email varchar 255 Email customer
bank_id Bigint 20 Id bank
7. Tabel Products
Tabel 7 Rancangan Tabel Products
Nama Field Tipe Data Ukuran
Field
Keterangan
id Bigint 20 Id produk
name Varchar 255 Nama produk
description Text Deskripsi produk
price Decimal 18,2 Harga produk
weight Int 11 Berat produk (gram)
views Int 11 Jumlah produk dilihat
category_id Bigint 20 Id kategori
published Tinyint 1 Publikasi produk
(boolean)
8. Tabel Purchases
Tabel 8 Rancangan Tabel Purchases
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id pembelian
order_id Bigint 20 Id order
stock_id Bigint 20 Id item
quantity Int 11 Jumlah item
price Decimal 18,2 Harga item
9. Tabel Shipments
Tabel 9 Rancangan Tabel Shipments
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id pengiriman
order_id Bigint 20 Id order
courier_id Bigint 20 Id kurir
service Varchar 255 Jenis Pengiriman
waybill_number Varchar 255 Nomor resi pengiriman
name Varchar 255 Nama penerima
phone Varchar 255 Telepon Penerima
address Text Alamat Penerima
zip_code Varchar 5 Kode pos penerima
weight Int 11 Berat pengiriman
shipment_price Decimal 18,2 Biaya Pengiriman
10. Tabel Status Flows
Tabel 10 Rancangan Tabel Stock Flows
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id aliran stock
order_id Bigint 20 Id order
status_id Int 11 Id status
11. Tabel Statuses
Tabel 11 Rancangan Tabel Statuses
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id status
name Varchar 255 Nama status
12. Tabel Stocks
Tabel 12 Rancangan Tabel Stock Flows
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id stock
name Varchar 255 Nama stock
quantity Int 11 Kuantiti stock
13. Tabel Users
Tabel 13 Rancangan Tabel Stock Flows
Nama Field Tipe Data Ukuran Field Keterangan
id Bigint 20 Id user
username Varchar 255 Username
email Varchar 255 Email user
password Varchar 255 Password user
Rancangan Tampilan Antarmuka
Pada tahapan ini dijelaskan pembuatan rancangan tampilan atau user interface dari aplikasi.
rancangan tampilan yang dibuat adalah rancangan tampilan untuk Admin dan Store.
Rancangan Antarmuka Admin Dashboard
Gambar 5 Rancangan Antarmuka Admin Dashboard
Rancangan Antarmuka Store Home
Gambar 6 Rancangan Antarmuka Store Home
Rancangan Antarmuka Store Singel Product
Gambar 7 Rancangan Antarmuka Store Single Product
Rancangan Antarmuka Store Cart
Gambar 8 Rancangan Antarmuka Store Cart
Rancangan Antarmuka Store Checkout
Gambar 9 Rancangan Antarmuka Store Check Out
Rancangan Antarmuka Store Order Summary
Gambar 10 Rancangan Antarmuka Store Order Summary
Rancangan Antarmuka Store Tracking Result
Gambar 11 Rancangan Antarmuka Store Tracking Result
Kesimpulan
Aplikasi e-commerce ini dibuat menggunakan bahasa pemrograman Ruby dengan
menggunakan framework Ruby on Rails dan MySQL sebagai basis data. Aplikasi ini dilengkapi
dengan fitur - fitur untuk admin seperti product, stock, order, shipment, informasi keuangan,
banner, store setting. Sehingga memudahkan menjual dan memasarkan produk secara online.
Serta fitur - fitur untuk customer seperti homepage, shop, single product, cart, checkout, tracking
order, serta pengecekan pembayaran otomatis. Sehingga memudahkan customer melakukan
pembelian barang langsung melalui aplikasi.
Setelah dilakukan uji coba aplikasi e-commerce ini dapat berjalan dengan baik, dengan
berfungsinya fitur-fitur yang tersedia akan mempermudah customer untuk melakukan transaksi
pembelian barang mulai dari melihat produk yang tersedia hingga ke pelacakan pesanan, serta
membantu admin dalam mengelola usahanya dengan memanfaatkan fitur-fitur yang ada.
Saran
Aplikasi e-commerce ini masih memiliki banyak potensi untuk dikembangkan lebih lanjut.
Aplikasi ini dapat dikembangkah lagi dengan menambah fitur seperti search, coupon, blog post
(untuk keperluan promosi atau informasi), hingga user defined template ( tampilan yang
didefinisikan / dibuat oleh pengguna).
DAFTAR PUSTAKA
Arif, M. Rudyanto. (2011). Pemrograman Web Dinamis Menggunakan PHP dan MySQL.
Yogyakarta: Informatika Yogyakarta.
Brady, M., & Loonam, J. (2010). Exploring the use of entity-relationship diagram as a technique
to support grounded theory inquiry. Bradford: Emerald Group.
Hartl, Michael. (2016). Ruby on Rails Tutorial Learn Web Development with Rails.
Hidayat, Rahmat. (2010). Cara Praktis Membangun Website Gratis. Jakarta: PT Elex Media
Komputindo.
Lajamudin, A. B. (2013). Analisa dan Design Sistem Informasi. Yogyakarta: Graha Ilmu
Laudon, Kenneth C., & Jane, P. Laudon. (2010). Manajemen Information System: Managing the
Digital Firm.
Raharjo, Budi. (2017). Mudah Belajar Ruby. Bandung: Informatika Bandung
Shalahuddin, M., Rosa A.S. (2013). Rekayasa Perangkat Lunak Terstruktur dan Berorientasi
Objek. Bandung : Informatika Bandung
Sianipar, R.H. (2015). HTML5 & CSS3 Belajar Dari Kasus. Bandung: Informatika Bandung
Sidik, Betha. (2012). Framework CodeIgniter. Bandung: Informatika Bandung.