SISTEM APLIKASI LAPORAN PENJUALAN DAN

INFORMASI STOK BERBASIS ANDROID DAN

WEB (STUDI KASUS: AROFAH PARFUME)

TUGAS AKHIR

Diajukan sebagai salah satu syarat

untuk kelulusan program D-III

Oleh
MUHAMMAD TAQIUDDIN FIKRI
NIM: 312019051

PROGRAM STUDI TEKNIK KOMPUTER

POLITEKNIK SUKABUMI
2022
 LEMBAR PENGESAHAN

Sistem Aplikasi Laporan Penjualan dan Informasi Stok Berbasis Android

dan Web (Studi Kasus: Arofah Parfume)

Oleh
Muhammad Taqiuddin Fikri
NIM: 312019051

Telah diterima, disetujui dan disahkan sebagai Tugas Akhir.

Sukabumi, 15 September 2022

Mengesahkan,
Pembimbing 1 Pembimbing 2

Nila Natalia, M.Kom Foezi Arisandi SJ, S.Kom

NIDN: 0405128902

Mengetahui,
Ketua Program Studi Teknik Komputer

Samirah Rahayu, S.T., M.Kom

NIDN: 0409108704

i
 ABSTRAK

Sistem Aplikasi Laporan Penjualan dan Informasi Stok Berbasis Android

dan Web (Studi Kasus: Arofah Parfume)

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

ii
 ABSTRACT

System Application Sales Report and Stock Information Based On Android and
Web (Case Study: Arofah Parfume)

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

iii
 KATA PENGANTAR

Alhamdulillah, puji dan syukur penulis panjatkan kepada Allah SWT atas
ridho dan karunia dari-Nya yang berlimpah, sehingga penulis dapat menyelesaikan
Tugas Akhir (TA) ini. TA disusun sebagai salah satu syarat untuk kelulusan
program D-III pada Program Studi Teknik Komputer Politeknik Sukabumi.
Pada TA ini, penulis mengambil judul Sistem Aplikasi Laporan Penjualan
dan Informasi Stok Berbasis Android dan Web (Studi Kasus: Arofah
Parfume). Dengan menggunakan Aplikasi ini diharapkan dapat memudahkan
perusahaan dalam membuat laporan penjualan dan informasi stok.
Penulis mengucapkan terima kasih kepada pihak-pihak yang mendukung
dalam penyusunan TA ini. Ucapan terima kasih disampaikan kepada:

1. Bapak Nonda Muldani, S.T., M.Kom. selaku Direktur Politeknik Sukabumi.

2. Ibu Samirah Rahayu, S.T., M.Kom. selaku Ketua Program Studi Teknik
Komputer.
3. Ibu Nila Natalia, M.Kom. sebagai dosen Pembimbing dalam penyusunan TA
ini yang telah memberikan arahan dan masukan.
4. Dosen wali.
5. Para dosen Program Studi Teknik Komputer yang telah memberikan
pengetahuan selama proses perkuliahan.
6. Para staff akademik Politeknik Sukabumi yang telah memberikan arahan dan
bantuan administrasi selama penyusunan TA ini.
7. Orang Tua yang selalu memberikan dorongan dan doa sehingga penulis dapat
menyelesaikan TA ini.
Penyusun menyadari masih banyak kekurangan dalam penulisan laporan
TA ini. Oleh karena itu kritik dan saran yang sifatnya membangun sangat
diharapkan. Penulis berharap TA ini dapat berguna bagi para pembacanya.

Sukabumi, September 2022

Penulis

iv
 DAFTAR ISI

Halaman

LEMBAR PENGESAHAN ..................................................................................... i

ABSTRAK .............................................................................................................. ii

ABSTRACT ............................................................................................................. iii

KATA PENGANTAR ........................................................................................... iv

DAFTAR ISI ........................................................................................................... v

DAFTAR TABEL ................................................................................................ viii

DAFTAR GAMBAR ............................................................................................. ix

DAFTAR LAMPIRAN ........................................................................................... x

BAB I PENDAHULUAN ....................................................................................... 1

1.1 Latar Belakang ......................................................................................... 1
1.2 Rumusan Masalah .................................................................................... 2
1.3 Batasan Masalah ....................................................................................... 3
1.4 Tujuan dan Manfaat .................................................................................. 3
1.5 Metode Penelitian ..................................................................................... 4
1.6 Sistematika Penulisan ............................................................................... 6

BAB II LANDASAN TEORI ................................................................................ 7

2.1 Tinjauan Pustaka ...................................................................................... 7
2.2 Pengertian Sistem .................................................................................... 7
2.2.1 Elemen Sistem................................................................................... 7
2.3 Pengertian Sistem Informasi .................................................................... 7
2.4 Basis Data ................................................................................................. 7
2.5 Web .......................................................................................................... 8
2.5.1 Website .............................................................................................. 8
2.5.2 Web Browser ..................................................................................... 8
2.5.3 Web Server ........................................................................................ 8
2.5.4 Internet .............................................................................................. 9

v
 2.5.5 Program ............................................................................................. 9
2.6 HTML ....................................................................................................... 9
2.7 MySQL ..................................................................................................... 9
2.8 PHP ........................................................................................................... 9
2.9 CSS (Cascading Style Sheet) ................................................................. 10
2.10 Text Editor .............................................................................................. 10
2.11 XAMPP .................................................................................................. 10
2.12 Laravel .................................................................................................... 10
2.13 Framework ............................................................................................. 11
2.14 Diagram .................................................................................................. 11
2.15 Entity Relationship Diagram (ERD) ...................................................... 11
2.16 UML (Unified Modeling Language) ...................................................... 11
2.17 Use Case Diagram ................................................................................. 12
2.18 Activity Diagram ................................................................................... 13
2.19 Sequence Diagram.................................................................................. 14
2.20 Relasi Tabel ............................................................................................ 14
2.21 Website 2 APK Builder ........................................................................... 15

BAB III PERANCANGAN .................................................................................. 17

