SKRIPSI

WHATSAPP BLAST SEBAGAI MEDIA PROMOSI MAKANAN

RINGAN KERIPIK R&R

RANDITIYA ANALIS PUTRA

NIM : 165410171

PROGRAM STUDI INFORMATIKA

PROGRAM SARJANA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS TEKNOLOGI DIGITAL INDONESIA
YOGYAKARTA
2022
 SKRIPSI
WHATSAPP BLAST SEBAGAI MEDIA PROMOSI MAKANAN

RINGAN KERIPIK R&R

Diajukan sebagai salah satu syarat untuk menyelesaikan studi

Program Sarjana

Program Studi Informatika

Fakultas Teknologi Informasi

Universitas Teknologi Digital Indonesia

Yogyakarta

Disusun Oleh
RANDITIYA ANALIS PUTRA
NIM : 165410171

PROGRAM STUDI INFORMATIKA

PROGRAM SARJANA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS TEKNOLOGI DIGITAL INDONESIA
YOGYAKARTA
2022

ii
 PERNYATAAN KEASLIAN SKRIPSI

Dengan ini saya menyatakan bahwa naskah skripsi ini belum pernah

diajukan untuk memperoleh gelar Sarjana Komputer di suatu Perguruan Tinggi, dan

sepanjang pengetahuan saya tidak terdapat karya atau pendapat yang pernah ditulis

atau diterbitkan oleh orang lain, kecuali yang secara sah diacu dalam naskah ini dan

disebutkan dalam daftar pustaka.

Yogyakarta, 19 Mei 2022

Randitiya Analis Putra

NIM: 165410171

v
 HALAMAN PERSEMBAHAN

Puji syukur kepada Allah SWT, yang telah memberikan rahmat dan karunia-

Nya sehingga penulis dapat menyelesaikan skripsi ini dengan baik. Saya

persembahkan karya tulis skripsi ini kepada kepada :

1. Papa saya, Nurcholis yang sudah membesarkan saya dan mendukung saya

dalam mengerjakan skripsi .

2. Mama saya, Andayani yang telah membesarkan saya serta selalu

mendukung dan mendoakan saya, sering menanyakan saya kapan skripsi

selesai, sehingga saya bisa menyelesaikan skripsi ini..

3. Adik saya, Ranisa Lisyani Putri yang selalu menanyakan kabar saya

sehingga membuat saya termotivasi untuk segera meluluskan skripsi ini.

4. Dosen pembimbing yang telah membantu memberikan saran dan

masukannya dalam menyelesaikan skripsi ini.

5. Teman-teman saya Triwibowo Ridho Permana, Dominikus Afendi Nahak

dan Christian Rumfaker serta sahabat yang sudah memberikan semangat

maupun motivasi yang tidak bisa saya cantumkan disini.

vi
 MOTTO

"Berbicara itu memang mudah, tapi bisa kah kamu kasih solusi juga, bukan

malah menyalakan orang atau keadaan"

RAP

vii
 KATA PENGANTAR

Puji syukur kepada Allah SWT, karena berkat limpahan Rahmat dan

Karunia-Nya sehingga penulis dapat menyelesaikan skripsi ini dengan baik,

meskipun dalam masa studi tidak luput dari berbagai kesibukan dan masa-masa

yang sangat sulit.

Naskah skrispi ini ditulis sebagai syarat untuk menyelesaikan pendidikan

Strata Satu di Universitas Teknologi Digital Indonesia. Pada kesempatan ini,

dengan segala kerendahan hati penulis mengucapkan terima kasih kepada :

1. Papa, Mama, dan Adik, yang telah mendukung dan memotivasi untuk

menjadi inspirasi yang besar bagi hidup penulis.

2. Bapak Ir. Totok Suprawoto, M.M., M.T, selaku Rektor Universitas

Teknologi Digital Indonesia.

3. Ibu Dini Fakta Sari, S.T., M.T, selaku Ketua Program Studi

Informatika di Universitas Teknologi Digital Indonesia.

4. Bapak Yosef Murya Kusuma Ardhana, S.T., M.Kom., selaku Dosen

