PERANCANGAN SISTEM APLIKASI PENJUALAN

BERBASIS WEB PADA TOKO HANDPHONE SHAR-E CELL

Maria Emaralda1 Shinta Oktaviana, M.Kom2

Mahasiswa program studi Sistem Informasi Universitas Nusa Mandiri

Jl. Margonda Raya No.545, Pondok Cina, Depok, 13620
Indonesia

Email : mariaemeralda3@gmail.com

Abstrak

Shar E-Cell merupakan salah satu toko yang menjual berbagai jenis hp dan aksesorisnya. Toko yang termasuk
jenis usaha UMKM ini sudah berdiri sejak tahun 2012 sehingga tidak mengherankan jika toko ini sudah
mempunyai beberapa pelanggan setia. Dalam melakukan kegiatannya, Shar E-Cell masih menggunakan media
penyampaian informasi yang sederhana sehingga untuk pemasaran produk dan layanannya masih belum
maksimal. Dengan masalah yang dihadapi oleh Shar E-Cell, maka dibutuhkan sebuah sistem informasi berbasis
web, hal ini sangatlah penting karena dengan adanya sebuah sistem ini akan dapat membantu kendala yang ada.

Abstract
Shar E-Cell is a shop that sells various types of cellphones and accessories. This store, which belongs to the type
of UMKM business, has been established since 2012 so it is not surprising that this store already has several
loyal customers. In carrying out its activities, Shar E-Cell still uses simple information delivery media so that
the marketing of its products and services is still not optimal. With the problems faced by Shar E-Cell, a web-
based information system is needed, this is very important because with a system this will be able to help the
existing obstacles.
1. Pendahuluan besar tersebut merupakan aplikasi pemrosesan data

Pergantian metode belanja dengan memakai bisnis”.

media internet ini, secara tidak langsung sudah Metode waterfall merupakan metode yang sering

mengganti sikap warga yang semula wajib digunakan oleh penganalisa sistem pada umumnya. Inti

berhubungan secara langsung di mall, supermarket, dari metode waterfall adalah pengerjaan dari suatu

ataupun pasar, nmaka dengan memakai belanja online, sistem dilakukan secara berurutan atau secara linear.

interaksi tersebut berlangsung memakai media internet Jadi jika langkah ke-1 belum dikerjakan, maka langkah

tanpa terdapatnya tatap muka secara langsung, 2 tidak dapat dikerjakan. Jika langkah ke-2 belum

sehingga tidak terdapatnya proses tawar menawar dikerjakan maka langkah ke-3 juga tidak dapat

benda memakai komunikasi verbal yang kerap dikerjakan, begitu seterusnya. Secara otomatis langkah

menyebabkan timbulnya antrian panjang ataupun ke-3 akan bisa dilakukan jika langkah ke-1 dan ke-2.

berdesak- desaknya para wisatawan pasar

Berdasarkan jurnal [2] perancangan website

yang dilakukan oleh Abdul Latif pada tahun 2008,
yang membangun Website E-commerces berbasis PHP
dan MySQL yang digunakan untuk membuat orang
mudah untuk berbelanja cukup di depan jaringan Gambar II. 1. Model Waterfall (Rosa A.S dan
komputer dan internet, orangpun bisa berbelanja M.Shalahuddin,2013 : 156-160)

dengan mudah, proses ini pun cukup mudah untuk

Berikut ini penjelasan tentang masing-masing
pembayaran barang yang dibeli pembelian dapat
tahap dalam model waterfall :
membayar dengan mentransfer di bank yang telah
1. System and software design
ditentukan.
Desain dikerjakan setelah kebutuhan selesai
dikumpulkan secara lengkap.
Shar E-Cell merupakan salah satu toko yang
2. Implementation and unit testing Desain
menjual berbagai jenis hp dan aksesorisnya. Toko yang
program diterjemahkan ke dalam kode-kode
termasuk jenis usaha UMKM ini sudah berdiri sejak
dengan menggunakan Bahasa pemrograman
tahun 2012 sehingga tidak mengherankan jika toko ini
yang sudah ditentukan. Program yang
sudah mempunyai beberapa pelanggan setia.
dibangun langsung diuji baik secara unit.
Lambannya pelayanan di toko ini diakibatkan karena
3. Integration and system testing
toko ini belum memanfaatkan teknologi informasi
Penyatuan unit-unit program kemudian diuji
sebagai penunjang keberhasilan bisnis.
secara keseluruhan.
4. Operation and maintenance
2. Metode Penelitian
Mengoperasikan program dilingkungannya
Menurut (Simarmata, 2010) dalam jurnal [6] “Model
dan melakukan pemeliharaan, seperti
Waterfall adalah siklus hidup software tradisional
penyesuaian atau perubahan karena adaptasi
muncul pada tahun 1960-an dan 1970-an. Untuk
dengan situasi sebenarnya.
menyediakan struktur bagi pengembangan sistem
software besar. Saat itu mayoritas dari sistem-sistem Secara garis besar metode waterfall mempunyai
langkah-langkah sebagai berikut : Analisa, Desain,
Penulisan, Pengujian dan Penerapan serta digunakan sebagai dasar coding dasar atau awalan
Pemeliharaan. dalam pembuatan system.