3.1 Analisis Masalah .................................................................................... 17
3.2 Analisa Pengguna Sistem ....................................................................... 18
3.3 Kebutuhan Fungsional ............................................................................ 18
3.4 Alur Perancangan Sistem ....................................................................... 19
3.5 Use Case Diagram ................................................................................. 20
3.6 Perancangan Database ........................................................................... 24
3.7 Flowchart Diagram ................................................................................. 26
3.7.1 Flowchart Diagram Admin ............................................................. 26
3.7.2 Flowchart Diagram Sales ................................................................ 26
3.8 Activity Diagram .................................................................................... 27
3.8.1 Activity Diagram Login Admin ...................................................... 27
3.8.2 Activity Diagram Login Sales ........................................................ 28
3.9 Sequence Diagram ................................................................................. 31

vi
 3.9.1 Sequence Diagram Login Admin .................................................... 31
3.9.2 Sequence Diagram Login User ....................................................... 32

BAB IV HASIL DAN PEMBAHASAN .............................................................. 33

4.1 Hasil........................................................................................................ 33
4.1.1 Hasil Implementasi Desain ............................................................. 33
4.2 Uji Coba ................................................................................................. 34
4.2.1 Aplikasi Website.............................................................................. 34
4.2.2 Aplikasi Android ............................................................................. 39
4.3 Black Box Testing Aplikasi .................................................................... 41

BAB V PENUTUP................................................................................................ 44
5.1 Kesimpulan ............................................................................................. 44
5.2 Saran ....................................................................................................... 44

DAFTAR PUSTAKA ........................................................................................... 45

LAMPIRAN .......................................................................................................... 47

vii
 DAFTAR TABEL

Halaman
Tabel 2.1 Simbol Use Case Diagram ................................................................... 12
Tabel 2.2 Activity Diagram ................................................................................... 13
Tabel 3.1 Analisa Pengguna Sistem ...................................................................... 18
Tabel 3.2 Skenario Use Case ................................................................................ 20
Tabel 3.3 Barang ................................................................................................... 24
Tabel 3.4 Kategori ................................................................................................. 25
Tabel 3.5 Login ..................................................................................................... 25
Tabel 3.6 Laporan ................................................................................................. 25
Tabel 3.7 Penjualan ............................................................................................... 26
Tabel 4.1 Hasil Pengujian Black Box menu Login Admin .................................... 41
Tabel 4.2 Hasil Pengujian Black Box menu Login Sales ...................................... 42
Tabel 4.3 Hasil Pengujian Black Box menu Barang ............................................. 42
Tabel 4.4 Hasil Pengujian Black Box menu Transaksi ......................................... 42
Tabel 4.5 Hasil Pengujian Black Box menu Laporan Penjualan ........................... 43

viii
 DAFTAR GAMBAR
Halaman
Gambar 1.1 Metode tahap pengembangan sistem Waterfall …………………….4
Gambar 3.1 Alur Perancangan Sistem .................................................................. 19
Gambar 3.2 Use Case Diagram Relasi Tabel ....................................................... 20
Gambar 3.3 Perancangan Database ...................................................................... 24
Gambar 3.4 Flowchart Diagram Admin ............................................................... 26
Gambar 3.5 Flowchart Diagram Sales ................................................................. 27
Gambar 3.6 Activity Diagram Login Admin ......................................................... 28
Gambar 3.7 Activity Diagram Login Sales ........................................................... 29
Gambar 3.8 Activity Diagram Laporan Penjualan................................................. 30
Gambar 3.9 Activity Diagram Update Data Stok .................................................. 30
Gambar 3.10 Sequence Diagram Login Admin..................................................... 31
Gambar 3.11 Sequence Diagram Login Sales....................................................... 32
Gambar 4.1 Tampilan Database MySQL .............................................................. 33
Gambar 4.2 Tampilan Dashboard ........................................................................ 33
Gambar 4.3 Halaman Login .................................................................................. 34
Gambar 4.4 Input Username & Password ............................................................ 34
Gambar 4.5 Notifikasi Login Gagal ...................................................................... 35
Gambar 4.6 Tampilan Dashboard ........................................................................ 35
Gambar 4.7 Halaman Admin ................................................................................ 35
Gambar 4.8 Ubah Data Admin ............................................................................. 36
Gambar 4.9 Notifikasi Ubah Data Admin Berhasil .............................................. 36
Gambar 4.10 Halaman Kategori ........................................................................... 37
Gambar 4.11 Halaman Barang .............................................................................. 37
Gambar 4.12 Halaman Transaksi .......................................................................... 38
Gambar 4.13 Halaman Laporan ............................................................................ 38
Gambar 4.14 Hasil Unduh Laporan ...................................................................... 38
Gambar 4.15 Halaman Login Android .................................................................. 39
Gambar 4.16 Halaman Dashboard ....................................................................... 39
Gambar 4.17 Halaman Informasi Stok Barang ..................................................... 40
Gambar 4.18 Halaman Transaksi .......................................................................... 40
Gambar 4.19 Halaman Laporan Penjualan ........................................................... 41

ix
 DAFTAR LAMPIRAN

Lampiran 1 Lembar Bimbingan

Lampiran 2 Curiculum Vitae

x
 1

BAB I PENDAHULUAN
PENDAHULUAN

1.1 Latar Belakang

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.

1
 2

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.
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.
1.2 Rumusan Masalah
Berdasarkan latar belakang diatas maka dapat dirumuskan beberapa
masalah sebagai berikut :
 3

1. Bagaimana perancangan sistem aplikasi berbasis web yang dapat

digunakan untuk dapat mempermudah admin dalam pendataan laporan
penjualan dan informasi stok pada Arofah Parfume?
2. Bagaimana perancangan sistem aplikasi berbasis android yang dapat
digunakan untuk dapat mempermudah sales mengetahui informasi stok
dan melaporkan penjualan pada Arofah Parfume?

1.3 Batasan Masalah

