TUGAS AKHIR

SISTEM INFORMASI REMINDER PEMBAYARAN

TAGIHAN FREKUENSI RADIO MENGGUNAKAN WA
GATEWAY PADA KANTOR BALMON KUPANG

DANNY UMBU RIADA

NIM. 1723734860

PROGRAM STUDI TEKNIK KOMPUTER DAN JARINGAN

JENJANG PENDIDIKAN DIPLOMA III
JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI KUPANG
2022

i
 KATA PENGANTAR
Puji Syukur kepada Tuhan Yang Maha Esa yang memberikan Rahmat-Nya
sehingga penulis dapat menyelesaikan penyusunan proposal ini.Adapun tujuan
penyusunan proposal ini ditujukan untuk memenuhi syarat untuk menyelesaikan
pendidikan di Politeknik Negeri Kupang.

Dalam penulisan proposal tugas akhirini, penulis banyak mendapat bantuan

dan bimbingan dari berbagai pihak, baik secara langsung maupun tidak langsung.
Pada kesempatan ini, penulis mengucapkan limpa terima kasih kepada:

1. Frans Mangngi,ST.,M.Eng. selaku Direktur Politeknik Negeri Kupang.

2. Sumartini Dana,ST.,MT. Selaku Ketua Jurusan Teknik Elektro.
3. Gloria C.Manulangga,ST,M,MT. SelakuKetua Program Studi Teknik
Komputer dan Jaringan.
4. Nikson Fallo,ST,M,Eng. Selaku dosen pembimbing satu.
5. Jemsrado Sine,ST.,M.Eng Selaku dosen pembimbing dua.
6. Orang tua penulis yang selalu memberikan dukungan dan motivasi dalam
penyelesaian penulisan proposal ini.
7. Teman-teman dan semua pihak yang telah membantu penulis hingga
terselesaikannya proposal ini, yang tidak dapat penulis sebutkan satu per satu.

Sebagai penutup, penulis sangat mengharapkan kritik dan saran yang

membangun guna pengembangan proposal tugas akhir selanjutnya.Semoga proposal
ini dapat memberikan manfaat dan sumbangan pemikiran bagiperkembangan
pengetahuan bagi kita semua.

Kupang, Agustus 2022

Penulis

ii
 DAFTAR ISI

KATA PENGANTAR....................................................................................................................ii
DAFTAR ISI...........................................................................................................................iii
DAFTAR GAMBAR...............................................................................................................v
DAFTAR TABLE...................................................................................................................vi
BAB I.......................................................................................................................................1
PENDAHULUAN...................................................................................................................1
1.1 LATAR BELAKANG.....................................................................................................1
1.2 RUMUSAN MASALAH.....................................................................................................2
1.3 TUJUAN..........................................................................................................................2
1.4 MANFAAT.......................................................................................................................3
1.5 BATASAN MASALAH.......................................................................................................3
BAB II.....................................................................................................................................4
TINJAUAN PUSTAKA...........................................................................................................4
2.1 Sistem Informasi.......................................................................................................4
2.2 Internet....................................................................................................................4
2.3 WhatsApp Gateway.................................................................................................5
2.4 Database..................................................................................................................9
2.4.1 Data Flow Diagram dan Diagram Conteks.......................................................9
2.4.2 Entity Relationship Diagram (ERD)..................................................................10
2.4.3 Kamus Data....................................................................................................11
2.5 Website..................................................................................................................12
2.5.1 XAMPP............................................................................................................12
2.5.2 PHP (Hypertext Preprocessor)........................................................................12
2.5.3 MySQLI...........................................................................................................13
2.6 Metode Watefall....................................................................................................14
BAB III METODE PENELITIAN.........................................................................................16

iii
 3.1 Lokasi dan Waktu penelitian..................................................................................16
3.2 Metode peneliatian................................................................................................17
3.2.1 Analisa kebutuhan Sistem..............................................................................17
3.3 System and Software Design..................................................................................18
3.3.1 Diagram Conteks............................................................................................18
3.3.2 DFD (Data Flow Diagram)...............................................................................20
3.3.3 ERD (Entity Relationship Diagram).................................................................22
3.3.4 Kamus Data....................................................................................................24
3.3.5 Perancangan Interface....................................................................................27
3.4 Implementation and unit testing.........................................................................30
3.5 Integration and system testing............................................................................31
3.6 Operation and maintenance................................................................................31
DAFTAR PUSTAKA............................................................................................................32

iv
 DAFTAR GAMBAR
Gambar 2. 1 Chat-Api...................................................................................................5
Gambar 2. 2 PremiunmFastNet....................................................................................6
Gambar 2. 3 Woowa......................................................................................................6
Gambar 2. 4 Waboxapp.................................................................................................7
Gambar 2. 5 Rapiwha....................................................................................................7
Gambar 2. 6 Wabot........................................................................................................8
Gambar 2. 7 DFD........................................................................................................10
Gambar 2. 8 ERD........................................................................................................11
Gambar 2. 9 Motode Waterfall....................................................................................15
Gambar 3. 1 Diagram Conteks....................................................................................18
Gambar 3. 2 Data Flow Diagram (DFD)....................................................................20
Gambar 3. 3 Entity Relationship Diagram (ERD)......................................................22
Gambar 3. 4 Tampilan Login.......................................................................................27
Gambar 3. 5 Tampilan Dashboard..............................................................................27
Gambar 3. 6 Tampilan Pengguna................................................................................28
Gambar 3. 7 Tampilan Transaksi................................................................................28
Gambar 3. 8 Tampilan Laporan...................................................................................29
Gambar 3. 9 Whatsapp................................................................................................30

v
 DAFTAR TABLE
Tabel 3. 1 Waktu Penelitian........................................................................................16
Tabel 3. 2 Tabel Pengguna..........................................................................................24
Tabel 3. 3 Tabel Pembayaran......................................................................................24
Tabel 3. 4 Tabel Denda................................................................................................25
Tabel 3. 5 Tabel WhatsApp..........................................................................................25
Tabel 3. 6 Tabel Admin................................................................................................26
Tabel 3. 7 Tabel Perizinan...........................................................................................26

vi
SISTEM INFORMASI REMINDER PEMBAYARAN TAGIHAN FREKUENSI
RADIO MENGGUNAKAN WA GATEWAY PADA KANTOR BALMON
KUPANG

Nama Mahasiswa : Danny Umbu Riada

NIM : 1723734860

Dosen pembimbing : Nikson Fallo,ST,M,Eng. dan Jemsrado Sine,ST.,M.Eng

RINGKASAN

Perkembangan kebutuhan informasi sejalan dengan perkembangan ilmu

pengetahuan dan teknologi yang semakin pesat, khususnya ilmu pectrum dan
internet. Dalam hal ini, pectrum memegang peranan yang sangat penting sebagai alat
bantu dalam pengolahan data. Penggunaan pectrum yang dilengkapi dengan program
aplikasi yang menunjang akan menghemat waktu, biaya, dan tenaga serta
memudahkan dalam menghasilkan informasi berkualitas seperti yang dibutuhkan.
Kantor Balmon Kupang merupakan kantor yang berdiri dibawah naungan kominfo
dan kantor ini bergerak di bidang pemonitoringan jaringan frekuensi. Kebutuhan akan
pectrum informasi sangat dibutuhkan oleh kantor Balmon sebagai alat yang
digunakan untuk mengelola keuangan.Selain memonitoring jaringan frekuensi kantor
Balmon Kupang juga memberi izin kepada instansi-instansi untuk mendapatkan
jaringan frekuensi. Adapun teknologi yang digunakan adalah WAGateway. WA
Gateway merupakan salah satu dari sekian banyak dari API yang mempumyai
kemampuan untuk mengirim pesan ke ratusan nomor secara otomatis dimana semua
ratusan nomor akan diambil dari database. Dengan menyediakan wa gateway yang
begitu luas kegunaanya terutama untuk kualitas pelayanan kantor Balmon Kupang
sangat berguna sebagai pengingat pembayaran tagihan frekuensi.

