EKSPLORA INFORMATIKA ◼ 1

Sistem Informasi Penjualan Pada Aeng Suka

Walet Berbasis Website
Christina Eugenia Theresia1, I Putu Gede Abdi Sudiatmika2, Ida Ayu Gde Suwiprabayanti Putra3
Institut Teknologi dan Bisnis (ITB) STIKOM BALI
Jalan Raya Puputan Renon No. 89 Denpasar, Bali, Indonesia, tlp. (0361) 244445, fax: (0361) 264773
e-mail: 1christiinachen09@gmail.com, 2sudiatmika.abdi@gmail.com, 3suwiprabayanti@gmail.com

Abstrak
Perkembangan ilmu Teknologi Informasi mengalami perkembangan yang sangat signifikan baik di
dalam negeri maupun di tingkat internasional sehingga memudahkan manusia untuk berinteraksi dengan
orang di berbagai belahan dunia. Salah satu media yang dapat diakses melalui internet adalah sistem
informasi berbasis website. Aeng Suka Walet adalah toko yang bergerak di bidang penjualan sarang walet
dan berbagai jenis barang lainnya seperti rokok, vitamin rambut dan lain-lain. Dalam menjalankan
usahanya selama ini, cara penginputan data barang dan data transaksi penjualan pada toko aing suka
walet masih secara manual yaitu dengan cara tulis tangan sehingga memungkingkan terjadinya kesalahan
dalam proses penginputan dan perekapan data transaksi. Untuk mengatasi hal tersebut, Sistem informasi
berbasis website menjadi pilihan yang tepat, nantinya pada sistem tersebut terdapat fitur penginputan data,
mengedit dan menyimpan data transaksi. yang dapat memudahkan owner dan karyawan. Dengan demikian
hal ini dapat meminimalisir terjadinya kehilangan atau kerusakan data dalam pengolahan dan penjualan.
Pada website ini framework yang digunakan yaitu Laravel. Dalam pembuatan website ini menggumakan
metode Waterfall. Hasil pembuatan website ini yang pertama telah dihasilkan website berupa sistem
informasi penjualan aing suka walet berbasis web, Kedua Pengujian website ini dengan menggunakan
metode Blackbox dimana kelas uji yang digunakan telah berjalan sesuai dengan diharapkan.

Kata kunci: Sistem Informasi, Website, Aeng Suka Walet

Abstract
The development of Information Technology has experienced very significant developments both
domestically and internationally, making it easier for humans to interact with people in various parts of
the world. One of the media that can be accessed via the internet is a website-based information system.
Aeng Suka walet is a shop engaged in the sale of swallow nests and various other items such as cigarettes,
hair vitamins and others. In running the business so far, the way of inputting goods data and sales
transaction data at Aing Suka walet stores is still manually, thus allowing for errors in the process of
inputting and recording transaction data. To overcome this, a website-based system is the right choice,
later in the system there will be features for inputting data, storing information and storing transaction
data. which can make it easier for owners and employees. Thus this can minimize the occurrence of loss or
damage to data in processing and sales. On this website the framework used is Laravel. In making this
website using the Waterfall method. The results of making the first website have produced a website in the
form of a web-based sales information system. Both tests of this website are using the Blackbox method
where the test class used has been running as expected.

Keywords: Information System, Website, Aeng Suka Walet

1. Pendahuluan
Perkembangan ilmu Teknologi Informasi mengalami perkembangan yang sangat signifikan baik di
dalam negeri maupun di tingkat internasional sehingga memudahkan manusia untuk berinteraksi dengan
orang di berbagai belahan dunia. Dengan adanya internet, mereka dapat mengakses apapun yang mereka
inginkan dimanapun dan kapanpun. Salah satu media yang dapat diakses melalui internet adalah sistem
informasi berbasis website. Pada saat ini banyak individu yang menggunakan website bukan hanya sekedar
mencari informasi saja, melainkan sebagai lahan promosi, penjualan dan aktivitas lainnya yang dapat
membuka peluang untuk bisnis.
Sistem informasi yaitu suatu sistem yang menyediakan informasi untuk manajemen dalam
mengambil keputusan dan juga untuk menjalankan operasional perusahaan, di mana sistem tersebut
merupakan kombinasi dari orang-orang, teknologi informasi dan prosedur-prosedur yang terorganisasi [1].
Sistem informasi tidak pernah lepas dengan internet yang menyediakan sumber informasi yang sangat
banyak, dengan adanya sistem informasi pada suatu usaha dapat menjamin kualitas informasi yang