Mengetahui besarnya ruang lingkup permasalahan maka diberikan
batasan-batasan masalah sebagai berikut:
1. Sistem ini hanya menangani proses pendataan, membuat laporan,
menghapus, mengubah, membuat laporan harian, mingguan, bulanan,
tahunan, membahas bagaimana proses penginputan data laporan
penjualan dan informasi stok, serta menginformasikan stok kepada sales
dan sales dapat melaporkan hasil penjualan kepada admin.
2. Aplikasi dibangun dengan PHP sebgai Bahasa pemograman, database
MySql, Laravel, Website 2 APK Builder untuk menjalankan perangkat
lunak menggunakan Mobile Android OS 5.0 keatas, Virtual Device dan
lainnya.

1.4 Tujuan dan Manfaat

Adapun tujuan dari dari kegiatan TA ini adalah sebagai berikut:
1. Membangun sebuah sistem informasi yang mampu mengelola data
laporan penjualan dan informasi stok yang mudah diaplikasikan serta
dapat diakses secara mudah dan cepat oleh admin dan sales.
2. Membantu admin dan sales Arofah Parfume dalam mempercepat
pengolahan data, pencarian data, dan memudahkan dalam pembuatan
laporan.
 4

Adapun manfaat dari dari kegiatan TA ini adalah sebagai berikut:

1. Dapat meningkatkan kreatifitas dalam berkarya.
2. Memenuhi persyaratan akademik yang diwajibkan oleh jurusan Teknik
Komputer Politeknik Sukabumi.
3. Menggali kamampuan yang berkaitan dengan sistem informasi dan
kendala-kendala yang terjadi.
4. Dapat menggali potensi diri dan menyesuaikan dengan tuntutan
permasalahan.
5. Dapat menggali potensi dalam mengatasi kondisi atau permasalahan yang
perlu di perbaiki.
6. Mempermudah bagian Arofah Parfume dalam mengelola sistem informasi
yang ada.

1.5 Metode Penelitian

1.5.1 Metode Pengembangan Sistem
Tahapan proses pengembangan sistem ini menggunakan metode penelitian
Waterfall. Model Waterfall merupakan model klasik yang sederhana dengan aliran
sistem yang linier. Output dari setiap tahap merupakan input bagi tahap berikutnya.

Gambar 1.1 Metode tahap pengembangan sistem Waterfall

1. Analisa Kebutuhan
Pertama, menentukan tema,melihat permasalahan di Arofah
Parfume tentang rekapan laporan dan informasi stok yang masih dalam
catatan kertas. Dan tidak setiap waktu mengetahui laporan tersebut serta
 5

hanya dapat 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.
4. Permodelan
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.
1.5.2 Metode Pengumpulan Data
Metode pengumpulan data yang digunakan diantara nya adalah:
1. Studi Pustaka
Studi pustaka dilakukan untuk mengumpulkan literatur yang
mendukung penelitian. Literatur yang dibutuhkan adalah literatur tentang
jurnal-jurnal yang berkaitan dengan judul yang dibawakan dan juga sebuah
website sebagai gambaran.
 6

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.
1.6 Sistematika Penulisan
Dalam laporan Tugas Akhir ini, pembahasan disajikan dengan sistematika
sebagai berikut :

BAB I PENDAHULUAN
Bab ini berisikan tentang latar belakang, rumusan masalah, batasan
masalah, tujuan dan manfaat, metode serta sistematika penulisan
pembuatan laporan Tugas Akhir ini.

BAB II LANDASAN TEORI

Pada bab ini menjelaskan tentang teori-teori pemecahan masalah
yang berhubungan dan digunakan untuk mendukung dalam
pembuatan Tugas Akhir ini.

BAB III PERANCANGAN SISTEM

Pada bab ini membahas tentang perancangan menggunakan
flowchart, blok diagram, dan bagaimana cara kerja aplikasi yang
telah dirancang tersebut.

BAB IV HASIL DAN PEMBAHASAN

Pada bab ini berisi hasil penelitian dan pembahasannya berupa
usulan metode, temuan, hasil eksperimen dan hasil pengujian dari
penelitian yang telah dibuat.

BAB V PENUTUP
Pada bab ini dibahas mengenai uraian kesimpulan tentang sistem
yang telah di buat beserta saran yang dapat digunakan untuk
penyempurnaan dan pengembangan sistem.
 7

BAB II LANDASAN TEORI

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

7
 8

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].
 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 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
 10

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
 11

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 class dan function dengan fungsi masing-masing
untuk memudahkan developer dalam memanggilnya tanpa harus menuliskan syntax
program yang sama berulang-ulang serta dapat menghemat waktu” [12].
2.14 Diagram
Diagram berbentuk grafik yang menunjukkan simbol elemen model yang
disusun untuk mengilustrasikan bagian atau aspek tertentu dari sistem. Sebuah
diagram merupakan bagian dari suatu view tertentu dan ketika digambarkan
biasanya dialokasikan untuk view tertentu [13].
2.15 Entity Relationship Diagram (ERD)
Menurut (Sukamto & Shalahuddin,2018:50) menyatakan bahwa “ERD
digunakan untuk permodelan basis data relasional”. Menurut Al-Bahra dalam
(Rahmayu, 2016:34) menerangkan bahwa “Entity Relationship Diagram (ERD)
adalah diagram yang menunjukkan informasi dibuat, disimpan, dan digunakan
dalam sistem bisnis” [13].
2.16 UML (Unified Modeling Language)
UML adalah bahasa untuk menspesifikasi,memvisualisasi, membangun dan
mendokumentasikan artifacts (bagian dari informasi yang digunakan untuk
dihasilkan oleh proses pembuatan perangkat lunak, artifact tersebut dapat berupa
model, deskripsi atau perangkat lunak)dari system perangkat lunak,seperti pada
pemodelan bisnis dan sistem non perangkat lunak lainnya. Selain itu UML adalah
bahasa pemodelan yang menggunakan konsep orientasi object. UML menyediakan
notasi-notasi yang membantu memodelkan sistem dari berbagai prespetktif. UML
tidak hanya digunakan dalam pemodelan perangkat lunak, namun hampir dalam
semua bidang yang membutuhkan pemodelan. UML digunakan untuk memodelkan
suatu sistem (bukan hanya perangkat lunak) yang menggunakan konsep
 12