Berdasarkan latar belakang permasalahan yang telah diuraikan maka dapat di

ambil rumusan “Bagaimana membuat sistem informasi reminder pembayaran tagihan
frekuensi menggunakan wa gateway pada Kantor Balmon Kupang berbasis WEB dan
WA Gateway”.

vii
 Metode yang dinggunakan adalah pembuat sistem informasi reminder
pembayaran tagihan frekuensi menggunakan wa gateway pada Kantor Balmon
Kupang berbasis WEB dan WA Gateway”.

viii
 BAB I

PENDAHULUAN

1.1 LATAR BELAKANG

Perkembangan kebutuhan informasi sejalan dengan perkembangan ilmu
pengetahuan dan teknologi yang semakin pesat, khususnya ilmu pectrum dan
internet. Dalam hal ini, pectrum memegang peranan yang sangat penting
sebagai alat bantu dalam pengolahan data. Penggunaan pectrum yang
dilengkapi dengan program aplikasi yang menunjang akan menghemat waktu,
biaya, dan tenaga serta memudahkan dalam menghasilkan informasi berkualitas
seperti yang dibutuhkan.

Kebutuhan akan suatu system informasi dewasa ini mencakup hampir di

segala ruang lingkup kehidupan. Setiap organisasi sangat membutuhkan
informasi yang akurat, cepat, dan relevan. Namun dalam kenyataanya hal
tersebut terkadang tidak sesuai dengan keinginan dan harapan yang hendak
dicapai, dikarenakan kurang atau terbatasnya pectrum informasi yang
digunakan.

Kantor Balmon Kupang merupakan kantor yang berdiri dibawah

naungan kominfo dan kantor ini bergerak di bidang pemonitoringan jaringan
frekuensi. Kebutuhan akan pectrum informasi sangat dibutuhkan oleh kantor
Balmon sebagai alat yang digunakan untuk mengelola keuangan.

Selain memonitoring jaringan frekuensi kantor Balmon Kupang juga

memberi izin kepada instansi-instansi untuk mendapatkan jaringan frekuensi.
Tapi terkadang setelah diberi izin sering kali instansi-instansi yang meminta
izin tersebut tidak dapat tepat waktu dalam membayar angsuran. Salah satu
penyebabnya adalah lupa, baik lupa mengenai tanggal jatuh tempo dan jumlah
uang yang harus dibayar. Dengan menggunakah teknologi WhatsApp, hal

1
 seperti itu bisa diminimalkan. Adapun teknologi yang digunakan adalah WA
Gateway.

WA Gateway merupakan salah satu dari sekian banyak dari API yang
mempumyai kemampuan untuk mengirim pesan ke ratusan nomor secara
otomatis dimana semua ratusan nomor akan diambil dari database. Dengan
menyediakan wa gateway yang begitu luas kegunaanya terutama untuk kualitas
pelayanan kantor Balmon Kupang sangat berguna sebagai pengingat
pembayaran tagihan frekuensi.

Dari latar belakang itulah maka sebagai penulis ingin merancang dan
membangun sebuah pectr informasi berbasis WEB dan WA yang dapat
memberikan informasi kepada pihak Balmon maupun instansi pengguna
frekuensi mengenai jumlah biaya yang harus dibayar, denda yang dibebankan
maupun tanggal jatuh tempo. Penulis menganggap pectr ini cukup penting
karena sangat membantu kantor Balmon dan instansi-instansi pengguna
jaringan frekuensi dalam memperlancar pembayaran.

1.2 RUMUSAN MASALAH

Berdasarkan latar belakang permasalahan yang telah diuraikan maka
dapat di ambil rumusan “Bagaimana membuat sistem informasi reminder
pembayaran tagihan frekuensi menggunakan wa gateway pada Kantor Balmon
Kupang berbasis WEB dan WA Gateway”.

1.3 TUJUAN
Tujuan penelitian ini adalah untuk membuat sistem informasi reminder
pembayaran tagihan frekuensi menggunakan wa gateway pada Kantor Balmon
Kupang berbasis WEB dan WA Gateway”.

2
1.4 MANFAAT
Adapun manfaat dari sistem ini adalah :

 Bagi kantor Balmon Kupang dengan adanya penelitian ini diharapkan dapat
mempermudah pihak kantor dalam mengingatkan kepada para pengguna
jaringan frekuensi mengenai pembayaran angsuran.
 Bagi instansi-instansi pengguna jaringan memermudah dalam memperoleh
informasi mengenai angsuran, tidak hanya menerima pesan pengingat,
instansi-instansi juga bisa meminta informasi angsuran dengan cara
mengirimkan chat WA ke pectr sesuai dengan format yang telah ditentukan.

1.5 BATASAN MASALAH

Batasan masalah dari perancangan sistem ini yaitu :

 Menangani pengingat pembayaran tagihan frekuensi, denda serta informasi-

informasi mengenai jumlah tagihan.
 Aplikasi dibangun menggunakan HTML, PHP, WA Gateway dan MYSQL
sebagai databasenya

3
 BAB II

TINJAUAN PUSTAKA

2.1 Sistem Informasi

Suatu sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari
unsur, komponen atau variable yang terorganisir, saling berinteraksi, saling
tergantung satu sama lain, dan terpadu. (Sutabri, 2012: 10). Sistem dapat
didefinisikan sebagai kumpulan dari komponen yang saling berhubungan satu
dengan yang lainya membentuk satu kesatuan untuk mencapai tujuan tertentu.
(Jogiyanto, 2008:34).Sistem adalah sekelompok bagian – bagian alat dan
sebagainya yang bekerja bersama-sama untuk melakukan sesuatu maksud
(KBBI, 2005:495). Berdasarkan definisi di atas dapat disimpulkan mengenai.
sistem. Sistem yaitu suatu kumpulan dari bagian-bagian yang saling
berhubungan membentuk satu kesatuan untuk mencapai tujuan tertentu.
Sistem informasi adalah seperangkat komponen yang saling berhubungan
yang fungsi untuk utama mengumpulkan, memproses, menyimpan dan
mendistribusikan informasi untuk mendukung pembuatan keputusan dan
pengawasan dalam organisasi (Husein dan Amin Wibowo, 1999: 8). Menurut Al-
bahra bin Ladjamudin (2005:13) sistem informasi dapat didefinisikan sebagai
suatu sistem yang dibuat manusia yang terdiri dari komponen-komponen dalam
organisasi untuk mencapi suatu tujaun yaitu menyajikan informasi.(O’Brien,
2019)

2.2 Internet
Adapun Pengertian Internet adalah jaringan komunikasi global yang terbuka
dan menghubungkan ribuan jaringan komputer, melalui sambungan telepon
umum maupun pribadi. Secara individual, jaringan komponennya dikelola oleh
agen-agen pemerintah, universitas, organisasi komersial, serta sukarelawan.
Internet dapat diartikan sebagai jaringan komputer luas dan besar yang

4
 mendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke negara
lain di seluruh dunia, dimana di dalamnya terdapat berbagai sumber daya
informasi dari mulai yang statis hingga yang dinamis dan interaktif.(Gafar, 2008)

2.3 WhatsApp Gateway

