SISTEM INFORMASI PENJUALAN

HANDPHONE ONLINE BERBASIS WEBSITE

PADA TOKO INDI CELL
Monica Sandra K1, Adi Sudrajat2, Haryati3
Politeknik Negeri Subang, Indonesia
1,2,3

Monicashandra9@gmail.com

Abstrak

Penelitian ini bertujuan untuk merancang dan membangun sistem informasi penjualan berbasis website di Toko Indi
Cell. Sistem pemasaran dan transaksi jual beli masih dilakukan dengan cara manual yaitu pelanggan mengunjungi toko,
kemudian karyawan melayani pelanggan, pelanggan mencari dan melihat barang, pelanggan mengecek harga barang,
kemudian memilih barang yang ingin dibeli dan melakukan transaksi dengan karyawan. Metode pengumpulan data
yang digunakan pada penelitian ini yaitu wawancara dan observasi. Pembuatan website penjualan online (e-commerce)
ini menggunakan framework PHP Laravel. Hasil dari penelitian ini adalah website penjualan yang bertujuan untuk
memperluas pemasaran produk serta membuat konsumen lebih cepat dan praktis berbelanja di Toko Indi Cell tanpa
harus datang langsung mengunjungi toko.
Kata kunci: e-commerce, PHP, Framework, Laravel, Prototype

Abstract

This study purpose to design and build a website-based sales information system at the Indi Cell Store. The
marketing system, and transactions are still written manually, namely consumers visit the store, then employees serve
customer, customer look for and view goods, customer check the price of goods, then choose the goods they want to buy
and make transactions with employees. Data collection methods used in this research are interviews and observation.
This online sales website (e-commerce) using the Laravel PHP framework. The result of this research is a sales website
that purpose to expand product marketing and make it faster and more practical for consumers to shop at Indi Cell
Stores without having to come directly to the store.
Kata kunci: e-commerce, PHP, Framework, Laravel, Prototype

I. PENDAHULUAN sebagai akibat adanya perubahan yang cepat [1].