◼ L-2
 2◼

disajikan dan dapat mengambil keputusan berdasarkan informasi tersebut. Seiring perkembangan teknologi
maka kebutuhan akan informasi yang cepat, tepat dan akurat sangat diperlukan. Karena itu, keberadaan
sistem informasi sudah menjadi kebutuhan mutlak bagi suatu usaha dalam menjalankan bisnisnya [2].
Salah satu sumber informasi yang banyak digunakan adalah website. Website dibuat agar pemakai
dapat berinteraksi dengan penyedia informasi dengan mudah dan cepat melalui media internet. Website
sering disebut web merupakan kumpulan halaman informasi data teks, data gambar diam atau bergerak,
data animasi, suara, video atau gabungan dari semuanya yang membentuk satu rangkaian bangunan yang
saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink) [3].
Dengan ini membuat banyak kalangan tertarik menggunakan website sebagai sarana informasi.
Aeng Suka Walet adalah toko yang bergerak di bidang penjualan sarang walet dan berbagai jenis
barang lainnya seperti rokok, vitamin rambut dan lain-lain. Dari berbagai produk yang dipasarkan, sarang
walet merupakan salah satu produk unggulan yang di jual. Dalam menjalankan usahanya selama ini, cara
penginputan data barang dan data transaksi penjualan, masih secara manual yaitu dengan cara tulis tangan
sehingga memungkingkan terjadinya kesalahan dalam proses penginputan dan perekapan data transaksi
tersebut. Dalam penulisan rekapan transaksi penjualan, para pekerja harus menunggu waktu sekitar 2
sampai 3 minggu untuk merekap semua total penjualan. Hal ini mengakibatkan karyawan kewalahan dalam
melakukan proses rekapan transaksi tersebut. Maka dari itu diperlukan sebuah sistem informasi.
Berdasarkan permasalahan tersebut penulis tertarik untuk mengangkat judul “SISTEM
INFORMASI PENJUALAN PADA AENG SUKA WALET BERBASIS WEBSITE”. Menurut hasil
Survei Penetrasi Pengguna Internet di Indonesia, Sekretaris Jenderal APJII Henri Kasyfi Soemartono
menjelaskan hasil utama dari survei Pengguna Internet Indonesia 2019-2020. “Saat ini penetrasi pengguna
internet Indonesia berjumlah 73,7 persen, naik dari 64,8 persen dari tahun 2018,” ujarnya. Menurut Sekjen
APJII, jika digabungkan dengan angka dari proyeksi Badan Pusat Statistik (BPS) maka populasi Indonesia
tahun 2019 berjumah 266.911.900 juta, sehingga pengguna internet Indonesia diperkirakan sebanyak
196,7 juta pengguna [4].
Berdasarkan data pengguna internet, menjadi dasar pemilihan sistem informasi website dalam
penelitian ini karena lebih banyak digunakan dan mudah dioperasikan karena sudah lumrah di kalangan
khalayak umum, sehingga pembuatan sistem berbasis website menjadi pilihan yang tepat. Nantinya pada
system karyawan dapat melihat info barang – barang yang dijual, harga dan stok barang melalui web,
sehingga karyawan tidak perlu repot untuk mencari informasi, dan bisa memperoleh informasi dengan cepat
dan mudah kapan saja, hemat waktu dan biaya, informasi yang di dapatkan juga lebih banyak. Selain
memudahkan karyawan, web ini juga bisa membantu admin dalam melakukan proses penginputan data,
mengedit dan menyimpan data transaksi. Dengan demikian hal ini dapat meminimalisir terjadinya
kehilangan atau kerusakan data dalam pengolahan dan penjualan