Pembimbing dalam penulisan skripsi ini.

5. Seluruh Dosen dan Staf Universitas Teknologi Digital Indonesia.

Penulis menyadari bahwa penulisan skripsi ini masih jauh dari kata

sempurna. Oleh karena itu, penulis mengucapkan permohonan maaf apabila

terdapat kesalahan atau kekeliruan yang terdapat di dalam penulisan skripsi ini.

Penulis terbuka dan mengharapkan saran dan kritik yang membangun dari semua

viii
pihak. Semoga dengan diselesaikannya naskah skripsi ini dapat menambah

keilmuan dan bermanfaat bagi kita semua.

Bantul, 25 April 2022

Penulis.

ix
 DAFTAR ISI
COVER ................................................................................................................i
HALAMAN JUDUL...........................................................................................ii
HALAMAN PERSETUJUAN...........................................................................iii
HALAMAN PENGESAHAN............................................................................iv
PERNYATAAN KEASLIAN SKRIPSI .............................................................v
HALAMAN PERSEMBAHAN.........................................................................vi
MOTTO.............................................................................................................vii
KATA PENGANTAR .....................................................................................viii
DAFTAR ISI .......................................................................................................x
DAFTAR GAMBAR .......................................................................................xiii
DAFTAR TABEL .............................................................................................xv
DAFTAR LISTING PROGRAM.....................................................................xvi
INTISARI.......................................................................................................xviii
ABSTRACT .....................................................................................................xix
BAB I PENDAHULUAN ...................................................................................1
1.1 Latar Belakang Masalah.............................................................................1
1.2 Rumusan Masalah ......................................................................................2
1.3 Ruang Lingkup...........................................................................................2
1.4 Tujuan Penelitian .......................................................................................3
1.5 Manfaat Penelitian .....................................................................................3
1.6 Sistematika Penulisan ................................................................................3
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI ....................................5
2.1 Tinjauan Pustaka ........................................................................................5
2.2 Dasar Teori.................................................................................................8
2.2.1 Whatsapp Blast ..........................................................................................8
2.2.2 Framework Laravel ....................................................................................9
2.2.3 Vue JS ......................................................................................................10
2.2.4 NUXT.......................................................................................................12
2.2.5 UML.........................................................................................................12
2.2.6 Metode Waterfall .....................................................................................13

x
2.2.7 Black-box Testing ....................................................................................14
2.2.8 White-Box Testing...................................................................................15
BAB III METODE PENELITIAN ....................................................................16
3.1 Deskripsi Sistem ......................................................................................16
3.2 Analisis Kebutuhan ..................................................................................18
3.3 Perancangan Sistem .................................................................................20
3.3.1 Pemodelan Yang Digunakan....................................................................20
3.3.2 Use case diagram .....................................................................................20
3.3.3 Sequence Diagram ...................................................................................23
3.3.4 Activity Diagram......................................................................................34
3.3.5 Perancangan Database..............................................................................45
3.3.6 Perancangan Antar Muka Admin.............................................................48
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM .........................59
4.1 Implementasi Sistem ................................................................................59
4.2 Koneksi Database.....................................................................................59
4.3 Backend dan API .....................................................................................60
4.4 Pengembangan Fitur Login......................................................................62
4.5 Pengembangan Fitur Data Mengelola Data Role.....................................67
4.6 Pengembangan Fitur Mengelola Data User .............................................82
4.7 Pengembangan Fitur Mengelola Data Pelanggan ..................................100
4.8 Pengembang Fitur Pesan........................................................................120
4.9 Pengembangan Fitur Pengiriman Pesan.................................................140
4.10 Pengujian White Box .............................................................................147
4.11 Pengujian Black Box..............................................................................154
4.12 Pengujian Uji Coba Aplikasi..................................................................154
BAB V PENUTUP ..........................................................................................156
5.1 Kesimpulan ............................................................................................156
5.2 Saran.......................................................................................................156
DAFTAR PUSTAKA......................................................................................157
LAMPIRAN ....................................................................................................158

xi
 DAFTAR GAMBAR

Gambar 2.1 skema vue js ssr .............................................................................11

