LAPORAN MAGANG

APLIKASI PENJUALAN BERBASIS WEB

(Studi Kasus : Wawa Reklame Pasir Pengaraian)

Oleh :

ALDO RISALDY

2037116

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER

UNIVERSITAS PASIR PENGARAIAN

2023
 LEMBAR PENGESAHAN PERUSAHAAN

APLIKASI PENJUALAN BERBASIS WEB

(Studi Kasus : Wawa Reklame Pasir Pangaraian)

LAPORAN MAGANG

Program Teknik Informatika

Fakultas Ilmu Komputer

Universitas Pasir Pengaraian

Oleh :

ALDO RISALDY
NIM : 2037116

Telah diperiksa dan disetujui sebagai laporan magang

Di Rambah Hilir, pada tanggal 20 Desember 2022

Pembimbing Lapangan Magang

HARTATI S.E

i
 LEMBAR PENGESAHAN

APLIKASI PENJUALAN BERBASIS WEB

LAPORAN MAGANG

Oleh :

ALDO RISALDY
NIM.2037116

Telah disetujui dan disahkan sebagai laporan magang

Di Pasir Pengaraian, Tanggal, bulan, dan tahun
Koordinator Magang Pembimbing Magang

Erni Rouza, ST., M.Kom Asep Supriyanto, ST., M.kom

NIDN.100908707 NIDN.

Penguji I Penguji II

Luth Fimawahib M.Kom Erni Rouza, ST., M.Kom

NIDN.1013068901 NIDN. 100908707

Mengetahui,
Ketua Program Studi Teknik Informatika
Fakultas Ilmu Komputer
Universitas Pasir Pengaraian

Basoruddin, S.Pd., M.Kom

NIDN.1020088702

ii
 KATA PENGANTAR

Assalammu’alaikum wa rahmatullahi wabarokatuh.

Segala puji bagi Allah SWT yang senantiasa melimpahkan rahmat dan
karunia-Nya, sehingga penulis mampu menyelesaikan Laporan Magang ini dengan
baik. Shalawat serta salam terucap buat junjungan alam kita Rasulullah Muhammad
SAW karena jasa Beliau yang telah membawa manusia dari zaman yang tidak
berilmu pengetahuan ke zaman yang penuh dengan ilmu pengetahuan seperti yang
kita saat sekarang ini.

Laporan Magang ini disusun sebagai salah satu syarat untuk mendapatkan
kelulusan pada jurusan Teknik Informatika Universitas Pasir Pengaraian. Banyak
sekali pihak yang telah membantu dalam penyusunan Laporan Magang ini, baik
berupa bantuan materi maupun berupa motivasi dan dukungan kepada saya, Semua
itu tentu terlalu banyak bagi saya untuk membalasnya, namun pada kesempatan ini
saya hanya dapat mengucapkan terimakasih kepada :

1. Allah SWT, yang dengan Rahmat-Nya memberikan semua yang terbaik dan
yang dengan Hidayah-Nya memberikan petunjuk sehingga dalam
penyusunan Laporan Magang ini berjalan lancar.
2. Rasulullah SAW, yang telah membawa petunjuk bagi manusia agar menjadi
manusia paling mulia derajatnya di sisi Allah SWT.
3. Kepada Ayah dan ibu tercinta,serta abang saya yang telah memberikan
support dan do’anya
4. Bapak Dr.Hardianto, M.pd selaku Rektor Universitas Pasir Pengaraian
5. Bapak Hendri Maradona, M.Kom selaku Dekan Fakultas Ilmu Komputer
Universitas pasir Pengaraian
6. Bapak Basorudin, S.pd., M.kom selaku Ketua Prodi Teknik Informatika
Fakultas Ilmu Komputer Universitas Pasir Pengaraian
7. Ibu Erni Rouza, ST., M.Kom selaku koordinator magang yang telah
meluangkan waktu dan memberikan bimbingan, arahan, serta saran yang
berharga dalam penyusunan Laporan Magang ini.

iii
 8. Bapak Atte S.E,sebagai Koordinator Laporan Magang
9. Bapak Asep Supriyanto, ST., M.kom selaku pembimbing selaku
pembimbing Laporan Magang yang telah membimbing saya dalam
pembuatan laporan magang ini
10. Teman-Teman seperjuangan di Universitas Pasir Pengaraian.
11. Dan pihak lain yang sangat banyak membantu saya yang tidak dapat
disebutkan satu persatu
Penulis menyadari bahwa dalam penulisan laporan magang ini masih
banyak kesalahan dan kekurangan, oleh karena itu kritik dan saran yang sifatnya
membangun sangat penulis harapkan untuk kesempurnaan laporan magang ini.
Akhirnya penulis berharap semoga lahirnya laporan magang ini dapat memberikan
sesuatu yang bermanfaat bagi siapa saja yang membacanya.

Wassalamu’alaikum warahmatullahi wabarakatuh

Pasir Pengaraian, 29 Agustus 2023

ALDO RISALDY
NIM : 2037116

iv
 APLIKASI PENJUALAN BERBASIS WEB
(Studi Kasus : Wawa Reklame Pasir Pangaraian)

ALDO RISALDY
NIM : 2037116

Tanggal Seminar : 20 Desember 2022

Teknik Informatika
Fakultas Ilmu Komputer
Universitas Pasir Pengaraian
ABSTRAK

Wawa reklame adalah platform di mana pengiklan dan pemilik media iklan dapat
berinteraksi untuk membeli dan menjual desain atau produk yang di iklankan.
Pertumbuhan internet dan pergeseran perilaku konsumen ke media digital telah
memainkan peran besar dalam perkembangan dunia reklame. Wawa reklame dalam
melakukan proses pemasaran masih menggunakan cara yang masih tidak efektif
dengan cara promosi di medsos pribadi. Dengan demikian customer kurang
mendapat info tentang promosi yang di lakukan oleh wawa reklame. Sehingga
dipandang perlu untuk membuat aplikasi atau platform yang dapat memberikan
pengiklan akses yang solutif ke berbagai platform dan audiens, sementara pemilik
media iklan atau perusahaan dapat terbantu untuk tidak lagi memajang contoh yang
memakan space di toko sebagai katalog karena toko perusahaan yang tidak begitu
luas, sehingga Sistem penjualan wawa reklame yang sederhana ini dapat digunakan
sebagai pengganti katalog bilamana konsumen yang datang offline ingin melihat
contohnya. Dalam penulisan ini selain memaparkan kajian teori yang digunakan
sebagai dasar penyusunan juga akan dibahas mengenai perancangan aplikasi
berbasis web dengan menggunakan bahasa pemrograman Hypertext Preprocessor
dan MySQL sebagai database. Aplikasi Penjualan ini diharapkan dapat
mempermudah wawa reklame dalam mempromosikan penjualannya. Berdasarkan
pengujian yang telah dilakukan dengan black box dan hasil perhitungan User
Acceptance Test dengan mendapatkan hasil Ya sebesar 83 %, Tidak sebesar 0% dan
Ragu-Ragu sebesar 17 %, sehingga dapat disimpulkan bahwa aplikasi ini dapat
diterima dengan baik.

Kata kunci : Aplikasi, Penjualan, Web, Mysql

v
 WEB-BASED SALES APPLICATION
(Case study : Wawa Reklame Pasir Pangaraian)

ALDO RISALDY
NIM : 2037116

Date Of Final Exam :

Tecnical information
Faculty of Computer Science
University Of Pasir Pengaraian

ABSTRACT

Wawa advertisement is a platform where advertisers and advertising media owners

can interact to buy and sell advertised designs or products. The growth of the
internet and the shift in consumer behavior to digital media have played a big role
in the development of the world of advertising. Wawa Advertising in carrying out
the marketing process still uses methods that are still ineffective, namely
promotions on personal social media. Thus, customers receive less information
about promotions carried out by Wawa Advertising. So it is deemed necessary to
create an application or platform that can provide advertisers with solution access
to various platforms and audiences, while advertising media owners or companies
can be helped to no longer display examples that take up space in the shop as a
catalog because the company's shop is not very large, so This simple Wawa
advertising sales system can be used as a substitute for a catalog if consumers who
come offline want to see examples. In this paper, apart from explaining the
theoretical study used as a basis for preparation, we will also discuss designing
web-based applications using the Hypertext Preprocessor programming language
and MySQL as a database. It is hoped that this sales application can make it easier
for advertising companies to promote their sales. Based on the testing carried out
with a black box and the results of the User Acceptance Test calculations, the
results were Yes at 83%, No at 0% and Doubtful at 17%, so it can be concluded
that this application can be well accepted.

Keywords: Application, Sales, Web, Mysql

vi
 DAFTAR ISI

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

LEMBAR PENGESAHAN ................................................................................... ii

KATA PENGANTAR .......................................................................................... iii

ABSTRAK...............................................................................................................v

ABSTRACT ........................................................................................................... vi

DAFTAR ISI ........................................................................................................ vii

DAFTAR TABEL ................................................................................................ xii

DAFTAR GAMBAR .......................................................................................... xiii

DAFTAR SIMBOL ..............................................................................................xv

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

1.1 Latar Belakang Masalah ............................................................................1

1.2 Rumusan Masalah .....................................................................................3

1.3 Tujuan Magang..........................................................................................3

1.3.1 Tujuan Umum ....................................... Error! Bookmark not defined.

1.3.2 Tujuan Khusus....................................... Error! Bookmark not defined.

1.4 Batasan Masalah ........................................................................................3

1.5 Manfaat Magang........................................................................................4

1.6 Sistematika Penulisan ................................................................................4

BAB 2 PROFIL PERUSAHAAN ..........................................................................6

2.1 Sekilas Tentang Wawa Reklame ...............................................................6

2.2 Visi dan Misi .............................................................................................7

2.2.1 Visi : .......................................................................................................7

2.2.2 Misi : ......................................................................................................7

vii
 2.3 Struktur Wawa Reklame............................................................................7

2.4 Program Kerja ...........................................................................................8

BAB 3 TUGAS MAGANG ....................................................................................9

3.1 Uraian Tugas Magang ...............................................................................9

3.2 Analisa Permasalahan................................................................................9

3.3 Jadwal pengerjaan Magang .....................................................................10

3.4 Pengerjaan Magang .................................................................................10

3.4.1 Studi Lapangan (Field Research).....................................................10

3.4.2 Studi Perpustakaan ...........................................................................11

3.4.3 Analisa Dan Perancangan ................................................................11

3.4.4 Implementasi Dan Pengujian ...........................................................11

3.4.5 Kesimpulan ......................................................................................11

BAB 4 LANDASAN TEORI................................................................................20

4.1 Aplikasi....................................................................................................20

4.2 Konsep Basis Data ..................................................................................20

4.3 Pengolahan Data ......................................................................................21

4.4 Penjualan .................................................................................................22

4.5 Pengertian Database................................................................................23

4.6 UML (Unified Modeling Language)........................................................23

4.7 Flowchart ................................................................................................24

4.8 PHP .........................................................................................................25

4.9 MySQL.....................................................................................................25

4.10 XAMPP ....................................................................................................26

BAB 5 ANALISA DAN PERANCANGAN ........................................................27

5.1 Metode Analisa ........................................................................................27

viii
 5.1.1 Tahapan Metode Waterfall ....................................................................27

5.1.2 Analisa sistem lama ...............................................................................21

5.1.3 Analisa Sistem Baru .........................................................................22

5.1.3.1 Data Masukan (Input).........................................................................23

5.1.3.2 Proses .................................................................................................23

5.1.3.3 Data Keluaran (Output) ......................................................................24

5.2 Karakteristik Pengguna ...........................................................................24