berorientasi object. Dan juga untuk menciptakan suatu bahasa pemodelan yang
dapat digunakan baik oleh manusia maupun mesin [13].

2.17 Use Case Diagram

Diagram use case merupakan pemodelan untuk kelakuan system informasi
yang akan dibangun. Use 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].

Simbol Deskripsi
Use Case
Funsionalitas yang disediakan
system sebagai unit yang
Nama use case saling bertukar pesan antar
unit atau aktor. Dinyatakan
dengan menggunakan kata
kerja diawal di awal frase
nama
use case.
Orang, proses, atau sistem lain
Aktor / actor yang berinteraksi dengan
sistem informasi yang akan
dibuat diluar system informasi
yang akan dibuat itu sendiri.
Walaupun simbol dari aktor
adalah gambar orang, tapi aktor
belum tentu merupakan orang
biasanya dinyatakan
menggunakan kata benda di
nama aktor awal frase nama aktor.

Asosiasi /association Komunikasi antara aktor dan

use case yang berpatisipasi
pada use case atau use case
memiliki interaksi dengan
actor.
 13

Simbol Deskripsi
Ekstensi/extend Relasi use case tambahan ke
sebuah use case dimana use
case yang ditambahkan dapat
berdiri sendiri walau tanpa use
case tambahan itu mirip
dengan prinsip inheritance
pada pemrograman
<<extends> berorientasi objek biasanya use
case tambahan memiliki nama
depan yang sama dengan use
case yang ditambahkan misal:
Arah panah mengarah pada use
case.
Hubungan generalisasi dan
Generalisasi/ generalization spesialisasi arah panah
mengarah pada use case yang
menjadi generalisasinya.

2.18 Activity Diagram