Konsep Objek Oriented Program Selain itu penulis juga menggunakan PHP yang
merupakan bahasa pemprograman untuk
Object Oriented Programing (OOP) merupakan suatu
menghubungkan dengan database. Menurut
strategi atau cara baru untuk membuat program atau
Sunarfrihantono dalam jurnal [11] “PHP adalah bahasa
merancang sistem dengan memperhatikan objek.
server-side-scripting yang menyatukan HTML untuk
Untuk mendukung dalam pembuatan program membuat halaman web yang dinamis. Maksud dari
aplikasi ini agar seuai dengan rancangan yang telah server-side-scripting adalah sintaks dan perintah yang
dibuat, penulis menggunakan beberapa software untuk diberikan aan sepenuhnya dijalankan oleh server tetapi
mendukung pengerjaan system yang merunjuk pada disertakan pada dokumen HTML” Sebagai sebuah
system berbasis oop : scripting language, PHP menjalankan instruksi
Yang pertama dengan Xampp, Menurut Madcoms pemrograman saat proses runtime. Hasil dari instruksi
(2016:48) dalam jurnal [7] “Xampp adalah sebuah tentu akan berbeda tergantung data yang diproses.
paket kumpulan software yang terdiri dari Apache,
Selain itu penulis juga menggunakan CodeIgniter [12]
MySQL, phpMyAdmin, PHP, Perl, Filezilla dan lain-
CodeIgniter adalah kerangka kerja aplikasi web yang
lain yang berfungsi untuk memudahkan instalasi
merupakan open source yang digunakan untuk
lingkungan PHP, dimana biasanya lingkungan
membangun aplikasi PHP dinamis. Penulis
pengembangan web memerlukan PHP, Apache,
menggunakan software ini sebagai textboard dalam
MySQL, dan phpMyAdmin serta software lainnya
penulisan coding aplikasi.
yang terkait dengan pengembangan web” Biasanya
software ini digunakan sebagai hosting non-online agar Menurut Madcoms (2016:148) dalam jurnal [7]
programmer dapat melihat hasil yang telah ia buat “PhpMyAdmin adalah sebuah aplikasi open source
sebelum di hosting secara online. yang berfungsi untuk memudahkan manajemen
MySQL. PhpMyAdmin dapat membuat database,
Madcoms (2016:17) dalam jurnal [7] “MySQL
membuat table, menginsert, menghapus dan
adalah sistem manajemen database SQL yang bersifat
mengupdate data dengan GUI dan terasa lebih mudah,
Open Source dan paling populer saat ini. Sistem
tanpa perlu mengetikkan perintah SQL secara manual”
Database MySQL mendukung beberapa fitur seperti
multithreaded, multi-user, dan SQL database 3. Analisis Sistem Berjalan
management system (DBMS). Database ini dibuat Sistem penjualan barang komputer yang diterapkan
untuk keperluan sistem database yang cepat, handal, oleh Shar-E Cell memiliki tahapan/prosedur yang
dan mudah digunakan”. harus dilakukan.

Selain itu dalam penulisan code program aplikasi Tahapan/prosedur sistem tersebut diuraikan sebagai
pengulis menggunakan HTML (Hyper Text Markup berikut:
Language) yang Menurut Madcoms (2016b:33) dalam
1.Pelayanan konsumen
jurnal [7] “HTML (Hypertext Markup Language)
adalah suatu bahasa yang digunakan untuk membuat Konsumen yang datang ke tempat akan dilayani oleh
sebuah halaman web” dimana bahasa ini sering Pemilik toko. Pemilik toko menyampaikan segala
macam informasi yang dibutuhkan oleh konsumen
berkaitan dengan barang, spesifikasi barang dan harga
barang. Konsumen menyampaikan barang barang yang
dibutuhkan kemudian pemilik memberikan barang
yang dibutuhkan.

2.Pelunasan transaksi