5.3 Perancangan Subsistem Manajemen Basis Model ..................................25

5.3.1 Unified Modeling Language (UML) ................................................25

5.3.1.1 Use Case Diagram .............................................................................25

5.3.1.2 Class Diagram....................................................................................26

5.3.1.3 Activity Diagram ................................................................................26

5.3.1.4 Sequence Diagram .............................................................................31

5.4 Perancangan Subsistem Manajemen Basis data ..........................................36

5.4.1 Perancangan Tabel Basis Data .........................................................36

5.4.1.1 Rancangan Tabel Data User...............................................................36

5.4.1.2 Rancangan Tabel Tranksaksi .............................................................37

5.4.1.3 Rancangan Tabel Rekening ................................................................37

5.4.1.4 Rancangan Tabel Produk ...................................................................37

5.4.1.5 Rancangan Tabel Pembelian ..............................................................38

5.4.1.6 Rancangan Tabel Pembeli ..................................................................38

5.4.1.7 Rancangan Tabel Komen Desain Sendiri...........................................39

5.4.1.8 Rancangan Tabel Komen ...................................................................39

5.4.1.9 Rancangan Tabel Kategori .................................................................40

5.4.1.10 Rancangan Tabel Foto Pembelian ....................................................40

ix
 5.5 Desain Sistem Secara Terinci ( Perancangan Antar Muka ) ...................40

5.5.1 Desain Login User ................................................................................40

5.5.2 Desain Menu Halaman Utama Admin ...................................................41

5.5.3 Desain Menu Daftar Tunggu Pembeli ...................................................42

5.5.4 Desain Menu Proses Pembuatan Pesanan .............................................42

5.5.5 Desain Menu Daftar Pesanan Selesai ....................................................43

5.5.6 Desain Menu Laporan Penjualan ..........................................................43

5.5.7 Desain Menu Daftar Pembeli ................................................................44

5.5.8 Desain Menu Rekening Bank ................................................................44

5.5.9 Desain Menu Pesanan Customer ...........................................................45

5.5.10 Desain Menu Pembeli Customer......................................................45

BAB 6 IMPLEMENTASI DAN PENGUJIAN ..................................................46

6.1 Implementasi ...........................................................................................46

6.1.1 Batasan Implementasi ...........................................................................46

6.1.2 Implementasi Sistem .............................................................................46

6.1.3 Implementasi Antar Muka....................................................................47

6.1.3.1 Form Login ........................................................................................47

6.1.3.2 Tampilan Halaman Dashboard Admin ..............................................47

6.1.3.3 Tampilan Menu Daftar Tunggu Pembeli ..........................................48

6.1.3.4 Tampilan Menu Proses Pembuatan Pesanan .....................................48

6.1.3.5 Tampilan Menu Daftar Pesanan Selesai............................................49

6.1.3.6 Tampilan Menu Laporan Penjualan ..................................................49

6.1.3.7 Tampilan Menu Daftar Pembeli ........................................................50

6.1.3.8 Tampilan Menu Rekening Bank .......................................................50

6.1.3.9 Tampilan Menu Pesanan ...................................................................51

x
 6.1.3.10 Tampilan Menu Pembeli ..................................................................52

6.2 Pengujian .................................................................................................52

6.2.1 Pengujian Black Box ........................................................................53

6.3 Pengujian Aplikasi Menggunakan Kuesioner ..............................................54

BAB 7 KESIMPULAN DAN SARAN ................................................................57

7.1 Kesimpulan ..............................................................................................57

7.2 Saran ........................................................................................................57

DAFTAR PUSTAKA ...........................................................................................58

Lampiran ................................................................................................................61

xi
 DAFTAR TABEL

Tabel 3. 1 Jadwal Pegerjaan Magang .....................................................................10

Tabel 5. 1 Karakteristik Admin Dan User ..............................................................24
Tabel 5. 2 Basis Data User .....................................................................................36
Tabel 5. 3 Basis Data Transaksi .............................................................................37
Tabel 5. 4 Basis Data Rekening .............................................................................37
Tabel 5. 5 Basis Data Produk .................................................................................38
Tabel 5. 6 Basis Data Pembelian ............................................................................38
Tabel 5. 7 Basis Data Pembeli ...............................................................................39
Tabel 5. 8 Basis Data Komen Desain Sendiri ........................................................39
Tabel 5. 9 Basis Data Komen .................................................................................39
Tabel 5. 10 Basis Data Komen ...............................................................................40
Tabel 5. 11 Basis Data Foto Pembelian .................................................................40
Tabel 6. 1 Pengujian Black Box Hak Akses Sebagai Admin ..................................53
Tabel 6. 2 Pengujian Black Box Hak Akses Sebagai Customer .............................54
Tabel 6. 3 Hasil Pengujian Dengan Kuisioner .......................................................55

xii
 DAFTAR GAMBAR

Gambar 2. 1 Struktur Wawa Reklame......................................................................7

Gambar 5. 1 Metode Waterfall (Wahid Abdul 2020). ...........................................27
Gambar 5. 2 Analisa Sistem Baru ..........................................................................23
Gambar 5. 3 Use Case Diagram ............................................................................25
Gambar 5. 4 Class Diagram ...................................................................................26
Gambar 5. 5 Activity Diagram Login .....................................................................27
Gambar 5. 6 Activity Diagram Daftar Tunggu Pembeli .........................................27
Gambar 5. 7 Activity Diagram Proses Pembuatan Pesanan ...................................28
Gambar 5. 8 Activity Diagram Daftar Pesanan Selesai ..........................................28
Gambar 5. 9 Activity Diagram laporan penjualan ..................................................29
Gambar 5. 10 Activity Diagram Daftar Pembeli ....................................................29
Gambar 5. 11 Activity Diagram Rekening Bank ....................................................30
Gambar 5. 12 Activity Diagram Pesanan ...............................................................30
Gambar 5. 13 Activity Diagram Pembeli ...............................................................31
Gambar 5. 14 Sequence Diagram Login ................................................................32
Gambar 5. 15 Sequence Diagram Daftar Tunggu Pembeli ....................................32
Gambar 5. 16 Sequence diagram Proses Pembuatan Pesanan ..............................33
Gambar 5. 17 Sequence Diagram Daftar Pesanan Selesai .....................................33
Gambar 5. 18 Sequence Diagram Laporan Penjualan ...........................................34
Gambar 5. 19 Sequence Diagram Daftar Pembeli .................................................34
Gambar 5. 20 Sequence Diagram Rekening Bank .................................................35
Gambar 5. 21 Sequence Diagram Pesanan Customer ............................................35
Gambar 5. 22 Sequence Diagram Pembeli Customer ............................................36
Gambar 5. 23 Desain Login Admin dan Customer .................................................41
Gambar 5. 24 Desain Halaman Utama Admin .......................................................41
Gambar 5. 25 Desain Halaman Menu Daftar Tunggu Pembeli .............................42
Gambar 5. 26 Desain Halaman Menu Proses Pembuatan Pesanan ........................42
Gambar 5. 27 Desain Halaman Menu Daftar Pesanan Selesai...............................43
Gambar 5. 28 Desain Halaman Menu Laporan Penjualan .....................................43
Gambar 5. 29 Halaman Menu Daftar Pembeli .......................................................44

xiii
Gambar 5. 30 Desain Halaman Menu Rekening Bank ..........................................44
Gambar 5. 31 Desain Halaman Menu Pesanan Customer......................................45
Gambar 5. 32 Desain Halaman Menu Pembeli Customer......................................45
Gambar 6. 1 Tampilan Form Login .......................................................................47
Gambar 6. 2 Tampilan Halaman Dashboard Admin ..............................................48
Gambar 6. 3 Tampilan Menu Daftar Tunggu Pembeli ...........................................48
Gambar 6. 4 Tampilan Menu Proses Pembuatan Pesanan .....................................49
Gambar 6. 5 Tampilan Menu Daftar Pesanan Selesai ............................................49
Gambar 6. 6 Tampilan Menu Laporan Penjualan ..................................................50
Gambar 6. 7 Tampilan Menu Daftar Pembeli ........................................................50
Gambar 6. 8 Tampilan Menu Rekening Bank ........................................................51
Gambar 6. 9 Tampilan Menu Pesanan ...................................................................52
Gambar 6. 10 Tampilan Menu Pembeli .................................................................52

xiv
 DAFTAR SIMBOL

1. Simbol Flowchart
Simbol Nama Keterangan

Simbol proses Menggambarkan proses yang

komputerisasi dilakukan secara komputerisasi

Simbol yang menyatakan input

Input – Output
dan Output data

Simbol garis air Menggambarkan aliran proses

dan dokumen

Simbol decision
Menggambarkan proses
( keputusan)
pengambilan keputusan dalam

sistem

Terminator
Untuk memulai dan mengakhiri
Suatu kegiatan

Mencetak keluaran dalam

Document bentuk dokumen ( melalui

printer )

Simbol manual Pengolahan yang tidak

operation dilakukan komputer

xv
 Simbol offline Data dalam simbol disimpan
storage kesuatu media tertentu

2. Simbol Activity Diagram

NO GAMBAR NAMA KETERANGAN

1 Activity Memperlihatkan bagaimana masing

masing kelas antarmuka saling

berinteraksi satu sama lain

2 Simbol

decision Menggambarkan proses pengambilan

keputusan dalam sistem
( keputusan)

3
Bagaimana objek dibentuk atau
Initial Node
diawali

4 Simbol garis Menggambarkan aliran proses dan

dokumen
air

xvi
3. Simbol Sequence Diagram
NO GAMBAR NAMA KETERANGAN

1 LifeLine
Objek entity, antarmuka yang saling
berinteraksi.

2 Message Spesifikasi dari komunikasi antar objek

yang memuat Informasi Informasi
tentang aktivitas yang terjadi

3 Message Spesifikasi dari komunikasi antar objek

yang memuat Informasi Informasi
tentang aktivitas yang terjadi

4 Komponen ini bertindak sebagai

perwakilan seorang pengguna yang
Actor berinteraksi baik di dalam, maupun di
luar sistem

xvii
 BAB 1

PENDAHULUAN

1.1 Latar Belakang Masalah

Wawa reklame adalah platform di mana pengiklan dan pemilik media iklan
dapat berinteraksi untuk membeli dan menjual desain atau produk yang di iklankan.
Pertumbuhan internet dan pergeseran perilaku konsumen ke media digital telah
memainkan peran besar dalam perkembangan dunia reklame. Pemasaran
merupakan hal penting dalam perusahaan dan sebuah bisnis untuk membuat
strategi pada penjualan yang dilakukan dengan kegiatan sosial seperti
menyampaikan, mempromosikan dan menyebarkan suatu produk yang mereka
tawarkan agar dapat memuaskan keinginan konsumen, karena dengan adanya
pemasaran produk dapat menarik perhatian konsumen untuk membeli produk
tersebut sehingga memperoleh keuntungan dari penjualan yang
ditawarkan(Evan Saktiendi et al., 2022). Seiring dengan perkembangan teknologi
proses pemasaran tidak hanya dilakukan secara langsung (Direct Marketing)
ataupun menggunakan cara periklanan (Advertising) lama tetapi saat ini pemasaran
juga dapat dilakukan menggunakan media internet atau sering kita sebut internet
marketing. Dengan memanfaatkan internet inilah kita dapat mengembangkan area
pemasaran kita secara luas sehingga tidak terbatasi oleh wilayah dan waktu.
Dimanapun kita berada dan kapanpun, kita dapat melakukan transaksi penjualan,
pembelian atau penggunaan produk atau jasa.Semakin luas area pemasaran yang
bisa kita jangkau semakin besar pula pemasukan perusahaan yang dapat kita
hasilkan.Ditambah tuntutan kecepatan respon dan pelayanan yang baik serta
tingginya tingkat persaingan dalam dunia bisnis sekarang.
Wawa reklame dalam melakukan proses pemasaran masih menggunakan
cara yang masih tidak efektif dengan cara promosi di medsos pribadi. Dengan
demikian customer kurang mendapat info tentang promosi yang di lakukan oleh
wawa reklame. berkembangnya cara mempromosikan suatu jasa dengan
teknologi pada Era milenial ini, telah berhasil mempengaruhi berbagai

