Jurnal Sistem Informasi Kaputama (JSIK), Vol. 7, No.

1, Januari 2023 P - ISSN : 2548-9712

E - ISSN : 2685-5232

Sistem Informasi E-Commerce Excelsa Coffee Shop Berbasis Web

Steven Franjaya(1) *, Elisawati(2), Rahmat Hidayatullah(3), Nur Rubiati(4)

1,2,4 Sistem Informasi, STMIK Dumai, Indonesia
3 Teknik Informatika, STMIK Dumai, Indonesia

E-mail : stevenfranjaya8@gmail.com, elisawati06@gmail.com, boyyatandroid@gmail.com,

nurrubiati0412@gmail.com
.

ABSTRAC
Excelsa Coffee Shop is one of the businesses engaged in culinary in the form of a cafe located in
Dumai. In the sales process so far at Excelsa Coffee Shop, it is done manually / offline by
directly coming to the store. The problem that occurs from the manual system is the absence of
sales reports per day or per month, a service system that still relies on a manual system is also
not much profitable in sales because it depends on customers who buy directly from the store so
that the sales process and results are less efficient. Therefore, a computerized system is needed
to help the sales process and record sales results online, namely, E-commerce.E-commerce is an
online-based sales system that is used to view and buy products through the website, by first
having an account by registering, after having an account customers can check out and make
payments via bank transfer or cash on delivery (COD).

Keywords: Excelsa, E-Commerce, Website, Sales, Customer

ABSTRAK
Excelsa Coffee Shop adalah salah satu usaha yang bergerak dibidang kuliner berupa kafe yang
berada di Kota Dumai. Dalam proses penjualannya selama ini pada Excelsa Coffee Shop
dilakukan secara manual/offline dengan langsung datang ke toko. Permasalahan yang terjadi dari
sistem manual tersebut yaitu tidak adanya laporan penjualan per-hari mapun per-bulan, sistem
pelayanan yang masih mengandalkan sistem manual juga tidak banyak menguntungkan dalam
penjualan karena tergantung dari customers yang membeli secara langsung dari toko sehingga
proses dan hasil penjualan kurang efisien. Oleh karena itu dibutuhkan sistem yang
terkomputerisasi untuk membantu proses penjualan dan pencatatan hasil penjualan secara online
yaitu, E-Commerce. E-Commerce merupakan sistem penjualan berbasis online yang digunakan
untuk melihat dan membeli produk melalui website, dengan terlebih dahulu memiliki akun
dengan cara mendaftar, setelah memiliki akun customers dapat melakukan checkout dan
melakukan pembayaran melalui transfer bank ataupun cash on delivery (COD).

Kata Kunci: Excelsa, E-Commerce, Website, Penjualan, Kustomer

1
Jurnal Sistem Informasi Kaputama (JSIK), Vol. 7, No. 1, Januari 2023 P - ISSN : 2548-9712
E - ISSN : 2685-5232

1. PENDAHULUAN produknya di internet melalui website.