Pemilik Toko mengolah pesanan tersebut dan

konsumen melakukan pembayaran dan mendapatkan
barang yang dipilih.

3.Laporan Bulanan Gambar IV. 1 Use Case Diagram Belanja Online

Halaman Customer
Administrasi mengambil data-data yang ada di buku
kas (arsip buku kas) kemudian diolah menjadi paporan
penjualan (LP) dan diserahkan kepada Owner, laporan
penjualan (LP) juga diarsipkan.

Gambar IV. 2 Use Case Diagram Penjualan Online

Gambar III. 1 Activity Diagram Proses Sistem
Halaman Admin
Berjalan
B. Desain Database
4. Rancangan Sistem Dan Program
Usulan
A. Use Case Diagram
Use Case Diagram dibawah ini adalah Sistem
Informasi Penjualan pada toko Shar-E Cell.

Gambar IV.13 Diagram ERD (Entity-Relationship

Diagram)
 Nama Dokumen : Data Produk
Fungsi : Untuk Mengetahui data
C. Suport
produk
Penulis menghosting web melalu website CPanel
Sumber : Admin
dan domain dengan spesifikasi sebagai berikut:
Tujuan : Customer
Media : Tampilan
Jumlah Website : Unlimited
Frekuensi : Setiap ada barang masuk
SSD Disk Space : Unlimited
Format : Lampiran B-1
Bandwidth : Unlimited
Database MySQL : Unlimited
User FTP : Unlimited Nama Dokumen : Pemesanan Barang
Akun Email : Unlimited Fungsi : Menginformasikan pemesanan
Website Builder : Mudah Optimal barang
Kecepatan WordPress : 3X Sumber : Admin
Nama Domain : IDwebhost Tujuan : Customer
Media : Tampilan
Dan analisis biaya yang di perlukan untuk Frekuensi : Setiap terjadi pemesana
membeli hosting dan domain adalah Rp. 150.000 Format : Lampiran B-2
dan dengan limit 1 Tahun, itu semua sudah
dipotong dengan PPN. Nama Dokumen : Laporan Penjualan
Fungsi : Menginformasikan transaksi
Software atau perangkat lunak adalah suatu penjualan
rangkaian atau susunan instruksi yang benar Sumber : Admin
dengan urutan-urutan yang benar pula. Perangkat Tujuan : owner
lunak yang dibutuhkan ada dua yaitu perangkat Media : Tampilan
lunak untuk web server dan perangkat lunak Frekuensi : Setiap terjadi transaksi penjualan
untuk client. Format : Lampiran B-3
Adapun spesifikasi perangkat lunak minimal
yang dibutuhkan oleh web server adalah sebagai 5. Penutup
berikut: A. Kesimpulan
Pembuatan aplikasi Rancang Bangun Sistem Informasi
Sistem Operasi :Windows
Penjualan pada toko hp Shar-E Cell bertujuan untuk
Browser : Google Chrome, Microsoft
mempermudah pemilik toko untuk berjualan dimasa
Edge
pandemi, juga untuk memperluas pengenalan toko ke
Bahasa Program : PHP 7
khalayak ramai agar semakin banyak lagi
Database Server : PHPMyAdmin
pelanggannya.
Web Server : Xampp
Tools : Sublime text 3 Rancang Bangun Sistem Informasi Penjualanini
mampu untuk memberikan efektif kerja. Secara garis

D. pesifikasi Dokumen Usulan besar, berdasarkan hasil perancangan dan pembuatan

aplikasi untuk Rancang Bangun Sistem Informasi
Penjualan pada Toko Shar-E Cell yang telah B2
dilakukan, dapat disimpulkan hal-hal sebagai berikut :

1. Dengan menggunakan system ini, maka proses

penjualan yang terjadi antara pihak Toko dengan

Customer akan dapat di organisir dengan baik pada B3

saat transaksi berlangsung dan pencetakan laporan
penjualan.

2. Dengan menggunakan system ini, maka proses

pembelian yang terjadi bisa dilakukan secara online
tanpa perlu membuka toko selama PPKM darurat
berlangsung

3. Sistem memberikan kemudahan baik dari sisi

pengguna maupundari Customer atau Pemilik Toko,
dimana proses jalannya transaksi dapat berlangsung
lebih efektif dan efisien.

B. Saran Daftar Pustaka

Saran yang dapat diberikan untuk pengembangan [2] A. Taufik and Ermawati, “Perancangan Sistem
Informasi Pemesanan Pentas Seni Berbasis
aplikasi Sistem Informasi Penjualan pada Toko Shar-E
Web Pada Sanggar Seni Getar Pakuan Bogor,”
Cell adalah: IJSE - Indones. J. Softw. Eng., vol. 3, no. 2, pp.
 Pengembangan Rancang Bangun Sistem Informasi 1–7, 2017.