Whatsapp Gateway merupakan sebuah sistem aplikasi yang digunakan untuk
mengirim dan menerima pesan Whastapp dari web atau aplikasi lain ke
perangkat Whatsapp Anda. Dengan fitur ini, setiap gateway dan aplikasi dapat
terhubung dengan perangkat Whatsapp untuk saling bertukar informasi dan data.
Whatsapp Gateway dapat menyebarkan pesan ke ratusan nomor secara otomatis
dan cepat, yang langsung terhubung dengan database nomor-nomor kontak di
Whatsapp anda, tanpa harus mengetik ratusan nomor dan pesan di ponsel karena
semua nomor akan diambil secara otomatis dari database tersebut, sehingga
dapat menghemat waktu. Biasanya Whatsapp Gateway digunakan untuk
keperluan aplikasi bisnis, baik untuk kepentingan broadcast promosi, reminder
tagihan, servis informasi, penyebaran konten produk atau jasa dan lain-lain.

Beberapa Layanan Provider Penyedia Whatsapp Gateway:

1. Chat-API

Gambar 2. 1 Chat-Api

Chat-API menyediakan layanan Whatsapp API untuk Whatsapp Gateway

dengan tampilan UI yang sudah sangat baik, tersedia lebih dari 30 bahasa
pemrograman yang bisa dikonfigurasi atau digenerate Whatsapp API SDKs nya.

5
2. PremiumFastNet

Gambar 2. 2 PremiunmFastNet

PremiumFastNet merupakan suatu provider yang sudah memiliki data

center di beberapa benua seperti Asia, Amerika, dan Eropa. Selain
menawarkan jasa domain, seedbox, leechbox, RDP, dan lainnya. Premium
Fast Network juga menawarkan layanan Whastapp Gateway.

3. Woowa

Gambar 2. 3 Woowa

Woowa adalah WhatsApp Serverless API yang berfungsi untuk

mengirimkan pesan WhatsApp otomatis, Woowa sudah terintegrasi
dengan Woocommerce, Web Custom (Html,PHP,dll),
Elementor, Orderonline.id, dan platform lainnya.

6
4. Waboxapp

Gambar 2. 4 Waboxapp

Waboxapp dapat diandalkan untuk membuat aplikasi Whatsapp API

Gateway auto post message. Jika ingin menggunakan layanannya, Anda
harus punya akun terlebih dahulu. Cukup daftar dan bayar biaya
langganan untuk dapat menikmati layanannya. Namun, Anda juga bisa
mencoba memilih versi Free nya untuk dapat mencobanya.

5. Rapiwha

Gambar 2. 5 Rapiwha

Rapiwha tidak jauh berbeda dengan waboxapp.com, untuk

memulainya Anda perlu dulu memiliki akun agar dapat menikmati setiap
layanan yang telah disediakan. Anda pun juga bisa mencoba layanan yang
Free Trial saat mendaftar.

7
 6. Wabot

Gambar 2. 6 Wabot

WABOT merupakan sebuah aplikasi mobile berbasis android yang

dirancang untuk membantu dalam promosi dan interaksi dengan pelanggan
melalui Whatsapp.

Berikut beberapa fungsinya adalah:

 Sebagai Whatsapp Gateway

 Chat Bot Whatsapp
 Kirim pesan otomatis
 Pesan Whatspp terjadwal

Dan banyak Fungsi lainnya, seperti Auto Text, Keyboard Tool Android for
Bisnis, manajemen data kontak dan lainnya

2.4 Database

Sistem Basis Data adalah sistem yang terdiri atas kumpulan file (tabel) yang
saling berhubungan (dalam sebuah basis data di sebuah sistem komputer) dan
sekumpulan program (DBMS) yang memungkinkan beberapa pemakai dan

8
program lain untuk mengakses dan memanipulasi file-file tersebut.(Aditya
Prabowo, 2011)

2.4.1 Data Flow Diagram dan Diagram Conteks