Teknologi Informasi merubah sesuatu dengan
cepat. Teknologi informasi yang merupakan
perpaduan antara teknologi komputer dan
telekomunikasi, mengganti paradigma industrial
menjadi paradigma post-industrial yang berarti juga
merubah perilaku lingkungan bisnis atau pebisnis,
yang berarti bahwa teknologi informasi
memperoleh kedekatan antara pebisnis dengan
pelanggannya, karena ini mempersingkat jarak dan
waktu sehingga akan mengurangi kesenjangan jarak
dan waktu permintaan konsumen dan pemenuhan
kebutuhannya. Dengan adanya perubahan dalam
lingkungan bisnis ini, akan menyebabkan perubahan
dalam bentuk pengambilan keputusan manajemen
yang berarti bahwa struktur organisasi dengan
adanya teknologi informasi ini menuntut suatu
struktur yang cepat terbentuk dan terbentuk kembali
Perkembangan teknologi komputer yang semakin
modern, cepat dan praktis sangat mempengaruhi
kehidupan masyarakat luas. Kecepatan dan
keakuratan informasi yang biasanya memerlukan
waktu lama, kini hanya dalam hitungan detik
informasi tersebut sudah dapat diterima. Dengan
adanya kebutuhan informasi yang tak terbatas dan
juga didukung oleh kemampuan komputer yang
semakin canggih maka terciptalah pengetahuan
yang disebut situs web (website) yang dioperasikan
menggunakan suatu jaringan global atau lebih
dikenal dengan nama internet. Saat ini, website
tidak semata – mata digunakan untuk sekedar
menampilkan informasi saja.[2]
Perkembangan website ini telah banyak
membantu toko untuk menunjang kegiatan salah
satunya dalam kegiatan penjualan online. Melalui
website tersebut toko online dengan mudah dapat
mempromosikan produk yang dijual. Dan secara
langsung hal – hal ini juga mempermudah
masyarakat untuk mendapatkan informasi mengenai
produk yang mereka butuhkan[2]. E-Commerce
merupakan cara bagi seorang konsumen untuk dapat
membeli barang yang diinginkan secara online, E-
Commerce adalah sebuah barang langsung dijual
menggunakan internet, baik untuk konsumen
(Bisnis to Consumen) maupun untuk bisnis (Bisnis
to Bisnis)[3]. Dalam bidang bisnis penjualan banyak
toko yang belum memanfaatkan website yang
mendukung e-commerce, sehingga mengharuskan
konsumen datang langsung ke toko untuk melihat,
memilih dan membeli barang yang diinginkan.
Mengakibatkan informasi produk yang di jual
maupun informasi toko itu sendiri masih kurang
efektif dengan jangkauan promosi yang tidak luas.
Pencatatan transaksi penjualan masih dilakukan
secara manual dan dicatat ke dalam sebuah buku.
Begitu pula dalam proses kalkulasi penjualan
barang dan rekap laporan yang dilakukan dengan
pengelolaan yang masih bersifat konvensional.
Dalam menghitung dan memproses data penjualan
barang yang dilakukan secara konvensional akan
memakan banyak waktu dan tenaga, belum lagi
kesalahan yang rentan terjadi[4].
Indi Cell merupakan sebuah toko yang menjual
handphone, aksesoris dan pulsa yang beralamatkan
di Jl. Raya Cinangsi, Cinangsi, Kec. Cibogo,
Kabupaten Subang, Jawa Barat 41285. Proses
penjualan dan transaksi yang dilakukan toko masih
menggunakan model transaksi manual yaitu
pelanggan melihat langsung koleksi yang tersedia di
toko dan selanjutnya melakukan transaksi. Proses
yang demikian dirasa masih memiliki kekurangan
yaitu dapat memperlambat proses pelayanan dan
transaksi terhadap pelanggan serta memperlambat
proses rekap data penjualan yang dilakukan oleh
karyawan toko. Tujuan kami mengambil tema ini
yaitu membangun sistem informasi penjualan
handphone berbasis web yang dapat memberikan
informasi produk dan harga untuk memudahkan
pelanggan dalam mendapatkan informasi seputar
produk yang dicari, membantu karyawan toko
dalam mengelola data penjualan dan transaksi
penjualan, serta dapat mencetak laporan penjualan
secara otomatis dan kami berharap sistem yang
kami buat bisa bermanfaat bagi Indi Cell.
II. METODE PENELITIAN
1. Metode Pengumpulan Data
a. Observasi
Observasi dalam sebuah penelitian diartikan
sebagi pemusatan perhatian terhadap suatu objek
dengan melibatkan seluruh indera untuk
mendapatkan data. Observasi merupakan
pengamatan langsunng dengan menggunakan
penglihatan, penciuman, pendengaran, perabaan,
atau kalau perlu dengan pengecapan[5]. Observasi
dilakukan dengan melihat langsung di lapangan
yaitu melihat keramaian pengunjung Toko Indi Cell
dan proses pencatatan keuangan pada Toko Indi
Cell
b. Wawancara
Wawancara adalah salah satu tipe komunikasi
interpersonal dimana dua orang terlibat dalam
percakapan yang berupa tanya jawab. Keefektifan
wawancara ditentukan oleh sejauh mana informasi
yang ingin dikumpulkan telah tercapai. Keefektifan
wawancara juga dipengaruhi oleh mutu jawaban
dari pihak terwawancara[6]. Pada penelitian ini
wawancara dilakukan secara langsung kepada
pemilik Toko Indi Cell
2. Metode Pengembangan Sistem
Metode prototype adalah versi awal dari sistem
perangkat lunak yang digunakan untuk
mendemonstrasikan konsep – konsep, percobaan
rancangan, dan menemukan lebih banyak masalah
dan solusi yang memungkinkan. Sistem dengan
model prototype memperbolehkan pengguna untuk
mengetahui bagaimana sistem berjalan dengan baik.
Metode prototyping yang digunakan di dalam
penelitian ini bertujuan untuk mendapatkan
gambaran aplikasi yang akan dibangun melalui
rancangan aplikasi prototype terlebih dahulu
kemudian akan dievaluasi oleh user. Aplikasi
prototype yang telah dievaluasi oleh user
selanjutnya akan dijadikan acuan untuk membuat
aplikasi yang dijadikan produk akhir sebagai output
dari penelitian ini.[7] Berikut ini adalah tahapan dari
metode prototyping:
Gambar 1 Tahapan Metode Prototyping
1. Pengumpulan Kebutuhan
Mengidentifikasi seluruh perangkat dan
permasalahan. Tahapan metode prototype yang
sangat penting adalah analisis dan identifikasi
kebutuhan garis besar dari sistem. Setelah itu akan
diketahui apa dan permasalahan yang akan dibuat
dan dipecahkan.[8]
2. Membangun Prototype
Langkah selanjutnya adalah langkah metode
prototype membangun prototype yang berfokus
pada penyajian. Misalkan membuat input dan
output hasil sistem. Sementara hanya prototype saja
dulu selanjutnya akan ada tindak lanjut yang harus
di kerjakaan.[8]
3. Evaluasi Prototype
Sebelum melangkah ke langkah selanjutnya, ini
bersifat wajib yaitu memeriksa langkah 1 karena ini
adalah penentu keberhasilan yang sangat penting.
Ketika langkah 1, dan 2 terdapat ada yang kurang
atau salah akan sulit sekali melanjutkan langkah
selanjutnya.[8]
4. Mengkodekan Sistem
Sebelum pengkodean biasanya hal yang
diperlukan, yaitu memahami terlebih dahulu bahasa
pemograman yang akan digunakan. Dalam tahap ini
merancang, membangun dan mengaplikasikan web
atau aplikasi disesuaikan dengan kebutuhan dalam
bentuk kode program.[8]
5. Menguji Sistem
Setelah pengkodean yang akan dilakukan yaitu
testing program. Banyak sekali cara untuk testing,
misalkan menggunakan white box atau black box.
Menggunakan white box berarti menguji kodingan
sedangkan black box menguji fungsi – fungsi
tampilan apakah sudah benar dengan aplikasinya
atau tidak.[8]
6. Evaluasi Sistem
Mengevaluasi dari semua langkah yang pernah
di lakukan. sudah sesuai dengan kebutuhan atau
belum. Jika belum atau masih ada revisi maka dapat
mengulangi dan kembali tahap sebelumnya.[8]
7. Menggunakan Sistem
Sistem sudah selesai diimplementasi, sebaiknya
dilakukan upaya untuk maintenance sistem agar
sistem terjaga dan berfungsi dengan baik dan dapat
meningkatkan produktifitas dan kinerja.[8]
III. HASIL DAN PEMBAHASAN
1. Analisis Sistem Informasi Yang Sedang
Berjalan
Aliran sistem informasi yang sedang berjalan
bertujuan untuk mengetahui bagaimana terjadinya
suatu proses kegiatan dan juga untuk mengetahui
masalah – masalah serta kelemahan yang ada pada
sistem yang sedang berjalan sekarang ini. Jika
terdapat kekurangan terhadap sistem yang sedang
berjalan, maka dapat disempurnakan dengan
menggunakan sistem yang baru. Sistem penjualan
yang digunakan oleh Toko Indi Cell adalah:
1. Pelanggan mendatangi toko Indi Cell
2. Pelanggan memilih handphone yang tersedia
pada Toko Indi Cell
3. Setelah memilih, pelanggan lalu menanyakan
spesifikasi dan informasi dari handphone yang
telah dipilih kepada admin
4. Admin memberikan spesifikasi dan informasi
mengenai handphone yang telah dipilih oleh
pelanggan
5. Lalu setelah admin menjelaskan spesifikasi dan
informasi mengenai handphone yang telah
dipilih oleh pelanggan, pelanggan menentukan
pilihan untuk membeli handphone tersebut atau
tidak
6. Jika tidak maka pelanggan memilih lagi
handphone lain yang tersedia pada Toko Indi
Cell
7. Jika pelanggan setuju maka pelanggan
melakukan pembayaran secara langsung kepada
karyawan
8. Setelah pelanggan membayar handphone
tersebut kepada karyawan, handphone langsung
di berikan kepada pelanggan
9. Pelanggan meninggalkan toko Indi Cell
2. Analisis Sistem Informasi Yang Diusulkan
Sistem yang akan diusulkan dihaharapkan dapat
membantu proses penjualan, memperluas konsumen
dan memberikan informasi yang akurat tentang
Toko Indi Cell. Rencana kegiatannya sebagai
berikut:
1. Pelanggan mengakses halaman utama sistem
2. Pelanggan melakukan login akun
3. Jika pelanggan telah memiliki akun maka
pelanggan bisa langsung login melalui halaman
tersebut, jika tidak maka pelanggan melakukan
register dan mengisi form register yang tersedia
lalu buat akun dan login ke sistem
4. Pelanggan memilih handphone yang disajikan
pada sistem tersebut
5. Jika pelanggan tertarik maka pelanggan
menambahkan handphone tersebut ke keranjang
6. Handphone yang sudah ditambahkan ke
keranjang tadi kemudian di checkout oleh
pelanggan
7. Pada bagian checkout pelanggan akan mengisi
form untuk mengisi informasi dan alamat untuk
pengiriman barang
8. Setelah itu pelanggan membayar pesanan
tersebut
9. Sistem akan melakukan konfirmasi pembayaran
10.Setelah valid membayar admin menyiapkan
pengiriman barang
11.Setelah itu barang dikirim kepada pelanggan
12.Pelanggan menerima barang tersebut
3. Rancangan Program Aplikasi
1. Use Case Diagram
Use case merupakan deskripsi fungsi dari sebuah
sistem dari perspektif atau sudut pandang para
pengguna sistem. Use case mendefinisikan apa
yang akan diproses oleh sistem dan komponen –
komponennya. Use case bekerja dengan
menggunakan scenario yang merupakan deskripsi
dari urutan atau langkah – langkah yang sedang dikembangkan[11]. Berikut activity diagram
menjelaskan apa yang dilakukan oleh user terhadap pada sistem kami :
sistem maupun sebaliknya[9]. Dalam rancang a. Activity Pelanggan Melakukan Register
bangun website ini terdapat 2 aktor dalam use case
diagram yaitu pelanggan dan admin, dimana
masing – masing aktor mempunyai tugas sebagai
pengguna sistem. Berikut use case diagram pada
penelitian ini yang mengambarkan tentang aktifitas
admin dalam mengelola sistem dan aktifitas
pelanggan dalam mengakses website.