Gambar 2.2 Bagan Metode Waterfall................................................................14
Gambar 3. 1 Alur Sistem ...................................................................................16
Gambar 3. 2 Use Case Diagram ........................................................................22
Gambar 3. 3 Sequence Diagram Admin Login admin ......................................25
Gambar 3. 4 Sequence Diagram Admin Service whatsapp blast ......................26
Gambar 3. 5 Sequence Diagram Admin input pelanggan .................................27
Gambar 3. 6 Sequence Diagram Admin edit data pelanggan...........................28
Gambar 3. 7 Sequence Diagram Admin delete data pelanggan ........................29
Gambar 3. 8 Sequence Diagram Staff Login.....................................................30
Gambar 3. 9 Sequence Diagram Staff input pelanggan ....................................31
Gambar 3. 10 Sequence Diagram Staff edit data pelanggan .............................32
Gambar 3. 11 Sequence Diagram Staff delete data pelanggan .........................32
Gambar 3. 12 Sequence Diagram pelanggan melihat pesan .............................33
Gambar 3. 13 Activity Diagram Admin Melakukan Login ..............................35
Gambar 3. 14 Activity Diagram Admin Service whatsapp blast ......................36
Gambar 3. 15 Activity Diagram Admin Melakukan input pelanggan ..............37
Gambar 3. 16 Activity Diagram Admin Melakukan Edit Pelanggan................38
Gambar 3. 17 Activity Diagram Admin Melakukan Delete Pelanggan ............39
Gambar 3. 18 Activity Diagram Staff Melakukan Login..................................40
Gambar 3. 19 Activity Diagram Staff Melakukan input pelanggan..................41
Gambar 3. 20 Activity Diagram Staff Melakukan Edit Pelanggan ...................42
Gambar 3. 21 Activity Diagram Staff Melakukan Delete Pelanggan ..............43
Gambar 3. 22 Activity Diagram Pelanggan Melihat Pesan...............................44
Gambar 3. 23 Perancangan Tabel Dalam Database ..........................................45
Gambar 3. 24 Perancangan Antarmuka Halaman Login Admin.......................48
Gambar 3. 25 Perancangan Antar Muka Halaman Utama ................................49
Gambar 3. 26 Perancangan Antarmuka Halaman Pelanggan............................50
Gambar 3. 27 Perancangan Antarmuka Halaman Input Pelanggan .................51

xii
Gambar 3. 28 Perancangan Antarmuka Halaman Edit Pelanggan ....................52
Gambar 3. 29 Perancangan Antarmuka Halaman Pesan ...................................53
Gambar 3. 30 Perancangan Antarmuka Halaman Edit Pesan ...........................54
Gambar 3. 31 Perancangan Antarmuka Status ..................................................55
Gambar 3. 32 Perancangan Antarmuka Role ....................................................56
Gambar 3. 33 Perancangan Antarmuka User ....................................................57
Gambar 3. 34 Perancangan Antarmuka Halaman Log out................................58
Gambar 4. 1 Halaman login user .......................................................................64
Gambar 4. 2 Halaman Menambah Role ............................................................69
Gambar 4. 3 Halaman Ubah Role User .............................................................74
Gambar 4. 4 Halaman Melihat & Menghapus Data Role .................................79
Gambar 4. 5 Halaman Menambah Data User....................................................85
Gambar 4. 6 Halaman Ubah Data User .............................................................91
Gambar 4. 7 Halaman Melihat & Menghapus Data User .................................96
Gambar 4. 8 Halaman Menambah Pelanggan .................................................103
Gambar 4. 9 Halaman Ubah Data Pelanggan ..................................................111
Gambar 4. 10 Halaman Melihat & Menghapus Data Pelanggan ....................116
Gambar 4. 11 Halaman Menambah Data Pesan ..............................................124
Gambar 4. 12 halaman ubah data pesan ..........................................................131
Gambar 4. 13 Halaman Melihat & Menghapus Data Pesan............................137
Gambar 4. 14 Uji white box login ...................................................................149
Gambar 4. 15 Flowgraph login........................................................................150
Gambar 4. 16 Uji white box mengirimkan pesan............................................152
Gambar 4. 17 Flowgraph mengrim pesan .......................................................153
Gambar 4. 18 Tampilan awal setalah login .....................................................155
Gambar 4. 19 Tampilan menu Input Data Pesan.............................................156
Gambar 4. 20 Tampilan edit pesan..................................................................157
Gambar 4 21 Tampilan Whatsapp blast informasi Promosi............................158

