SISTEM APLIKASI LAPORAN PENJUALAN DAN INFORMASI STOK

BERBASIS ANDROID DAN WEB (STUDI KASUS: AROFAH PARFUME)

Muhammad Taqiuddin Fikri

Teknik Komputer, Politeknik Sukabumi
mtaqiuddinfikri01@gmail.com

Abstract

This web-based and mobile programmer of stock information systems and sales report systems aims
to assist admins who want to recap data without manually entering it into the report book first due
to the risk of losing and damaging the report book, as well as making it simpler for sales to locate
available stock information and report sales results. simply requiring only sales input on this Android
application, to the admin automatically. The Laravel Framework, the database, and the Visual Studio
Code Text Editor are all used by the author to create this application. The database is accessed to
store input data. The administrator signs in to this website in order to be able to the admin can
control stock data and sales information in the website's menus after entering the dashboard. In order
to create this Android application, Java was used as the foundation, hosting served as the data
connection to the web, and Android application. Sales must log in to this Android application in
order to access the dashboard, after which they can access the menu to report sales results and obtain
stock data.

Keywords: Website, Android, Database, Seles, Framework

Abstrak

Pembuatan sistem laporan penjualan dan informasi stok berbasis android dan web ini bertujuan untuk
membantu kepada admin yang ingin merekap data tanpa harus mencatat manual pada buku laporan
terlebih dahulu dikarenakan resiko kehilangan dan rusak buku laporan nya, serta memudahkan sales
mengetahui informasi stok yang tersedian dan melaporkan hasil penjualan kepada admin secara
otomatis dengan hanya perlu input penjualan pada aplikasi android ini. Pada pembuatan aplikasi ini
penulis menggunakan Framework Laravel sebagai dasar pembuatan web, Database sebagai akses
untuk menyimpan data yang di input dan Text Editor Visual Studio Code sebagai penulian script
untuk sebuah website. Cara kerja dari web ini yaitu admin login untuk bisa masuk ke halaman
dashboard dan selanjutnya admin dapat mengelola data stok dan laporan penjualan di menu menu
yang ada pada website. Pada pembuatan aplikasi android ini menggunakan Website 2 APK Buider
sebagai pembuatan aplikasi android dari aplikasi web, Hosting sebagai penghubung data dengan web
dan aplikasi android. Cara kerja dari aplikasi android ini yaitu sales login untuk bisa masuk ke
halaman dashboard dan selanjutnya sales dapat mengetahui data stok dan melaporkan hasil penjualan
di menu menu yang ada pada aplikasi android.

Kata Kunci : Website, Android, Database, Seles, Framework

1
 1. Pendahuluan