Data flow diagram (DFD)/Diagram alir data adalah alat yang meng-
gambarkan aliran data melalui sistem dan atau pengolahan yang dilakukan
oleh sistem tersebut. DFD juga dapat dikatakan sebagai penggambaran
grafis atas sumber dan tujuan data, yang dapat memperlihatkan data berasal
dari mana dan menuju ke mana. Dalam arti lain data kedalam sistem atau
keluar dari sistem. DFD dapat melihatkan proses/kejadian (event) yang
dilakukan oleh suatu sistem dari organisasi terhadap data yang masuk ke
dalam sistem ataupun terhadap data yang keluar dari sistem, dan pada
akhirnya dapat dilihat data tersebut disimpan. Data Flow Diagram dimulai
dari diagram conteks yaitu diagram yang berisi gambaran umum dari
sistem. Jadi pada diagram conteks yang perlu kita tahu adalah sistem yang
kita buat mehasilkan informasi apa untuk pihak luar dan sistem tersebut
memerlukan data apa dari pihak luar. Atau dengan kata lain siapa yang
memberikan data dan kepada siapa saja informasi perlu diberikan.
Selanjutnya setelah conteks dibuat maka perlu buat diagram yang lebih
detail yaitu diagram nol dan diagram detail. DFD dipopulerkan Oleh
DeMacro & Yordan (1979) dan Gane & Sarson (1979 dengan
menggunakan pendekatan Metoda Analisis Sistem Terstruktur. DFD ini
merupakan model proses. Model proses merupakan teknik untuk
mengorganisasikan dan mendokumentasikan struktur dan alir data di dalam
sistem. (Soufitri, 2019)

9
 Gambar 2. 7 DFD

2.4.2 Entity Relationship Diagram (ERD)

“ERD adalah alat pemodelan data utama dan akan membantu
mengorganisasi data dalam suatu proyek ke dalam entitas- entitas dan
menentukan hubungan antar entitas”(Simarmata & Paryudi, 2010). Dengan
penggunaan Entity Relationship Diagram dalam bentuk gambar dapat
mempermudah dalam menganalisa kebutuhan suatu basis data dalam
sebuah sistem yang akan dibangun dengan lebih cepat dan mudah.(Rifai &
Yuniar, 2019)
Berikut merupakan symbol-simbol dari entity relationship digram(ERD).

10
 Gambar 2. 8 ERD

2.4.3 Kamus Data

Kamus data (data dictionary) adalah suatu penjelasan tertulis tentang
suatu data yang berada di dalam database atau suatu daftar data elemen
yang terorganisir dengan definisi yang tetap dan sesuai dengan sistem,
sehingga user dan analis sistem mempunyai pengertian yang sama tentang
input, output, dan komponen data strore.
Kamus data pertama berbasis kamus dokumen tersimpan dalam suatu
bentuk hard copy dengan mencatat semua penjelasan data dalam bentuk
yang dicetak. Walau sejumlah kamus berbasis dokumen masih ada, praktik
yang umum saat ini ialah mempergunakan kamus data yang
berbasis komputer. Pada kamus data berbasis komputer, penjelasan data
dimasukkan ke dalam komputer dengan memakai Data Description
Language (DDL) dari sistem manajemen database, sistem kamus atau
peralatan CASE Kamus data tidak perlu dihubungkan dengan diagram arus
data dan formulir-formulir kamus data dirancang untuk mendukung
diagram arus data.

11
2.5 Website
Website adalah sebuah media yang terus berkembang mengikuti pesatnya
kemajuan teknologi yang mendukung saat ini, Ebay adalah salah satu pelopor
penting dalam pesatnya penggunaan website untuk mempresentasikan cara baru
di dunia bisnis dengan cara penggunaan soal pembelian, penjualan, dan
advertising yang menyediakan media untuk memungkinkan pengguna maupun
calon konsumen mendapatkan pesan dan interaksinya. Pengaruh sebuah web
dalam periklanan biasanya saat website perushaan yang disebut dengan
homepage, adalah wajah atau wadah online sebuah perusahaan maupun brand
tersebut. Website adalah media komunikasi yang menyatukan perbedaan antar
bentuk komunikasi dalam beberapa hal sering tampak seperti brosur korporat
online atau katalog online.(Mustofa et al., 2014)

2.5.1 XAMPP
Menurut Purbadian (2016:1), berpendapat bahwa “XAMPP merupakan
suatu software yang bersifat open source yang merupakan pengembangan
dari LAMP (Linux, Apache, MySQL, PHP dan Perl)”. Menurut Kartini
(2013:27-26), “Xampp merupakan tool yang menyediakan paket perangkat
lunak ke dalam satu buah paket”. Berdasarkan pengertian diatas dapat
disimpulkan bahwa Xampp merupakan tool pembantu pengembangan
paket perangkat lunak berbasis open source yang 19 menggabungkan
Apache web server, MySQL, PHP dan beberpa modul lainnya di dalam
satu paket aplikasi.(Tatang, 2019)

2.5.2 PHP (Hypertext Preprocessor)

Pengertian PHP menurut Kristanto (2010:9), “PHP adalah bahasa
pemrograman yang digunakan secara luas untuk penanganan pembuatan
dan pengembangan sebuah web dan bisa digunakan pada HTML”. PHP
merupakan singkatan dari “PHP : Perl Hypertext Preprocessor”, dan
merupakan bahasa yang disertakan dalam dokumen HTML sekaligus
bekerja di sisi server (server-server HTML-embedded scripting). Artinya
sintaks dan perintah yang diberikan akan sepenuhnya dijalankan di server

12
 tetapi disertakan pada halaman HTML biasa, sehingga scriptnya tak
tampak disisi client. PHP dirancang untuk dapat bekerja sama dengan
database server dan dibuat sedemikian rupa sehingga pembuatan dokumen
HTML yang dapat mengakses database menjadi begitu mudah. Tujuan
dari bahasa scripting ini adalah untuk membuat aplikasi dimana aplikasi
tersebut dibangun oleh PHP pada umumnya akan memberikan hasil kepada
web browser, tetapi proses keseluruhannya dijalankan di server. Adapun
kelebihan-kelebihan dari PHP yaitu:
a. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah
kompilasi dalam penggunaannya. Tidak seperti halnya bahasa
pemrograman aplikasi yang lainnya.

b. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS
atau PWS juga pada apache yang bersifat open source.

c. Karena sifatnya yang open source, maka perubahan dan perkembangan

interpreter pada PHP lebih cepat dan mudah, karena banyak milis-milis dan
developer yang siap membantu pengembanganya.(Tatang, 2019)

2.5.3 MySQLI
MySQL adalah relational database management system (RDBMS)
yang diditribusikan secara gratis dibawah licensi GPL (General Public
License). MySQL sebenarnya merupakan turunan salah satu konsep utama
dalam database sejak lama yaitu SQL (Structured Query Language). SQL
adalah sebuah konsep pengoperasian database terutama untuk
pemilihan/seleksi dan pemasukan data yng memungkinkan pengoperasian
data dikerjakan dengan mudah dan secara otomatis. Keandalan suatu sistem
database dapat diketahui dari cara kerja optimizer nya dalam melakukan
proses perintah-perintah SQL, yang dibuat oleh user maupun program-
program aplikasinya. Sebagai database server, MySQL dapat dikatakan

13
 lebuh unggul dibandingkan database server lainnya dalam query data. Hal
ini terbukti untuk query yang dilakukan oleh single user, kecepatan query
My SQL dapat sepuluh kali lebih cepat dari PostgreSQL dan lima kali
lebih cepat dibandingkan Interbase.(Candra et al., 2015)

2.6 Metode Waterfall

Dalam menunjang penyusunan penelitian ini, maka penulis menggunakan
metode pengembangan perangkat lunak dan pengumpulan data-data yang
dibutuhkan. Metode yang digunakan pada pengembangan perangkat lunak
perancangan sistem informasi ujian berbasis web menggunakan model
waterfall, alasan menggunakan metode waterfall adalah Karena Metode ini
tahapan dan juga urutan dari metode yang dilakukan berurutan dan
berkelanjutan, seperti layaknya sebuah air terjun. Tahapan - tahapan model
waterfall (Purnia et al., 2019) adalah:
1. Analisis Kebutuhan Perangkat Lunak Dalam analisa kebutuhan ini
bertujuan untuk menganalisis kebutuhan yang dibutuhkan dalam
perancangan baik berupa dokumen maupun sumber lain yang dapat
membantu dalam menentukan solusi permasalahan yang ada baik dari sisi
user maupun admin.
2. Desain Dalam Desain perangkat lunak menggunakan permodelan basis data
dengan menggunakan ERD (Entity Relationship Diagram).
3. Pembuatan Kode Program Dalam tahap ini peneliti mulai membangun
aplikasi sesuai dengan analisis kebutuhan untuk membuat form input dan
output dengan aplikasi berbasis mobile dengan bahasa pemrograman
android.
4. Pengujian Pada tahapan ini pengujian program dilakukan dengan
menggunakan BlacBox Testing dengan harapan bahwa perancangan yang
sudah dibuat dapat berjalan dengan sesuai kehendak.
5. Pendukung (Support) atau Pemeliharaan Dalam proses pemeliharaan ini
penulis mengupayakan pengembangan sistem yang telah di rancang terkait

14
software dan hardware dapat dibuat maksimal agar aplikasi dapat berjalan
dengan baik.(Purnia et al., 2019)

Gambar 2. 9 Motode Waterfall

15
 BAB III

METODE PENELITIAN

3.1 Lokasi dan Waktu penelitian

Adapun lokasi dan waktu penelitian adalah sebagai berikut :
1. Lokasi yang dipakai penulis sebagai tempat penelitian adalah Kantor
Blmon Kupang, Jl.Perintis Kemerdekaan 1, Kayu Putih, Kota Kupang
2. Jadwal penelitian yang dibutuhkan oleh penulis untuk menyelesaikan
penelitian sampai penyusunan proposal tugas akhir seperti yang terdapat
pada tabel dibawah ini.
Tabel 3. 1 Waktu Penelitian

Tahun 2022
No Kegiatan
Mei Juni Juli Agustus September Oktober
1 Persiapan
Penyusunan
2
Proposal
3 Ujian Proposal

Revisi
4
Proposal
Pembuatan
5 dan Pengujian
Sistem
Penyusunan
6
TA
7 Ujian TA
Revisi dan
8
Penjilidan TA

16
3.2 Metode peneliatian
Metode penelitian merupakan ilmu yang mempelajari metode-
metode penelitian, ilmu tentang alat penelitian. Di lingkungan filsafat,
logika, dikenali sebagai ilmu tentang alat untuk mencari kebenaran.
Dalam penelitian ini, jenis yang digunakan adalah metode waterfall.

3.2.1 Analisa kebutuhan Sistem

Analisis kebutuhan sistem merupakan suatu kebutuhan yang
berhubungan dengan fitur-fitur yang ada pada sistem informasi tersebut.

1. Kebutuhan input.
a. Admin
 WA reminder jatuh tempo
 Laporan pembayaran bulanan
 Data pengguna
 Data persyaratan izin pengguna frekuensi
 Data pembyaran
 Data denda
b. Pengguna
 Permintaan izin frekuensi
2. Kebutuhan Proses
Dilakukan proses pengolahan data berdasarkan data yang telah
diinput oleh admin dan pengguna untuk menghasilkan output berupa
informasi yang akan diberikan kepada pengunjung website.
3. Kebutuhan Output
a. Admin
 Permintaan izin frekuensi
b. Pengguna
 Waktu jatuh tempo
 Info data persyaratan

17
3.3 System and Software Design
1.3.1 Diagram Conteks
Diagram conteks adalah diagram tingkat atas, yaitu diagram secara global dari
sebuah sistem informasi yang menggambarkan aliran-aliran data ke dalam dan ke
luar dari dalam dan luar entitas eksternal.

Gambar 3. 1 Diagram Conteks

Penjelasan Menganai Diagram Conteks :

Dalam Diagram Conteks ini hanya melibatkan 2 Entitas penting yaitu Admin dan
Instansi Pengguna. Instansi Pengguna yang mengakses system dapat melihat info
persyaratan untuk membuka sebuah frekuenzi baru yang telah di input sebelumnya
oleh admin kedalam sistem.
Instansi Pengguna yang ingin membuka frekuenzi baru tersebut memasukan
berkas-berkas persyaratan kepada kantor Balmon melalui system, setelah itu Admin

18
mengakses data-data permintaan izin frekuenzi yang telah di masukan. Jika data
tersebut sesuai dengan info persyaratan yang telah ditetapkan oleh pihak Balmon
maka instansi tersebut diterima untuk membuka frekuensi baru.
Jika semua sudah dilakukan maka tahap berikutnya akan dilakukan proses
transaksi pembayaran. Pengguna frekuenzi baru pada kantor Balmon wajib
melakukan transaksi pembayaran terlebih dahulu kemudian pembayaran akan
dihitung perbulannya.
Setelah pembayaran pertama telah dilakukan maka pembayaran selanjutnya akan
dihitung berdasarkan perbulan. Jika instansi pengguna tidak melakukan pembayaran
sesuai tanggal jatuh tempo maka sistem akan secara otomatis mengrimkan WA
reminder atau pengingat kepada pengguna. Sistem juga akan memasukan nama
pengguna kedalam daftar denda (denda di hitung perminggu dengan mengambil 10%
dari biaya pembayaran) karena sudah telat atau lalai dalam melakukan pembayaran.

19
1.3.2 DFD (Data Flow Diagram)

Gambar 3. 2 Data Flow Diagram (DFD)

20
Penjelasan mengenai Data Flow Diagram (DFD) :

 Pada proses input data admin memasukan data-data para pengguna yang ingin
membuka frekuenzi baru pada proses ini juga dihasilkannya table pengguna
 Pada proses perizinan admin menginput data perizinan dan pengguna juga
memasukan persyaratan dalam proses ini. Jika persyaratan diterima maka
akan menghasilkan table perizinan. Dalam table perizinan ini terdapat nama-
nama instansi pengguna yang telah diterima berkas-berkasnya
 Proses data pembayaran, admin menginput besaran biaya pembayaran pada
setiap instansi pengguna. Pembayaran akan dilakukan apabila pengguna telah
melewati tahapan proses perizinan dalam proses ini juga dihasilkannya table
pembayaran.
 Perhitungan denda. Jika proses pembayaran tidak dilakukan dengan tepat
waktu maka para pengguna yang telah diberikan izin tersebut akan dikenakan
denda sesuai dengan yang telah diinput oleh admin kedalam sistem. Dalam
proses ini juga dihasilkannya table denda.
 Yang terakhir WA Reminder. Jika proses pembayaran tidak dilakukan dengan
tepat waktu atau dengan kata lain melewati tanggal jatuh tempo maka secara
otomatis sistem akan dengan sendirinya mengirimkan WA Reminder atau
pengingat kepada para pengguna sekaligus dengan perhitungan dendanya.

21
1.3.3 ERD (Entity Relationship Diagram)

Gambar 3. 3 Entity Relationship Diagram (ERD)

22
Penjelasan tentang Entity Relationship Diagram (ERD)

 Seorang admin menangani banyak pengguna tetapi seorang pengguna hanya

ditangani oleh satu orang admin, sehingga relasi tersebut merupakan relasi One
to Many
 Sebuah instansi pengguna mengajukan ijin pembuatan frekuenzi baru kepada
satu bagian perizinan tetapi satu bagian perizinan mendapatkan banyak
permohonan izin dari banyak instansi pengguna, sehingga relasi tersebut
merupakan relasi One to Many
 Satu pesan WA Reminder ditujukan kepada banyak instansi pengguna frekuenzi
tetapi sebuah instansi pengguna hanya menerima satu pesan WA reminder,
sehingga relasi tersebut merupakan relasi One to Many
 Transaksi pembayaran dilakukan oleh banyak instansi pengguna dan setiap
instansi pengguna melakukan sekali pembayaran perbulannya, sehingga relasi
tersebut merupakan relasi One to Many
 Satu transaksi pembayaran jika tidak dilakukan maka akan mendapatkan
beberapa denda dan denda sebuah akan dikenakan bila tidak melakukan sebuah
transaksi pembayaran, sehingga relasi tersebut merupakan relasi One to Many

23
1.3.4 Kamus Data
Data yang diperlukan untuk membuat sistem informasi ini sebagai
berikut :

1) Tabel Pengguna
Tabel 3. 2 Tabel Pengguna