Model virtual-store merupakan solusi dalam
Teknologi informasi sangatlah berpengaruh mengatasi permasalahan yang ada di
untuk kemajuan suatu usaha. Berbagai Excelsa Coffee Shop.
macam cara dilakukan untuk
mempromosikan usaha yang dimiliki, salah
satunya dengan menggunakan website E- 2. METODOLOGI
Commerce. Teknologi internet berdampak
cukup besar pada dunia bisnis (e-commerce) Metode penelitian merupakan
dengan dibukanya jalur perdagangan online tahapan yang dilakukan dalam penelitian.
sangat memudahkan bagi calon customer Adapun tahap penelitian yang dilakukan
untuk melihat dan mendapatkan informasi dalam penelitian ini dijelaskan dalam
produk, memesan ataupun melakukan gambar dibawah ini:
pembayaran dengan pilihan yang tersedia
selain itu customers dapat menghemat waktu
dan biaya karena tidak perlu datang ke toko
atau tempat transaksi untuk mendapatkan
barang yang diinginkan.E-commerce adalah
suatu kegiatan jual beli yang dilakukan
secara online melalui situs atau website. E-
Commerce bisa menerapkan transaksi secara
online atau pun langsung / Cash on Delivery
(COD). Transaksi secara online dapat
menghubungkan antara penjual dan
customers secara langsung tanpa dibatasi
oleh suatu ruang dan waktu. Itu berarti
transaksi penjualan secara online
mempunyai potensi calon customers yang
potensial dari manapun yang mempunyai Gambar 2.1 Metode Waterfall
akses internet.
Berdasarkan hasil observasi di Excelsa Dalam proses pengembangan analisis
Coffee Shop, saat ini Excelsa Coffee Shop perencanaan E-Commerce pada Excelsa
masih menggunakan sistem manual dalam Coffee Shop, dalam penerapannya
proses pelayanan (penjualan offline) menggunakan Metode Waterfall. Model ini
maupun transaksinya. Permasalahan yang melakukan pendekatan secara sistematis dan
terjadi dari sistem manual tersebut yaitu bertahap mulai dari level kebutuhan sistem,
tidak adanya laporan penjualan per-hari kemudian menuju ketahap analisis, desain,
mapun per-bulan, sistem pelayanan yang pengcoding-an, implementasi, maintenance.
masih mengandalkan sistem manual juga Adapun keterangan dari tahapan
tidak banyak menguntungkan dalam metode waterfall adalah sebagai berikut:
penjualan karena tergantung dari customers a. Analisis: pada tahap ini penulis
yang beli secara langsung dari toko. Model mengumpulkan data yang sesuai dengan
Virtualstore adalah kombinasi proses kriteria aplikasi yang dibutuhkan oleh
transaksi, security, dan pembayaran secara user/pengguna.
online, serta penyimpanan informasi yang b. Desain: pada tahap ini penulis membuat
memungkinkan para pedagang menjual sebuah perancangan sistem

2
Jurnal Sistem Informasi Kaputama (JSIK), Vol. 7, No. 1, Januari 2023
menggunakan diagram diagram seperti
context diagram, erd, hipo, flowchart,
struktur databse serta membuat desain
input dan output.
c. Pengkodean; pada tahap penulis
membuat website sesuai dengan
perancangan sistem/tahap desain.
Dimana dilakukan pembuatan program
e-commerce sesuai fungsi-fungsi yang
sudah dibuat di tahap desain. Dimana
dalam penelitian ini penulis
menggunakan Bahasa pemrograman
PHP sebagai Bahasa program nya dan
MySQL sebagai databasenya.
d. Pengujian: pada tahap pengujian ini
penulis melakukan pengujian perangkat
lunak secara logic dan fungsional.
Dalam penelitian ini penulis
menggunakan metode blackbox dalam
tahapan pengujian perangkat lunak. Dan
pengujian yang akan di testing adalah
fungsi login, fungsi logout, fungsi
transaksi menggunakan offline store dan
transaksi secara online store.
e. Implementasi: pada tahap ini penulis
menerapkan program/aplikasi yang
sudah dibuat dengan data data yang ada
di tempat penelitian.
2.1 Analisis
A. Aliran Sistem Pembelian Manual
P - ISSN : 2548-9712
E - ISSN : 2685-5232
Gambar 2.2 Aliran Sistem Informasi
Pembelian Manual
Sistem yang sedang berjalan di Excelsa
Coffee Shop saat ini masih menggunakan
sistem excel proses pengimputan data nya,
sehingga membuat proses transaksi di
Excelsa Coffee Shop masih ada
keterlambatan pemesanan dan belum juga
ada tersedia nya menu pemesanan online,
menu daftar online, sehingga pelanggan
memesan pesanan nya masih harus pergi ke
meja kasir.
B. Aliran Sistem Informasi Pembelian
Online
Pada tahapan ini dibutuhkan penyelesaian
untuk masalah diatas, diperlukan E-
Commerce Excelsa Coffee Shop Berbasis
Web. Dalam penelitian ini, penerapan sistem
berbasis Web sangat diperlukan untuk
adanya informasi pemesanan online dan
daftar menu online yang akan
mempermudah proses pemesanan, menu
produk dan transaksi yang tersedia di
Excelsa Coffee Shop.
Dibawah ini merupakan Aliran Sistem
Informasi (ASI) atau analisis perkiraan
proses penjualan pada Excelsa Coffee Shop
setelah menggunakan sistem informasi E-
3
Jurnal Sistem Informasi Kaputama (JSIK), Vol. 7, No. 1, Januari 2023 P - ISSN : 2548-9712
E - ISSN : 2685-5232