Kemajuan ilmu pengetahuan yang berorientasi
pada pengembangan teknologi merupakan bagian dari
kehidupan masyarakat dunia saat ini, sebagian besar
dari masyarakat dunia ini sudah tentu tidak ingin
ketinggalan teknologi dan informasi, karena dengan
teknologi seperti sekarang ini kita dapat mengolah dan
memberikan informasi tepat dan efisien. Banyak cara
yang dapat kita tempuh untuk dapat mengolah data dan
informasi, salah satu caranya dengan memanfaatkan
komputer sebagai sarana informasi dengan
memanfaatkan Software-sofware yang telah beredar
seperti sekarang ini. Kata komputer bukan lagi menjadi
kata yang asing, tidak mengherankan jika sekarang ini
banyak kita jumpai pengolahan data dan informasi yang
menggunakan komputer[1].
Penjualan merupakan salah satu komponen
yang penting dalam operasional sebuah perusahaan,
sehingga perusahaan harus dapat memberikan
pelayanan yang terbaik kepada pelanggan. Sistem
penjualan adalah sistem yang melibatkan sumberdaya
dalam suatu organisasi, prosedur, data, serta sarana
pendukung untuk mengoperasikan sistem penjualan,
sehingga menghasilkan informasi yang bermanfaat bagi
pihak manajemen dalam pengambilan keputusan [2].
Salah satu teknologi yang memberikan kemudahan
dalam kegiatan penjualan dan pengolahan data
penjualan adalah menggunakan komputer, yang
tentunya harus dilengkapi dengan program aplikasi
tertentu. Pada saat ini, masih banyak organisasi atau
perusahaan yang hanya mengutamakan peningkatan
pendapatannya saja, tanpa memperhatikan bagaimana
pengolahan datanya. Apakah data yang dihasilkan
sudah akurat? Apakah laporan yang dibuat sudah sesuai
dengan data yang ada? Apakah pimpinan dapat
mengambil keputusan dengan segera dari laporan
yang dihasilkan? Bagaimana penyimpanan datanya?
Dan masih banyak pertanyaan yang lainnya.
Memasuki era sekarang ini, ternyata masih banyak
perusahaan yang masih belum memiliki suatu sistem
terkomputerisasi yang berfungsi untuk mengatur dan
memproses semua data yang dimiliki sehingga dapat
menghasilkan informasi yang berguna kedepannya,
Salah satunya Arofah Parfume yang belum terdapat
sistem terkomputerisasi untuk mengelola laporan
penjualan dan informasi stok. Proses pengololaan
laporan penjualan dan informasi stoknya masih dicatat
dalam form laporan penjualan dan informasi stok
menggunkan media kertas sebagai alat bantunya.
Dengan sistem yang ada saat ini sangat kurang
membantu karena tidak dapat mencatat laporan
penjualan dan informasi stok dihari yang sama
dikarenakan proses input laporan penjualan masih
menggunakan kertas. Dan sangat cukup menyita waktu
dalam mengolah dan menginput laporan penjualan dan
informasi stok. Serta tempat penyimpanan file laporan
penjualan dan informasi stok kurang aman dan tidak
tertata secara rapi, yang mengakibatkan menumpuknya
kertas laporan penjualan dan informasi stok di atas meja
kerja admin. Sehingga rawan terjadinya kehilangan file-
file penting tersebut.
2
Dari permasalahan tersebut yang mendorong penulis
untuk melakukan penulisan Tugas Akhir yang berjudul
“SISTEM APLIKASI LAPORAN PENJUALAN DAN
INFORMASI STOK BERBASIS ANDROID DAN WEB
(STUDI KASUS: AROFAH PARFUME)” bertujuan
menjadi salah satu solusi dari beberapa kendala yang ada,
dimana desain program aplikasi ini menjadi alternatif
untuk pengelolaan data yang cukup efisien baik dalam
penginputan, pengelolaan, dan pelaporannya.
Dengan sistem aplikasi laporan penjualan dan
informasi stok berbasis android dan web ini ke depannya
dapat memudahkan kerja dan kinerja administrator dalam
mengelola pendataan di Arofah Parfume. Dan penggunaan
metode input data menggunakan database, dapat
mempermudah dan memberikan keamanan lebih dalam
penyimpanan datanya.
2. Landasan Teori
2.1 Tinjauan Pustaka
Dalam pembuatan tugas akhir ini. Sistem Aplikasi
Laporan Penjualan dan Informasi Stok Berbasis Web dan
Android ini dilakukan beberapa tinjauan sumber pustaka,
dan berikut adalah beberapa sumber pustaka yang
digunakan sebagai referensi.
2.2 Pengertian Sistem
Sistem adalah sekelompok elemen-elemen yang
saling terintegrasi dengan maksud yang sama untuk
mencapai suatu tujuan. Raymond McLeod (2004: 9) [5].
2.2.1 Elemen Sistem
Menurut (McLeod, 2004) tidak semua sistem tidak
memiliki kombinasi elemen-elemen yang sama, tetapi
susunan dasarnya sama. Ada beberapa elemen yang
membentuk sebuah sistem yaitu: tujuan, masukan, proses,
keluaran, batas, mekanisme pengendalian dan umpan balik
serta lingkungan [3].
2.3 Pengertian Sistem Informasi
Menurut Laudon (2012:16) sistem informasi
merupakan komponen-komponen yang saling berkaitan
yang bekerja bersama-sama untuk mengumpulkan,
mengolah, menyimpan, dan menampilkan informasi untuk
mendukung pengambilan keputusan, koordinasi,
pengaturan, analisa, dan visualisasi pada sebuah organisasi
[6]
2.4 Basis Data
Basis data merupakan kumpulan file-file yang saling
berelasi, relasi tersebut biasa ditunjukan dengan kunci dari
tiap file yang ada. Satu basis data menunjukkan kumpulan
data yang dipakai dalam satu lingkup informasi. Dalam
satu file terdapat record-record yang sejenis, sama besar,
sama bentuk, merupakan satu kumpulan entity yang
seragam. Satu record terdiri dari fieldfield yang saling
berhubungan untuk menunjukan bahwa field tersebut
dalam satu pengertian yang lengkap dan direkam dalam
satu record. Suatu sistem manajemen basis data berisi satu
koleksi data yang saling berelasi dan satu set program
untuk mengakses data tersebut. Jadi sistem manajemen
basis data dan set program pengelola untuk menambah
data, menghapus data, mengambil data dan membaca data
[6].