Nama Field Type/Lebar

id_pengguna Int (5)

no_handphone Varchar (50)

Alamat Varchar (50)

nama_pengguna Varchar (50)

2) Tabel Pembayaran

Tabel 3. 3 Tabel Pembayaran

Nama Field Type/Lebar

id_pembayaran Int (5)

nama_pengguna Varchar (50)

biaya_pembayaran Varchar (50)

tgl_jatuh_tempo Date

24
3) Tabel Denda

Tabel 3. 4 Tabel Denda

Nama Field Type/Lebar

id_denda Int (5)

id_pembayaran Int (5)

biaya_denda Varchar (50)

status_denda Varchar (50)

4) Tabel WhatsApp

Tabel 3. 5 Tabel WhatsApp

Nama Field Type/Lebar

id_pengguna Int (5)

no_handphone Varchar (50)

nama_pengguna Varchar(50)

tgl_pengiriman Date

25
5) Tabel Admin

Tabel 3. 6 Tabel Admin

Nama Field Type/Lebar

id_admin Int (5)

id_pengguna Varchar (50)

no_handphone Varchar(50)

6) Tabel Perizinan

Tabel 3. 7 Tabel Perizinan

Nama Field Type/Lebar

surat_perizinan Varchar (100)

ssid_pengguna Varchar (50)

26
 1.3.5 Perancangan Interface
Tampilan dari sistem ini sebagai berikut :

1. Tampilan Login

Gambar 3. 4 Tampilan Login

2. Tampilan Dashboard

27
 Gambar 3. 5 Tampilan Dashboard

3. Tampilan Pengguna

Gambar 3. 6 Tampilan Pengguna

4. Tampilan Transaksi

28
 Gambar 3. 7 Tampilan Transaksi

5. Tampilan Laporan

Gambar 3. 8 Tampilan Laporan

29
 6. Tampilan WhatsApp

Gambar 3. 9 Whatsapp

3.4 Implementation and unit testing

pengujian unit adalah untuk mengisolasi setiap komponen produk, sistem,
atau program dan menunjukkan bahwa kinerja masing-masing komponen ini
benar.

30
 Tujuan Pengujian mendemonstrasikan, memvalidasi, dan mengukur
karakteristik fungsional dan kinerja suatu sistem atau produk
Unit pengujian melibatkan memverifikasi bahwa setiap unit memenuhi
spesifikasinya. Pada tahap ini juga disebut tahap pengkodean coding merupakan
proses menerjemahkan desain ke dalam suatu bahasa yang dimengerti oleh
computer.

3.5 Integration and system testing