Diagram aktivitas atau activity diagram menggambarkan workflow (aliran
kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada
pada perangkat lunak. Penekanan pada diagram aktivitas adalah menggambarkan
aktivitas sistem atau aktivitas yang dapat dilakukan oleh sistem, bukan apa yang
dilakukan aktor. Berikut adalah simbol-simbol activity diagram, seperti terlihat
pada tabel berikut ini [13]:
Tabel 2.2 Activity Diagram [13].
Simbol Deskripsi
Status awal
Status awal aktivitas sistem,
sebuah diagram aktivitas
memiliki sebuah status awal.
 14

Simbol Deskripsi
Percambangan /decision Asosiasi percabangan dimana
jika ada pilihan aktivitas lebih
dari Satu.

Asosiasi penggabungan
Penggabungan / join dimana lebih dari satu aktivitas
digabungkan menjadi satu.

Status akhir Status akhir yang dilakukan

sistemsebuah diagram aktivitas
memiliki sebuah status akhir.

2.19 Sequence Diagram

Sequence diagram adalah suatu diagram yang menjelaskan interaksi objek
dan menunjukkan (memberi tanda atau petunjuk) komunikasi diantara objekobjek
tersebut. Sequence diagram digunakan untuk menjelaskan perilaku pada sebuah
skenario dan menggambarkan bagaimana entitas dan sistem berinteraksi,
termasuk pesan yang dipakai saat interaksi. Semua pesan digambbarkan dalam
urutan pada eksekusi. Sequence diagram berkaitan erat dengan use case diagram,
yang mana 1 use case akan menjadi 1 sequence diagram [14].
2.20 Relasi Tabel
Relasi adalah hubungan antara tabel yang mempresentasikan hubungan
antar objek di dunia nyata. Relasi merupakan hubungan yang terjadi pada suatu
tabel dengan lainnya yang mempresentasikan hubungan antar objek di dunia nyata
dan berfungsi untuk mengatur mengatur operasi suatu database. Jadi relasi
merupakan penghubung antar tabel satu dengan tabel lainnya yang mana tabel
tersebut memiliki data yang berhubungan di dunia nyata untuk mengatur operasi
suatu database. Pada sebuah database, relasi dihubungkan dengan cara
 15

memberikan satu kolom dengan value yang sama dengan tabel yang berhubungan,
ini disebut foreign key. Foreign key sendiri merupakan sebuah kolom yang hanya
bisa menyimpan data yang sama dengan primary key yang berhubungan dengan
tabel tersebut. Artinya foreign key hanya bisa diisi dengan data yang sudah ada
pada primary key. Relasi mencakup tiga macam. Yaitu [14] :
1. Relasi One To One
Relasi one to one adalah relasi dimana setiap satu baris data pada
tabel satu hanya berhubungan dengan satu baris data di tabel dua. 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.
2. Relasi one to many
Relasi one to many adalah relasi yang 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 berhubungan dengan tabel kedua. Dan satu baris dari tabel
kedua dapat berhubungan dengan banyak baris dari tabel pertama. Artinya
kedua tabel masing masing dapat mengakses banyak data dari tiap tabel
yang lain. Dalam hal ini, kita membutuhkan tabel ketiga sebagai perantara
tabel satu dan tabel dua sebagai tempat untuk menyimpan foreign key dari
masing - masing tabel.
2.21 Website 2 APK Builder
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 mengubah format file berbentuk
web (.html) ke format aplikasi android (.apk) sehinnga aplikasi berbasis web ini
bisa dijalankan dengan baik di handphone android ataupun smartphone.29 Aplikasi
 16

website 2 apk merupakan aplikasi yang bisa digunakan untuk mengubah file
website (html,php dan sebagainya) ke file aplikasi android (apk) dimana di dalam
aplikasi ini penggunanya bisa membuat nama aplikasinya, memasukan icon
aplikasi serta pengguna dapat memodifikasinya sebelum dijadikan aplikasi [15].
Keunggulan aplikasi Website 2 APK
1. Sangat mudah digunakan
2. Tidak perlu belajar coding, proses yang otomatis lengkap, tinggal klik
saja.
3. Aplikasi yang dibuat kompetibel sesuai saran pengembang google play,
anda dapat mempubliaksikannya di google.
4. Dapat membuat aplikasi kerja offline menggunaka file HTML, tidak ada
koenektifitas internet, yang diperluka, jadi bisa dijalankan dalam keadaan
offline.
 17

BAB III PERANCANGAN

PERANCANGAN

3.1 Analisis Masalah

Pada bagian ini penulis telah menganalisa permasalahan yang diperoleh

dengan pengolahan dan pengembangan permasalahan yang diperoleh dari hasil
studi pustaka, observasi serta wawancara sehingga masalah-masalah yang ada
dalam penulisan laporan ini mendapat solusinya. Penulis membahas dan
menyampaikan uraian hasil dari penelitian mengenai Rancang Bangun Aplikasi
Laporan Penjualan Berbasis Website (Studi Kasus Arofah Parfume).
Sesuai dengan judul dalam laporan ini, maka penulis akan melakukan
pengamatan dengan menitikberatkan pada beberapa hal, yaitu sesuai dengan
analisis masalah/kebutuhan, penulis akan membuat sebuah Desain Aplikasi untuk
Sistem Kerja Administrator di Arofah Parfume.
Berdasarkan analisis kebutuhan:

1. Data Kebutuhan
a. Data konsep sistem input yang digunakan.
b. Data kondisi PC yang baik atau tidaknya.

2. Kebutuhan Fungsional
a. Proses login admin dan anggota.
b. Proses Pengolahan data admin meliputi input, serta mengubah,
menyimpan (save), update, delete, dan menambah.
c. Proses login anggota di lakukan oleh admin hanya dengan
memasukkan identitas seperti nama, nim dan kelas.
3. Kebutuhan Non Fungsional
Kebutuhan dalam segi keamanan dimana saat menjalakan program
aplikasi ini dilengkapi dengan login password.
a. Informasi
Login dengan password khusus, informasi ter-update dan ter-
perinci, menampilkan informasi jika login error.

17
 18

b. Kinerja
Menginputkan lebih efisien tidak menjadi double karena
langsung masuk ke database.
c. Keamanan
Lebih memiliki nilai keamanan dalam penyimpanan data, karena
data tersimpan di database. Lain halnya jika pendataan dilakukann
secara manual di buku penjualan.

3.2 Analisa Pengguna Sistem

Aplikasi yang akan dibangun digunakan oleh dua pengguna sebagaimana
tabel di bawah ini :

Tabel 3.1 Analisa Pengguna Sistem

Pengguna Tanggung Jawab Hak Akses

Admin Mengelola data stok barang Menghapus data barang

dan mengecek laporan serta mencetak hasil
penjualan penjualan
Sales Mengelola data penjualan dan Membuat laporan
mengecek data stok barang penjualan

3.3 Kebutuhan Fungsional

Analisis kebutuhan fungsional merupakan layanan yang harus disediakan
oleh sistem, yaitu:
1. Login System
Sistem login merupakan sebuah sistem keamanan pada sistem
aplikasi, pada sistem login admin diminta untuk memasukkan username dan
password. Setelah admin berhasil melakukan login ke sistem aplikasi,
admin dapat menggunakan sistem aplikasi sesuai dengan hak akses yang
telah ditetapkan.
 19

3.4 Alur Perancangan Sistem

Alur perancangan sistem ini membagi pengguna menjadi dua

jenis, yaitu sales dan admin yang menggunakan menu login. Sales secara
garis besar memiliki 3 fitur yang bisa diakses, diantaranya fitur yang
berisi tentang informasi stok barang, fitur transaksi penjualan dan fitur
laporan penjualan.

Admin pada menu login, login sebagai admin, Kemudian input

atau ubah data barang, fitur input atau ubah kategori, ubah data admin,
laporan penjualan. Alur perancangan sistem secara lebih jelas dapat
dilihat pada Gambar 3.1.

Gambar 3.1 Alur Perancangan Sistem

 20

3.5 Use Case Diagram

Gambar 3.2 Use Case Diagram

Skenario Use Case :
Tabel 3.2 Skenario Use Case
Use Case Name Masuk

Actor Admin

Precondition

Basic Scenario 1. Aktor memasukan username dan password.

2. Sistem melakukan proses autentikasi.
3. Jika Benar, maka aktor dapat masuk ke
aplikasi sesuai dengan hak akses saat masuk.
Postcondition Berhasil masuk

Alternative Scenario Jika data tidak benar, maka actor akan kembali
ke halaman awal dan diminta memasukan
username dan
password kembali.
 21

Use Case Name Mengolah data

Actor Admin

Precondition Admin harus sudah masuk aplikasi,

dan data harus sudah ada
Basic Scenario 1. Admin melakukan tambah (input), edit,
hapus, dan melihat data produk dan data
pembeli.
Postcondition Setiap perubahan data disimpan di
Database
Alternative Scenario Jika perubahan data gagal disimpan
maka muncul notifikasi

Use Case Name Input data

Actor Admin

Precondition Admin harus sudah masuk aplikasi

Basic Scenario 1. Admin membuka halaman input data.

2. Admin mengisi semua data.
3. Admin mengklik tombol simpan.
Postcondition Input data berhasil

Alternative Scenario Jika data gagal disimpan muncul

notifikasi dan admin diminta untuk
menginput kembali.

Use Case Name Hapus Data

Actor Admin
 22

Precondition Admin harus sudah masuk aplikasi, dan data

harus sudah ada
Basic Scenario 1. Admin masuk ke halaman.
2. Admin mengklik icon hapus pada data yang
akan di hapus.
3. Sistem memberikan dialog confirmation
apakah data akan di hapus.
4. Jika “Ya” maka sistem akan meneruskan
menghapus data, jika “Tidak” sistem tidak
akan menghapus data.
Postcondition Data transaksi barang berhasil
dihapus.
Alternative Scenario Jika data gagal dihapus maka muncul
notifikasi.

Use Case Name Lihat data

Actor Admin

Precondition User harus sudah masuk aplikasi

Basic Scenario 1. Admin dan pemilik membuka halaman data.

2. Admin admin dan pemilik melihat data-data
yang ada pada halaman.
Postcondition Data ditampilkan

Alternative Scenario -

Use Case Name Lihat Data Penjualan

Actor Admin
 23

Precondition Admin harus sudah masuk aplikasi

Basic Scenario 1. Admin membuka halaman data.

2. Admin melihat data penjualan yang ada pada
halaman data.
Postcondition Data penjualan ditampilkan

Alternative Scenario -

Use Case Name Cetak Data

Actor Admin

Precondition Admin harus sudah masuk aplikasi

Basic Scenario 1. Admin masuk ke halaman.

2. Admin mengklik icon cetak pada data yang
akan di cetak.
3. Sistem memberikan dialog confirmation
apakah data akan di cetak.
4. Jika “Ya” maka sistem akan meneruskan
mendownload data, jika “Tidak” sistem
tidak akan mendownload data.
Postcondition Data parfum, data petugas, dan data penjualan.

Alternative Scenario -
 24

3.6 Perancangan Database

Adapun relasi tabel yang di buat dalam perancangan database ini adalah
sebagai berikut:

Gambar 3.3 Perancangan Database

Table 3.3 Barang

Field Name Type Lenght Keterangan

id Integer 11
id_barang Varchar 255 Primary key
id_kategori Integer 11 index
nama_barang Text
harga_beli Varchar 255
harga_jual Varchar 255
stok Text
tgl_input Varchar 255
tgl_update Varchar 255
 25

Tabel 3.4 Kategori

Field Name Type Lenght Keterangan

id_kategori Integer 11 Primary key
nama_kategori Varchar 255
tgl_input Varchar 255

Tabel 3.5 Login

Field Name Type Lenght Keterangan

id_login (Utama) Integer 11 Primary key
user Varchar 255
pass Varchar 255
level Varchar 255 index
nama Varchar 255 index
gambar Text

Tabel 3.6 Laporan

Field Name Type Lenght Keterangan

Id_laporan Integer 11 Primary key
id_barang Varchar 255 index
nama Varchar 255 index
jumlah Varchar 255
total Varchar 255
tanggal_input Varchar 255
periode Varchar 255

Tabel 3.7 Penjualan

Field Name Type Lenght Keterangan

id_penjualan Integer 11 Primary key
id_jual Varchar 255 index
id_barang Integer 11 index
 26

Field Name Type Lenght Keterangan

jumlah Varchar 255
total Varchar 255
nama Varchar 255
tanggal_input Varchar 255

3.7 Flowchart Diagram

Flowchart diagram admin menjelaskan proses diagram yang
menggambarkan suatu proses admin yang akan melakukan proses login.

3.7.1 Flowchart Diagram Admin

Gambar 3.4 Flowchart Diagram Admin

3.7.2 Flowchart Diagram Sales
Flowchart diagram sales menjelaskan proses diagram yang menggambarkan
suatu proses sales yang akan melakukan proses login.
 27

Gambar 3.5 Flowchart Diagram Sales

3.8 Activity Diagram

3.8.1 Activity Diagram Login Admin
Aktifitas login admin dilakukan oleh admin selaku operator sistem. Pada
fungsional ini, pengguna menginputkan username dan password yang dimiliki.
Data login yang diinputkan divalidasi dengan data login yang tercatat di database
sistem. Hasil validasi menampilkan pesan informasi. Berikut adalah alur diagram
aktifitas login pada sistem admin.
 28

Gambar 3.6 Activity Diagram Login Admin

3.8.2 Activity Diagram Login Sales

Aktifitas login sales dilakukan oleh pengguna sistem yang ingin masuk ke
halaman android. Pada fungsional ini, sales menginputkan username dan
password yang dimiliki. Data login yang diinputkan divalidasi dengan data login
yang tercatat di database sistem. Hasil validasi menampilkan pesan informasi.
Berikut adalah alur diagram aktifitas login pada sistem sales.
 29

Gambar 3.7 Activity Diagram Login Sales

3.8.4 Activity Diagram Penjualan Parfum

Activity diagram penjualan parfum, merupakan hak sales saat setelah login
dan ingin melakukan transaksi penjualan dengan toko.
 30

Gambar 3.8 Activity Diagram Laporan Penjualan

Gambar 3.9 Activity Diagram Update Data Stok

 31

3.9 Sequence Diagram

3.9.1 Sequence Diagram Login Admin

Gambar 3.10 Sequence Diagram Login Admin

Penjelasan :
1. Admin menginput username dan password.
2. Memeriksa validasi jika username atau password valid maka akan dilanjut
pada proses login. Namun jika tidak valid maka admin akan di minta
mengisi kembali.
3. Username akan di cek pada database jika data akun lolos verifikasi data
maka system akan menampilkan notifikasi sukses dan meneruskan ke
halaman utama jika gagal akan kembali ke halaman login.
 32

3.9.2 Sequence Diagram Login User

Gambar 3.11 Sequence Diagram Login Sales

Penjelasan :
1. Admin menginput username dan password.
2. Memeriksa validasi jika username atau password valid maka akan dilanjut
pada proses login. Namun jika tidak valid maka admin akan di minta
mengisi kembali.
3. Username akan di cek pada database jika data akun lolos verifikasi data
maka system akan menampilkan notifikasi sukses dan meneruskan ke
halaman utama jika gagal akan kembali ke halaman login.
 33

BAB IV HASIL DAN PEMBAHASAN

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 kasus:arofah parfum).
1. Database MySql