Gambar 2 Use Case Diagram Gambar 4 Activity Pelanggan Melakukan Register

2. Class Diagram b. Activity Pelanggan Melakukan Login
Diagram kelas atau class diagram
menggambarkan struktur sistem dari segini
pendefinisian kelas – kelas yang akan dibuat untuk
membangun sistem[10]. Class diagram ini
menunjukkan hubungan antara diagram class yang
satu dengan yang lainnya, yaitu antara diagram
admin dan pelanggan.

Gambar 5 Activity Pelanggan Melakukan Login

c. Activity Admin Melakukan Login

Gambar 3 Class Diagram

3. Activity Diagram
Activity Diagram merupakan bentuk khusus dari
state machine yang bertujuan memodelkan
komputasi – komputasi dan aliran – aliran kerja
yang terjadi dalam sistem/perangkat lunak yang
 Gambar 9 Activity Admin Mengelola Produk
g. Activity Admin Mengelola Kategori

Gambar 6 Activity Admin Melakukan Login

d. Activity Pelanggan Melakukan Logout

Gambar 7 Activity Pelanggan Melakukan Logout

Gambar 10 Activity Admin Mengelola Kategori
e. Activity Admin Melakukan Logout
h. Activity Admin Mengelola Order
Admin Sisten

Klik menu kelola order Menampilkan halaman kelola