Dalam rangkaian pengujian perangkat lunak , pengujian integrasi
sistem adalah uji coba yang berada di level kedua setelah pengujian unit .
System integration testing atau biasa disingkat SIT adalah
pengujian perangkat lunak yang dilakukan dalam lingkup gabungan
antara perangkat keras dan perangkat lunak . Setelah melakukan itu, software
engineer jadi bisa menilai sistemnya secara keseluruhan, mengetahui apakah
persyaratannya sudah terpenuhi atau belum, dan lain-lain. Di dalam sebuah
sistem perangkat lunak , terdapat rangkaian modul atau semacam
komponen. Nah, SIT ini diadakan untuk menguji interaksi di antara modul-
modul tersebut.

3.6 Operation and maintenance

Pengertian ini dapat disimpulkan perawatan pada sofware ialah suatu
tindakan semua aktivitas yang dilakukan untuk menjaga kondisi system
informsai sehingga system dapat bekerja dengan optimal. Perawatan juga
mencakup semua tindakan yang diperlukan untuk mampu mempertahankan,
mengupgrade dan menjaga agar di dalam system tidak terjadinya eror atau
gangguan pada system sehingga kinerja system bisa dapat dengan mudah
diakses oleh admin dan user.

31
 BAB IV
Hasil dan pembahasan

Perkembangan kebutuhan informasi sejalan dengan perkembangan ilmu

pengetahuan dan teknologi yang semakin pesat, khususnya ilmu pectrum dan
internet. Dalam hal ini, pectrum memegang peranan yang sangat penting sebagai alat
bantu dalam pengolahan data. Penggunaan pectrum yang dilengkapi dengan program
aplikasi yang menunjang akan menghemat waktu, biaya, dan tenaga serta
memudahkan dalam menghasilkan informasi berkualitas seperti yang dibutuhkan.
Kantor Balmon Kupang merupakan kantor yang berdiri dibawah naungan kominfo
dan kantor ini bergerak di bidang pemonitoringan jaringan frekuensi. Kebutuhan akan
pectrum informasi sangat dibutuhkan oleh kantor Balmon sebagai alat yang
digunakan untuk mengelola keuangan.Selain memonitoring jaringan frekuensi kantor
Balmon Kupang juga memberi izin kepada instansi-instansi untuk mendapatkan
jaringan frekuensi. Adapun teknologi yang digunakan adalah WAGateway. WA
Gateway merupakan salah satu dari sekian banyak dari API yang mempumyai
kemampuan untuk mengirim pesan ke ratusan nomor secara otomatis dimana semua
ratusan nomor akan diambil dari database. Dengan menyediakan wa gateway yang
begitu luas kegunaanya terutama untuk kualitas pelayanan kantor Balmon Kupang
sangat berguna sebagai pengingat pembayaran tagihan frekuensi.

4.1 . Sistem informasi reminder pembayaran tagihan frekuensi radio

menggunakan wa gateway pada kantor balmon kupang
Berikut merupakan tahapan dalam pembuatan system informasi reminder pembayaran
tagihan frekuansi radio menggunakan wa gateway pada kantor Balmon kupang

4.1.1 Mengatifkan XAMPP

Langkah pertama dalam pembuatan aplikasi ini adalah dengan membuka

aplikasi Xampp. Setelah aplikasi Xampp berjalan, selanjutnnya mengaktifkan
webserver dan DBMSnya dengan mengklik tombol start pada actions Appace
dan MySQL. Setelah backgroud pada module appace dan MySQL berubah

32
 warna menjadi hijau maka web servernya sudah berhasil berjalan serta dapat
digunakan seperti yang terlihat pada gambar 4.1.

Gambar 4. 1
(Xampp
yang telah
diaktifkan)

33
 Aplikasi XAMPP ini berfungsi sebagai web server untuk menjalankan
sementara aplikasi yang telah dibuat menggunakan format localhost. XAMPP
memiliki fitur-fitur dengan fungsinya masing-masing seperti Apache berfungsi
sebagai web server dari PHP. Kemudian selanjutnya MySQL berfungsi untuk
web server dari database dengan format localhost/phpMyAdmin.

4.1.2 Pembuatan Database Pada MySQL Server

Setelah mengaaktifkan server pada xampp, selanjutnya adalah pembuatan
databse. Pembuatan databasee ini dilakukan dengan menggunakan GUI MySQL
yang dapat diakses dengan menggunakan web browser. Setelah antarmuka
phpMyadmin dibuka langka selanjutnya dengan membuat data base baru.
Untuk sistem ini penulis menggunakan pd sebagai nama databasenya.
Pada pembuatan database ini, penulis membuat 6 tabel dibawah ini.

Tabel 4. 1 Tabel Database

No Tabel utama Tabel penunjang

1 Admin

2 Pelanggan

3 transaksi

Pada gambar 4.2 dibawah ini adalah tampilan dari database dan juga 7 tabel
yang telah dibuat sebelumnya. Tampilan dibawah ini merupakan keseluruhan
tabel yang ada pada database.

34
 Gambar 4. 2 (Pembuatan Database)

4.1.3 Halaman Login

Halaman ini menampilkan menu login yang memiliki dua pilihan login yang
dapat diakses oleh, admin, dan pelanggan. Untuk dapat masuk ke dalam
sistem, admin dan pelanggan harus memiliki username, password.
Pada menu login, pelanggan ke sistem menginput username, password,
Berikut ini adalah script Login (login.php.)
Saat user masuk ke halaman login maka session akan dimulai dan koneksi ke
database akan dibuka menggunakan script

<?php
require_once "templeate/head.php";
?>

<body class="bg-gradient-primary">

<div class="container">

<!-- Outer Row -->

<div class="row justify-content-center">

35
 <div class="col-xl-10 col-lg-12 col-md-9">

<div class="card o-hidden border-0 shadow-lg my-5">

<div class="card-body p-0">
<!-- Nested Row within Card Body -->
<div class="row">
<div class="col-lg-6 d-none d-lg-block "></div>
<div class="col-lg-6">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-4">Welcome Back!</h1>
</div>

Lalu server akan meminta user untuk memasukkan username dan password.

Setelah memasukan username dan password, maka sistem akan

mengeksekusi script.
<?php
require_once "templeate/head.php";
?>

<body class="bg-gradient-primary">

<div class="container">

<!-- Outer Row -->

<div class="row justify-content-center">

<div class="col-xl-10 col-lg-12 col-md-9">

<div class="card o-hidden border-0 shadow-lg my-5">

<div class="card-body p-0">
<!-- Nested Row within Card Body -->
<div class="row">
<div class="col-lg-6 d-none d-lg-block
"></div>
<div class="col-lg-6">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-
4">Welcome Back!</h1>

36
 </div>
<form class="user" method="POST"
action="prosesLogin.php">
<div class="form-group">
<input type="text"
class="form-control form-control-user" id="username" name="username"
aria-describedby="emailHelp" placeholder="username...">
</div>
<div class="form-group">
<input type="password"
class="form-control form-control-user" id="password" name="password"
placeholder="Password">
</div>
<button class="btn btn-primary
btn-user btn-block" type="submit" name="login">
Login
</button>
<hr>
<div class="text-center">
<a class="small"
href="forgot-password.html">Forgot Password?</a>
</div>
<div class="text-center">
<a class="small"
href="register.html">Create an Account!</a>
</div>
</div>
</div>
</div>
</div>
</div>

</div>

</div>

</div>

<?php

require_once "templeate/foot.php";
?>

37
 Setelah proses login berhasil maka akan muncul alert atau peringatan login
sukses lalu pengguna akan diarahkan ke halaman Index/utama SI reminder
pembayaran tagihan frekuansi radio.

Gambar 4.3 (Halaman Login Pelanggan)

4.1.4 Halaman Dashboard