2.5 Web
Gregorius ( 2000: 30 ) Pengertian web menurut
Gregorius adalah kumpulan halaman web yang saling
terhubung dan file-filenya saling terkait. Web terdiri dari
page atau halaman, dan kumpulan halaman dinamakan
homepage. Hakim Lukmanul ( 2004 ) Pengertian
website menurut Hakim Lukmanul adalah fasilitas
internet yang menghubungkan dokumen dalam lingkup
lokal maupun jarak jauh. Dokumen pada website disebut
dengan web page dan link dalam website
memungkinkan pengguna bisa berpindah dari satu page
ke page lain ( hyper text ), baik diantara page yang
disimpan dalam server yang sama maupun server
diseluruh dunia. Pages diakses dan dibaca melalui
browser seperti Netscape Navigator, Internet Explorer,
Mozila Firefox, Google Chrome dan aplikasi browser
lainnya. [8].
2.5.1 Website
Menurut Yuhefizar (2013:2) pengertian website
adalah “keseluruhan halaman-halaman web yang
terdapat dari sebuah domain yang mengandung
informasi”.halaman web yang ada didalam internet yang
berisi tentang informasi atau layanan sajian merupakan
konsep hyperlink [9].
2.5.2 Web Browser
Pengertian web browser menurut Winarno dan
Utomo (2010:31) “web browser adalah alat yang
digunakan untuk melihat halaman web“ [9].
2.5.3 Web Server
Menurut Fathansyah (2012:466) menerangkan
bahwa pengertian web server adalah “Server Web (Web
Server) merujuk pada perangkat keras (server) dan
perangkat lunak yang menyediakan layanan akses
kepada pengguna melalui protokol komunikasi HTTP
ataupun variannya (seperti FTP dan HTTPS) atasberkas-
berkas yang terdapat pada suatu URL ke pemakai”[9].
2.5.4 Internet
Menurut Oneto dan Sugiarto (2009:1) “internet
adalah jaringan komputer”. Ibarat jalan raya, internet
dapat dilalui berbagai sarana transportasi, seperti bus,
mobil dan motor yang memiliki kegunaan masing-
masing [9].
2.5.5 Program
Menurut Shelly dan Vermaat (2012:664) program
komputer adalah sekumpulan perintah yang
memberitahukan komputer bagaimana mengerjakan
tugas-tugasnya.Programmer komputer, terkadang
disebut pengembang, menulis dan memodifikasi
komputer.Untuk menciptakan sebuah program,
pemrograman biasanya menulis atau membuat kode
perintah-perintah dalam program dengan menggunakan
bahasa pemrograman [9].
2.6 HTML
HTML (Hyper Text Mark Up Language)
merupakan bahasa yang digunakan untuk
mendeskripsikan struktur sebuah halaman web. HTML
berfungsi untuk mempublikasi dokumen online.
Statement dasar dari HTML disebut tags. Sebuah tag
dinyatakan dalam sebuah kurung siku (<>). Tags yang
ditujukan untuk sebuah dokumen atau bagian dari suatu
haruslah dibuat berupa pasangan. Terdiri dari tag
pembuka dan tag penutup. Dimana tag penutup
menggunakan tambahan tanda garis miring (/) di awal
3
nama tag (Henderson, 2009:232) [10].
2.7 MySQL
MySQL adalah salah satu jenis database yang
banyak digunakan untuk membuat aplikasi berbasis web
yang dinamis. MySQL termasuk jenis RDBMS
(Relational Database Management Sistem). MySQL ini
mendukung Bahasa pemrograman PHP. MySQL juga
mempunyai query atau bahasa SQL(Structured Query
Language) yang simple dan menggunakan escape
character yang sama dengan PHP (Kurniawan,2010:16)
[10].
2.8 PHP
PHP adalah bahasa pemrograman untuk dijalankan
melalui halaman web, umumnya digunakan untuk
mengolah informasi di internet. Sedangkan dalam
pengertian lain PHP adalah singkatan dari Hypertext
Preprocessor yaitu bahasa pemrograman webserver- side
yang bersifat open source atau gratis. PHP merupakan
script yang menyatu dengan HTML dan berada pada
server (Kurniawan, 2010:2). [10].
2.9 CSS (Cascading Style Sheet)
CSS kepanjangan dari Cascading Style Sheet adalah
bahasa-bahasa yang merepresentasikan halaman web.
Seperti warna, layout, dan font. Dengan menggunakan
CSS, seorang web developer dapat membuat halaman web
yang dapat beradaptasi dengan berbagai macam ukuran
layar. Pembuatan CSS biasanya terpisah dengan halaman
HTML. Meskipun CSS dapat disisipkan di dalam
halaman HTML. Hal ini ditujukan untuk memudahkan
pengaturan halaman HTML yang memiliki rancangan
yang sama [10].
2.10 Text Editor
Text Editor adalah suatu software aplikasi atau suatu
program komputer yang memungkinkan Anda sebagai
penggunanya untuk membuat, mengubah atau mengedit
file teks yang ada berupa plain text. Text editor ini
sebenarnya bisa digunakan untuk membuat program-
program komputer dan mengedit source code dari bahasa
pemograman. Selain itu, text editor juga bisa
dimanfaatkan untuk membuat halaman web atau template
web design dan juga membuat aplikasi tertentu [10].
2.11 XAMPP
XAMPP adalah sebuah aplikasi web server instan dan
lengkap dikarenakan segala yang anda butuhkan untuk
membuat sebuah situs web dengan Content Management
System (Joomla) bisa dicoba di dalam aplikasi ini.
XAMPP adalah sebuah paket installer AMP (Apache,
MySQL, dan Php) yang sangat mudah untuk
diaplikasikan dalam komputer anda yang belum memiliki
server untuk dapat melihat situs yang anda buat
menggunakan bahasa server dan database server tersebut
[11].
2.12 Laravel
Laravel adalah sebuah framework web berbasis PHP yang
open-source dan tidak berbayar, diciptakan oleh Taylor
Otwell dan diperuntukkan untuk pengembangan aplikasi
web yang menggunakan pola MVC. Struktrur pola MVC
pada laravel sedikit berbeda pada struktur pola MVC pada
umumnya. Di laravel terdapat routing yang menjembatani
antara request dari user dan controller. Jadi controller
tidak langsung menerima request tersebut (Yudanto dkk,
2017). [11].
2.13 Framework
Menurut Betha Sidik (2012) Framework adalah :“
kumpulan intruksi-intruksi yang dikumpulkan dalam
a
class dan function dengan fungsi masing-masing untuk berinteraksi dengan
memudahkan developer dalam memanggilnya tanpa sistem informasi yang
harus menuliskan syntax program yang sama berulang- akan dibuat diluar
ulang serta dapat menghemat waktu” [12]. system informasi yang
2.14 Diagram akan dibuat itu sendiri.
Diagram berbentuk grafik yang menunjukkan nama aktor Walaupun simbol dari
simbol elemen model yang disusun untuk aktor adalah gambar
mengilustrasikan bagian atau aspek tertentu dari sistem. orang, tapi aktor belum
Sebuah diagram merupakan bagian dari suatu view tentu merupakan orang
tertentu dan ketika digambarkan biasanya dialokasikan biasanya dinyatakan
untuk view tertentu [13]. menggunakan kata
2.15 Entity Relationship Diagram (ERD) benda di awal frase
Menurut (Sukamto & Shalahuddin,2018:50) nama aktor.
menyatakan bahwa “ERD
digunakan untuk permodelan basis data relasional”. Asosiasi /association Komunikasi antara
Menurut Al-Bahra dalam (Rahmayu, 2016:34) aktor dan use case yang
menerangkan bahwa “Entity Relationship Diagram berpatisipasi pada use
(ERD) adalah diagram yang menunjukkan informasi case atau use case
dibuat, disimpan, dan digunakan dalam sistem bisnis” memiliki interaksi
[13]. dengan actor.
2.16 UML (Unified Modeling Language)
UML adalah bahasa untuk Ekstensi/extend Relasi use case
menspesifikasi,memvisualisasi, membangun dan tambahan ke sebuah use
mendokumentasikan artifacts (bagian dari informasi case dimana use case
yang digunakan untuk dihasilkan oleh proses pembuatan yang ditambahkan dapat
perangkat lunak, artifact tersebut dapat berupa model, berdiri sendiri walau
deskripsi atau perangkat lunak)dari system perangkat tanpa use case
lunak,seperti pada pemodelan bisnis dan sistem non tambahan itu mirip
perangkat lunak lainnya. Selain itu UML adalah bahasa <<extends> dengan prinsip
pemodelan yang menggunakan konsep orientasi object. inheritance pada
UML menyediakan notasi-notasi yang membantu pemrograman
memodelkan sistem dari berbagai prespetktif. UML berorientasi objek
tidak hanya digunakan dalam pemodelan perangkat biasanya use case
lunak, namun hampir dalam semua bidang yang tambahan memiliki
membutuhkan pemodelan. UML digunakan untuk nama depan yang sama
memodelkan suatu sistem (bukan hanya perangkat dengan use case yang
lunak) yang menggunakan konsep berorientasi object. ditambahkan misal:
Dan juga untuk menciptakan suatu bahasa pemodelan Arah panah mengarah
yang dapat digunakan baik oleh manusia maupun mesin pada use case.
[13]. Hubungan generalisasi
Generalisasi/ dan spesialisasi arah
2.17 Use Case Diagram generalization panah mengarah pada
Diagram use case merupakan pemodelan untuk use case yang Menjadi
kelakuan system informasi yang akan dibangun. Use generalisasinya.
case mendeskripsikan sebuah interaksi anatra satu atau
lebih actor dengan sistem informasi yang akan
dibangun. Use case digunakan untuk mengetahui fungsi
apa saja yang ada pada sebuah sistem informasi dan
siapa saja yang berhak menggunakan fungsi-fungsi
tersebut. Berikut ini adalah simbol-simbol diagram use
case, seperti yang terlihat pada tabel dibawah ini [13] :
Tabel 2.1 Use Case Diagram [13]. 2.18 Activity Diagram
Diagram aktivitas atau activity diagram
Simbol Deskripsi menggambarkan workflow (aliran kerja) atau aktivitas
dari sebuah sistem atau proses bisnis atau menu yang ada
Funsionalitas yang pada perangkat lunak. Penekanan pada diagram aktivitas
Nama use case disediakan system adalah menggambarkan aktivitas sistem atau aktivitas
sebagai unit yang saling yang dapat dilakukan oleh sistem, bukan apa yang
bertukar pesan antar dilakukan aktor. Berikut adalah simbol-simbol activity
unit atau aktor. diagram, seperti terlihat pada tabel berikut ini [13]:
Dinyatakan dengan
menggunakan kata kerja
diawal di awal frase
nama use case.
Orang, proses, atau
Aktor / actor sistem lain yang