Penjualan ini diharapkan lebih kompleks dan bisa [6] U. Mulayana and D. Gustina, “BERBASIS
WEB PADA TOKO ILHAM CELLULAR
mencakup stok opname barang maupun produk.
JAKARTA,” vol. VIII, no. 2, pp. 161–172,
 Pengembangan Rancang Bangun Sistem Informasi 2016.
Penjualan ini diharapkan berupa web dalam [1] B. Kirlyana and Akmaludin, “SISTEM
melakukan pemesanan produk agar memudahkan INFORMASI PEJUALAN BAJU MUSLIM
PADA PT. KALS CORPORA INDONESIA
dalam pelayanan tanpa harus datang langsung.
BERBASIS WEB ( E-COMMERCE ),” vol.
 Pengembangan Rancang Bangun Sistem Informasi 11, pp. 1–5, 2018.
Penjualan ini diharapkan dapat melalui electronic [2] A. Taufik and Ermawati, “Perancangan Sistem
transactiondan electronic report sehingga Informasi Pemesanan Pentas Seni Berbasis
Web Pada Sanggar Seni Getar Pakuan Bogor,”
mempermudah dalam pelayanan.
IJSE - Indones. J. Softw. Eng., vol. 3, no. 2, pp.
Pengguna sistem harus memenuhi segala prosedur 1–7, 2017.
yang ada yang dibutuhkan oleh sistem untuk
[3] E. R. Nainggolan, M. R. Pratama Putra, H.
mengimplementasikan sistem informasi penjualan in Herlan Aymar, and M. Lase, “PENERAPAN
MANAJEMEN RAPAT BERBASIS WEB
6. Lampiran
PADA PT.JALUR NUGRAHA EKAKURIR,”
B1 AKRAB JUARA, vol. 6, no. 11, pp. 143–151,
2021.

[4] S. K. M. K. Dedy Rahman Prehanto, BUKU

AJAR KONSEP SISTEM INFORMASI. 2020.

[5] R. F. Ahmad and N. Hasti, “Sistem Informasi

Penjualan Sandal Berbasis Web,” J. Teknol.
 dan Inf., vol. 8, no. 1, pp. 67–72, 2018, doi:
10.34010/jati.v8i1.911.

[6] U. Mulayana and D. Gustina, “BERBASIS

WEB PADA TOKO ILHAM CELLULAR
JAKARTA,” vol. VIII, no. 2, pp. 161–172,
2016.

[7] R. Hidayat and S. Marlina, “Perancangan

Sistem Informasi Penjualan Barang Handmade
Berbasis Website Dengan Metode Waterfall,”
Simp. Nas. Ilmu Pengetah. dan Teknol., pp.
175–183, 2017, [Online]. Available:
http://seminar.bsi.ac.id/simnasiptek/index.php/
simnasiptek-2017/article/view/138.

[8] A. Mubarak, “Rancang Bangun Aplikasi Web

Sekolah Menggunakan Uml (Unified Modeling
Language) Dan Bahasa Pemrograman Php
(Php Hypertext Preprocessor) Berorientasi
Objek,” JIKO (Jurnal Inform. dan Komputer),
vol. 2, no. 1, pp. 19–25, 2019, doi:
10.33387/jiko.v2i1.1052.

[9] A. S. Afrizal, “RANCANG BANGUN

APLIKASI DEKSTOP KAMUS INDONESIA
, INGGRIS DAN ARAB MENGGUNAKAN
NETBEANS DAN MYSQL,” vol. 1, no. 1, pp.
1–9, 2014.

[10] K. Yuliana, M. Zahrudin, and T. Utari,

“Pengembalian Buku Perpustakaan Pada Sma
Nusantara,” vol. 4, no. 1, pp. 46–64, 2018.

[11] A. Rahman and M. Ibrahim, “Rancang Bangun

Sistem Informasi Peminjaman dan
Pengembalian Buku Perpustakaan SMP Negeri
1 Madiun,” Ranc. Bangun Sist. Inf.
Peminjaman dan Pengembalian Buku Perpust.
SMP Negeri 1 Madiun, vol. 1, no. 2, pp. 57–
61, 2018.

[12] A. K. Himawan, “Performance Analysis

Framework Codeigniter and CakePHP in
Website Creation,” vol. 94, no. 20, pp. 6–11,
2014.