Tampilan dasboard merupakan tampilan awal yang akan dilihat oleh user setelah
mengakses website system informasi reminder pembayaran tagihan frekuansi radio
menggunakan wa gateway pada kantor Balmon kupang .
1. Tampilan Menu Dasboard Admin
Admin sendiri adalah admin yang memiliki keseluruhan hak untuk mengakses
system informasi reminder pembayaran tagihan frekuansi radio menggunakan wa
gateway pada kantor Balmon kupang , yang dimana admin melihat jumlah
pengguna,data pembayaran lunas dan pembayaran belum lunas untuk mengelolah
data pada SI reminder pembayaran tagihan frekuansi radio dan bisah mengakses
website untuk melihat dan memberikan laporan dalam SI ini.
a. Tampilan dashboard admin
Halaman ini merupakan halaman yang akan ditampilkan pertama kali
saat admin berhasil login ke sistem.
Berikut adalah script untuk halaman dashboard admin

38
 <?php
require_once "config/koneksi.php";
// pengguna
$query = "SELECT * FROM tb_pengguna";
$data = mysqli_query($db, $query);
$p = mysqli_num_rows($data);
// end pengguna
// teknisi
$query = "SELECT * FROM tb_pembayaran Where Status='lunas'
";
$data = mysqli_query($db, $query);
$t = mysqli_num_rows($data);
// end Teknisi
// edc
$query = "SELECT * FROM tb_pembayaran Where Status='Belum
lunas' ";
$jumlah = mysqli_query($db, $query);
$e = mysqli_num_rows($data);

Pada halaman admin ini, bertugas melihat data-data yang berupa

jumlahpengguna ,data pembayaran lunas dan pembayran belum lunas.

Gambar 4.4 (Tampilan Dashboard Admin)

b. Tampilan profile admin

Tampilan menu halaman profile pada dasarnya memiliki tampilan
yang sama dengan tampilan pada halaman dashboard. Perbedaannya

39
adalah pada tampilan menu profile ini menampilkan username dan
password admin.

Untuk menampilkan data profile ke dalam tabel menggunakan script.

<?php
require_once "config/koneksi.php";
$query = "SELECT * FROM tb_admin";
$data = mysqli_query($db, $query);
$tampil = mysqli_fetch_assoc($data)
?>
<!-- Basic Card Example -->
<div class="container-fluid">
<h1 class="h3 mb-2 text-gray-800">Profile</h1>
<div class="row">
<div class="col-lg-6">
<div class="card shadow mb-">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-
primary">Profil Admin <?= $_SESSION['admin']; ?></h6>
</div>
<div class="card-body p-10">
<div class="col-md-4 ">
<div class="row align-items-
center">
<img class=" img-profile
rounded-circle" src="asset/img/undraw_profile.svg">
</div>
</div>
<div class="p-2">
<div class="col-lg-6 mb-4">
<h5 class="mt-2 font-weight-
bold text-secondary">Nama : <?= $tampil['User_name']; ?>
</h5>
<h5 class="mt-2 font-weight-
bold text-secondary"> Pass : <?= $tampil['Password'];
?></h5>

<a class="btn btn-success"

data-toggle="modal" data-target="#editModalPro<?php echo
$tampil['Id_admin']; ?>">edit</a>
</div>
</div>

40
 </div>
</div>

</div>
</div>
</div>
</div>
</div>
</div>

Script tersebut akan melakukan koneksi ke database lalu menyeleksi

data dari profile berdasarkan id untuk ditampilkan ke dalam tabel profile
secara descending.

Gambar 4.5 (profile – Admin)

c. Tampilan data pengguna

Tampilan data pengguna memiliki tampilan yang hampir sama dengan
tampilan pada profile. Perbedaannya terletak pada isi data yang ditampilkan
pada tabel yaitu data nama pelanggan, alamat dan nomor hp. Dengan
menggunakan pemanggilan script,

<?php
require_once "config/koneksi.php";
?>
<!-- Begin Page Content -->
<div class="container-fluid">

41
 <!-- Page Heading -->
<h1 class="h3 mb-2 text-gray-800">Data Pengguna</h1>
<div class="card-body">
<a class="btn btn-primary" data-toggle="modal"
data-target="#tambahModal">Tambah</a>
</div>
Dengan dua aksi yang berbeda sesuai dengan nama dan fungsinya yaitu edit
dan hapus. Berikut adalah tampilan dari menu pembelian.

Gambar 4.6 (Tampilan pengguna – Admin)

d. Tampilan transaksi
Tampilan menu transaksi hampir sama seperti tampilan sebelumnya.
Perbedaannya terletak pada isi data yang ditampilkan pada tabel tersebut
yaitu data laporan. Dengan menggunakan pemanggilan script,

<?php
require_once "config/koneksi.php";
?>
<!-- Begin Page Content -->
<div class="container-fluid">

<!-- Page Heading -->

<h1 class="h3 mb-2 text-gray-800">Pembayaran</h1>
<div class="card-body">
<a class="btn btn-primary" data-toggle="modal"
data-target="#tambahModalEdc">Tambah</a>
</div>

42
 Dengan satu aksi sesuai dengan nama dan fungsinya yaitu melihat laporan.
Berikut adalah tampilan dari menu pembayaran.

Gambar 4.7 (Tampilan pembayaran– Admin)

1. Tampilan Menu Dashboard User

Pada halaman data user ini terdapat 3 submenu yaitu menu dashboard yang
akan menampilkan dashboard, data pofile user dan transaksi.
a. Tampilan menu dashboard
Tampilan menu home menampilkan data pembyaran lunas dan data bealum
lunas. Dengan menggunakan pemanggilan script,

<?php
require_once "config/koneksi.php";
// pengguna

// teknisi
$query = "SELECT * FROM tb_pembayaran Where Status='lunas'
";
$data = mysqli_query($db, $query);
$t = mysqli_num_rows($data);
// end Teknisi
// edc
$query = "SELECT * FROM tb_pembayaran Where Status='Belum
lunas' ";

43
 $jumlah = mysqli_query($db, $query);
$e = mysqli_num_rows($data);

Berikut adalah tampilan dari menu dashboard.

Gambar 4.9 (Tampilan dashboard – User)

b. Tampilan menu profile

Tampilan menu halaman profile pada dasarnya sama dengan tampilan pada
halaman dashboard yang sama-sama ada pada data user. Berikut adalah
tampilan dari menu profile.
Untuk mencetak data yang di dalam website menggunakan script,

<?php

require_once "config/koneksi.php";

$query = "SELECT * FROM tb_pengguna";

$data = mysqli_query($db, $query);

$tampil = mysqli_fetch_assoc($data)

?>

Script tersebut akan mengambil data yang berada di database.

44
 Berikut ini adalah tampilan menu profile.

Gambar 4. 10 (Tampilan profile – User)

c. Halaman Login
Tampilan menu halaman login pada dasarnya sama dengan tampilan
pada halaman keranjang yang sama-sama ada pada data user. Halaman ini
juga memiliki aksi yang sesuai dengan nama dan fungsinya yaitu login.

Berikut merupakan script untuk login pada web,

<h1 class="h4 text-gray-900 mb-4">Welcome User</h1>

</div>
<form class="user" method="POST" action="prosesLogin.php">
<div class="form-group">

Berikut merupakan script untuk tombol login pada web,

<button class="btn btn-primary btn-user btn-block"

type="submit" name="login">

Login

</button>

45
 Berikut ini adalah tampilan menu login.

.
Gambar 4.11 (Tampilan login – User)

d. Halaman transaksi
Tampilan menu halaman transaksi pada dasarnya sama dengan tampilan
pada halaman dashboard yang sama-sama ada pada data user.
Berikut merupakan script untuk transaksi pada web,