4
 Tabel 2.2 Activity Diagram [13]. key hanya bisa diisi dengan data yang sudah ada pada
Simbol Deskripsi primary key. Relasi mencakup tiga macam. Yaitu [14] :
Status awal 1. Relasi One To One
Status awal aktivitas Relasi one to one adalah relasi dimana
sistem, sebuah diagram setiap satu baris data pada tabel satu hanya
aktivitas memiliki berhubungan dengan satu baris data di tabel dua.
sebuah status awal. Artinya masing - masing hanya memiliki satu
hubungan saja. Biasanya relasi seperti ini
digunakan pada relasi pengguna dan userlogin.
Dimana satu pengguna hanya memiliki satu akun
untuk login. dan satu akun login hanya dimiliki
oleh pengguna.
Percambangan Asosiasi percabangan 2. Relasi one to many
/decision dimana jika ada pilihan Relasi one to many adalah relasi yang
aktivitas lebih dari Satu. mana setiap baris dari tabel pertama dapat
dihubungkan dengan satu baris ataupun lebih dari
tabel kedua. Artinya satu baris dari tabel pertama
dapat mencangkup banyak data pada tabel kedua.
3. Relasi many to many
Relasi many to many adalah keadaan
dimana satu baris dari tabel satu dapat
Asosiasi penggabungan berhubungan dengan tabel kedua. Dan satu baris
Penggabungan / dimana lebih dari satu dari tabel kedua dapat berhubungan dengan
join aktivitas digabungkan banyak baris dari tabel pertama. Artinya kedua
menjadi satu. tabel masing masing dapat mengakses banyak
data dari tiap tabel yang lain. Dalam hal ini, kita
membutuhkan tabel ketiga sebagai perantara
Status akhir Status akhir yang tabel satu dan tabel dua sebagai tempat untuk
dilakukan sistemsebuah menyimpan foreign key dari masing - masing
diagram aktivitas tabel.
memiliki sebuah status 2.21 Website 2 APK Builder
akhir.
Merupakan aplikasi yang dijalankan pada sistem
operasi windows dimana aplikasi ini berguna untuk
mempermudah melakukan konfersi file berbasis web ke
berbasis apk. Cara kerja sederhananya aplikasi ini
2.19 Sequence Diagram mengubah format file berbentuk web (.html) ke format
Sequence diagram adalah suatu diagram yang aplikasi android (.apk) sehinnga aplikasi berbasis web ini
menjelaskan interaksi objek dan menunjukkan bisa dijalankan dengan baik di handphone android
(memberi tanda atau petunjuk) komunikasi diantara ataupun smartphone.29 Aplikasi website 2 apk
objekobjek tersebut. Sequence diagram digunakan merupakan aplikasi yang bisa digunakan untuk
untuk menjelaskan perilaku pada sebuah skenario dan mengubah file website (html,php dan sebagainya) ke file
menggambarkan bagaimana entitas dan sistem aplikasi android (apk) dimana di dalam aplikasi ini
berinteraksi, termasuk pesan yang dipakai saat penggunanya bisa membuat nama aplikasinya,
interaksi. Semua pesan digambbarkan dalam urutan memasukan icon aplikasi serta pengguna dapat
pada eksekusi. Sequence diagram berkaitan erat memodifikasinya sebelum dijadikan aplikasi [15].
dengan use case diagram, yang mana 1 use case akan Keunggulan aplikasi Website 2 APK
menjadi 1 sequence diagram [14]. 1. Sangat mudah digunakan
2.20 Relasi Tabel 2. Tidak perlu belajar coding, proses yang otomatis
Relasi adalah hubungan antara tabel yang lengkap, tinggal klik saja.
mempresentasikan hubungan antar objek di dunia 3. Aplikasi yang dibuat kompetibel sesuai saran
nyata. Relasi merupakan hubungan yang terjadi pada pengembang google play, anda dapat
suatu tabel dengan lainnya yang mempresentasikan mempubliaksikannya di google.
hubungan antar objek di dunia nyata dan berfungsi 4. Dapat membuat aplikasi kerja offline
untuk mengatur mengatur operasi suatu database. Jadi menggunaka file HTML, tidak ada koenektifitas
relasi merupakan penghubung antar tabel satu dengan internet, yang diperluka, jadi bisa dijalankan
tabel lainnya yang mana tabel tersebut memiliki data dalam keadaan offline.
yang berhubungan di dunia nyata untuk mengatur
operasi suatu database. Pada sebuah database, relasi
dihubungkan dengan cara memberikan satu kolom 3. Metode Penelitian
dengan value yang sama dengan tabel yang 3.1 Metode Pengembangan Sistem
berhubungan, ini disebut foreign key. Foreign key Tahapan proses pengembangan sistem ini
sendiri merupakan sebuah kolom yang hanya bisa menggunakan metode penelitian Waterfall. Model
menyimpan data yang sama dengan primary key yang Waterfall merupakan model klasik yang sederhana
berhubungan dengan tabel tersebut. Artinya foreign dengan aliran sistem yang linier. Output dari setiap tahap
merupakan input bagi tahap berikutnya.
5
a