Commerce yang diharapkan dapat

menyelesaikan permasalahan dan dapat
meningkatkan penjualannya.

Gambar 2.4 Context Diagram Lvl 0

2.2.2 Data Flow Diagram

Data Flow Diagram (DFD)
adalah representasi grafik dari sebuah
sistem. DFD menggambarkan
komponen-komponen sebuah sistem,
aliran-aliran data dimana komponen-
komponen tersebut serta asal, tujuan.
Gambar 2.3 Aliran Sistem Informasi
Berikut ini gambar DFD dari system
Pembelian Online
E-Commerce Excelsa Coffee Shop.
2.2 Desain
2.2.1 Context Diagram
Diagram konteks merupakan
tingkatan tertinggi dalam diagram
aliran data dan hanya membuat proses
serta menunjukkan sistem secara
keseluruhan, merupakan alat analisis.
Pendekatan struktur ini mencoba
untuk menggambarkan sistem secara
garis besar atau secara keseluruhan.

4
Jurnal Sistem Informasi Kaputama (JSIK), Vol. 7, No. 1, Januari 2023 P - ISSN : 2548-9712
E - ISSN : 2685-5232

Gambar diatas merupakan alur atau aliran

proses yang dapat dilakukan oleh Admin
didalam E-Commerce Excelsa Coffee Shop
seperti : melihat laporan data produk, data
buyer laporan penjualan.

Gambar 2.5 Flow Diagram Level 1 Buyer

Gambar diatas merupakan alur atau aliran

proses yang dapat dilakukan oleh buyer
didalam E-Commerce Excelsa Coffee Shop.

Gambar 2.7 Data Flow Diagram Level 1

Kasir

Gambar diatas merupakan alur atau aliran

proses yang dapat dilakukan oleh kasir
didalam E-Commerce Excelsa Coffee Shop
seperti menginput data pemesanan buyer.

2.3 Pengkodean
Tahap merealisasikan desain yang sudah
dibuat kedalam bentuk website dengan
pengkodean/coding sehingga dapat
berfungsi atau bekerja sesuai dengan fungsi
yang sudah ditetapkan pada saat proses
desain.

Gambar 2.6 Data Flow Diagram Level 1

Admin

5
Jurnal Sistem Informasi Kaputama (JSIK), Vol. 7, No. 1, Januari 2023 P - ISSN : 2548-9712
E - ISSN : 2685-5232

3. HASIL DAN PEMBAHASAN

Berikut ini merupakan tampilan dari website
E-Commerce Excelsa Coffee Shop. Untuk
dapat menggunakan E-Commerce Excelsa
Coffee Shop, user terlebih dahulu membuka
situs melalui browser dengan memasukkan
alamat domain,maka akan muncul tampilan
menu-menu yang ada pada sistem seperti
gambar dibawah ini:
Tampilan Menu Login

Gambar 2.8 Coding Tampilan Home

Gambar diatas merupakan tampilan koding

yang digunakan dalam membuat tampilan
home pada E-Commerce Excelsa Coffee
Shop.

Gambar 3.1 Menu Login

Pada gambar diatas, merupakan tampilan

menu login admin, kasir dan buyer. Pada
menu ini, sistem akan menampilakan
halaman login. Pengguna dapat melakukan
login dengan menggunakan username dan
password yang sudah didaftarkan untuk
menampikan menu utama admin, kasir dan
buyer.

Gambar 2.9 Coding Proses Order

Gambar diatas merupakan tampilan koding

yang digunakan dalam membuat proses
order/pemesanan produk pada E-Commerce
Excelsa Coffee Shop.

6
Jurnal Sistem Informasi Kaputama (JSIK), Vol. 7, No. 1, Januari 2023 P - ISSN : 2548-9712
E - ISSN : 2685-5232

3.1 Tampilan Menu Utama Excelsa

Coffee Shop Coffee (Buyer)

Gambar 3.2 Menu Utama Excelsa Coffee