1
 2

macam aspek kehidupan. Kecepatan dan ketepatan dalam mengakses

sebuah informasi dapat dilakukan melalui hanya dengan mengoperasikan
sebuah gadget, komunikasi juga seolah menjadi instrumen pendukung
eksistensi globalisasi dalam segala bidang (Safira et al., 2019). Suatu perusahaan
penyedia barang atau jasa saat ini sangat banyak merubah strategi pemasaran
mereka dengan cara meninggalkan strategi pemasaran lama untuk mengikuti
perkembangan teknologi dan persaingan bisnis yang ada sekarang. Walaupun
dalam pengaplikasianya tidak bisa semua strategi pemasaran lama
ditinggalkan.Karena pada kenyataannya strategi pemasaran lama memiliki relasi
yang saling menguntungkan dengan internet marketing. Salah satu sarananya
adalah dengan menggunakan website Sistem informasi penjualan. Sistem informasi
penjualan Wawa Reklame adalah platform di mana penjual dan pembeli iklan dapat
bertemu dan bertransaksi. Latar belakangnya melibatkan perubahan cara
perusahaan memasarkan produk atau layanan mereka. Dengan pertumbuhan
internet dan media sosial, sistem informasi penjualan Wawa reklame menjadi
penting untuk mencapai audiens yang lebih luas dan menyediakan cara efektif
untuk menyebarkan pesan pemasaran, yang tadinya perusahaan harus menjelaskan
satu persatu perihal harga dan jenis barang kini dikarenakan adanya digitalisasi
akhirnya memudahkan kedua belah pihak baik itu pelanggan maupun pihak
perusahaan. Platform ini memungkinkan pengiklanan menjadi lebih efisien
dikarenakan yang tadinya calon customer hanya ingin membeli satu produk
akhirnya dapat melihat-lihat produk yang lainnya, dan juga memberikan
fleksibilitas dalam pengelolaan kampanye iklan. Sistem penjualan Wawa reklame
adalah platform di mana pengiklan dan pemilik media iklan dapat berinteraksi
untuk membeli dan menjual desain atau produk yang di iklankan. Pertumbuhan
internet dan pergeseran perilaku konsumen ke media digital telah memainkan peran
besar dalam perkembangan dunia reklame. Sehingga dipandang perlu untuk
membuat aplikasi atau platform yang dapat memberikan pengiklan akses yang
solutif ke berbagai platform dan audiens, sementara pemilik media iklan atau
perusahaan dapat terbantu untuk tidak lagi memajang contoh yang memakan space
di toko sebagai katalog karena toko perusahaan yang tidak begitu luas, sehingga
 3

Sistem penjualan wawa reklame yang sederhana ini dapat digunakan sebagai
pengganti katalog bilamana konsumen yang datang offline ingin melihat contohnya.
Keuntungan Sistem informasi penjualan Wawa Reklame melibatkan efisiensi,
target audiens yang lebih baik, dan pengukuran hasil yang lebih baik. Dengan
demikian, mereka menciptakan ekosistem dinamis yang memfasilitasi transaksi
iklan secara otomatis dan memungkinkan pengiklan memilih tempat yang paling
relevan untuk menyampaikan pesan mereka kepada audiens target.Semoga dengan
pembuatan website Sistem penjualan ini diharapkan dapat membantu perusahaan
meningkatkan penjualan dan mampu bersaing dengan perusahaan sejenis lainya.
Berdasarkan permasalahan tersebut di atas maka dipandang perlu untuk membuat
suatu sistem, sehingga dapat membantu dan mempermudah proses jual beli. Serta
Pembuatan laporan di Wawa Reklame Pasir Pangaraian dengan judul “Aplikasi
Penjualan Berbasis Web Di Wawa Reklame Pasir Pengaraian”

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas maka rumusan masalah pada laporan
magang ini adalah Bagaimana membangun Aplikasi Penjualan Berbasis Web?

1.3 Tujuan Magang

Tujuan dari laporan magang ini adalah membangun aplikasi penjualan
berbasis web di Wawa Reklame Pasir Pengaraian.

1.4 Batasan Masalah

Dalam penulisan laporan magang ini, agar lebih jelas dan terarah maka
penulis perlu membatasi masalah yang akan dibahas terfokus pada sistem Informasi
Penjualan Wawa Reklame berbasis website, agar keamanan data lebih akurat dan
efisien dalam pendataan, dan proses laporan ketika dibutuhkan. Maka batasan
masalah dalam penulisan laporan ini adalah:
1. Sistem yang dibangun berhubungan dengan proses jual dan beli secara
online dan terfokus pada penjualan spanduk,kartu nama,dan undangan.
2. Informasi yang disajikan berupa informasi jenis barang yang dijual
atau disediakan, laporan pembeli yang sudah ingin membeli atau sudah
 4

checkout. Dan laporan pendapatan dan pembelian produk undangan,

kartu nama,dan spanduk.

1.5 Manfaat Magang

Manfaat yang didapatkan dari Magang ini adalah:

1.5.1 Bagi Mahasiswa

1. Dapat mempelajari mengenai sikap dalam bekerja dalam suatu kelompok

dan dibawah suatu organisasi atau perusahaan.
2. Mengetahui gambaran umum mengenai dunia kerja.

1.5.2 Bagi Instansi

1. Dengan Website Sistem penjualan ini diharapkan perusahaan dapat

mengembangkan bisnisnya.
2. SDM atau karyawan paling tidak tahu mengenai internet marketing
walaupun tidak secara menyeluruh.

1.6 Sistematika Penulisan

BAB 1. PENDAHULUAN
Dalam pendahuluan ini sudah di jelaskan rumusan masalah, batasan
masalah, tujuan dari magang, manfaat magang, waktu dan tempat
pelaksanaan magang dan yang terakhir sistematika penulisan.

BAB 2. PROFIL PERUSAHAAN

Menerangkan tentang sejarah, visi misi dan struktur organisasi pada Wawa
Reklame.

BAB 3. TUGAS MAGANG

Berisi uraian tugas-tugas yang dilaksanakan penulis Ketika melaksanakan
Magang di Wawa Reklame.

BAB 4. LANDASAN TEORI

Menjelaskan tentang Sistem Informasi penjualan Wawa Reklame berbasis
Website.
 5

BAB 5. LANDASAN TEORI

Menjelaskan analisa pemrograman Sistem Informasi Penjualan Wawa
Reklame dengan menggunakan PHP

BAB 6. IMPLEMENTASI DAN PENGUJIAN

Pada bab ini berisi Menjelaskan bagaimana mengimplementasikan
Aplikasi atau Perangkat lunak berdasarkan analisa dan perancangan pada
bab sebelumnya

BAB 7. KESIMPULAN DAN SARAN

Dari penutup ini terdapat nya kesimpulan dan saran mengenai Sistem
Informasi Penjualan Wawa Reklame, dan semoga bermanfaat banyak bagi
pembaca. Dan bisa digunakan di Wawa Reklame.
 BAB 2

PROFIL PERUSAHAAN

2.1 Sekilas Tentang Wawa Reklame

Pada mulanya owner Wawa Reklame hanya menjadi karyawan di suatu
perusahaan icha reklame selama 3 tahun lebih kurang. Dalam 3 tahun tersebut
menimba ilmu – ilmu yang bergerak di bidang jasa (Reklame) atau percetakan.
Setelah itu Sony Hendrika membuka usahanya dengan nama berkah reklame
selama 1 tahun di Dumai dan satu tahun di Pekanbaru dengan modal dan keahlian
yang sudah dipelajari. Kemudian Sony hendrika sebagai pemimpin DU/DI kembali
ke Rokan Hulu dengan pindah haluan ke usaha Papan Bunga selama 4 tahun.
Pada tahun 2014 Wawa Reklame dibukalah di Pasir Pangaraian dikarenakan
menimbang dan mengingat banyaknya kantor-kantor yang membutuhkan jasa
reklame.Dan pada tahun 2016 Wawa Reklame mengalami musibah kebakaran
meskipun pada saat itu Wawa sudah berkembang begitu pesat. Wawa Reklame
kembali merintis dari nol, Dan kini Wawa Reklame sudah menjadi kepercayaan
memiliki kualitas produk yang mumpuni baik dimata Instansi Pemerintahan
maupun masyarakat Rokan Hulu.Berbagai alat dan mesin yang dimiliki oleh Wawa
Reklame menunjang usaha dari perusahan ini antara lain :

1. Komputer
2. Mesin cutting
3. Mesin cetak stempel
4. Scroll saw
5. printer
6. kompresor

6
 7

2.2 Visi dan Misi

2.2.1 Visi :
Visi perusahan adalah menjadikan perusahaan Wawa Reklame menjadi
pusat perusahaan advertising di Rokan Hulu yang akan mengeluarkan layanan dan
produk advertising bermutu dan berkualitas tinggi.

2.2.2 Misi :
Dalam upaya mewujudkan visi tersebut di atas, Misi Wawa Reklame
adalah sebagai berikut:
1. Berkontribusi pada realisasi ide dan inovasi pelanggan.
2. Memberikan pelayanan yang prima dan bekerja dengan sangat optimal

2.3 Struktur Wawa Reklame

Adapun struktur kepengurusan Wawa Reklame
Sebagai Berikut:

Pimpinan
Sony Handrika

Bendahara
Hartati S.KM

Marketing Product
Aldy nata praja Herudiska

Gambar 2. 1 Struktur Wawa Reklame

 8

2.4 Program Kerja

Berdasarkan struktur organisasi ada beberapa tugas dan tanggung jawab
masing-masing, antara lain:

1. Pimpinan perusahaan
a. Merumuskan, menetapkan, dan mengembangkan visi perusahaan.
b. Merumuskan, menetapkan, dan mengembangkan misi perusahaan.
c. Merumuskan, menetapkan, dan mengembangkan tujuan perusahan.
d. Membuat rencana kerja pegawai.
e. Mengatur hubungan perusahaan dengan instansi terkait.
f. Memimpin saat sedang melakukan rapat.
2. Bendahara
a. Menyerahkan gaji bulanan pegawai rutin setiap awal bulan.
b. Menyampaikan pertanggungjawaban penggunaan uang rutin pimpinan
perusahaan.
c. Mendayagunakan uang rutin sesuai dengan kebutuhan.
d. Membuat laporan keuangan bulanan.
3. Marketing
a. Mencari orderan dari perusahaan yang sama.
b. Mempromosikan produk pada media sosial perusahaan
c. Mencari orderan dari dinas-dinas yang ada di Rokan Hulu
4. Product
a. Membuat produk yang sudah diberikan list oleh marketing
b. Melakukan pengantaran produk
c. Melakukan pemasangan produk
d. Membeli alat dan bahan untuk kebutuhan produksi
 BAB 3

TUGAS MAGANG

3.1 Uraian Tugas Magang