Gambar 4.1 Tampilan Database MySQL

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

Gambar 4.2 Tampilan Dashboard

33
 34

Gambar diatas menampilkan halaman dashboard admin dari web ini, pada
tampilan web menampilkan login, informasi stok, laporan penjualan.

4.2 Uji Coba

4.2.1 Aplikasi Website

Uji coba merupakan proses pengeksekusian sistem web Sistem Aplikasi

Web Laporan Penjualan ini dan untuk menentukan apakah sistem tersebut cocok
dan sesuai dengan yang diinginkan peneliti. Uji coba dilakukan dengan melakukan
percobaan untuk melihat setiap proses.
1. Tampilan Halaman Login

Gambar 4.3 Halaman Login

Halaman awal yang di tampilkan ketika admin hendak masuk ke
aplikasi.

2. Tampilan Ketika Memasukkan Username & Password

Gambar 4.4 Input Username & Password

 35

Disini admin harus memasukan Username dan Password yang telah

terdaftar agar bisa memasuki halaman dashboard khusus admin. Dimana hak
akses ubah data barang dan cetak laporan digunakan oleh admin.

3.Tampilan Ketika Salah Memasukkan Username/Password (Login Gagal)

Gambar 4.5 Notifikasi Login Gagal

Notifikasi yang muncul apabila admin atau user salah memasukan