2. Penelitian Data
Teknik penelitian data dengan melakukan
wawancara dengan pihak-pihak terkait guna
mendapatkan data-data serta keterangan yang
dibutuhkan oleh penulis. Dalam hal ini penulis
melakukan tanya jawab dengan pihak perusahaan
terkait sehingga dapat memberikan solusi terbaik
dalam pembangunan aplikasi ini.
3.3 Alur Perancangan Sistem
Alur perancangan sistem ini membagi
pengguna menjadi dua jenis, yaitu sales dan admin yang
menggunakan menu login. Sales secara garis besar
Gambar 3.1 Metode tahap pengembangan sistem memiliki 3 fitur yang bisa diakses, diantaranya fitur yang
Waterfall berisi tentang informasi stok barang, fitur transaksi
1. Analisa Kebutuhan penjualan dan fitur laporan penjualan.
Pertama, menentukan tema,melihat
Admin pada menu login, login sebagai admin,
permasalahan di Arofah Parfume tentang
Kemudian input atau ubah data barang, fitur input atau
rekapan laporan dan informasi stok yang masih
ubah kategori, ubah data admin, laporan penjualan. Alur
dalam catatan kertas. Dan tidak setiap waktu
perancangan sistem secara lebih jelas dapat dilihat pada
mengetahui laporan tersebut serta hanya dapat
Gambar 3.2.
mengetahui laporan dan informasi stok jika
melihat pembukuannya, oleh karena itu dibuat
lah Sistem Aplikasi Laporan Penjualan dan
Informasi Stok agar admin dan sales dapat
melakukan update data secara efisien sehingga
dapat saling mengetahui data terbaru.
2. Desain Sistem
Menentukan bentuk desain serta elemen-
elemen yang terdapat dalam sistem, permodelan
pengembangan sistem, interface yang sesuai,
dan layout (tata letak).
3. Tahap Implementasi
Tahap implementasi dilakukan pembuatan
program, PHP digunakan sebagai bahasa
pemograman dengan bantuan framework
Laravel, MySQL digunakan sebagai database,
dan juga Visual Studio Code sebagai
permodelan, serta Website 2 APK Builder untuk
mengkonversi website menjadi sistem operasi
Android. Gambar 3.2 Alur Perancangan Sistem
4. Permodelan 3.5 Use Case Diagram
Setelah pembuatan program selesai
dilakukan pengujian sistem secara keseluruhan
apakah sistem yang dibuat telah dapat berjalan
dengan benar.
5. Penerapan dan Pemeliharaan
Tahap ini memastikan bahwa sistem dapat
berjalan dengan baik dan tahap pemeliharaan
sistem terkait dengan koreksi error yang terjadi
dimasa yang akan datang.
3.2 Metode Pengumpulan Data
Metode pengumpulan data yang digunakan
diantara nya adalah:
1. Studi Pustaka
Studi pustaka dilakukan untuk Gambar 3.3 Use Case Diagram
mengumpulkan literatur yang mendukung Skenario Use Case :
penelitian. Literatur yang dibutuhkan adalah Tabel 3.2 Skenario Use Case
literatur tentang jurnal-jurnal yang berkaitan Use Case Name Masuk
dengan judul yang dibawakan dan juga sebuah Actor Admin
website sebagai gambaran. Precondition
Basic Scenario 1. Aktor memasukan
username dan password.