2. Metode Penelitian
2.1. Metode Pengumpulan Data
Metode pengumpulan data ini diperlukan dalam mengumpulkan dan mengolah data yang didapat
dari objek yang teliti diharapkan dalam penelitian ini berjalan dengan baik dan sistematis. Berikut tahapan
- tahapan dalam metode pengumpulan data:
1) Observasi Skenario Sistem
Observasi (pengamatan) merupakan metode yang dilakukan dengan cara mendatangi langsung
lokasi yang menjadi objek penelitian. Dalam hal ini penulis menganalisa dan mengamati proses
penjualan toko aeng suka wallet
2) Wawancara
Wawancara merupakan suatu cara untuk mendapatkan data dan informasi yang dilakukan dengan
cara melakukan tanya jawab. Menambah wawasan dalam pembuatan sistem dimana dapat dianalisis
masalah dari, prosedur dari hasil wawancara dan nantinya dibuatkan solusi yang dapat
menanggulangi masalah yang ada.
3) Studi Literatur
Studi literatur merupakan metode yang dilakukan untuk mengumpulkan sebuah data dan informasi
yang menjadi pendukung dan referensi bagi penulis bersumber dari jurnal dan buku yang
berhubungan dengan topik sistem informasi berbasis web dan objek penelitian.

2.2. Metode Pengembangan Sistem

Dalam penelitian ini, metode sistem yang digunakan adalah metode waterfall. Metode
pengembangan sistem ini terdiri dari analisa sistem, desain sistem, implementasi sistem, dan pengujian
sistem. Keempat tahap tersebut harus dilakukan secara berurutan. Berikut gambaran metode waterfall:

EKSPLORA INFORMATIKA ◼ L-2

 ◼ 3

Gambar 1.Waterfall
2.3. Analisa Kebutuhan
Pada analisa kebutuhan ini penulis menentukan sistem dan kebutuhan pengguna. Dari hasil analisis
ditemukan kendala dalam proses pengelolan baran dan transaksi penjualan. Untuk mengatasi kendala
tersebut maka akan dibuat sistem yang dapat menangani kendala sesuai dengan kebutuhan pengguna.

2.3.1. Analisa Kebutuhan Fungsional

Analisa fungsional adalah kebutuhan yang menjelaskan layanan apa saja yang nantinya tersedia pada
sistem. Berikut ini adalah kebutuhan fungsional dari sistem yang akan dibuat:
a. Owner
Pada website owner, owner dapat mengelola seluruh data pada sistem toko aeng suka walet, data
tersebut meliputi: Mengelola produk pada toko, mengelola transaksi penjualan, serta yang terakhir
menglola akun Karyawan yang bekerja di toko aeng suka walet.
b. Karyawan
Pada website karyawan kariyawan dapat mengelola produk yang ada pada toko serta dapat
mengelola transaksi penjualan.

2.3.2. Analisa Kebutuhan Non Fungsional

Analisa kebutuhan non fungsional merupakan analisa kebutuhan yang menunjang pengembangan
sistem yang akan dibuat. Berikut adalah kebutuhan- kebutuhan non fungsional pada sistem ini:
Komputer Spesifikasi perangkat keras yang digunakan untuk membuat website ”Sistem Informasi
Penjualan Pada Aeng Suka Walet Berbasis Web” adalah sebagai berikut:

1. Kebutuhan Hardware
a. Prosesor Intel Core i5 8250U
b. RAM: 4 GB
c. Hardisk: 500 GB
d. Graphics Card Dedicated NVDIA MX130 2GB GDDR5
e. Monitor
f. Keyboard & Mouse
2. Kebutuhan Software
a. Windows 10 Professional 64-bit
b. Visual Studio code
c. Laragon
d. Chrome

2.4. Desain Perancangan system

Tahapan perancangan sistem merupakan tahap menterjemahkan kebutuhan ke dalam bentuk
perangkat lunak sebelum dimulai pengimplementasian pada kode program. Dalam Sistem Informasi
Penjualan Pada Aeng Suka Walet Berbasis Web Menggunakan Framework Laravel dilakukan perancangan
sistem untuk menentukan tampilan serta fungsi-fungsi yang terdapat dalam sistem informasi manajemen
ini. Tujuan dari desain sistem ini adalah pembuatan Data Flow Diagram (DFD), Entity Relationship
Diagram (ERD) dan Basis Data Konseptual dari system