xiii
 DAFTAR TABEL

Tabel 2. 1 Perbedaan kedalaman penelitian berdasarkan tinjauan pustaka ..........7

Tabel 2. 2 Komponen-komponen Use Case Diagram...........................................14
Tabel 2. 3 Komponen-komponen Sequence Diagram ..........................................15
Tabel 2. 4 Komponen-komponen Activity Diagram Diagram ............................17
Tabel 3. 1 Tabel Roles ..............................................................................................45
Tabel 3. 2 Tabel Users ..............................................................................................46
Tabel 3. 3 Tabel pesan ..............................................................................................46
Tabel 3. 4 Tabel Status .............................................................................................47
Tabel 3. 5 Tabel Pelanggans ....................................................................................47

xiv
 DAFTAR LISTING PROGRAM

Listing Program 4.1 Koneksi database ..............................................................59

Listing Program 4.2 API backend .....................................................................60
Listing Program 4.3 Halaman login user...........................................................63
Listing Program 4.4 Mengirim data login user .................................................65
Listing Program 4.5 Validasi login user............................................................65
Listing Program 4.6 Verifikasi Login User .......................................................66
Listing Program 4.7 Pemberian Hak Akses User Berdasarkan Role ................66
Listing Program 4.8 Halaman Menambah Data Role .......................................67
Listing Program 4.9 Mengirim data Tambah Role............................................70
Listing Program 4.10 Validasi Tambah Data Role ...........................................71
Listing Program 4.11 Menambah Data Role .....................................................71
Listing Program 4.12 Halaman Ubah Role .......................................................72
Listing Program 4.13 Validasi Ubah Data Role ................................................75
Listing Program 4.14 Mengubah Data Role......................................................75
Listing Program 4.15 Halaman Melihat dan Menghapus Data Role.................76
Listing Program 4.16 Request Data Role ..........................................................79
Listing Program 4.17 Request Hapus Data Role...............................................80
Listing Program 4.18 Mengambil dan Menghapus Data Role ..........................80
Listing Program 4.19 Halaman Menambah User ..............................................82
Listing Program 4.20 Mengirim Data Tambah User.........................................85
Listing Program 4.21 Validasi Tambah Data User ...........................................87
Listing Program 4.22 Meambah Data User .......................................................88
Listing Program 4.23 Halaman Ubah Data User...............................................89
Listing Program 4.24 Validasi Ubah Data User ................................................92
Listing Program 4.25 Mengubah Data User......................................................92
Listing Program 4.26 Halaman Melihat dan Menghapus Data User.................93
Listing Program 4.27 Request Data User ..........................................................96
Listing Program 4.28 Request Hapus Data User...............................................97
Listing Program 4.29 Mengambil dan Menghapus Data User ..........................98

