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

[email protected]

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.

mailto:[email protected]

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


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


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


id Bigint 20 Id category

name Varchar 255 Nama kategori

5. Tabel Couriers

Tabel 5 Rancangan Tabel Couriers


id Bigint 20 Id kurir

name Varchar 255 Nama kurir

phone Varchar 255 Kontak telepon kurir

6. Tabel Orders

Tabel 6 Rancangan Tabel Orders


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


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


id Bigint 20 Id pengiriman


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


id Bigint 20 Id aliran stock


status_id Int 11 Id status

11. Tabel Statuses

Tabel 11 Rancangan Tabel Statuses


id Bigint 20 Id status

name Varchar 255 Nama status

12. Tabel Stocks



id Bigint 20 Id stock

name Varchar 255 Nama stock

quantity Int 11 Kuantiti stock

13. Tabel Users



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.

perancangan aplikasi e-commerce business to customer (b2c

Documents