password saat ingin login.

4. Tampilan Dashboard

Gambar 4.6 Tampilan Dashboard

Tampilan yang muncul saat admin melakukan login di awal, lalu

tampilan mengalihkan ke halaman selanjutnya yaitu dashboard. Disini hak
akses admin meliputi bagian login khusus admin, akses admin dapat
memperbarui halaman master (barang, kategori, admin), serta memelihat data
halaman laporan penjualan dan logout.
 36

5. Tampilan Halaman Admin

Gambar 4.7 Halaman Admin

Berikut halaman yang di tampilkan jika admin mengklik menu
“Admin”.

6. Tampilan Ubah Data Admin

Gambar 4.8 Ubah Data Admin

Pada bagian ini Admin dapat mengubah data Admin dengan
memasukan data baru pada form lalu klik “Ubah Foto”, Ubah Profil”, dan
“Ubah Password”.

7. Notifikasi Ubah Data Admin Berhasil

Gambar 4.9 Notifikasi Ubah Data Admin Berhasil

 37

Aplikasi akan memberikan notifikasi ketika admin selesai merubah data

admin dari halaman admin.

8. Tampilan Halaman Kategori

Gambar 4.10 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.

9. Tampilan Halaman Barang

Gambar 4.11 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
 38

Data”. Dan admin harus melengkapi informasi parfum tersebut, seperti nama
parfum, jumlah dan lain lain. Admin juga dapat memerbarui stok yang ada
dan yang kurang stok bisa di sortir di tombol “Sortir Stok Kurang”.

10. Tampilan Halaman Laporan

Gambar 4.13 Halaman Laporan

Pada halaman ini laporan penjualan per hari, per minggu, per bulan, atau
per tahun. Admin dapat mengunduh atau mencetak laporan penjualan dalam
format excel dengan mengklik tombol “Excel”.

11. Tampilan Hasil Unduh Laporan

Gambar 4.14 Hasil Unduh Laporan

Pada gambar diatas merupakan tampilan bahwa laporan telah di
unduh dalam format excel yang nantinya dapat dicetak sesuai kebutuhan
laporan (harian, mingguan, dan tahunan).
 39

4.2.2 Aplikasi Android

Berikut adalah uji coba dari Sistem Aplikasi Android Informasi Stok:
1. Tampilan Halaman Login Android

Gambar 4.15 Halaman Login Android

Tampilan awal login Sales, disini sales harus memasukan Username dan
Password yang telah terdaftar agar bisa memasuki halaman dashboard
khusus sales. Dimana hak akses laporan penjualan digunakan hanya oleh
sales.

2. Tampilan Halaman Dashboard

Gambar 4.16 Halaman Dashboard

 40

Tampilan yang muncul saat sales melakukan login di awal, lalu tampilan
mengalihkan ke halaman selanjutnya yaitu dashboard. Disini hak akses saless
meliputi bagian login khusus sales, akses sales dapat melihat data stok barang,
menambahkan data halaman penjualan, melihat laporan penjualan dan logout.

3. Tampilan Halaman Informasi Stok Barang

Gambar 4.17 Halaman Informasi Stok

Tampilan halaman ini sales hanya melihat informasi data stok barang
yang tersedia, sehingga sales dapat menjual barang sesuai barang yang
tersedia.

4. Tampilan Halaman Transaksi

Gambar 4.18 Halaman Transaksi

 41

Tampilan ini sales akan melaporkan hasil penjualannya kepada sistem

admin, sehingga admin dapat mengetahui laporan penjualan secara efisien.

5. Tampilan Halaman Laporan Penjualan

Gambar 4.19 Halaman Informasi Laporan Penjualan

Pada halaman ini laporan penjualan per hari, per minggu, per bulan, atau
per tahun. Sales dapat melihat atau mengunduh laporan penjualan dalam
format excel dengan mengklik tombol “Excel”.

4.3 Black Box Testing Aplikasi

Tabel 4.1 Hasil Pengujian Black Box menu Login Admin
No Skenario Pengujian Hasil Yang Hasil Kesimpulan
Diharapkan Pengujian
1 Email dan Password Sistem akan Sesuai Valid
yang dimasukan tidak menolak dan harapan
terdaftar memunculkan
notifikasi
2 Email dan Password Sistem akan Sesuai Valid
yang dimasukan telah menerima Harapan
terdaftar login
 42

Tabel 4.2 Hasil Pengujian Black Box menu Login Sales

No Skenario Pengujian Hasil Yang Hasil Kesimpulan
Diharapkan Pengujian
1 Email dan Password Sistem akan Sesuai Valid
yang dimasukan tidak menolak dan harapan
terdaftar memunculkan
notifikasi
2 Email dan Password Sistem akan Sesuai Valid
yang dimasukan telah menerima Harapan
terdaftar login

Tabel 4.3 Hasil Pengujian Black Box menu Barang

No Skenario Pengujian Hasil Yang Hasil Kesimpulan
Diharapkan Pengujian
1 Masuk ke halaman Data barang Sesuai Valid
barang sales muncul harapan