Selama melakukan magang ini, penyusun melakukan analisa perancangan
dan Pembuatan aplikasi yang diperlukan dalam Pembuatan pemrograman Sistem
Informasi penjualan Wawa Reklame berbasis website. Dimulai dari melihat kondisi
saat magang dan wawancara kepada pimpinan perusahaan Wawa Reklame, dan
menanyakan kekurangan yang ada dalam perusahaan ini, dalam laporan magang ini
penyusun juga menanyakan apa saja masalah yang sering terjadi dalam proses jual
beli.

3.2 Analisa Permasalahan

Magang di Wawa Reklame, penyusun dapat menemukan permasalahan
sebagai berikut:
a. Proses jual dan beli di Wawa Reklame masih menggunakan sistem
manual, yaitu belum adanya proses online dalam melaksanakan jual beli.
b. Prosesnya masih manual sehingga pelanggan harus datang terlebih
dahulu ke toko untuk melakukan pembayaran,
c. Pihak toko harus mempersiapkan banyak contoh di perusahaan sehingga
membuat toko terlalu penuh dan tidak begitu rapi dikarenakan tidak ada
katalog berbentuk online Maka dari itu penulis ingin merancang sebuah
aplikasi khusus untuk membuat Sistem Informasi Penjualan Berbasis
Web Pada Wawa Reklame.
Semoga aplikasi ini berguna bagi Wawa Reklame. Sehingga dengan
terciptanya Sistem Informasi Penjualan berbasis Web Pada Wawa Reklame ini
dapat memudahkan penjual dan pembeli dalam melakukan transaksi

9
 10

3.3 Jadwal pengerjaan Magang

Waktu dan lokasi pelaksanaan magang dilakukan dari tanggal 1 Juli sampai
1 September 2023 yang bertempat di Wawa Reklame. Berikut ini tabel yang
menyangkut tentang Jadwal Pengerjaan Magang.

Tabel 3. 1 Jadwal Pegerjaan Magang

WAKTU PELAKSANAAN
NO KEGIATAN
Juli Agustus September Oktober November Desember

1 Mengunjungi
lokasi
magang
2 Menganalisa
kebutuhan
instansi
3 Pengumpulan
data
4 Perancangan
aplikasi

5 Pembuatan
aplikasi
6 Pengujian
aplikasi
7 Laporan
magang
8 Seminar
magang

3.4 Pengerjaan Magang

Magang yang penulisan laksanakan mempunyai metode pengerjaan sebagai
berikut:
3.4.1 Studi Lapangan (Field Research)
Metode ini dilakukan penulis langsung untuk mengumpulkan data yang
berhubungan dengan jual beli, baik berupa barang maupun jasa.

Data - data tersebut penulis kumpulkan dengan cara :

 11

1. Observasi ( Pengamatan Langsung)

Penulis melakukan pengamatan langsung ke tempat objek
pembahasan yang ingin diperoleh yaitu melalui proses datang
langsung ke tempat lokasi tujuan Magang.
2. Interview (Wawancara)
Penulis melakukan interview (wawancara) untuk mendapatkan penjelasan
dari masalah-masalah yang sebelumnya kurang jelas dan untuk menyakinkan
bahwa data yang diperoleh / dikumpulkan benar benar akurat. Dimana penulis
melakukan interview kepada pihak atau perusahaan Wawa Reklame.

3.4.2 Studi Perpustakaan

Metode ini penulis mengutip dari beberapa bacaan yang berkaitan dengan
pelaksanaan aplikasi Sistem Informasi penjualan Berbasis Web. Yang dikutip dapat
berupa tori maupun beberapa pendapat dari beberapa pengumpulan data dengan
menggunakan fasilitas internet melalui mesin pencarian (search engine).

3.4.3 Analisa Dan Perancangan

Pada tahap ini dilakukan analisa kebutuhan sistem serta melakukan
perencanaan terhadap aplikasi yang akan dibuat. Alat bantu yang digunakan dalam
melakukan analisa dan perancangan adalah Model Sistem, Flowchart, Use Case
Diagram, Class Diagram, Activity Diagram, Sequence Diagram, dan Struktur
Aplikasi.

3.4.4 Implementasi Dan Pengujian

Pada tahap ini akan dimulai proses penyusunan perangkat lunak, aplikasi
(coding) dan pengujian (testing) apakah aplikasi yang akan dibuat sudah sesuai
kebutuhan.

3.4.5 Kesimpulan
Kesimpulan yang digunakan dalam pembuatan aplikasi tersebut yaitu
evaluasi sistem. Evaluasi sistem dengan melakukan percobaan-percobaan pada
aplikasi tersebut dan mencari kekurangan-kekurangan yang ada serta
memperbaikinya.
 BAB 4

LANDASAN TEORI

Untuk mendukung Pembuatan laporan Ini, maka perlu dikemukakan hal-hal

atau teori yang berkaitan dengan permasalahan dan ruang lingkup pembahasan
sebagai landasan dalam Pembuatan laporan ini.

4.1 Aplikasi
Aplikasi adalah satu unit perangkat lunak yang sengaja dibuat untuk
memenuhi kebutuhan akan berbagai aktivitas ataupun pekerjaan, seperti aktivitas
perniagaan, periklanan, pelayanan masyarakat, game dan berbagai aktivitas lainnya
yang dilakukan oleh manusia (Susanty et al., 2019).

Perangkat lunak aplikasi adalah suatu sub kelas perangkat lunak komputer
yang memanfaatkan kemampuan komputer langsung untuk melakukan suatu tugas
yang diinginkan pengguna (Arribathi et al., 2019).

Aplikasi merupakan suatu sistemyang dirancang untuk mengolah data

dengan aturan serta ketentuan tertentu dan menggunakan bahasa pemograman
tertentu.”Aplikasi merupakan suatu intruksi / pernyataan yang ada di suatu
perangkat keras (Hardware) baik itu komputer atau smartphone yang di rancang
sedemikian rupa agar bisa mengolah suatu masukan(input)menjadi
keluaran(output).(Santoso & Iskandar, 2020).

4.2 Konsep Basis Data

Ada banyak keuntungan teknologi basis data seperti kemampuan untuk
berbagi data dan informasi dan untuk memungkinkan akses terkontrol ke data untuk
tujuan data mining. Namun, dengan kelebihan ini juga datang kekurangan. Secara
khusus, ada masalah keamanan. Keamanan biasanya didefinisikan sebagai
perlindungan data terhadap akses yang tidak sah. Namun, juga harus melindungi
data dari pengguna yang berwenang mengakses data dengan mengontrol apa yang
dapat diakses dan bagaimana caranya. (Putri et al., 2021).

20
 Suatu sistem basis informasi bisa mempunyai sebagian basis informasi.
Tiap basis informasi bisa berisi/ mempunyai beberapa objek basis informasi(
semacam file/ tabel, indeks serta lain-lain). Disamping berisi/ menaruh
informasi, tiap basis informasi pula memiliki/ menaruh definisi struuktur( baik
buat basis informasi ataupun objek-objeknya secara perinci).(Aqham, 2021)

Salah satu peran utama basis data adalah efisiensi dalam penyimpanan
dan pengelolaan data. Di tengah lautan informasi yang terus bertambah,
organisasi bisnis menghadapi tugas mengumpulkan dan memproduksi data dalam
jumlah yang masif setiap harinya. Dalam hal ini, basis data memberikan pondasi
kokoh dengan menyediakan platform terpusat dan terstruktur untuk
menampung semua informasi ini. Misalnya, basis data pelanggan menjadi
landasan yang memungkinkan perusahaan untuk mengelola informasi tentang
pelanggan, seperti riwayat pembelian, preferensi, dan detail lainnya yang
mendalam. Dengan cara ini, basis data tidak hanya berfungsi sebagai
gudang penyimpanan informasi, tetapi juga sebagai alat yang memungkinkan
perusahaan membangun interaksi yang lebih personal dan terfokus pada
pelanggan, menciptakan pengalaman yang memuaskan dan teradaptasi untuk
kebutuhan individu. Dengan demikian, peran basis data dalam menyimpan data
secara terstruktur dan mudah diakses berdampak langsung pada kemampuan
perusahaan untuk menyediakan layanan yang lebih baik dan terpersonalisasi
kepada pelanggan(Wirajovi Aulia et al., 2023).

4.3 Pengolahan Data

Data-data adalah hasil observasi langsung terhadap suatu kejadian, yang
merupakan perlambangan yang mewakili objek atau konsep dalam dunia nyata.
Dari proses pengolahan data tersebutlah yang akan dihasilkan Informasi sebagai
Output. Suatu Output dari pengolahan data merupakan Informasi apabila Output
tersebut dapat berguna bagi pemakainya. Untuk menghasilkan Informasi dari data-
data yang relevan harus melalui suatu sistem yang disebut sebagai sistem
pengolahan data. Sistem pengolahan data meliputi sejumlah proses, peralatan, dan
tenaga pelaksanaan yang saling berhubungan dan berkaitan (Ardian, 2021).

21
 Pengolahan data sebagai serangkaian operasi atas Informasi yang
direncanakan , guna mencapai tujuan atau hasil yang diinginkan. Unsur-unsur
dalam pengolahan data yaitu membaca, menulis dan mengetik, mencatat dan
mencetak, menyortir, menyampaikan atau memindahkan, menghitung,
membandingkan dan menyimpan. Definisi pengolahan data adalah suatu bahan
mentah yang diolah sedemikian rupa sehingga menghasilkan suatu Informasi Siklus
pengolahan data baik yang manual maupun yang menggunakan komputer
mengalami siklus pengolahan data yang terdiri dari tiga tahap yaitu sebagai berikut:
1. Data dimasukkan ke komputer dalam bentuk yang dimengerti oleh
komputer (input).
2. Data diproses sesuai dengan instruksi yang diterima komputer
3. Hasil pengolahan (Output), berupa data yang dapat dimengerti dan berguna
untuk manusia.
pengolahaan adalah proses yang membantu merumuskan suatu kebijakan
dan tujuan organisasi atau proses yang memberikan pengawasan pada suatu yang
terlibat dalam pelaksanaan dan pencapaian tujuan(Dikelurahan et al., 2020)
4.4 Penjualan
Penjualan adalah suatu usaha yang terpadu yang bertujuan untuk
mengembangkan rencana-rencana yang diarahkan untuk pemuasan dan
kebutuhan serta keinginan pembeli yang menghasilkan laba
penjualan(Sasmita Susanto et al., 2019).

Penjualan merupakan syarat mutlak keberlangsungan suatu usaha, karena

dengan penjualan maka akan didapatkan keuntungan(Rahwanto, 2020)

Penjualan adalah kegiatan yang dilakukan oleh penjual dalam menjual

barang atau jasa dengan harapan akan memperoleh laba dari adanya transaksi-
transaksi tersebut dan penjualan dapat diartikan sebagai pengalihan atau
pemindahan hak kepemilikan atas barang atau jasa dari pihak penjual ke
pembeli(Fitriyana & Sucipto, 2020).

22
4.5 Pengertian Database
Basis data adalah kumpulan data terkait yang disimpan bersama dengan
redundansi terkontrol untuk melayani satu atau lebih aplikasi secara optimal. Data
disimpan sedemikian rupa sehingga terlepas dari program yang digunakan orang
untuk mengakses data. Akses untuk menambahkan data baru, mengedit, dan
mengambil data yang ada dari database adalah umum dan terkontrol. Basis data
juga didefinisikan sebagai kumpulan informasi yang terkait secara logis, disimpan
bersama, dirancang untuk memenuhi kebutuhan informasi suatu organisasi. Kami
juga dapat mendefinisikannya sebagai sistem entri file elektronik. Contoh database
adalah buku telepon yang berisi nama, alamat, dan nomor telepon orang yang
disimpan di memori komputer(Riyan Dirgantara et al., 2023).