<?php

require_once "config/koneksi.php";

?>

<!-- Begin Page Content -->

<div class="container-fluid">

<!-- Page Heading -->

<h1 class="h3 mb-2 text-gray-800">Tagihan</h1>

<!-- DataTales Example -->

<div class="card shadow mb-4">

46
 Gambar 4.12 (Tampilan transaksi – User)

4.2 Pengujian Sistem

Sesuai dengan perancanngan yanng telah dibuat yaitu terdapat empat
pengujian pada sistem yaitu :

4.1.1 Pengujian Kompatibilitas Sistem

Pengujian Sistem ini berhubungaan dengan proses pengujian sistem
yang telah dikerjakan. Yang dimana pengujian ini digunakan untuk menguji
aksesibilitas dari web yang telah dibuat. Pengujian web ini dilakukan dengan
menggunakan beberapa aplikasi web browser dan hasil pengujian tersebut.
Tabel 4.21 Aplikasi Web Browser

No Web Browser Kompatibel

Google Chrome,
1 √
Version 103.0.5060.134
Internet Explorer,
2 √
Version 10.0.9200.16521

47
 Berikut merupaka tampilan website dalam beberapa aplikasi browser
yang digunakan untuk pengujian.

4.2.2 Pengujian Fungsionalitas

Pengujian fungsionalitas pada Sistem Informasi Penjualan Produk Kejuruan
Mebel UPTD Berbasis Web ini menggunakan metode Black-Box Testing.

1. Pengujian halaman Login

Tabel 4.2 (Pengujian Halaman Login)

Pengujian Halaman Login

Memasukan username dan password pada halaman

Prosedur login.

Input Username dan password

Pengamatan Masuk pada halaman home

Kesimpulan Berhasil

48
 2. Pengujian halaman dashboard Admin
Tabel 4.3 (Pengujian Halaman dashboard Admin)

Pengujian Halaman Produk Admin

Melihat data jumlah pengguna,data pembayaran lunas

Prosedur dan pembayaran belum lunas

Input

Melihat data jumlah pengguna,data pembayaran lunas

Pengamatan dan pembayaran belum lunas

Kesimpulan Berhasil

Tabel 4.4 (Pengujian Halaman profile Admin)

Pengujian Halaman data Tambah Produk Admin

Prosedur Berisi data admin

Input Nama admin dan password admin

Pengamatan Masuk pada halaman Data admin

Kesimpulan Berhasil

Tabel 4.5 (Pengujian Halaman transaksi Admin)

Pengujian Halaman Ubah Produk Admin

Memasukan Data id pembayaran, nama pengguna, biaya,

Prosedur jatuhtempo dan status

Data id pembayaran, nama pengguna, biaya, jatuhtempo

Input dan status

Pengamatan Masuk pada halaman Data transaksi

Kesimpulan Berhasil

49
4.2.3 Pengujian Performa
Pengujian performa dari aplikasi pelayanan ini menggunakan tes kecepatan yang
berapa pada browser. Pengujian ini dapat dilakukan dengan mengklik kanan pada
pada halaman browser lalu memillih inspeksi atau bisa juga dengan mengklik
tombol f12 pada keyboard. Setelah ditampilkan inspeksi dari halaman
selanjutnya memilih menu kinerja Berikut ini adalah hasil kinerja dari aplikasi.

Gambar 4.14 (Kinerja Sistem)

Keterangan :

1. Nilai 0 – 49 menunjukkan bahwa kecepatan website yang lambat.

2. Nilai 50 – 89 mengindikasikan bahwa kecepatan website rata – rata.
3. Nilai 90 – 100 menandakan website memiliki loading yang cepat.
4. Performance (performa) dapat diartikan sebagai kecepatan rata – rata yang wajib
dimiliki oleh suatu website.
5. Accessibility dapat diartikan sebagai ketersediaan dan kemudahan pengguna untuk
mengakses konten dari suatu website dengan segala keterbatasan yang dimiliki oleh
pengguna dan juga menggunakan berbagai macam perangkat komputer atau
handphone.
6. Best Practice disini dapat diartikan sebagai tingkat keberhasilan website ini dalam
mengatasi dan menunjang permalasahan yang ada.

50
7. SEO atau Search Enggine Optimization merupakan suatu upaya mengoptimasi
website agar mendapat ranking teratas di hasil pencarian google, sehingga situs
akan lebih mudah ditemukan sehingga berpotensi menyedot lebih banyak traffic.

51
 BAB V
KESIMPULAN DAN SARAN

5.1 Kesimpulan
Berdasarkan perancangan dan pembuatan SI reminder pembayaran tagihan
frekuensi radio menggunakan wa gateway pada kantor Balmon kupang

, maka dapat disimpulkan beberapa hal penting sebagai berikut :

1. Sistem Informasi reiminder pembayaran tagihan freakuesi radio

menggunakan wa gateway dibuat dan didesain dengan menggunakan
framework Bootstrap versi 4.6.
2. Menggunakan PHPMyAdmin sebagai database server.
3. Sistem Informasi yang dibuat dapat memberi solusi bagi pengguna atau
petugas khususnya bagian penguna agar tidak kesulitan dalam mengatahui
tariff pembyaran pada kantor Balmon kupang
4. pengguna lebih mudah mendapatkan informasi secara real time untuk
mendapatkan data biaya pembayaran dan waktu jatuh tempo pembayaran.

5.2 Saran
Sistem ini masih dikembangkan sehingga nantinya dapat menambahkan fitur -
fitur lain yang dapat membantu dan lebih admin dan user pada kantor Balmon kupang
:

52
 DAFTAR PUSTAKA

Aditya Prabowo, S. (2011). Perancangan Basis Data Sistem Informasi Pendidikian

Pada SMA Negri 4 Kota Tegal. 5, 71–29.

Candra, R., Santi, N., & Eniyati, S. (2015). Implementasi Statistik dengan Database
Mysql. Jurnal Teknologi Informasi DINAMIK, 20(2), 132–139.
https://www.unisbank.ac.id/ojs/index.php/fti1/article/view/4645
Gafar, A. (2008). Jurnal Ilmiah Universitas Batanghari Jambi Vol.8 No. 2 Juli 2008.
Penggunaan Internet Sebagai Media Baru Dalam Pembelajaran, 8(2), 36–43.
Mustofa, A., Informatika, T., & Nuswantoro, U. D. (2014). Jurnal_14091. Analisis
Dan Perancangan Sistem Informasi E-Education Berbasis Web Di Sma
Pembangunan Mranggen, 1–6.
O’Brien, & M. (2019). Analisis sistem Literatur Fasilkom UI. Jurnal Aplikasi Dan
Analisis Sistem Literatur Fasilkom UI, 4–25.
Purnia, D. S., Rifai, A., & Rahmatullah, S. (2019). Penerapan Metode Waterfall
dalam Perancangan Sistem Informasi Aplikasi Bantuan Sosial Berbasis Android.
Jurnal.Umj.Ac.Id/Index.Php/Semnastek, 1–7.
Rifai, A., & Yuniar, Y. P. (2019). Penerapan Metode Waterfall Dalam Perancangan
Sistem Informasi Ujian Pada SMK Indonesia Global Berbasis Web. Jurnal
Khatulistiwa Informatika, 7(1), 1–6. https://doi.org/10.31294/jki.v7i1.5736
Soufitri, F. (2019). Perancangan Data Flow Diagram Untuk Sistem Informasi Sekolah
(Studi Kasus Pada Smp Plus Terpadu). Ready Star, 2(1), 240–246.
Tatang. (2019). Bab Ii Landasan Teori. Journal of Chemical Information and
Modeling, 53(9), 1689–1699.

53