Perancangan Aplikasi E-commerce Business to Customer (B2C) Berbasis WEB ABSTRAK

(1)

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

Farida_a@staff.gunadarma.ac.id

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.

(2)

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.

(3)

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.

(4)

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.

(5)

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.

(6)

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

(7)

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

(8)

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

(9)

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

(10)

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.

(11)

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

(12)

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

(13)

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.

(14)

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.