2 Admin mengubah Data stok Sesuai Valid

data stok barang barang ter- Harapan
update

Tabel 4.4 Hasil Pengujian Black Box menu Transaksi

No Skenario Pengujian Hasil Yang Hasil Kesimpulan
Diharapkan Pengujian
1 Sales masuk ke Sales dapat Sesuai Valid
halaman transaksi membuat harapan
transaksi
penjualan
2 Melihat nota Tampilan Sesuai Valid
penjualan memunculkan Harapan
nota
penjualan
 43

Tabel 4.5 Hasil Pengujian Black Box menu Laporan Penjualan

No Skenario Pengujian Hasil Yang Hasil Kesimpulan
Diharapkan Pengujian
1 Masuk ke halaman Menampilkan Sesuai Valid
laporan penjualan data laporan harapan
penjualan
2 Mencetak data Laporan Sesuai Valid
laporan penjualan penjualan Harapan
dapat dicetak
 44

BAB V PENUTUP
PENUTUP

5.1 Kesimpulan
Berdasarkan hasil penelitian yang telah dilakukan didapat kesimpulan
sebagai berikut :
1. Sistem informasi laporan penjualan dan informasi stok berhasil dibuat
dengan menggunakan framework Laravel sebagai website framework
berbasis PHP, Xampp 7.4 sebagai Web Server, Visual Studio Code sebagai
media penulisan Script, dan Web browser sebagai penampil halaman web
yang sudah dibuat.
2. Hasil pengujian Web akses admin Arofah Parfume dalam mempercepat
pengolahan data stok barang, pencarian data barang dan laporan
penjualan, serta akses sales lebih mudah dalam pembuatan laporan.

5.2 Saran
Saran yang dapat penulis sampaikan dalam penulisan laporan ini, yaitu :
1. Kepada Perusahaan Arofah Parfume akan terus konsisten dalam
memberikan kesempatan kepada sales dalam peningkatan penjualan
parfum.
2. Memberikan kemudahan dalam mendistribusikan parfum kepada
masyarakat.
3. Mempertahankan kualitas aroma dan mengedukasi outlet agar
mempertanggungjawabkan penjualan parfum milik perusahaan.

44
 45

DAFTAR PUSTAKA

[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 PADA PT. RIAU ARGO PERKASA
BERBASIS WEB,” Jurnal Intra Tech E, vol. 4, no. 2, 2020.
[3] O. Pahlevi et al., “SISTEM INFORMASI INVENTORI BARANG
MENGGUNAKAN METODE OBJECT ORIENTED DI PT. LIVAZA
TEKNOLOGI INDONESIA JAKARTA,” Jurnal PROSISKO, vol. 5, no.
1, 2018
[4] P. Studi et al., Jurnal Penelitian Dosen Fikom (UNDA), vol. 10, no. 2, pp.
2088–3595, 2019.
[5] Yohanes leo, Aggia Dasaputri, Geme Edukasi Pengenalan Peta Buta
Benua Asia Berbasis Android, Information Sistem Depelopment, Vol.2
No.2 2020, h.33
[6] “PERANCANGAN SISTEM INFORMASI INVENTORY SPARE
PART ELEKTRONIK BERBASIS WEB PHP (Studi CV. Human Global
Service Yogyakarta),”
[7] N. Kristanto & F. Masya, “Analisa Dan Perancangan Sistem Informasi E-
Booking Property Berbasis Android,” vol. 2, pp. 2655–7541, 2020
[8 ] M. Arfa, A. Candra, Ika, & A. Wulandari, “SISTEM INFORMASI
BERPRESTASI BERBASIS WEB PADA SMP NEGERI 7 KOTA
METRO,” Jurnal Mahasiswa Ilmu Komputer (JMIK), vol. 01, no. 01,
2021
[9] P. Sistem et al., Accessed: Mar. 09, 2022. [Online]. Available:
https://ejournal.bsi.ac.id/ejurnal/index.php/ijse/article/download/592/483
[10] “SISTEM INFORMASI PARIWISATA PROPINSI NANGROE ACEH
DARUSSALAM BERBASIS WEB Yolan.”

45
 46

[11] S. Devi Purnama & W. Rony, INFORMATIKA DAN RPL, Vol. 2, No. 1,
Maret 2019, Hal. 32-36 ISSN 2656-2855.
[12] J. Simatupang, S. Sianturi, K. Kunci, S. Informasi, & P. Tiket Bus.
[13] M. Tabrani, Suhardi, & H. Priyandaru, “SISTEM INFORMASI
MANAJEMEN BERBASIS WEBSITE PADA UNL STUDIO DENGAN
MENGGUNAKAN FRAMEWORK CODEIGNITER.”
[14] A. Rachman & K. Kunci, “SISTEM INFORMASI WISATA DI
AMPERA WATERPARK,” vol. 4, no. 2, 2018, Accessed: Mar. 09, 2022
[15] Astuti & Dkk, View of Peningkatan Keterampilan Guru dalam
Mengembangkan Mobile Learning untuk Pembelajaran Matematika
Sekolah di Masa Pandemi. 2022. Umrah.ac.id.
 47

LAMPIRAN
 48

CURUCULUM VITAE

A. Data Pribadi

Nama Lengkap : Muhammad Taqiuddin Fikri

Nama Panggilan : Taqi

Jenis Kelamin : Laki-laki

Tempat & Tanggal Lahir : Sukabumi, 21 Januari 1999

Kebangsaan : Indonesia

Status : Menikah

Tinggi Berat Badan : 160 cm, 45 kg

Agama : Islam

Alamat Sekarang : Perum Sindangpalay, Rt 5/7, Sindangpalay, Cibeureum,

Kota Sukabumi, Jawa barat

No HP : 085720906014

Email : mtaqiuddinfikri01@gmail.com

B. Riwayat Pendidikan

Nama Sekolah Tahun

SD CIBUNGUR SUKABUMI 2012

SMP N 14 SUKABUMI 2015

SMA N 5 SUKABUMI 2018