6
 2. Sistem melakukan
proses autentikasi. Postcondition Data transaksi barang
3. Jika Benar, maka aktor berhasil dihapus.
dapat masuk ke aplikasi Alternative Jika data gagal dihapus
sesuai dengan hak akses Scenario maka muncul notifikasi.
saat masuk.
Postcondition Berhasil masuk Use Case Name Lihat data
Alternative Jika data tidak benar, maka Actor Admin
Scenario actor akan kembali ke Precondition User harus sudah masuk
halaman awal dan diminta aplikasi
memasukan username dan Basic Scenario 1. Admin dan pemilik
password kembali. membuka halaman data.
2. Admin admin dan
Use Case Name Mengolah data pemilik melihat data-
Actor Admin data yang ada pada
Precondition Admin harus sudah masuk halaman.
aplikasi, dan data harus Postcondition Data ditampilkan
sudah ada Alternative -
Basic Scenario 1. Admin Scenario
melakukan tambah (input),
edit, hapus, dan melihat Use Case Name Lihat Data Penjualan
data produk dan data Actor Admin
pembeli. Precondition Admin harus sudah masuk
Postcondition Setiap perubahan data aplikasi
disimpan di Database Basic Scenario 1. Admin membuka
Alternative Jika perubahan data gagal halaman data.
Scenario disimpan maka muncul 2. Admin melihat data
notifikasi penjualan yang ada pada
halaman data.
Use Case Name Input data Postcondition Data penjualan
Actor Admin ditampilkan
Precondition Admin harus sudah masuk Alternative -
aplikasi Scenario
Basic Scenario 1. Admin membuka
halaman input data. Use Case Name Cetak Data
2. Admin mengisi semua Actor Admin
data. Precondition Admin harus sudah masuk
3. Admin mengklik tombol aplikasi
simpan. Basic Scenario 1. Admin masuk ke
Postcondition Input data berhasil halaman.
Alternative Jika data gagal disimpan 2. Admin mengklik icon
Scenario muncul notifikasi dan cetak pada data yang
admin diminta untuk akan di cetak.
menginput kembali. 3. Sistem memberikan
dialog confirmation
Use Case Name Hapus Data apakah data akan di
Actor Admin cetak.
Precondition Admin harus sudah masuk 4. Jika “Ya” maka sistem
aplikasi, dan data harus akan meneruskan
sudah ada mendownload data, jika
Basic Scenario 1. Admin masuk ke “Tidak” sistem tidak
halaman. akan mendownload
2. Admin mengklik icon data.
hapus pada data yang Postcondition Data parfum, data petugas,
akan di hapus. dan data penjualan.
3. Sistem memberikan Alternative -
dialog confirmation Scenario
apakah data akan di
hapus.
4. Jika “Ya” maka sistem
akan meneruskan
menghapus data, jika
“Tidak” sistem tidak akan
menghapus data.

7
a
username dan password agar aplikasi dapat di akses.

4. Hasil dan Pembahasan

4.1 Hasil
Dari sistem yang dibuat terdapat hasil rancangan
perangkat yaitu perangkat keras dan perangkat lunak
yang digunakan.
4.1.1 Hasil Implementasi Desain
Berikut ditampilkan hasil rancangan sistem
aplikasi laporan penjualan dan informasi stok (studi Gambar 4.4 Input Username & Password
kasus:arofah parfum).
1. Database MySql
3. Tampilan Ketika Salah Memasukkan
Username/Password (Login Gagal)

Gambar 4.5 Notifikasi Login Gagal