◼ L-2
 4◼

2.4.1. Skema Perancangan Sistem

Skema perancangan sistem adalah salah satu langkah yang perlu dilakukan dalam membuat suatu
sistem, agar perancangan yang akan dibuat tidak keluar dari batasan sudah ditentukan. Adapun skema
perancangan Sistem Informasi Penjualan Pada Aeng Suka Walet Berbasis Website dapat dilihat pada
gambar di bawah ini.

Gambar 2. Skema Perancangan Sistem

Pada Gambar 2 dapat dilihat bahwa judul sistem yang akan dirancang adalah “Sistem Informasi
Penjualan Pada Aeng Suka Walet Berbasis Website” Latar belakang dari pembuatan sistem ini adalah untuk
mengoptimalkan pemanfaatan teknologi dalam bidang sistem informasi sehingga dapat memberikan solusi
yang diharapkan untuk membantu penginputan data barang dan data transaksi penjualan Aeng Suka Walet
dapat membantu pengusaha dalam mengelola data barang dan data transaksi. Dari latar belakang tersebut
maka dapat disusun rumusan masalah yaitu; Bagaimana Merancang Dan Membangun Sistem Informasi
penjualan yang Dapat Mengoptimasi Penjualan pada Aeng Suka Walet yang berbasis website? Adapun
tujuan berdasarkan jawaban dari rumusan masalah ini adalah untuk merancang dan membangun Sistem
Informasi Penjualan yang dapat Mengoptimasi Penjualan pada Aeng Suka Walet Menggunakan Framework
Laravel. Sasaran pengguna aplikasi ini adalah Owner dan karyawan. Pada tahap perancangan, semua data,
informasi dan gambar yang telah dikumpulkan akan disusun dan menghasilkan aplikasi website Penjualan
pada Aeng Suka wallet.

2.4.2. Data Flow Diagram (DFD)

Adapun data diagram alur Rancang Bangun Sistem Informasi Penjualan Pada Aeng Suka Walet
Berbasis Web adalah sebagai berikut:

1. Diagram Konteks
Diagram Konteks adalah data flow diagram tingkat atas (DFD Top Level). Yaitu diagram yang
menggambarkan aliran-aliran data ke dalam dan keluar sistem atau keluar entitas eksternal. Diagram
konteks menggambarkan sistem dalam satu lingkaran dan hubungan dengan entitas luar. Diagram konteks
dapat dilihat pada Gambar 3.

Gambar 3. Diagram Konteks Sistem

EKSPLORA INFORMATIKA ◼ L-2

 ◼ 5

2. Data Flow Diagram Level 0

Dari diagram konteks dibuatkan diagram level 0 untuk menggambarkan arus data yang lebih jelas
dan detail yang terjadi di dalam sistem. Pada gambar 4 diagram level 0 yang merupakan pengembangan
dari diagram konteks untuk sistem ini.

Gambar 4. Diagram Level 0

3. Diagram Level 1 – Proses Data Barang

Pada proses dibawah yaitu proses data barang yang mempunyai 3 proses yang dapat dilakukan oleh
owner atau karyawan. Dimana dapat melakukan aktivitas penyimpanan, mengubah, menghapus barang
sehingga sistem akan memproses data – data yang dilakukan oleh owner atau karyawan.

Gambar 5. Diagram Level 1 - Proses Data Barang

4. Diagram Level 1 – Proses Data Transaksi

Pada proses dibawah yaitu proses data transaksi yang mempunyai 3 proses yang dapat dilakukan
oleh owner atau karyawan. Dimana dapat melakukan aktivitas penyimpanan, mengubah, menghapus
transaksi sehingga sistem akan memproses data – data yang dilakukan oleh owner atau karyawan.

◼ L-2
 6◼

Gambar 6. Diagram Level 1 - Proses Data Transaksi

5. Diagram Level 1 – Proses Data Akun User