order

Order Pengiriman

Update Memilih
Order Pengiriman
Yang Akan Di
Tampilkan
Gambar 8 Activity Admin Melakukan Logout Memilih
Pengiriman

f. Activity Admin Mengelola Produk

Yang Akan Di
Tampilkan

Klik button simpan Menyimpan data ke database

Gambar 11 Activity Admin Mengelola Order

i. Activity Admin Mengelola Laporan Transaksi
Offline
 Admin Sistem

Klik menu kelola laporan Menampilkan halaman kelola

laporan

Input laporan Print laporan Mencetak laporan

offline

Mengisi form input

laporan offline
Gambar 15 Halaman Dashboard Admin
Klik button simpan Menyimpan laporan ke
database
3. Halaman Transaksi Offline

Gambar 12 Activity Admin Mengelola Laporan

Transaksi Offline
j. Activity Admin Mengelola Laporan Online
Admin Sistem

Gambar 16 Halaman Transaksi Offline

Klik menu kelola laporan Menampilkan halaman kelola
laporan
4. Halaman Laporan

Melihat laporan Print laporan Mencetak laporan

online

Menampilkan
laporan transaksi
online

Gambar 17 Halaman Laporan

Gambar 13 Activity Admin Mengelola Laporan 5. Halaman Dashboard Pelanggan
Online
4. Implementasi
1. Halaman Register Pelanggan