4. Tampilan Dashboard
Jika login berhasil di lakukan, maka aplikasi akan
membawa admin ke halaman dashboard.

Gambar 4.1 Tampilan Database MySQL

Gambar diatas menunjukan tampilan server
yang digunakan yaitu Database MySQL yang
digunakan sebagai penyimpanan Data Masuk dari web
konsultasi.
2. Dashboard

Gambar 4.6 Tampilan Dashboard

5. Tampilan Halaman Admin
Berikut halaman yang di tampilkan jika admin
mengklik menu “Admin”. Pada bagian ini Admin
dapat mengubah data Admin.

Gambar 4.2 Tampilan Dashboard

Gambar diatas menampilkann halaman depan dari

web ini, pada tampilan web menampilkan login,
informasi stok, laporan penjualan.
4.2 Uji Coba
4.2.1 Aplikasi Website Gambar 4.7 Halaman Admin

Berikut adalah uji coba dari Sistem Aplikasi 6. Tampilan Ubah Data Admin
Web Laporan Penjualan:
1. Tampilan Halaman Login
Halaman awal yang di tampilkan ketika admin
hendak masuk ke aplikasi.

Gambar 4.8 Ubah Data Admin

Gambar 4.3 Halaman Login

2. Tampilan Ketika Memasukkan Username & 7. Notifikasi Ubah Data Admin Berhasil
Password Aplikasi akan memberikan notifikasi ketika admin
Admin harus memasukkan informasi berupa hendak data admin dari halaman admin.

8
 mengunduh atau mencetak laporan penjualan dalam
format excel dengan mengklik tombol “Excel”.

Gambar 4.9 Notifikasi Ubah Data Admin Berhasil

8. Tampilan Halaman Kategori
Tampilan ketika admin mengklik menu
Kategori, di menu ini bisa mengubah kategori yang
telah ada, mencari kategori, dan menambahkan
kategori baru. Admin harus memasukkan data
jumlah takaran per botol parfum.

Gambar 4.13 Halaman Laporan

12. Tampilan Hasil Unduh Laporan

Gambar 4.10 Halaman Kategori

9. Tampilan Halaman Barang
Pada halaman ini admin bisa mengubah,
menambah atau menghapus data barang parfum
yang tersedia. Jika admin ingin menginput aroma
parfum baru pada sistem, maka admin harus
mengklik tombol berwarna biru “Insert Data”. Dan
admin harus melengkapi informasi parfum tersebut,
seperti nama parfum, jumlah dan lain lain. Admin Gambar 4.14 Hasil Unduh Laporan
juga dapat memerbarui stok yang ada dan yang
kurang stok bisa di sortir di tombol “Sortir Stok 4.2.2 Aplikasi Android
Kurang” Berikut adalah uji coba dari Sistem Aplikasi
Android Informasi Stok:
1. Tampilan Halaman Login Android

Gambar 4.11 Halaman Barang

10. Tampilan Halaman Transaksi
Pada halaman ini admin dapat memasukan setiap
jumlah barang yang terjual, juga bisa mencari aroma
pada menu “Cari Aroma”.

Gambar 4.15 Halaman Login Android

Gambar 4.12 Halaman Transaksi

11. Tampilan Halaman Laporan 2. Tampilan Halaman Informasi Stok

Pada halaman ini laporan penjualan per hari, per
minggu, per bulan, atau per tahun. Admin dapat

9
a
5. Tampilan Halaman Laporan Penjualan

Gambar 4.19 Halaman Informasi Laporan Penjualan

Gambar 4.16 Halaman Dashboard 4.3 Black Box Testing Aplikasi
Tabel 4.1 Hasil Pengujian Black Box menu Login Admin
3. Tampilan Halaman Informasi Stok Barang No Skenario Hasil Yang Hasil Kesimpulan
Pengujian Diharapkan Pengujian
1 Email dan Sistem akan Sesuai Valid
Password menolak dan harapan
yang memunculkan
dimasukan notifikasi
tidak
terdaftar
2 Email dan Sistem akan Sesuai Valid
Password menerima Harapan
yang login
dimasukan
telah
terdaftar

Tabel 4.2 Hasil Pengujian Black Box menu Login Sales

No Skenario Hasil Yang Hasil Kesimpulan
Pengujian Diharapkan Pengujian
1 Email dan Sistem akan Sesuai Valid
Gambar 4.17 Halaman Informasi Stok Password menolak dan harapan
4. Tampilan Halaman Transaksi yang memunculkan
dimasukan notifikasi
tidak
terdaftar
2 Email dan Sistem akan Sesuai Valid
Password menerima Harapan
yang login
dimasukan
telah
terdaftar
Tabel 4.3 Hasil Pengujian Black Box menu Barang
No Skenario Hasil Yang Hasil Kesimpulan
Pengujian Diharapkan Pengujian
1 Masuk ke Data barang Sesuai Valid
halaman muncul harapan
barang
sales

2 Admin Data stok Sesuai Valid

mengubah barang ter- Harapan
Gambar 4.18 Halaman Transaksi data stok update
barang

10
 PADA PT. RIAU ARGO PERKASA BERBASIS