Database didefinisikan sebagai himpunan rekaman atau data yang

terstruktur di dalam sebuah komputer sehingga sebuah program dapat
mengakses rekaman atau data tersebut untuk menjawab suatu query. Database
merupakan metoda yang dipilih untuk penyimpanan aplikasi besar yang
digunakan bersama-sama, multiuser dimana dibutuhkan koordinasi antar banyak
user(Arianto Pradana & Ibnu Hardi, 2021).

basis data atau database adalah kegiatan sistem program komputer untuk
berbagai aplikasi komputer. Dalam basis data dibutuhkan suatu media simpan
komputer yang terorganisir sedemikian rupa dan juga pemeliharaan data baik dalam
fungsi manajemen sistem(Yuliana et al., 2019).

4.6 UML (Unified Modeling Language)

UML (Unified Modeling Language) merupakan pengganti dari metode
analisis berorientasi object dan design berorientasi object (OOAD&D/object
oriented analysis and design) yang dimunculkan sekitar akhir tahun 80-an dan awal
tahun 90-an. UML merupakan gabungan dari metode Booch,Rumbaugh (OMT)
dan Jacobson. Tetapi UML mencakup lebih luas daripada OOAD. Pada
pertengahan saat pengembangan UML, dilakukan standarisasi proses dengan
OMG(Object Management Group) dengan harapan UML bakal menjadi bahasa

23
standar pemodelan pada masa yang akan datang (yang sekarang sudah banyak
dipakai oleh berbagai kalangan).(Prasetya et al., 2022).

UML adalah salah satu tool/model untuk merancang pengembangan

software yang berbasis object-oriented. UML sendiri juga memberikan standar
penulisan sebuah sistem blueprint, yang meliputi konsep proses bisnis, penulisan
kelas-kelas dalam bahasa program yang spesifik, skema database, dan komponen
yang diperlukan dalam sistem software(Sonata, 2019).

UML (Unified Modelling Languange) adalah suatu metode dalam

pemodelan secara visual yang digunakan sebagai sarana perancangan sistem
berorinteasi objek. UML juga didefiniskan sebagai suatu bahasa standar visualisasi,
perancangan, dan pendokumentasian sistem, atau dikenal juga sebagai bahasa
standar penulisa blueprint sebuah software. UML diharapkan mampu
mempermudah pengembangan perangkat lunak serta memnuhi semua kebutuhan
pengguna dengan efektif, lengkap dan tepat(Wahyuni et al., 2022).

4.7 Flowchart
Flowchart atau sering disebut dengan diagram alir merupakan suatu jenis
diagram yang merepresentasikan algoritma atau langkah-langkah instruksi yang
berurutan dalam sistem. seorang analis sistem menggunakan flowchart sebagai
bukti dokumentasi untuk menjelaskan gambaran logis sebuah sistem yang akan
dibangun kepada programmer. Dengan begitu, flowchart dapat membantu untuk
memberikan solusi terhadap masalah yang bisa saja terjadi dalam membangun
sistem. Pada dasarnya, flowchart digambarkan dengan menggunakan simbol-
simbol. Setiap simbol mewakili suatu proses tertentu. Sedangkan untuk
menghubungkan satu proses ke proses selanjutnya digambarkan dengan
menggunakan garis penghubung(Rosaly & Prasetyo, 2019).

Definisi flowchart atau diagram alur adalah simbol – simbol yang digunakan
untuk menggambarkan urutan proses atau instruksi – instruksi yang terjadi di dalam
suatu program komputer secara sistematis dan logis(Putra et al., 2019).

24
 Flowchart merupakan penggambaran secara grafik dari langkah-langkah
dan urutan prosedur suatu program,. Biasanya mempengaruhi penyelesaian
masalah yang khusunya perlu dipelajari dan dievaluasi lebih lanjut(Azkiya et al.,
2022).

4.8 PHP
PHP merupakan bahasa pemrograman yang ditujukan untuk membuat
program website dimana kode program yang telah dibuat di kompilasi dan
dijalankan pada sisi server untuk menghasilkan halaman website yang dinamis.
Pada awalnya PHP didirikan untuk Personal Home Page. Karena memilika banyak
manfaat dan dapat berkembang dengan baik maka PHP disebut dengan hypertext
Preprocessor(Guzmaliza, 2019).

PHP Hypertext Preprocessor adalah suatu bahasa scripting khususnya

digunakan untuk web server. PHP memiliki sifat server side scripting sehingga
untuk menjalankan PHP harus menggunakan web server(Fauzia, 2020).

PHP merupakan singkatan dari “Hypertext Preprocessor”. PHP adalah

sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaknya
mirip dengan bahasa pemrogramn C, Java, ASP dan Perl ditambah beberapa fungsi
PHP yang Spesifik dan mudah dimengerti. PHP digunakan untuk membuat
tampilan web menjadi lebih dinamis, denganPHP anda bisa menampilkan atau
menjalankan beberapa file dalam 1 file dengan cara di include dan require. PHP itu
sendiri sudah dapat berinteraksi dengan beberpa database walaupun dengan
kelengkapan yang berbeda yaitu seperti DBM,MySQL,Oracle(Putri Permata Sari
et al., 2023) .

4.9 MySQL
MySQL merupakan software RDMS (Relational Database Management
System) yang dapat mengelola database dengan sangat cepat, dapat menampung
data dalam jumlah sangat besar, dapat diakses oleh banyak pengguna dan dapat
melakukan suatu proses secara sinkron atau bersamaan(Putri Permata Sari et al.,
2023).

25
 MySQL adalah perangkat lunak untuk sistem manajemen database
(database management system), karena sifatnya yang open source dan memiliki
kemamuan menampung kapasitas yang sangat besar. MySQL memberikan hasil
yang optimal dari sisi kecepatan dan reabilitas manajemen data, sifat dari MySQL
yang open source menyebabkan MySQL berkembang secara pesat dan digunakan
begitu banyak pengguna yang tidak ingin mengeluarkan dana besar untuk sebuah
sistem basis data, jika menggunakan sistem basis data komersial(Guzmaliza, 2019).

MySQL merupakan turunan dari salah satu konsep utama dalam basis
data sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah
konsep pengoperasian basis data terutama untuk proses seleksi, pemasukan,
pengubahan dan penghapusan data yang dimungkinkan dapat dikerjakan dengan
mudah dan otomatis(Dikelurahan et al., 2020).

4.10 XAMPP
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke
dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi
melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL
secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara
otomatis untuk anda atau auto konfigurasi(Dikelurahan et al., 2020).

XAMPP merupakan web server yang mudah digunakan yang dapat

melayani tampilan halaman web yang dinamis dan dapat diakses secara lokal
menggunakan web server local (localhost).(Yuliana et al., 2019).

XAMPP adalah perangkat lunak sumber terbuka yang digunakan untuk

menciptakan lingkungan pengembangan web di dalam komputer lokal. XAMPP
merupakan singkatan dari "X" (untuk berbagai sistem operasi), "Apache" (web
server), "MySQL" (sistem manajemen basis data), "PHP" (bahasa pemrograman),
dan "Perl" (bahasa skrip). Perangkat ini memberikan platform komprehensif
bagi pengembangan dan pengujian aplikasi web pada komputer pengguna
sebelum diimplementasikan pada server online. XAMPP memungkinkan
pengguna untuk dengan mudah mengaktifkan dan mengelola server web
Apache, MySQL, PHP, dan Perl.(Muntasir et al., 2023).

26
 BAB 5

ANALISA DAN PERANCANGAN

5.1 Metode Analisa

Langkah-langkah yang dilakukan sebelum merancang suatu sistem baru
adalah menganalisa, mengamati, dan mempelajari sistem yang sedang berjalan
untuk mengetahui sejauh mana cara kerja sistem yang lama, sehingga dapat
mengetahui langkah-langkah perancangan sistem baru yang akan dibentuk. Di
samping itu kita dapat mengetahui letak kelemahan ataupun keunggulan dari sistem
lama tersebut. Model waterfall adalah model yang membutuhkan pendekatan
kepada perkembangan perangkat lunak yang sistematis dan sekuensial yang dimulai
pada tingkat dan kemajuan sistem melalui analysis, design, coding, testing dan
maintenance.

5.1.1 Tahapan Metode Waterfall

Tahapan dari metode waterfall dapat dilihat pada gambar dibawah ini :

Gambar 5. 1 Metode Waterfall (Wahid Abdul, 2020).

27
 21

Berdasarkan gambar 5.1 adapun tahapan yang akan dilakukan yaitu :

1. Requirement
Tahap ini pengembang sistem diperlukan komunikasi yang bertujuan untuk
memahami perangkat lunak yang diharapkan oleh pengguna dan batasan perangkat
lunak tersebut. Informasi dapat diperoleh melalui wawancara, diskusi atau survei
langsung. Informasi dianalisis untuk mendapatkan data yang dibutuhkan oleh
pengguna.
2. Design
Pada tahap ini, pengembang membuat desain sistem yang dapat membantu
menentukan perangkat keras (hardware) dan sistem persyaratan dan juga
membantu dalam mendefinisikan arsitektur sistem secara keseluruhan.
3. Implementation
Pada tahap ini, sistem pertama kali dikembangkan di program kecil yang disebut
unit, yang terintegrasi dalam tahap selanjutnya. Setiap unit dikembangkan dan diuji
untuk fungsionalitas yang disebut sebagai unit testing.
4. Verification
Pada tahap ini, sistem dilakukan verifikasi dan pengujian apakah sistem
sepenuhnya atau sebagian memenuhi persyaratan sistem, pengujuan dapat
dikategorikan ke dalam unit testing, sistem pengujian dan penerimaan pengujian.
5. Maintenance
Pada tahap ini, perangkat lunak yang sudah jadi dijalankan serta dilakukan
pemeliharaan. Pemeliharaan termasuk dalam memperbaiki kesalahan yang tidak
ditemukan pada langkah sebelumnya.

5.1.2 Analisa sistem lama

Berikut ini adalah sistem lama penjualan di Wawa Reklame Pasir
Pangaraian Masih dalam menual yang mana selama ini bilamana ada customer
yang datang akan bertanya dulu ingin membuat suatu produk, dalam proses ini
pekerja di perusahaan akan menjawab iya ingin buat dengan model seperti apa?
Dan pelanggan akan kebingungan untuk menjawabnya karena tidak mempunyai
referensi yang konkrit. Kemudian pekerja di perusahaan akan mencari-cari
contoh produk yang sudah jadi yang mana contoh produk ini juga seringkali
 22

tidak lengkap karena satu persatu contoh akan diambil oleh pemesan
sebelumnya. Selanjutnya sistem pembayaran yang masih offline seringkali
mengakibatkan harga yang tidak stabil, dan harga yang ditetapkan akan
seringkali berubah karena adanya sistem tawar yang hadir, sehingga seringkali
mengakibatkan karyawan di perusahaan harus pergi ke lantai 2 toko untuk
bertanya kembali ke owner harga pasti untuk jasa pembuatan produk,dan selain
daripada itu seringkali karyawan ketika uang yang diberikan pelanggan berlebih
harus menukar uang ke toko lain terlebih dahulu yang mana hal ini
mengakibatkan efisiensi waktu untuk pelayanan terhadap pelanggan akan
terganggu.

5.1.3 Analisa Sistem Baru

Setelah di analisa sistem lama, maka dari itu mengusulkan untuk

membuat sistem atau merancang sistem yang dapat mendigitalisasi proses
transaksi dan dapat tercapainya efisiensi dalam melakukan transaksi jual dan beli
pada perusahaan Wawa Reklame.
 23