Gambar 18 Halaman Dashboard Pelanggan

6. Halaman Checkout Pelanggan
Gambar 14 Halaman Register Pelanggan
2. Halaman Dashboard Admin

Gambar 19 Halaman Checkout Pelanggan

7. Halaman Pembayaran Pelanggan

Gambar 20 Halaman Pembayaran Pelanggan
[10]
IV. KESIMPULAN
Dengan adanya Sistem Informasi Penjualan
Handphone Online Berbasis Web Pada Toko Indi [11]
Cell sangat mempermudah kinerja karyawan karena
tidak perlu lagi mengolah data dengan manual,
pengolahan data lebih mudah, dan juga
pembuatan/pengarsipan laporan dan transaksi lebih
akurat dan aman. Sistem ini memudahkan
pelanggan dalam proses pembelian sehingga tidak
perlu mengunjungi toko secara langsung dan
pelanggan menjadi mudah mendapatkan informasi
real time dari Toko Indi Cell melalui sistem yang
kami buat.
UCAPAN TERIMA KASIH
Ucapan terima kasih disampaikan kepada semua
pihak yang telah berperan dalam penerapan Sistem
Informasi Penjualan Handphone Online Berbasis
Website Pada Toko Indi Cell sehingga sistem ini
dapat dituangkan dalam bentuk tulisan yang
diharapkan bisa bermanfaat bagi pembaca.
INFORMASI PENGHITUNGAN VOLUME DAN
COST PENJUALAN MINUMAN BERBASIS
WEBSITE,” JUSIM (Jurnal Sistem Informasi
Musirawas), vol. 3, no. 2, pp. 94–101, Dec. 2018, doi:
10.32767/jusim.v3i2.331.
J. Saptia Kurnia and F. Risyda, “RANCANG BANGUN
PENERAPAN MODEL PROTOTYPE DALAM
PERANCANGAN SISTEM INFORMASI
PENCATATAN PERSEDIAAN BARANG BERBASIS
WEB.”
L. Setiyani, “Implementasi Cybersecurity pada
Operasional Organisasi,” 2021.
M. Syarif and W. Nugraha, “PEMODELAN DIAGRAM
UML SISTEM PEMBAYARAN TUNAI PADA
TRANSAKSI E-COMMERCE,” Jurnal Teknik
Informatika Kaputama (JTIK), vol. 4, no. 1, 2020.
R. Ardiansyah, I. Informatika dan Bisnis Darmajaya
Alamat, J. Zainal Abidin Pagar Alam No, and L. Ratu
Bandar Lampung, “Seminar Nasional Hasil Penelitian
dan Pengabdian 2019 IBI DARMAJAYA Bandar
Lampung,” 2019.
 

REFERENSI
[1] “TEKNOLOGI  INFORMASI  DAN 
PERKEMBANGANNYA.”
[2] U. Mulayana and D. Gustina, “Perancangan Sistem
Informasi Penjualan Handphone Berbasis Web Pada
Toko Ilham Cellular Jakarta,” Jurnal Ilmiah FIFO, vol.
8, no. 2, p. 161, 2016, doi: 10.22441/fifo.v8i2.1311.
[3] S. Haryanti and T. Irianto, “Rancang Bangun Sistem
Informasi E-Commerce Untuk Usaha Fashion Studi
Kasus Omah Mode Kudus,” Online.
[4] T. Armanda and A. D. Putra, “RANCANG BANGUN
APLIKASI E-COMMERCE UNTUK USAHA
PENJUALAN HELM,” 2020. [Online]. Available:
http://jim.teknokrat.ac.id/index.php/informatika
[5] O. Thalha, A. Dan, B. Anufia, and E. Islam, “RESUME:
INSTRUMEN PENGUMPULAN DATA.”
[6] H. W. Ferry, V. I. A. Koagouw, and J. S. Kalangi,
“TEKNIK WAWANCARA DALAM MENGGALI
INFORMASI PADA PROGRAM TALK SHOW MATA
NAJWA EPISODE TIGA TRANS 7.”
[7] W. Nugraha and M. Syarif, “PENERAPAN METODE
PROTOTYPE DALAM PERANCANGAN SISTEM