Tabel 4.4 Hasil Pengujian Black Box menu Transaksi WEB,” Jurnal Intra Tech E, vol. 4, no. 2, 2020.
N Skenario Hasil Yang Hasil Kesimpula [3] O. Pahlevi et al., “SISTEM INFORMASI
o Pengujia Diharapkan Pengujia n INVENTORI BARANG MENGGUNAKAN
n n METODE OBJECT ORIENTED DI PT. LIVAZA
1 Sales Sales dapat Sesuai Valid TEKNOLOGI INDONESIA JAKARTA,” Jurnal
masuk ke membuat harapan PROSISKO, vol. 5, no. 1, 2018
halaman transaksi [4] P. Studi et al., Jurnal Penelitian Dosen Fikom
transaksi penjualan (UNDA), vol. 10, no. 2, pp. 2088–3595, 2019.
2 Melihat Tampilan Sesuai Valid [5] Yohanes leo, Aggia Dasaputri, Geme Edukasi
nota memunculka Harapan Pengenalan Peta Buta Benua Asia Berbasis Android,
penjualan n nota Information Sistem Depelopment, Vol.2 No.2 2020,
penjualan h.33
[6] “PERANCANGAN SISTEM INFORMASI
Tabel 4.5 Hasil Pengujian Black Box menu Laporan INVENTORY SPARE PART ELEKTRONIK
Penjualan BERBASIS WEB PHP (Studi CV. Human Global
N Skenario Hasil Yang Hasil Kesimpula Service Yogyakarta),”
o Pengujia Diharapkan Pengujia n [7] N. Kristanto & F. Masya, “Analisa Dan Perancangan
n n Sistem Informasi E-Booking Property Berbasis
1 Masuk ke Menampilka Sesuai Valid Android,” vol. 2, pp. 2655–7541, 2020
halaman n data harapan [8 ] M. Arfa, A. Candra, Ika, & A. Wulandari, “SISTEM
laporan laporan INFORMASI BERPRESTASI BERBASIS WEB
penjualan penjualan PADA SMP NEGERI 7 KOTA METRO,” Jurnal
2 Mencetak Laporan Sesuai Valid Mahasiswa Ilmu Komputer (JMIK), vol. 01, no. 01,
data penjualan Harapan 2021
laporan dapat [9] P. Sistem et al., Accessed: Mar. 09, 2022. [Online].
penjualan dicetak Available:
https://ejournal.bsi.ac.id/ejurnal/index.php/ijse/articl
e/download/592/483
[10] “SISTEM INFORMASI PARIWISATA PROPINSI
5.1 Kesimpulan
NANGROE ACEH DARUSSALAM BERBASIS
Berdasarkan hasil penelitian yang telah dilakukan
WEB Yolan.”
didapat kesimpulan sebagai berikut :
1. Sistem informasi laporan penjualan dan informasi
[11] S. Devi Purnama & W. Rony, INFORMATIKA DAN
stok berhasil dibuat dengan menggunakan
RPL, Vol. 2, No. 1, Maret 2019, Hal. 32-36 ISSN
framework Laravel sebagai website framework
2656-2855.
berbasis PHP, Xampp 7.4 sebagai Web Server,
[12] J. Simatupang, S. Sianturi, K. Kunci, S. Informasi, &
Visual Studio Code sebagai media penulisan Script,
P. Tiket Bus.
dan Web browser sebagai penampil halaman web
[13] M. Tabrani, Suhardi, & H. Priyandaru, “SISTEM
yang sudah dibuat.
INFORMASI MANAJEMEN BERBASIS
2. Hasil pengujian Web akses admin Arofah Parfume
WEBSITE PADA UNL STUDIO DENGAN
dalam mempercepat pengolahan data stok barang,
MENGGUNAKAN FRAMEWORK
pencarian data barang dan laporan penjualan, serta
CODEIGNITER.”
akses sales lebih mudah dalam pembuatan laporan.
[14] A. Rachman & K. Kunci, “SISTEM INFORMASI
5.2 Saran WISATA DI AMPERA WATERPARK,” vol. 4, no.
Saran yang dapat penulis sampaikan dalam penulisan 2, 2018, Accessed: Mar. 09, 2022
laporan ini, yaitu : [15] Astuti & Dkk, View of Peningkatan Keterampilan
1. Kepada Perusahaan Arofah Parfume akan terus Guru dalam Mengembangkan Mobile Learning untuk
konsisten dalam memberikan kesempatan kepada Pembelajaran Matematika Sekolah di Masa Pandemi.
sales dalam peningkatan penjualan parfum. 2022. Umrah.ac.id.
2. Memberikan kemudahan dalam mendistribusikan
parfum kepada masyarakat. Form Login Admin
3. Mempertahankan kualitas aroma dan Form Login merupakan halaman yang pertama kali
mengedukasi outlet agar dilihat oleh admin, petugas, dan pegawai. Pada halaman
mempertanggungjawabkan penjualan parfum ini sudah sesusai dengan tahapan planning dan design yang
milik perusahaan. di setujui pihak pegawai PTUN Bandar Lampung.
Tampilan login akan menampilkan form login yang
DAFTAR PUSTAKA mengharuskan

[1] Ardiansyah, Novan. 2019. PA : Rancang Bangun

Sistem Informasi Penjualan Parfum Berbasis
Website (Studi Kasus : Zahra Parfum) - Repositori
Universitas Dinamika. Dinamika.ac.id.
[2] J. Simatupang et al., “IMPLEMENTASI SISTEM
INFORMASI BOOKING SERVICE ONLINE
11
a

12