Gambar 5. 2 Analisa Sistem Baru

5.1.3.1 Data Masukan (Input)
Adapun yang dibutuhkan dalam proses jual beli yaitu :

1. Data Admin dan User-user yaitu ( username dan password)

2. Data pesanan yaitu (proses pembuatan pesanan, pesanan dan data pesanan
selesai).

3. Data produk yaitu ( nama produk,harga produk,keterangan, jumlah stok

produk,dan foto)

5.1.3.2 Proses
Proses dari Sistem Informasi Penjualan ini adalah:
 24

1. User login dengan username dan password yang telah di tentukan

2. Kemudian user dapat membuat pesanan yang di inginkan
3. Admin memproses pembuatan pesanan
4. Admin dapat melihat daftar pembeli
5. Admin dapat mencetak laporan penjualan

5.1.3.3 Data Keluaran (Output)

Bentuk data keluaran (output) yang akan ditampilkan sistem ini adalah:
1. Menampilkan data pesanan, proses pemesanan, daftar pembeli dan data
pembeli
2. Semua laporan penjualan di cetak dalam format PDF.
5.2 Karakteristik Pengguna
Didalam sistem ini, pengguna sistem yaitu Admin dan Customer, hak akses
Admin dalam sistem dapat dilihat pada tabel berikut :

Tabel 5. 1 Karakteristik Admin Dan Customer

Kategori Hak Akses ke Sistem

Informasi Keterangan
pengguna

Admin Mengelola :
1. Daftar tunggu 1. Admin dapat mengelola data daftar
pembeli tunggu pembeli

2. Proses pembuatan 2. Admin dapat mengelola proses

pesanan pembuatan pesanan

3. Daftar pesanan 3. Admin dapat mengelola daftar

selesai pesanan selesai

4. Laporan penjualan 4. Admin dapat mencetak laporan

5. Daftar pembeli penjualan
6. Rekening Bank
5. Admin dapat melihat dan
menghapus data daftar pembeli
 25

6. Admin dapat mengelola data

rekening Bank

Customer Mengelola : 1. Customer dapat menambah,

1. Data pesanan mengedit, dan memesan pesanan
2. Data pembeli 2. Customer dapat mengubah data
customer

5.3 Perancangan Subsistem Manajemen Basis Model

Hasil perancangan sebuah sistem meliputi Use case diagram, sequence
diagram, class diagram, dan activity diagram.

5.3.1 Unified Modeling Language (UML)

5.3.1.1 Use Case Diagram
Berikut ini merupakan use case diagram Sistem Informasi Penjualan Wawa
Reklame :

Gambar 5. 3 Use Case Diagram

 26

5.3.1.2 Class Diagram

Class Diagram adalah sebuah model statis yang menggambarkan struktur
dan deskripsi class serta hubungannya antara class pada sebuah database yang
memuat beberapa tabel dengan masing masing tabel terdapat beberapa atribut yang
digunakan dalam proses Pembuatan program ini.

Gambar 5. 4 Class Diagram

5.3.1.3 Activity Diagram
Activity Diagram adalah diagram yang menggambarkan workflow (aliran
kerja ) atau aktifitas dari sebuah sistem atau proses bisnis. Dalam diagram
aktivitas menggambarkan sistem dan bukan apa yang dilakukan oleh aktor. Jadi
aktivitas yang dilakukan sistem sebagai berikut:
 27

Gambar 5. 5 Activity Diagram Login

Gambar 5.5 Menunjukkan Activity Diagram login. Digunakan untuk Admin
dan customer masuk ke halaman utama Admin.

Gambar 5. 6 Activity Diagram Daftar Tunggu Pembeli

Pada gambar 5.6 Activity Diagram daftar tunggu pembeli digunakan untuk
melihat detail antrian order yang masuk.
 28

Gambar 5. 7 Activity Diagram Proses Pembuatan Pesanan

Pada Gambar 5.19 Activity Diagram proses pembuatan pesanan, akan
menampilkan data pesanan yang sudah diberikan pembayaran oleh pelanggan.

Gambar 5. 8 Activity Diagram Daftar Pesanan Selesai

 29

Pada Gambar 5.8 Activity Diagram daftar pesanan selesai digunakan untuk
menampilkan data pesanan yang telah selesai.

Gambar 5. 9 Activity Diagram Laporan Penjualan

Pada gambar 5.9 Activity Diagram laporan penjualan di gunakan untuk
mengetahui laporan penjualan tiap bulannya.

Gambar 5. 10 Activity Diagram Daftar Pembeli

 30

Pada Gambar 5.10 Activity Diagram daftar pembeli di gunakan untuk

melihat yang sudah melakukan pemesanan.

Gambar 5. 11 Activity Diagram Rekening Bank

Pada Gambar 5.11 Activity Diagram rekening bank di gunakan untuk
menambahkan dan melihat rekening bank dalam proses pembayaran.

Gambar 5. 12 Activity Diagram Pesanan

 31

Pada Gambar 5.12 Activity Diagram pesanan di gunakan untuk

melakukan dan melihat pesanan di akun customer.

Gambar 5. 13 Activity Diagram Pembeli

Pada Gambar 5.13 Activity Diagram pembeli di gunakan untuk mengedit
biodata customer.

5.3.1.4 Sequence Diagram

Sequence Diagram adalah sebuah diagram yang menggambarkan
interaksi antar objek dan mengindikasikan komunikasi diantara objek objek
tertentu. Diagram ini juga menunjukan yang dipertukarkan oleh objek objek
yang melakukan suatu tugas atau aksi tertentu.
 32

Gambar 5. 14 Sequence Diagram Login

Gambar 5.14 Sequence Diagram login, digunakan untuk memasukkan

username dan password Admin dan customer untuk bisa login ke halaman
selanjutnya.

Gambar 5. 15 Sequence Diagram Daftar Tunggu Pembeli

Gambar 5.15 Sequence Diagram daftar tunggu pembeli digunakan

untuk melihat detail daftar tunggu yang melakukan pemesanan.
 33

Gambar 5. 16 Sequence Diagram Proses Pembuatan Pesanan

Gambar 5.16 Sequence Diagram proses pembuatan pesanan di gunakan

untuk melihat pembuatan pesanan dan upload photo desain.

Gambar 5. 17 Sequence Diagram Daftar Pesanan Selesai

Gambar 5.17 Sequence Diagram daftar pesanan selesai di gunakan untuk

melihat detail yang sudah menyelesaikan pemesanan.
 34

Gambar 5. 18 Sequence Diagram Laporan Penjualan

Gambar 5.18 Sequence Diagram laporan penjualan di gunakan untuk

mencetak laporan penjualan setiap bulannya.

Gambar 5. 19 Sequence Diagram Daftar Pembeli

Gambar 5.19 Sequence Diagram daftar pembeli di gunakan untuk melihat
detail pembeli yang melakukan pemesanan.
 35

Gambar 5. 20 Sequence Diagram Rekening Bank

Gambar 5.20 Sequence Diagram rekening bank di gunakan untuk
menambahkan dan melihat detail nama rekening yang di pakai oleh wawa reklame
dalam proses pembayaran

Gambar 5. 21 Sequence Diagram Pesanan Customer

Gambar 5.21 Sequence Diagram pesanan di gunakan oleh customer untuk
melakukan pemesanan dan melihat barang yang sudah di pesan.
 36

Gambar 5. 22 Sequence Diagram Pembeli Customer

Gambar 5.22 Sequence Diagram pembeli di gunakan oleh customer untuk
mengubah biodata pembeli.

5.4 Perancangan Subsistem Manajemen Basis data

5.4.1 Perancangan Tabel Basis Data
5.4.1.1 Rancangan Tabel Data User
Tabel ini menjelaskan tabel user
Nama : User
Deskripsi Berisi data user
Primary Key : id_user
Tabel 5. 2 Basis Data User
Nama Field Type Length
id_user Int 3
Username Varchar 50
Password Varchar 50
Level Int 1
No Int 3
 37

5.4.1.2 Rancangan Tabel Tranksaksi

Tabel ini menjelaskan tabel transaksi
Nama : Transaksi
Deskripsi : Berisi Data order
Primary Key : no

Tabel 5. 3 Basis Data Transaksi

Nama Field Type Length
no Int 1
ket_user Varchar 100
ket_Admn Varchar 100

5.4.1.3 Rancangan Tabel Rekening

Tabel ini menjelaskan tabel rekening
Nama : rekening
Deskripsi : Berisi rekening
Primary Key : no
Tabel 5. 4 Basis Data Rekening
Nama Field Type Length
no Int 2
jenis_bank Varchar 50
nama_bank Varchar 255
Nomor_bank Varchar 16

5.4.1.4 Rancangan Tabel Produk

Tabel ini menjelaskan tabel produk

Nama : tabel produk

Deskripsi : Data table produk
Primary Key :no
 38

Tabel 5. 5 Basis Data Produk

Nama Field Type Length
No Int 4
Kategori int 1
Tanggal_upload Date -
Keterangan Tenytext -

5.4.1.5 Rancangan Tabel Pembelian

Tabel ini menjelaskan tabel data pembelian

Nama : Pembelian
Deskripsi : Data pembelian
Primary Key :no
Tabel 5. 6 Basis Data Pembelian
Nama Field Type Length
no Int 4
Desain Int 1
kategori Int 1
Id_pembeli Int 3
Id_produk Int 4
Id_tranksaksi Int 1
Waktu_pembelian Datetime -
Dealine Int 1
Waktu_penerimaan Datetime -
ket Mediumtext -

5.4.1.6 Rancangan Tabel Pembeli

Tabel ini menjelaskan tabel data pembeli

Nama : Pembelian
Deskripsi : Data pembelian
 39

Primary Key :id

Tabel 5. 7 Basis Data Pembeli
Nama Field Type Length
Id Int 4
Nama varchar 60
email varchar 60
no_telepon varchar 13
Alamat Int 4

5.4.1.7 Rancangan Tabel Komen Desain Sendiri

Tabel ini menjelaskan tabel data komen desain sendiri

Nama : komen_desain_sendiri
Deskripsi : Data untuk desain sendiri
Primary Key : no
Tabel 5. 8 Basis Data Komen Desain Sendiri
Nama Field Type Length
No Int 3
Komen text -

5.4.1.8 Rancangan Tabel Komen

Tabel ini menjelaskan tabel data komen

Nama : komen
Deskripsi : Data komen
Primary Key :no
Tabel 5. 9 Basis Data Komen
Nama Field Type Length
No Int 11
Komen mediumtext -
 40

5.4.1.9 Rancangan Tabel Kategori

Tabel ini menjelaskan tabel data kategori

Nama : kategori
Deskripsi : Data kategori
Primary Key :no
Tabel 5. 10 Basis Data Komen
Nama Field Type Length
No Int 11
Nama Varchar 50

5.4.1.10 Rancangan Tabel Foto Pembelian

Tabel ini menjelaskan tabel data foto pembelian
Nama : foto pembelian
Deskripsi : Data foto pembelian
Primary Key :no
Tabel 5. 11 Basis Data Foto Pembelian
Nama Field Type Length
No Int 3
Foto_transaksi Text -
Foto_desain_selesai Text -
Foto_pengembalian Text -

5.5 Desain Sistem Secara Terinci ( Perancangan Antar Muka )

5.5.1 Desain Login User
Untuk masuk ke dalam aplikasi, pertama kali akan ditampilkan halaman
Login untuk memasukkan username dan password. Berikut rancangan desainnya:
 41

Gambar 5. 23 Desain login Admin dan customer