Pada proses dibawah yaitu proses data akun user yang mempunyai 3 proses yang dapat dilakukan
oleh owner. Dimana dapat melakukan aktivitas penyimpanan, mengubah, menghapus barang sehingga
sistem akan memproses data – data yang dilakukan oleh owner.

Gambar 7. Diagram Level 1 - Proses Data Akun User

6. Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) merupakan model konseptual yang menggambarkan susunan
data yang disimpan dalam sistem dan juga digunakan untuk memodelkan struktur data serta hubungan antar
data. Dapat dilihat pada Gambar 8. merupakan gambaran ERD pada Sistem Informasi Penjualan Pada Aeng
Suka Walet Berbasis Website.

EKSPLORA INFORMATIKA ◼ L-2

 ◼ 7

Gambar 8. Entity Relationship Diagram (ERD)

7. Konseptual Basis Data

Basis data konseptual atau konseptual database pada Gambar 9 merupakan bentuk fisik perancangan
basis data pada Sistem Informasi Penjualan Pada Aeng Suka Walet Berbasis Web

Gambar 9. Basis Data Konseptual

3. Hasil dan Pembahasan

3.1. Implementasi Sistem
Dengan terselesaikanya perancangan dan pembangunan pada Sistem Informasi Penjualan Pada
Aeng Suka Walet Berbasis Website maka tahap selanjutnya adalah tahapan penerapan atau implementasi
sistem yang akan di jelaskan pada bab ini. Dimana akan menampilkan hasil penerapan dari user interface
user owner dan user karyawan.

3.1.1. Tampilan Halaman Owner dan Karyawan

1. Antarmuka Halaman Login
Pada Gambar 4.1 merupakan tampilan awal dimana user harus memasukkan username dan
password yang telah terdaftar agar user dapat masuk ke dalam website.

Gambar 10. Antarmuka Halaman Login

◼ L-2
 8◼

3.1.2. Tampilan Halaman Owner

1. Antarmuka Halaman Beranda
Pada Gambar 11 merupakan tampilan awal dimana Owner berhasil masuk kehalaman Beranda
website setelah memasukkan username serta password yang telah terdaftar. Pada halaman ini owner dapat
melihat informasi mengenai barang, transaksi, serta mengenai user. Pada bagian pojok kanan atas terdapat
tombol Logout yang fungsinya digunakan untuk keluar dari website

Gambar 11. Antarmuka Halaman Beranda

2. Antarmuka Halaman Data Barang

Pada Gambar 12 merupakan tampilan halaman Data Barang dimana owner dapat melihat informasi
data barang mulai dari kode barang, nama barang, stok, harga, merubah serta menghapus data barang dan
melakukan aksi. pada halaman data barang ini juga terdapat tombol pilihan untuk mencetak hasil data
barang berupa Copy, CSV, Excel, PDF dan Print.

Gambar 12. Antarmuka Halaman Data Barang

3. Antarmuka Halaman Data Transaksi

Pada Gambar 13 merupakan tampilan halaman Data Barang dimana owner dapat melihat informasi
data barang mulai dari kode barang, nama barang, stok, harga, merubah serta menghapus data barang dan
melakukan aksi. pada halaman data barang ini juga terdapat tombol pilihan untuk mencetak hasil data
barang berupa Copy, CSV, Excel, PDF dan Print.

EKSPLORA INFORMATIKA ◼ L-2

 ◼ 9

Gambar 13. Antarmuka Halaman Data Transaksi

4. Antarmuka Halaman Laporan Penjualan

Pada Gambar 14 merupakan tampilan halaman Laporan Penjualan, dimana owner dapat melihat data
laporan rekapan data penjualan

Gambar 14. Antarmuka Halaman Laporan Penjualan

3.1.3. Tampilan Halaman Karyawan

1. Antarmuka Halaman Beranda
Pada Gambar 15 merupakan tampilan awal dimana Karyawan berhasil masuk kehalaman Beranda
website setelah memasukkan username serta passwoard yang telah terdaftar. Pada halaman ini karyawan
dapat melihat informasi mengenai barang, dan transaksi. Pada bagian pojok kanan atas terdapat tombol
Logout yang fungsinya digunakan untuk keluar dari website.