xv
Listing Program 4.30 Halaman Menambah Pelanggan ..................................100
Listing Program 4.31 Mengirim Data Tambah Pelanggan..............................103
Listing Program 4.32 Validasi Tambah Data Pelanggan ................................106
Listing Program 4.33 Meambah Data Pelanggan............................................107
Listing Program 4.34 Halaman Ubah Data Pelanggan....................................108
Listing Program 4.35 Validasi Ubah Data Pelanggan.....................................112
Listing Program 4.36 Mengubah Data Pelanggan...........................................112
Listing Program 4.37 Halaman Melihat dan Menghapus Data Pelanggan .....114
Listing Program 4.38 Request Data Pelanggan ...............................................117
Listing Program 4.39 Request Hapus Data Pelanggan....................................117
Listing Program 4.40 Mengambil dan Menghapus Data Pelanggan ...............118
Listing Program 4.41 Halaman Menambah Data Pesan..................................120
Listing Program 4.42 Mengirim Data Tambah Pesan .....................................124
Listing Program 4.43 Validasi Tambah Data Pesan........................................126
Listing Program 4.44 Meambah Data Pesan ...................................................126
Listing Program 4.45 Halaman Ubah Data Pesan ...........................................128
Listing Program 4.46 Validasi Ubah Data Pesan ............................................132
Listing Program 4.47 Mengubah Data Pesan ..................................................132
Listing Program 4.48 Halaman Melihat dan Menghapus Data Pesan.............134
Listing Program 4.49 Request Data Pesan ......................................................137
Listing Program 4.50 Request Hapus Data Pesan ...........................................137
Listing Program 4.51 Mengambil dan Menghapus Data Pesan ......................138
Listing Program 4.52 Mengirim Pesan Whatsapp Dan Pengiriman Pesan Secara
Terjadwal .....................................................................140
Listing Program 4.53 Konfigurasi CRON Job ................................................146
Listing Program 4.54 Konfigurasi Webhook ..................................................146

xvi
 INTISARI

Keripik R&R merupakan kuliner makanan ringan olahan rumahan khas

daerah jambi dan menjadi oleh-oleh dari para konsumen luar daerah jambi maupun
di dalam jambi sendiri, dalam produk ada berbagai macam olahan keripik yaitu
keripik pangsit, keripik sayur, rempeyek dan opak. Di masa pandemi Covid-19
produk keripik R&R melakukan promosi produk-produk baru serta produk yang
sudah ada, keripik R&R menginformasikan produk mereka melalui media sosial
Instagram @keripikr_r. Meskipun sering mengikuti pameran kuliner di beberapa
kota besar, namun penjualan produk-produk R&R masih belum mencapai target
yang diinginkan yaitu 550 bungkus perhari.
Peneliti ingin membangun sebuah sistem promosi produk makanan ringan
keripik R&R dengan media whatsapp blast, untuk mempermudah pemilik produk
keripik R&R dalam melakukan proses promosi. Aplikasi dibangun menggunakan
framework Laravel versi 8, VueJS, Nuxt dan MySQL sebagai penyimpan data.
Dengan adanya sistem ini, diharapkan dapat mempromosikan produk keripik R&R
sesuai target penjualan yaitu 550 bungkus perhari.
Berdasarkan penelitian yang telah dilakukan pada Aplikasi Whatsapp Blast
Sebagai Media Promosi Makanan Ringan Keripik R&R Berbasis Web, hasil yang
didapatkan yaitu : pelanggan keripik R&R berhasil mendapatkan informasi produk
baru melalui sarana promosi via whatsapp blast dan sistem ini juga berhasil
memberikan informasi secara massal berupa informasi produk baru yang dapat
diatur berdasarkan waktu dan tanggal.

Kata kunci : Website, Whatsapp Blast, Laravel, KeripikR&R

xvii
 ABSTRACT

R&R chips are a home-cooked snack food typical of the Jambi region and
become souvenirs from consumers outside the Jambi area and within Jambi itself,
in the product there are various kinds of chips, namely dumpling chips, vegetable
chips, peanut brittle and opaque. During the Covid-19 pandemic, R&R chips
products promoted new products as well as existing products, their information
R&R chips through social media Instagram @keripikr_r. Although he often
participates in culinary exhibitions in several big cities, sales of R&R products have
not yet reached the desired target of 550 packs per day.
Researchers want to build a promotion system for R&R chips snack
products with whatsapp blast media, to make it easier for R&R chip product owners
to carry out the promotion process. Applications built using Laravel framework
version 8, VueJS, Nuxt and MySQL as data storage. With this system, it is expected
to increase R&R chip products according to the sales target of 550 packs per day.
Based on research that has been done on the Whatsapp Blast Application as
a Web-Based Media for Promotion of R&R Chip Snacks, the results obtained are:
R&R chips customers managed to get new product information through
promotional tools via whatsapp blast and this system also succeeded in providing
mass information on new product information. which can be set by time and date.

Keywords : Website, Whatsapp Blast, Laravel, R&R Chips

xviii