Shop (Buyer)
Gambar 3.3 Menu Data Cart (Buyer)
Tampilan yang terdapat pada gambar diatas
merupakan menu utama pada admin dan
pembeli. Sistem ini menyediakan menu
beranda, tentang kami dan menampilkan 3.3 Tampilan Menu Checkout (Buyer)
jenis-jenis produk makanan dan minuman
yang ada pada Excelsa Coffee Shop. Pada
sistem ini, halaman pesanan buyer yang ada
pada Excelsa Coffee Shop, buyer dapat
memesan nya secara online atau pun bisa
langsung ke Exclsa Coffee Shop.

3.2 Tampilan Menu Cart (Buyer)

Pada gambar diatas merupakan tampilan
menu data cart.Pada menu ini,. Buyer
setelah melakukan pemilihan produk
makanan dan minuman, pesanan akan
masuk pada menu cart untuk dilanjutkan ke
menu pembayaran. Buyer dapat melakukan
penambahan atau pengurangan pesanan Gambar 3.4 Menu Checkout
sebelum dilakukan checkout.
Pada gambar diatas adalah tampilan
halaman data checkout untuk buyer. Setelah
7
Jurnal Sistem Informasi Kaputama (JSIK), Vol. 7, No. 1, Januari 2023 P - ISSN : 2548-9712
E - ISSN : 2685-5232

buyer mengisi alamat pada menu form 2. Tidak adanya proses Top Up didalam
alamat, sistem akan mengarahkan ke menu sistem ini untuk buyer. Diharapkan
checkout yang dimana buyer akan mengisi kedepanya terdapat proses Top Up
beberapa data, buyer akan melakukan untuk buyer didalam sistem E-
pemilihan metode pembayaran dan buyer Commerce.
dapat mengklik proses pesanan.
DAFTAR PUSTAKA

[1.] Apriadia, D., & Saputra, A. Y. (2017).

4. KESIMPULAN E-Commerce Berbasis Marketplace
Dalam Upaya Mempersingkat
Berdasarkan hasil perancangan dan
Distribusi Penjualan Hasil Pertanian.
implementasi pada penelitian ini, dapat
Jurnal Resti,1.
ditarik kesimpulan bahwa implementasi E-
[2.] Arianto, A., Pratiwi, F., & Adrianto, S.
Commerce Excelsa Coffee Shop ini berhasil
(2018, Juni). Sistem Pengolahan
diimplementasikan untuk melakukan
Data Nilai Siswa Berstandar
penjualan dan pembelian makanan dan
Kurikulum 2013 Di SMP Negeri 2
minuman di Excelsa Coffee Shop.
Dumai. Sains dan Teknologi
Pembelian makanan dan minuman telah
Informasi, 4.
berhasil dilakukan ketika pengguna
[3.] Arman, Efendy, Z., & Sugiarto, E.
melakukan transaksi pembelian. Proses
(2019, Januari). Sistem Pendukung
pembelian makanan dan minuman berjalan
Keputusan Mutasi Karyawan Pada
dengan baik dan sesuai dengan perancangan.
PT. Sakato Jaya. Rang Teknik
Hasil pengujian menunjukkan bahwa setiap
Journal.
fungsi yang digunakan dalam perancangan
[4.] Asparizal, Azkiya, A., & Siregar, S. R.
ini sudah berjalan dengan baik terlihat dari
(2021, Januari). Pengembangan
output yang sesuai dengan harapan
Aplikasi Bimbingan Tugas Akhir
berdasarkan perancangan sistem dan input
Pada AMIK DUMAI. Lentera
dari user.
Dumai.
[5.] Firmansyah, R. (2017). Web Klarifikasi
5. SARAN Berita untuk Meminimalisir
Penyebaran Berita Hoax. Jurnal
E-Commerce Excelsa Coffee Shop Informatika, 4(2), 230–235.
ini tentu masih jauh dari kata sempurna dan [6.] Indrajani, I. (2011). Perancangan Sistem
masih memiliki banyak kekurangan. Untuk Basis Data pada Klinik. ComTech:
itu perlu dilakukan pengembangan dan Computer, Mathematics and
penyempurnaan agar menjadi lebih baik Engineering Applications, 2(1), 218.
lagi. Adapun saran agar E-Commerce https://doi.org/10.21512/comtech.v2i
Excelsa Coffee Shop ini dapat menjadi lebih 1.2737
baik adalah sebagai berikut:
1. Pembayaran hanya dengan 2 cara
transfer bank dan cash on delivery
(COD). Kedepannya diharapkan
adanya penambahan metode
pembayaran lain.