Gambar 15. Antarmuka Halaman Beranda

2. Antarmuka Halaman Data Barang

Pada Gambar 16 merupakan tampilan halaman Data Barang dimana Karyawan dapat melihat
informasi data barang mulai dari kode barang, nama barang, stok, harga, merubah serta menghapus data
barang dan melakukan aksi. pada halaman data barang ini juga terdapat tombol pilihan untuk mencetak
hasil data barang berupa Copy, CSV, Excel, PDF dan Print.

◼ L-2
 10◼

Gambar 16. Antarmuka Halaman Data Barang

3. Antarmuka Halaman Data Transaksi

Pada Gambar 17 merupakan tampilan halaman Data Transaksi dimana Karyawan dapat melihat
informasi data transaksi mulai dari kode barang, tanggal, nama barang, jumlah, total, merubah serta
menghapus data barang dan melakukan aksi. pada halaman data barang ini juga terdapat tombol pilihan
untuk mencetak hasil data barang berupa Copy, CSV, Excel, PDF dan Print.

Gambar 17. Antarmuka Halaman Data Transaksi

4. Penutup
4.1. Kesimpulan
Berdasarkan pembahasan tentang penelitian Sistem Informasi Penjualan Pada Aeng Suka Walet
Berbasis Web, dapat diambil kesimpulan sebagai berikut:
1. Sistem berhasil diterapkan ke dalam platform website, Sistem website digunakan admin dimana
memiliki fungsi penuh atas manajemen data secara keseluruhan. Metode pengembangan sistem
menggunakan model waterfall, dengan alur analisa kebutuhan menghasilkan kebutuhan system,
desain sistem mengahasilkan gambaran Data Flow Diagram (DFD), Entity Relationship Diagram
(ERD), basis data serta antarmuka sistem, implementasi menerpakan sistem dengan menggunakan
bahasa pemrograman PHP dengan framework Laravel serta menejemen database MySQL.
2. Penelitian Sistem Informasi Penjualan Pada Aeng Suka Walet Berbasis Web ini telah diuji
menggunalan metode Blackbox Testing dimana semua kelas uji yang digunakan telah berjalan sesuai
dengan yang diharapkan.

4.2. Saran
Adapun saran-saran bagi pengembang agar aplikasi yang sudah dibuat menjadi lebih menarik dan
lebih bermanfaat untuk kedepannya antara lain:
1. Penambahan fitur data keuangan usaha, dimana seluruh transaksi akan terintegrasi sesuai dengan
hasil penjualan dan pengeluaran usaha
2. Adanya fungsi pemberian laporan rutin kepada owner jikalau ada karyawan yang tidak hadir tanpa
keterangan.
3. Diharapkan adanya pengembangan dalam platform mobile agar memudahkan akses sistem.

EKSPLORA INFORMATIKA ◼ L-2

 ◼ 11

Daftar Pustaka:
[1] Elisabet Yunaeti Anggreani, Rita Irviani, “Pengantar Sistem Informasi.CV. ANDI OFFSET,
Yogyakarta”, 2017.
[2] Tengku Cut Al-Saidina Zulkhaidi, Yulianto, Suswanto, “Implementasi Sistem Informasi Penjualan
Produk Elektronik Berbasis Web Dengan Menggunakan Laravel Framework”, Buletin Poltanesa,
vol 20, no.2, 51-56 Desember 2019.
[3] E. Prasetyo, “Jurnal Informatika, Volume 1 No. 2, Juli - Desember 2015,” J. Inform., vol. 1, no. 2,
pp. 19–30, 2015.
[4] Kominfo “Dirjen PPI: Survei Penetrasi Penggunaan Internet di Indonesia Bagian Penting dari
Transformasi Digital”, Berita Kominfo, [Online]. Tersedia:
https://www.kominfo.go.id/content/detail/30653/dirjen-ppi-survei-penetrasi-pengguna-internet-di-
indonesia-bagian-penting-dari-transforma-digital/0/berita_satker [Diakses 2 Juni 2020].

◼ L-2