5.5.2 Desain Menu Halaman Utama Admin

Desain menu pada halaman utama Admin ini yaitu daftar tunggu pembeli,
proses pembuatan pesanan, daftar pesanan selesai, laporan penjualan, daftar
pembeli, dan rekening bank. tampilan desainnya sebagai berikut :

Gambar 5. 24 Desain Halaman Utama Admin

 42

5.5.3 Desain Menu Daftar Tunggu Pembeli

Desain menu daftar tunggu pesanan di gunakan untuk melihat detail daftar
tunggu pesanan dari customer. tampilan desainnya sebagai berikut :

Gambar 5. 25 Desain Halaman Menu Daftar Tunggu Pembeli

5.5.4 Desain Menu Proses Pembuatan Pesanan

Desain menu pada halaman proses pembuatan pesanan yaitu
menampilkan pembuatan pesanan yang telah di pesan oleh customer. tampilan
desainnya sebagai berikut

Gambar 5. 26 Desain Halaman Menu Proses Pembuatan Pesanan

 43

5.5.5 Desain Menu Daftar Pesanan Selesai

Desain menu pada halaman daftar pesanan selesai yaitu menampilkan
daftar pesanan yang telah selesai di proses, tampilan desainnya sebagai berikut,

Gambar 5. 27 Desain Halaman Menu Daftar Pesanan Selesai

5.5.6 Desain Menu Laporan Penjualan

Halaman laporan penjualan ini digunakan untuk mencetak laporan
penjualan perbulannya, tampilan desainnya sebagai berikut :

Gambar 5. 28 Desain Halaman Menu Laporan Penjualan

 44

5.5.7 Desain Menu Daftar Pembeli

Desain halaman daftar pembeli di gunakan untuk melihat detail daftar
pembeli yang melakukan pemesanan. Berikut rancangan desainnya: :

Gambar 5. 29 Halaman Menu Daftar Pembeli

5.5.8 Desain Menu Rekening Bank

Desain menu rekening bank di gunakan untuk melihat dan menambahkan
rekening bank yang di pakai untuk proses pembayaran. Tampilan desainnya sebagai
berikut :

Gambar 5. 30 Desain Halaman Menu Rekening Bank

 45

5.5.9 Desain Menu Pesanan Customer

Desain menu pada halaman pesanan customer di gunakan untuk melakukan
pemesanan dan melihat pesanan, tampilan desainnya sebagai berikut :

Gambar 5. 31 Desain Halaman Menu Pesanan Customer

5.5.10 Desain Menu Pembeli Customer

Desain menu pada halaman pembeli di gunakan untuk mengubah dan
melihat biodata pembeli, tampilan desainnya sebagai berikut :

Gambar 5. 32 Desain Halaman Menu Pembeli Customer

 BAB 6

IMPLEMENTASI DAN PENGUJIAN

6.1 Implementasi
Implementasi merupakan bagian dari pengembangan siklus hidup sistem
serta tahap dimana sistem siap dioperasikan pada keadaan yang sebenarnya,
sehingga akan dapat diketahui apakah sistem yang dibuat benar-benar dapat
menghasilkan tujuan yang ingin dicapai. Tujuan dari implementasi antara lain :

1. Menyelesaikan desain sistem yang ada dalam dokumen perancangan yang

telah disetujui.
2. Menguji dan mendokumentasikan program-program atau prosedur dari
dokumen perancangan sistem yng telah disetujui.
3. Memastikan bahwa pemakai dapat mengoperasikan aplikasi yakni dengan
mempersiapkan secara penuh melatih pengguna aplikasi.
6.1.1 Batasan Implementasi

Batasan dalam pembuatan sistem aplikasi ini antara lain :

1. Sistem ini dibuat menggunakan bahasa pemograman Hypertext
Preprocessor (PHP).
2. Database menggunakan MySQL.
3. Perangkat pendukung menggunakan xampp.
4. Pengguna sistem ini adalah Admin dan customer Wawa Reklame

6.1.2 Implementasi Sistem

Beberapa komponen pendukung yang memiliki peran yang sangat penting
dalam implementasi sistem diantaranya adalah perangkat keras (hadware) dan
perangkat lunak (software). Adapun spesifikasi dari perangkat keras dan perangkat
lunak yang digunakan adalah sebagai berikut :

46
 47

1. Perangkat keras antara lain :

Processor : Intel(R) Celeron(R) N4020 CPU @ 1.10GHz,
1101Mhz, 2 Core(s), 2 Logical Processor(s)
Memori : 4.00 GB
Sistem Type : x64-based PC
HDD : 1 TB
SSID : 256 GB
2. Perangkat Lunak antara lain :
Operating System : Microsoft Windows 10 Home Single Language
Tool : Visual Studio Code, Xampp, Web browser

6.1.3 Implementasi Antar Muka

6.1.3.1 Form Login
Berikut adalah tampilan awal pada aplikasi penjualan, pada tampilan ini
terdapat form login untuk masuk ke dalam aplikasi. Adapun menu tampilan login
yaitu sebagai berikut :

Gambar 6. 1 Tampilan Form Login

6.1.3.2 Tampilan Halaman Dashboard Admin

Pada halaman dashboard Admin ada beberapa menu yang di kelola oleh
Admin dapat dilihat pada gambar berikut :
 48

Gambar 6. 2 Tampilan Halaman Dashboard Admin

6.1.3.3 Tampilan Menu Daftar Tunggu Pembeli

Berikut adalah tampilan menu daftar tunggu pembeli, pada menu daftar
tunggu pembeli di gunakan untuk melihat detail pembeli yang sudah melakukan
pemesanan, adapun tampilan menu daftar tunggu pembeli yaitu sebagai berikut :

Gambar 6. 3 Tampilan Menu Daftar Tunggu Pembeli

6.1.3.4 Tampilan Menu Proses Pembuatan Pesanan

Berikut adalah tampilan menu proses pembuatan pesanan, pada menu ini
Admin dapat mengelola proses pembuatan pesanan. Adapun tampilan menu proses
pembuatan pesanan yaitu sebagai berikut :
 49

Gambar 6. 4 Tampilan Menu Proses Pembuatan Pesanan

6.1.3.5 Tampilan Menu Daftar Pesanan Selesai

Berikut adalah tampilan menu daftar pesanan selesai di gunakan untuk
melihat daftar pesanan yang telah selesai di proses. Adapun tampilan menu daftar
pesanan selesai yaitu sebagai berikut :

Gambar 6. 5 Tampilan Menu Daftar Pesanan Selesai

6.1.3.6 Tampilan Menu Laporan Penjualan

Berikut adalah tampilan menu laporan penjualan, pada menu laporan
penjualan ini Admin dapat mencetak data laporan penjualan setiap bulannya.
Adapun tampilan menu laporan penjualan sebagai berikut :
 50

Gambar 6. 6 Tampilan Menu Laporan Penjualan

6.1.3.7 Tampilan Menu Daftar Pembeli

Berikut adalah tampilan menu daftar pembeli, pada menu daftar pembeli ini
Admin dapat melihat daftar pembeli yang melakukan pemesanan. Adapun tampilan
menu daftar pembeli yaitu sebagai berikut :

Gambar 6. 7 Tampilan Menu Daftar Pembeli

6.1.3.8 Tampilan Menu Rekening Bank

Berikut adalah tampilan menu rekening bank, pada menu rekening bank ini
Admin dapat menambahkan dan melihat rekening bank yang di pakai dalam proses
pembayaran. Adapun tampilan menu rekening bank yaitu sebagai berikut :
 51

Gambar 6. 8 Tampilan Menu Rekening Bank

6.1.3.9 Tampilan Menu Pesanan

Berikut adalah tampilan menu pesanan, pada menu pesanan ini customer
dapat menambah, melihat daftar pesanan yang telah di pesan. Adapun tampilan
menu pesanan yaitu sebagai berikut :
 52

Gambar 6. 9 Tampilan Menu Pesanan

6.1.3.10 Tampilan Menu Pembeli

Berikut adalah tampilan menu pembeli, pada menu pembeli ini customer
dapat melihat dan mengubah biodata pembeli. Adapun tampilan menu pembeli
yaitu sebagai berikut :

Gambar 6. 10 Tampilan Menu Pembeli

6.2 Pengujian
Setelah dilakukan tahapan implementasi, langkah selanjutnya adalah
melakukan pengujian pada aplikasi, hal ini bertujuan agar hasil akhir aplikasi yang
 53

diimplementasikan sesuai dengan yang dibutuhkan. Aplikasi penjualan ini

menggunakan pengujian Blackbox dan pengujian User Aceptance Test (UAT).

6.2.1 Pengujian Black Box

Black Box adalah cara pengujian dilakukan dengan hanya menjalankan atau
mengeksekusi unit atau modul kemudian diamati hasil dari unit itu sesuai dengan
proses yang diinginkan. Berikut ini pengujian black box pada Aplikasi penjualan di
Wawa Reklame Pasir Pengaraian untuk hak akses sebagai Admin dan customer.

Tabel 6. 1 Pengujian Black Box Hak Akses Sebagai Admin

Bentuk Hasil
No Pengujian Hasil yang diharapkan
Pengujian Pengujian
1. Login Masukkan Ketika menginputkan username dan Berhasil
Username dan password benar, maka berhasil masuk
Password kedalam aplikasi.
Ketika menginputkan username dan
password salah, maka kembali
menampilkan form login.
2. Halaman Ketika sudah berhasil masuk kedalam Berhasil
utama sistem maka akan langsung
menampilkan halaman utama.
3. Menu Daftar Klik menu Menampilkan halaman menu daftar Berhasil
Tunggu daftar tunggu tunggu pembeli
Pembeli pembeli
Klik detail Menampilkan data nama daftar Berhasil
pembeli
4. Menu Klik menu Menampilkan halaman menu proses Berhasil
Proses proses pembuatan pesanan
Pembuatan pembuatan
Pesanan pesanan
Klik menu Menampilkan halaman menu daftar Berhasil
Menu Daftar daftar pesanan pesanan selesai
5. Pesanan selesai
Selesai Klik detail Menampilkan detail daftar pesanan Berhasil
selesai
6. Menu Klik menu Menampilkan halaman menu laporan Berhasil
laporan laporan penjualan
penjualan penjualan
 54

Klik detail Menampilkan detail data laporan Berhasil

penjualan
Klik cetak Menampilkan data cetak laporan Berhasil
penjualan per bulannya
7. Menu Daftar Klik menu Menampilkan halaman menu daftar Berhasil
Pembeli detail pembeli.
Klik detail Menampilkan detail daftar pembeli Berhasil
8. Menu Klik menu Menampilkan halaman menu rekening Berhasil
Rekening rekening bank bank
Bank Klik button Menampilkan form tambah data Berhasil
tambah rekening bank
Klik button Ketika mengklik button edit, maka data Berhasil
edit rekening bank akan berubah.
Tabel 6. 2 Pengujian Black Box Hak Akses Sebagai Customer
Bentuk Hasil
No Pengujian Hasil yang diharapkan
Pengujian Pengujian
1. Login Masukkan Ketika menginputkan username dan Berhasil
Username dan password benar, maka berhasil
Password masuk kedalam aplikasi.
Ketika menginputkan username dan
password salah, maka kembali
menampilkan form login.
2. Halaman Ketika sudah berhasil masuk kedalam Berhasil
utama sistem maka akan langsung
menampilkan halaman utama.
3. Menu Klik menu Menampilkan halaman menu Berhasil
Pesanan pesanan pesanan.
Klik button beli Menampilkan form beli barang Berhasil
4. Menu Klik menu Menampilkan halaman data pembeli. Berhasil
Pembeli pembeli

6.3 Pengujian Aplikasi Menggunakan Kuesioner

Pengujian User Aceptance Test (UAT) adalah suatu proses pengujian oleh
pengguna bahwa sistem yang dimaksudkan untuk menghasilkan dokumen yang
dijadikan bukti bahwa sistem yang dibuat dapat diterima atau tidaknya oleh
pengguna. Pengujian dengan UAT dilakukan dengan mengajukan beberapa
 55

pertanyaan kepada pegawai yang ada di Wawa Reklame Pasir Pengaraian,

pengujian ini melibatkan 10 orang responden.

Hasil User Aceptance Test (UAT) dinilai dengan 3 kategori, yaitu dengan
jawaban Ya, Tidak dan Ragu-ragu. Berikut ini adalah rincian hasilnya :

Tabel 6. 3 Hasil Pengujian Dengan Kuisioner

Penilaian
No Pertanyaan Ragu-
Ya Tidak
Ragu
1. Apakah tampilan dari aplikasi ini menarik? 8 0 2
2. Apakah tampilan menu pada aplikasi ini sesuai
7 0 3
dengan yang di harapkan?
3. Apakah ada kesulitan ketika menggunakan aplikasi
8 0 2
ini?
4. Apakah pada saat aplikasi ini di jalankan tidak
9 0 1
terdapat error?
5. Apakah pada saat aplikasi ini di jalankan tidak
8 0 2
terdapat menu yang tidak berjalan semestinya?
6. Apakah aplikasi ini cocok di terapkan dalam kegiatan
9 0 1
penjualan di wawa reklame pasir pengaraian?
7. Apakah tampilan warna dan interface pada aplikasi
9 0 1
ini menarik dilihat dan tidak membosankan?
Total 58 0 12

Selanjutnya untuk menentukan persentase dari hasil kuisioner tersebut maka

menggunakan rumus sebagai berikut :
𝑇𝑜𝑡𝑎𝑙 𝐽𝑎𝑤𝑎𝑏𝑎𝑛
𝑃𝑟𝑒𝑠𝑒𝑛𝑡𝑎𝑠𝑒 =
𝑇𝑜𝑡𝑎𝑙 𝑅𝑒𝑠𝑝𝑜𝑛𝑑𝑒𝑛 × 𝑇𝑜𝑡𝑎𝑙 𝑃𝑒𝑟𝑡𝑎𝑛𝑦𝑎𝑎𝑛

a. Presentase untuk jawaban Ya

58
P= × 100% = 0,82 × 100% = 83%
10 × 7
 56

b. Presentase untuk jawaban Tidak

0
P= × 100% = 0 × 100% = 0%
10 × 7
c. Presentase untuk jawaban Ragu-Ragu
12
P= × 100% = 0,17 × 100% = 17%
10 × 7
Berdasarkan pengujian User Acceptance Test (UAT) yang telah dilakukan
dengan menyebarkan kuisioner kepada 10 orang responden maka hasil persentase
bahwa responden yang menjawab pertanyaan dengan jawaban Ya sebesar 83%,
Tidak sebesar 0% dan Ragu-Ragu sebesar 17%.
 BAB 7

KESIMPULAN DAN SARAN

7.1 Kesimpulan
Kesimpulan yang dapat diambil dari laporan magang Aplikasi penjualan
berbasis web di Wawa Reklame Pasir Pengaraian. Aplikasi tersebut akan
menghasilkan data barang dan transaksi dari Wawa Reklame yang di tujukan ke
customer sesuai dengan batasan – batasan yang harus dipenuhi dalam membuat
sebuah aplikasi penjualan yang efektif dan efisien untuk penjualan terutama di
Wawa Reklame Pasir Pengaraian.

7.2 Saran
Adapun beberapa saran yang perlu dikaji demi mengembangkan sistem
Informasi ini yaitu:
1. Sistem yang dihasilkan masih bisa dikembangkan lebih lanjut dengan fitur-
fitur yang belum ada pada sistem atau susunan program ini.

2. Desain sistem dapat dikembangkan lagi dengan design yang user

interfacenya lebih menarik

3. Diharapkan sistem ini dapat diimplementasikan secara total supaya

dianalisis lebih lanjut tentang kendala-kendala yang terjadi dalam aplikasi.

57
 DAFTAR PUSTAKA

Aqham, A. A. (2021). Managemen Sistem Basis Data (SQL dan MySql). In

Yayasan Prima Agus Teknik Redaksi (Vol. 1, Issue 69).
Ardian, A. (2021). Perancangan Aplikasi Pengolah Data Siswa Berbasis Android
(Studi Kasus : Mis Nurul Huda Labuhan Batu Selatan). Journal of Computer
Science and Information Systems (JCoInS), 2(2), 113–123.
Arianto Pradana, A. P., & Ibnu Hardi, I. H. (2021). Sistem Informasi Alat
Kesehatan Berbasis Web. Jurnal Ilmiah Sistem Informasi, 1(1), 14–21.
https://doi.org/10.51903/juisi.v1i1.257
Arribathi, A. H., Saryani, S., & Haris, H. (2019). Perancangan Aplikasi Smart
Seminar Dan Workshop Berbasis Website. Journal CERITA, 5(2), 156–164.
https://doi.org/10.33050/cerita.v5i2.409
Azkiya, A., Kurniawan, R., & Sinurat, Y. (2022). Sistem Informasi Posyandu
Berbasis Web Pada Posyandu Seroja Rt.15 Kelurahan Pangkalan Sesai.
Lentera Dumai, 13, 17–25.
Dikelurahan, D., Kaduronyok, D., Cisata, K., Pandeglang, K., Web, B., Nugroho,
A. H., & Rohimi, T. (2020). Perancangan Aplikasi Sistem Pengolahan. Jutis,
8(1), 17749231–5527063.
Fauzia, K. (2020). Perancangan Sistem Informasi Akuntansi Piutang Usaha
Berbasis Web Menggunakan PHP dan MySQL. Jurnal Tekno Kompak, 14(2),
80. https://doi.org/10.33365/jtk.v14i2.746
Fitriyana, F., & Sucipto, A. (2020). Sistem Informasi Penjualan Oleh Sales
Marketing Pada Pt Erlangga Mahameru. Jurnal Teknologi Dan Sistem
Informasi, 1(1), 105–110. https://doi.org/10.33365/jtsi.v1i1.239
Guzmaliza, D. (2019). perangkat lunak bantu administrasi keuangan sekolah tinggi
teknologi pagar alam dengan PHP dan MySQL. Jurnal Ilmiah Betrik, 10(01),
28–37. https://doi.org/10.36050/betrik.v10i01.24
Muntasir, I., Pramono, G., Nurninawati, E., Santoso, S., & Henderi, H. (2023).
Perancangan Sistem E-Ticket Pelaporan Incident Berbasis Web Pada Pt.
Aerofood Indonesia. JATI (Jurnal Mahasiswa Teknik Informatika), 7(2),
1070–1075. https://doi.org/10.36040/jati.v7i2.7216
Prasetya, A. F., Sintia, & Putri, U. L. D. (2022). Perancangan Aplikasi Rental Mobil
Menggunakan Diagram UML (Unified Modelling Language). Jurnal Ilmiah
Komputer Terapan Dan Informasi, 1(1), 14–18.
Putra, I. S., Ferdinandus, F., & Bayu, M. (2019). Sistem Pendukung Keputusan
Pemilihan Paket Pernikahan Dengan Metode Saw Berbasis Web.
CAHAYAtech, 8(2), 136. https://doi.org/10.47047/ct.v8i2.50
Putri, N. I., Herdiana, Y., Munawar, Z., & Musadad, D. Z. (2021). Keamanan Basis
Data Berdasarkan Teori Himpunan. Infotronik : Jurnal Teknologi Informasi
Dan Elektronika, 6(2), 56. https://doi.org/10.32897/infotronik.2021.6.2.695
Putri Permata Sari, Liana Liana, & Nurliza Lubis. (2023). Perancangan Sistem
Informasi Akuntansi Persediaan Barang Dagang Pada Toko Rianzi
Menggunakan PHP Dan MySQL. Jurnal Riset Ekonomi Dan Akuntansi, 2(1),
169–181. https://doi.org/10.54066/jrea-itb.v2i1.1290
Rahwanto, E. (2020). Perancangan Sistem Informasi Penjualan Berbasis Web Pada
Pt. Inter Aneka Plasindo. Jurnal Pendidikan Dan Dakwah, 2(3), 335–358.
https://ejournal.stitpn.ac.id/index.php/pandawa
Riyan Dirgantara, M., Syahputri, S., & Hasibuan, A. (2023). Pengenalan Database
Management System (DBMS). Jurnal Ilmiah Multidisipline, 300(6), 300–306.
https://doi.org/10.5281/zenodo.8123019
Rosaly, R., & Prasetyo, A. (2019). Pengertian Flowchart Beserta Fungsi dan
Simbol-simbol Flowchart yang Paling Umum Digunakan.
Https://Www.Nesabamedia.Com, 2.
Santoso, J. M., & Iskandar, A. R. (2020). Rancang Bangun Aplikasi Jurnal Dan
Absensi Pada Study Center Di Wilayah Cengkareng Barat Berbasis Android.
EJournal Mahasiswa Akademi Telkom Jakarta (EMIT), 2(1), 50–56.
http://ejournal.akademitelkom.ac.id/emit/index.php/eMit/article/view/39/26
Sasmita Susanto, E., Karisma, Y., & Isnaeni, S. (2019). Sistem Informasi Penjualan
Pada Toko Jilbab Rjs Kabupaten Sumbawa Berbasis Web. Jurnal Informatika,
Teknologi Dan Sains, 1(2), 97–103. https://doi.org/10.51401/jinteks.v1i2.414
Sonata, F.-. (2019). Pemanfaatan UML (Unified Modeling Language) Dalam
Perancangan Sistem Informasi E-Commerce Jenis Customer-To-Customer.
Jurnal Komunika : Jurnal Komunikasi, Media Dan Informatika, 8(1), 22.
https://doi.org/10.31504/komunika.v8i1.1832
Susanty, W., Astari, I. N., & Thamrin, T. (2019). Aplikasi Gis Menggunakan
Metode Location Based Service (Lbs) Berbasis Android. Explore: Jurnal
Sistem Informasi Dan Telematika, 10(1).
https://doi.org/10.36448/jsit.v10i1.1218
Wahid Abdul, A. (2020). Analisis Metode Waterfall Untuk Pengembangan Sistem
Informasi. Jurnal Ilmu-Ilmu Informatika Dan Manajemen STMIK, November,
1–5.
Wahyuni, E. I., Gani, S. A., Aryanto, H., & Siregar, A. K. (2022). Analisis
Perancangan Sistem Informasi Pendaftaran Siswa Baru Tk Putiek Nanggroe
Berbasis Web Menggunakan Unified Modeling Language. 856.
Wirajovi Aulia, B., Rizki, M., & Prindiyana, P. (2023). Peran Krusial Jaringan
Komputer dan Basis Data dalam Era Digital. Jurnal Sistem Informasi Dan
 Teknologi Informasi), 1(1), 9–20.
https://doi.org/10.33197/justinfo.vol1.iss1.2023.1253
Yuliana, K., Saryani, S., & Azizah, N. (2019). Perancangan Rekapitulasi
Pengiriman Barang Berbasis Web. Jurnal Sisfotek Global, 9(1).
https://doi.org/10.38101/sisfotek.v9i1.223
Lampiran
1. Kuisioner
2. Form Wawancara
3. Photo