JIK.

2022; 11(2) : 69-79

JURNAL ILMU KOMPUTER

(J O U R N A L C O M P U T E R S C I E N C E)
[Link]

APLIKASI BUKU TAMU UNDANGAN DENGAN

MENERAPKAN QR CODE BERBASIS WEB DI
WEDDING RECEPTION DONYS PELAMINAN
Yulisman1, Helen Juliani2, Abdi Muhaimin3, Akhmad Zulkifli4
1,2,3,4
Program Studi Sarjana Sistem Informasi, STMIK Hang Tuah Pekanbaru

Email :
yulisman@[Link] , helenjuliani2506@[Link] , abdi.muhaimin86@[Link] 3, [Link]@[Link] 4
1 2

Abstract
Recording invited guests in registering guests is one of the potential physical contacts that can increase the spread of
the virus, especially Covid-19, whether it is at wedding receptions, aqiqah, or counseling events, where guests write
attendance data in a limited guest book using a pen that each other and cause queues. Therefore, researchers
conducted research by creating a web-based online guest book which is expected to help reduce physical contact
between invited guests who are present when the queue is filling out the guest book and those who hold an event are
also easy to mark the presence of invited invited guests. This online guestbook application is built on a web-based
basis and applies qr code technology using the PHP Native programming language. This application is designed using
UML, and the database is MySQL, as well as for the testing method used the blackbox testing method. The application
was successful in testing and implementation, where the results were that the application could help the invited guests
in filling out the guest book, no need to write names manually, only by bringing a smartphone/mobile phone to scan
the qr code the invited guests were able to fill in the guest book. The application can minimize the occurrence of
physical contact between invited guests which can reduce the spread of the Covid-19 virus.
Keywords: Guestbook Application, QR Code, PHP Native, Invitation, Web, Wedding Reception

Abstrak
Pencatatan tamu undangan dalam mendata tamu merupakan salah satu potensi kontak fisik yang bisa meningkatkan
penyebaran virus terutama Covid-19, baik itu pada pelaksanaan resepsi pernikahan, aqiqah, maupun acara
penyuluhan, dimana para tamu menulis data kehadiran di buku tamu yang terbatas dengan menggunakan pena yang
saling bergantian dan menyebabkan antrian. Maka dari itu peneliti melakukan peneltian dengan membuat buku
tamu online berbasis web yang diharapkan dapat membantu mengurangi kontak fisik antara tamu undangan yang
hadir ketika antrian dalam mengisi buku tamu dan yang mengadakan suatu acara juga mudah dalam menandai
kehadiran tamu undangan yang diundang. Aplikasi buku tamu online ini dibangun berbasis web dan menerapkan
teknologi qr code menggunakan Bahasa pemrograman PHP Native. Aplikasi ini dirancang menggunakan UML, dan
basis data nya adalah MySQL, serta untuk metode pengujian yang digunakan metode blackbox testing. Aplikasi
sukses dalam pengujian dan penerapannya, dimana hasilnya aplikasi dapat membantu para tamu udangan dalam
mengisi buku tamu tidak perlu menulis nama secara manual, hanya dengan membawa smartphone/handphone
untuk scan qr code tamu undangan sudah bisa mengisi buku tamu. Aplikasi dapat meminimalisir terjadinya kontak
fisik antara para tamu undangan yang dapat mengurangi penyebaran virus Covid-19.
Keywords: Aplikasi Buku Tamu, QR Code, PHP Native, Undangan, Web, Wedding Reception

[Link]
E-ISSN : 2579 - 3918 | P-ISSN : 2302 - 710X
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
70
PENDAHULUAN menaati protokol kesehatan. Maka dari itu wedding
Perkembangan teknologi informasi saat ini organizer juga harus ikut mendukung dalam
berjalan dengan sangat cepat dan banyak sekali pelaksanaan acara dengan tetap menjaga protokol
keuntungan yang bisa didapatkan dari perkembangan kesehatan. Salah satu layanan jasa wedding organizer
teknologi informasi dan hampir seluruh aspek adalah penerima tamu dan buku tamu. Donnys
kehidupan telah menerapkan teknologi informasi. Pelaminan adalah sebuah usaha yang bergerak
Salah satu bidang yang begitu signifikan dalam dibidang jasa wedding organizer dan wedding
penerapan dan pemanfaatan teknologi informasi reception. Jasa-jasa yang disediakan antara lain jasa
adalah bidang bisnis (Basry & Sari, 2018). Penerapan makeup, sewa baju pengantin, penyelanggaraan
teknologi informasi dapat meningkatkan pelayanan upacara daerah, penerima tamu dan buku tamu.
terutama pada perusahaan yang bergerak dibidang jasa Sebelum adanya covid-19 penerima tamu akan
serta sangat membantu dalam pengolahan data yang menerima tamu dan meminta tamu undangan untuk
ada untuk dijadikan sebuah informasi yang bermanfaat menulis nama pada buku tamu yang telah disediakan.
bagi pelanggan (Irawan et al., 2022). Untuk pengolahan Namun saat ini hal tersebut dinilai melanggar protokol
data menjadi informasi salah satu contohnya adalah kesehatan dikarenakan jarak yang terlalu dekat antara
pengolahan data tamu undangan dimana dengan penerima tamu dan tamu undangan serta
diolahnya data menggunakan komputer maka proses penggunakan alat tulis yang selalu berpindah tangan.
pengolahanya akan menjadi lebih cepat dan hasilnnya Kemudian pada buku tamu ini biasanya pihak wedding
jauh lebih baik dari pada dikerjakan tanpa reception kesulitan melihat berapa tamu undangan
menggunakan komputer (Wahyuni et al., 2020). yang menghadiri pernikahan dan siapa saja tamu yang
Buku tamu merupakan alat bantu untuk tidak menghadirinya. Masalah tersebut seharusnya
mengetahui seberapa banyak tamu yang datang ke bisa diselesaikan dengan pemanfaatan suatu sistem
suatu tempat acara, instansi atau perpustakaan . informasi. Dimana, nantinya sistem ini akan membantu
Pendataan buku tamu pada dasar hanya mendata pihak wedding reception dalam melayani tamu
pengunjung atau datang kesuatu tempat acara. undangan dan pengolahan data tamu serta juga
Spesialis dari bentuk guestbook termasuk register memudahkan para tamu undangan supaya tidak
hotel, dimana para tamu diminta untuk memberikan menulis secara manual dan dapat menjaga jarak.
informasi kontak mereka. Kemudian ada beberapa Berdasarkan permasalahan yang ada dan
defenisi yang harus di jelaskan pada latar belakang banyak terjadi pada perusahaan wedding organis
disini seperti : resepsionis, buku dan tamu (Sumbogo et terutama permasalahan buku tamu, maka dibutuhkan
al., 2019). Recepsionis adalah karyawan yang tugas suatu aplikasi buku tamu dengan menerapkan QR
utamanya menerima pengunjung atau tamu dan Code. QR code merupakan singkatan dari Quick
memberikan informasi yang tepat kepada tamu yang Respone Code. Penggunaan barcode dua dimensi
membutuhkan. Dapat dikatakan resepsionis adalah sudah sangat luas, namun umumnya di pakai untuk
orang pertama yang akan ditemui oleh semua tamu mengkodekan alamat website, nomor kontak, alamat
sehingga kesan yang diperoleh tamu resepsionis email, nomor telepon atau sekedar teks biasa. Alat
amatlah penting (E. Kurniawan et al., 2020). Buku yang digunakan untuk membaca QR Code disebut QR
adalah kumpulan kertas berisi informasi, tercetak, Code Scanner yang tersedia dalam bentuk aplikasi di
disusun secara sistematis, dijilid serta bagian luarnya smartphone seperti Android atau iPhone (Aini et al.,
diberi pelindung terbuat dari kertas tebal, karton atau 2017). Tujuan utama QR Code saat ini digunakan untuk
bahan lain (Pradnyana et al., 2021). Tamu adalah tamu memudahkan pengguna Smartphone mengakses
organisasi, badan, lembaga, atau perusahaan, yaitu informasi dengan dua langkah mudah, 1. scanning QR
orang, baik sebagai pejabat utusan dari suatu lembaga Code, 2 lakukan absensi kehadiran. Untuk QR Code
maupun sebagai pribadi, yang berkunjung ke lembaga sendiri sangat cocok untuk proses absensi tamu
lain untuk kepentingan kedinasan maupun untuk undangan. Aplikasi ini nantinya akan berbasis web.
kepentingan pribadi (Fauzan et al., 2021). Menurut Mara Destiningrum Yang dimaksud dengan
Di era pandemi Covid-19 saat ini masyarakat website adalah sebuah software yang berfungsi untuk
yang akan melaksanakan acara dituntut untuk selalu menampilkan dokumen - dokumen pada suatu website

JIK, Vol 11, No 02,

2022
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
71
yang membuat pengguna dapat mengakses internet mempermudah dan mempercepat proses perekaman
melalui software yang terkoneksi dengan internet. kehadiran pengunjung di perpustakaan serta dilengkapi
sehingga bisa diakses dari smartphone tamu undangan dengan informasi statistik kehadiran pengunjung,
untuk melakukan scan QR Code (Evasari et al., 2019). usulan pengadaan bahan bacaan serta kualitas layanan
Bahasa pemrograman yang peneliti gunakan adalah dan prasarana melalui kritik dan saran yang
PHP native. PHP digunakan sebagai bahasa script disampaikan pengunjung (Mulyadi, 2019).
server-side dalam pengembangan web yang disisipkan METODE
pada dokumen HTML penggunaan php memungkinkan Metode penelitian menjadi dasar bagi peneliti untuk
web dapat dibuat dinamis hingga maintenance situs melakukan penelitian, agar penelitian tetap pada
web tersebut menjadi lebih mudah dan efisien php lingkup tema dan permasalahan yang diangkat. Metode
merupakan software open source yang disebarkan dan penelitian yang peneliti adalah dengan menerapkan
dilisensikan secara gratis serta dapat di downlod secara sebuah model, yakni model prototype (prototype
bebas dari situs resminya. Sedangkan cara model) yang di temukan oleh Pressman yang
penggunaanya sebenarnya sangat mudah, karena bersumber dari (Ardhiyani & Mulyono, 2018):
proses pembuatanya yang tidak lama, maka seluruh
informasi pun bisa terekam semua. Setiap
penggunaanya bisa terhubung secara langsung ke
konten digital dari website (Zulkifli et al., 2018).
Sistem informasi yang saat ini banyak di
kembangkan salah satunya adalah website. Dimana
website ini dapat menjadi media bagi para penerima
tamu untuk mencatat tamu yang hadir hanya dengan
memberikan QR Code pada tamu undangan untuk
dipindai menggunakan smartphone masing-masing
tamu. Sehingga dapat tetap menjaga jarak dan tidak
memerlukan alat tulis. Hal ini dinilai sangat baik dalam
mendukung pelaksanaan pernikahan dengan tetap Gambar 1. Prototype Model
menaati protokol kesehatan dari pemerintah. (Pressman & Maxim, 2019)
Beberapa penelitian lainnya menjadi acuan
peneliti dalam membangun aplikasi buku tamu Berdasarkan skema tersebut (prototype model)
undangan ini, diantaranya mendapatkan hasil Sistem peneliti membangun aplikasi berdasarkan tahapan
Informasi Buku Tamu (SI-KUTA) pada Dinas Pemuda, yang ada pada prototype model yang terdiri dari
Olahraga dan Pariwisata Kota Balikpapan Communicatioan, quick plan, modelling quick design,
menggunakan metode Personal Extreme Programming construction of prototype, deployment delivery and
(PXP) dapat dengan mudah merekap, menghitung dan feedback. Berikut dijelaskan yang tahapan dalam
menyimpan data-data pengunjung dan sistem juga membangun Aplikasi Buku Tamu Undangan dengan
dapat menjadi upaya dalam mengurangi penggunaan Menerapkan QR Code Berbasis Web:
kertas atau paperless (Fikri & Arthawan, 2020). 1. Communicatioan (Kumunikasi)
Penelitian berikutnya menjadi dasar peneliti adalah Communicatioan (Kumunikasi) merupakan tahap awal
Sistem Informasi Pengisian Buku Tamu Di Perpustakaan peneliti dalam melakukan proses penelitian untuk
Universitas IBBI Berbasis Web yang mana sistem ini membangun aplikasi, Dan peneliti melakukan
memudahkan mahasiswa dalam melakukan pengisian beberapa metode dalam mengumpulkan data dan
buku tamu untuk masuk ke perpustakaan dan untuk informasi yang dibutuhkan untuk membangun aplikasi,
laporan buku tamu sistem sudah menyediakan cetak metode yang dilakukan adalah:
laporan dan bisa di export ke file Excel (Yuliana, 2021). a. Observasi, metode ini dilakukan peneliti dengan
Penelitian lainnya mengahasilkan sebuah aplikasi buku langsung datang ke tempat penelitian (Studi
tamu elektronik yang menggunakan teknologi barcode Kasus)/objek penelitian, peneliti mengamati proses
untuk perpustakaan STIKOM DB Jambi yang penerimaan dan pengisian buku tamu undangan di

JIK, Vol 11, No 02,

2022
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
72
berbagai acara, mulai dari resepsi pernikahan, Tahap ini merupakan lanjutan dari quick plan yang
aqiqah dan acara lainnya yang mengharuskan tamu sebelumnya hanya menentukan dan menetapkan apa
undangan mengisi buku tamu. saja tool dan aplikasi yang dibutuhkan dalam
b. Wawancara, wawancara pun dilakukan sebagai merancang aplikasi/sistem. Tahap Modelling Quick
salah satu proses mendapatkan data dan informasi Design (Pemodelan Desain Cepat) peneliti memulai
yang dalam dan lengkap. wawancara dilakukan dengan menganalisis pengguna aplikasi yang terdiri
kepada Bapak Dony sebagai salah satu pemilik dari administrator yang mengelola aplikasi/sistem
wedding organinize yang sekalugus sebagai tempat secara keseluruhan, Pimpinan adalah pemilik wedding
studi kasus penelitian ini. Wawancara juga organize yang hanya bisa mengakses laporan tamu
dilakukan kepada tamu undangan di berbagai acara. undangan yang hadir dan tidak hadir di aplikasi/sistem,
c. Studi Pustaka, metode ini merupakan metode untuk dan Tamu Undangan adalah tamu yang menghadiri
mendapatkan teori pendukung dalam membangun acara, dan tamu tidak bisa login ke sistem, tamu
aplikasi, seperti artikel OJS (Online Journal System),, undangan hanya bisa melakukan scan QR Code di
artikel surat kabar/majalah, buku, dan browsing di tempat acara. Selanjutnya peneliti menganalisis data
internet. masukkan yang terdiri dari data tamu undangan yang
Dari ketiga metode di atas intinya peneliti ingin telah ditentukan oleh tuan rumah acara dan data
mendapat informasi yang lengkap untuk keluaran adalah laporan data tamu yang datang/hadir
mempermudah dalam membangun aplikasi dan sistem serta laporan data tamu yang belum datang/tidak
yang dibangun pun sesuai dengan kebutuhkan hadir. Perangkat keras dan perangkat lunak pendukung
penggunan. dalam membangun aplikasi/sistem merancang
aplikasi/sistem secara umum dengan metode
2. Quick Plan (Perencanaan yang Cepat) pendekatan UML.
Tahapan quick plan merupakan tahapan dimana a. Use case Diagram
peneliti melakukan perencanaan untuk membangun Berikut use case diagram dari aplikasi buku tamu
aplikasi/sistem dengan singkat dan cepat. Perencanaan undangan dengan menerapkan QR Code berbasis web
Cepat peneliti awali dengan menentukan alat bantu yang telah dirancang. Use case diagram
dalam perancangan sistem serta menentukan menggambarkan aktivitas yang dilakukan aktor
perangkat keras dan perangkat lunak untuk (pengguna) terhadap aplikasi/sistem perangkat lunak
membangun aplikasi/sistem. Peneliti menetapkan alat (Mubarok & Chotijah, 2021)
perancangan aplikasi/sistem secara umum yakni
dengan metode pendekatan berorientasi objek (object
oriented) yang di visualisasikan dengan UML, dan
dimana UML merupakan sebuah bahasa grafis yang
digunakan untuk mendokumentasi, menspesifikasikan
dalam membangun aplikasi/sistem dari perangkat
lunak (B. Kurniawan et al., 2022). Perancangan
aplikasi/sistem secara umum terdiri dari use case
diagram, activity diagram, class diagram dan sequence
diagram. Alat bantu berikut yang akan dirancang adalah
basis data menggunakan MySQL dari aplikasi XAMPP,
user interface (form input dan output) dibuat dengan
Ms Visio, bahasa perograman yang digunakan PHP
Native, dan peneliti tidak lupa untuk menganalisis data Gambar 2. Use Case Diagram Aplikasi Buku Tamu
(input dan output data), serta analisis pengguna
aplikasi/sistem. b. Activity Diagram
Activity Diagram menjelaskan aliran kerja atau proses
3. Modelling Quick Design (Pemodelan Desain Cepat) suatu menu atau modul di aplikasi/sistem perangkat
lunak (Prasetyo, 2019), berikut beberapa activity

JIK, Vol 11, No 02,

2022
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
73
diagram dari aplikasi buku tamu undangan dengan
menerapkan QR Code berbasis web yang terdiri dari
Activity diagram login, Activity input data tamu, Activity
diagram download QR Code, Activity diagram
Download QR Code, Activity diagram Tamu Checkin &
scan QR Code, dan Activity diagram Laporan
1) Activity diagram login
Berikut tampilan activity diagram login :

Gambar 6. Activity Diagram Bagikan Link Undangan

5) Activity diagram tamu checkin & scan QR Code

Berikut tampilan activity diagram scan QR Code:

Gambar 3. Activity Login

2) Activity diagram input data tamu

Berikut tampilan activity diagram entri data tamu :

Gambar 7. Activity Diagram Tamu Checkin & Scan QR

Code

6) Activity diagram laporan

Gambar 4. Activity Diagram Input Data Tamu Berikut tampilan activity diagram cetak laporan data
kehadiran :
3) Activity diagram download QR Code
Berikut tampilan activity diagram download QR Code :

Gambar 5. Activity Diagram Download QR Code Gambar 8. Activity Diagram Laporan

c. Sequence Diagram
4) Activity diagram bagikan link undangan Sequence diagram merupakan perilaku objek pada
Berikut tampilan activity diagram bagikan link usecase dengan mendeskripsikan objek dan pesan yang
undangan: dikirim dan diterima sebagai interaksi antar objek yang
dieksekusi oleh aplikasi/sistem (Purwati & Hasan,

JIK, Vol 11, No 02,

2022
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
74
2016). Berikut sequence diagram dari aplikasi buku
tamu undangan dengan menerapkan QR Code berbasis
web yang terdiri dari sequence diagram login, sequence
diagram input data Tamu, sequence diagram kelola QR
Code, sequence diagram bagikan link undangan,
sequence diagram scan QR Code, sequence diagram
laporan,
1) Sequence diagram login
Berikut tampilan sequeence diagram login untuk Gambar 12. Sequence Diagram Kelola QR Code
semua aktor :
5) Sequence diagram scan QR Code
Berikut tampilan dari sequence diagram scan QR
Code:

Gambar 9. Sequence Diagram Login

2) Sequence diagram input data tamu

Berikut tampilan sequeence diagram input data tamu : Gambar 13. Sequence diagram scan QR Code

6) Sequence diagram laporan

Berikut tampilan dari sequence diagram laporan:

Gambar 10. Sequence Diagram Input Data Tamu

3) Sequence diagram kelola QR Code

Berikut tampilan sequence diagram kelola QR Code: Gambar 14. Sequence diagram laporan

d. Class Diagram
Class Diagram yang gambaran visual dari struktur class
yang ada di basis data yang dilengkapi dengan relasi
setiap class yang akan digunakan dalam sebuah aplikasi
(Fariza & Mulyono, 2020). Dalam Class diagram
dibawah ini, telah dipaparkan class (tabel) yang ada di
basis data dan kegiatan sistem yang akan ada dalam
Gambar 11. Sequence Diagram Kelola QR Code aplikasi buku tamu. Berikut pada gambar 15 class dari
4) Sequence diagram bagikan link undangan class diagram yang telah disesuaikan.
Berikut tampilan Sequence diagram bagikan link
undangan:

JIK, Vol 11, No 02,

2022
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
75
mengetahui bug atau error pada aplikasi. Pengujian
dilakukan sampai aplikasi selesai dibangun, dan back
box testing methode menjadi metode pengujian yang
terapkan. Back box testing methode hanya melakukan
pengujian aplikasi dari keberfungsian sistem secara
keseluruhan, seperti melihat aplikasi sebagai kotak
hitam (Yusuf et al., 2022). Berikut tabel hasil pengujian
aplikasi buku tamu undangan berbasis web:

Tabel 1. Pengujian Pada Akun Admin

Gambar 15. Class Diagram No
Skenario Text Hasil Yang Hasil
Kesimpulan
Pengujian Case Diharapkan Pengujian
Sistem akan menolak
Mengisikan
U: akses dan menampilkan
e. Basis data 1.
username dan
password yang
admin Sesuai harapan valid pesan “pastikan Kembali
P : 11 kombinasi username dan
Tempat penyimpanan data dalam jumlah besar yang tidak terdaftar
password benar”
Mengisikan
dilengkapi oleh tabel, record, file, data dari sebuah username
Sistem akan menolak
U: akses dan menampilkan
yang benar
sistem aplikasi/sistem (Safitri, 2018). Basis data pada 2.
dan password
helen Sesuai harapan valid pesan “pastikan Kembali
P : 11 kombinasi username dan
yang tidak
aplikasi buku tamu ini peneliti berikan nama terdaftar
password benar”

“mvc_bukutamu” yang terdiri dari 3 tabel yang meliputi Mengisikan

username U:
Sistem akan menolak
tabel Event, tamu, dan user. Aplikasi basis data yang 3.
yang tidak
benar dan
admin
P:
Sesuai harapan valid akses dan menampilkan
pesan “pastikan
peneliti MySQL yang merupakan salah satu aplikasi tool password yang helen
terdaftar
dari XAMPP. XAMPP adalah perangkat lunak open Mengisikan U:hele Sistem akan menerima
username dan n akses dan menampilkan
4.. Sesuai harapan Valid
source yang digunakan untuk membangun password yang P halaman utama aplikasi
terdaftar :helen buku tamu
aplikasi/sistem berbasis web dan kepanjangan dari Tambah, edit,
U:hele System akan
n menampilkan aksi dari
XAMPP adalah X (cross platform), A (Apache), M 5 dan hapus data Sesuai harapan Valid
P data tamu ke halaman
Tamu
:helen admin.
(MySQL/MariaDB), P (PHP), dan P (Perl) (Rahmalisa & U:hele System akan
Tambah dan n menampilkan aksi dari
Herianto, 2020). 6.
edit data event P
Sesuai harapan Valid
data event ke halaman
:helen admin.
U:hele System akan
Update data n menampilkan aksi dari
f. Tampilan aplikasi/sistem 7.
login admin P
Sesuai harapan Valid
data login admin ke
Tahap ini peneliti juga tidak lupa untuk menganalisis :helen halaman admin.
U:hele System akan
Download &
dan merancang tampilan dari aplikasi. Tampilan yang 8. Update kode
n
P
Valid
menampilkan aksi dari
kode qr ke halaman
qr
dirancang adalah tampilan masukan (input) dan :helen admin.
U:hele System akan
tampilan keluaran (output). 9.
Export Data n
Sesuai harapan Valid
menampilkan hasil
Laporan P export dari data laporan
:helen ke excel.

4. Construction of prototype (Membangun Prototipe)

Tahap Construction of prototype (Membangun Tabel 2. Pengujian Pada Tamu Undangan
Skenario Hasil Yang Hasil
Prototipe) ini peneliti membangun aplikasi/sistem buku No
Pengujian Diharapkan Pengujian
Kesimpulan

tamu berdasarkan tahap Modelling Quick Design 1.

Klik link tamu
Sesuai harapan valid
Sistem akan menampilkan
halaman utama aplikasi scan
undangan
(Pemodelan Desain Cepat) yang telah dibuat untuk tamu
Sistem akan menolak
sebelumnya. Aplikasi dibangun dengan menggunakan Klik button
menampilkan scanner yang
2. Sesuai harapan valid menampilkan pesan “arahkan
Checkin
bahasa pemerograman PHP (Hypertext Prepocessor) kamera ke qr-code yang
tersedia”
native, dimana PHP native bahasa pemrograman web Scan qr-code Sistem akan menampilkan
3. yang sudah Sesuai harapan valid halaman yang berisi pesan
dasar dengan sintak/koding disisipkan sintak javascript, disediakan “Terima kasih, checkin berhasil”
Sistem akan menolah dan
CSS, bootstrap dan masih banyak sintak lainnya yanga 4..
Scan qr-code
Sesuai harapan Valid menampilkan pesan “Pastikan
yang salah
qr-code benar dan ulangi”
bisa disisipkan (Girsang et al., 2021).
Ketika proses membangun aplikasi buku tamu tentunya
tidak lupa untuk dilakukan pengujian, baik pengujian
Tabel 3. Pengujian Akun Pimpinan
Skenario Text Hasil Yang Hasil
No Kesimpulan
pada modul, menu, fungsi dan fitur-fitur yang ada pada PengujianCase Diharapkan Pengujian
U: Sistem akan menolak
Mengisikan
aplikasi. Proses pengujian ini dilakukan untuk 1.
username dan
admin Sesuai harapan valid akses dan menampilkan
P : 11 pesan “pastikan Kembali

JIK, Vol 11, No 02,

2022
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
76
password yang kombinasi username dan
tidak terdaftar password benar” 2. Tampilan form menu utama
Mengisikan U:
username yang helen
Sistem akan menolak
akses dan menampilkan
Form berikut adalah menu utama Aplikasi Buku
pesan “pastikan Kembali
2. benar dan
password yang
P : 11 Sesuai harapan valid
kombinasi username dan
Tamu Undangan dengan Menerapkan QR Code
tidak terdaftar password benar”
U: Sistem akan menolak Berbasis Web:
Mengisikan
admin akses dan menampilkan
username yang
P: pesan “pastikan
3. tidak benar Sesuai harapan valid
helen Kembali kombinasi
dan password
username dan password
yang terdaftar
benar”
Mengisikan U:user Sistem akan menerima
username dan P:user akses dan menampilkan
4.. Sesuai harapan Valid
password yang halaman utama aplikasi
terdaftar buku tamu.
U:user System akan
Export Data P:user menampilkan hasil
5. Sesuai harapan Valid
Laporan export dari data laporan
ke excel dan PDF.

1. Deployment delivery and feedback (Penerapan Gambar 17. Form Menu Utama
dan Umpan Balik)
Pada Tahap Deployment delivery and feedback 3. Tampilan form input data tamu
(Penerapan dan Umpan Balik) ini aplikasi buku Gambar 18 berikut adalah tampilan form input
tamu siap aplikasikan kepada pengguna yakni data tamu undangan pada Aplikasi Buku Tamu
Donys Pelaminan sebagai tempat studi kasus Undangan dengan Menerapkan QR Code
penelitian. Sebagai Awal dari penerapan aplikasi Berbasis Web:
peneliti melakukan sosialisasi kepada pengguna
yakni kepada tamu undangan dan pimpinan, hasil
yang didapat bahwa aplikasi mudah digunakan.
Aplikasi sangat bermanfaat saat pandemi covid-
19, terutama dalam menerapkan protokol
kesehatan.
Gambar 18. Form Input Data Tamu

HASIL & PEMBAHASAN 4. Tampilan data tamu yang hadir dan tidak hadir
Hasil dan pembahasan ini adalah tampilan aplikasi Tampilan dibawah ini adalah data tamu yang
yang telah selesai bangun telah diimplementasi di menghadiri acara pada gambar 19 dan tidak
lapangan terutama ditempat studi kasus yakni menghadiri acara pada gambar 20:
Donys Pelaminan. Berikut tampilan dari Aplikasi
Buku Tamu Undangan dengan Menerapkan QR
Code Berbasis Web:

1. Tampilan form login

Berikut tampilan form login dari Aplikasi Buku
Tamu Undangan dengan Menerapkan QR Code
Berbasis Web, pada gambar 16 dibawah ini: Gambar 19. Form Data Tamu Yang Hadir

Gambar 16. Form Login Gambar 20. Form Data Tamu Yang Tidak Hadir

JIK, Vol 11, No 02,

2022
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
77
5. Tampilan form Setting
Gambar dibawah ini merupakan tampilan
setting aplikasi yang berisikan setting event,
setting login dan master Qr Code, pada
tampilan ini lah semua bisa di setting sesuai
dengan ke inginan customer.

Gambar 23. Form Scan QR Code

7. Tampilan Laporan
Berikut adalah tampilan laporan data tamu
undangan yang di cetak oleh admin. Laporan bisa
dalam bentuk format file PDF dan Ms. Excel.

Gambar 21. Form Setting

6. Tampilan form utama tamu undangan
Gambar 22 dibawah ini merupakan tampilan
utama aplikasi untuk tamu undangan dan di
tampilan sudah tersedia fitur untuk scan QR
Code dengan mengklik tombol checkin.
Gambar 23. Form Laporan Data Tamu

KESIMPULAN
1. Berdasarkan pembahasan di atas maka diperoleh
simpulan dari penelitian ini adalah :
1. Aplikasi ini dapat membantu para tamu agar tidak
menulis nama secara manual, karena data tamu
sudah di inputkan melalui admin jadi tamu hanya
scan QR Code yang tersedia saja tidak perlu
mengantri dalam menuliskan nama di buku tamu.
2. Aplikasi ini dapat meminimalisir terjadinya kontak
fisik para untuk karena tamu sudah tidak lagi
menggunakan alat tulis yang selalu berpindah
tangan untuk menulis nama di buku tamu, tamu
sudah dengan muda men-scan QR Code yang sudah
disediakan tanpa harus mengantri berdekatan.
3. Aplikasi ini akan sangat membantu dalam
pembuatan laporan data tamu yang hadir atau yang
Gambar 22. Form Utama Tamu Undangan tidak hadir berdasarkan dengan data tamu yang
sudah diinput sebelumnya oleh admin, kemudian
admin tinggal mencetak laporan data kehadiran
tamu baik data tamu yang hadir atau yang tidak
JIK, Vol 11, No 02,
2022
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
78
hadir bisa di cetak secara terpisah, sehingga admin 489–499.
dapat mengetahui berapa jumlah tamu yang hadir [Link]
dan jumlah tamu yang tidak hadir. nformasi.2020.5.4.947
Selanjutnya untuk pengembangan dan perbaikan Fauzan, Basar, A. R., Olva, M., Hendro Wahyudiono, P.,
aplikasi, maka ada beberapa saran dari peneliti Iksan, N., & Yani, A. (2021). Sistem Informasi
antara lain : Pengelolaan Pengunjung Pada Saat Pandemik
1. Peneliti berikutnya diharapkan melengkapi aplikasi Covid-19. Journal of Engineering, Technology, and
dengan fitur chatting untuk memudahkan tamu Applied Science, 3(2), 35–47.
undangan mengetahui informasi acara lebih [Link]
lengkap. 0302.235
2. Peneliti berikutnya diharapkan menambahkan fitur Fikri, A. M., & Arthawan, I. P. D. (2020). Rancang
video undangan singkat dari tuan rumah acara. Bangun Sistem Informasi Buku Tamu pada Dinas
3. Peneliti berikutnya diharapkan melakukan Pemuda, Olahraga dan Pariwisata Kota Balikpapan
pengembangan aplikasi ke versi android. dengan Metode Personal Extreme Programming.
Multitek Indonesia : Jurnal Ilmiah, 14(2), 101–109.
Daftar Pustaka [Link]
Aini, Q., Graha, Y. I., & Zuliana, S. R. (2017). Penerapan cle/view/2568
Absensi QRCode Mahasiswa Bimbingan Belajar Girsang, N. D., Muhathir, & Syah, R. (2021). Design Of
pada Website berbasis YII Framework Application Attendance Information System With Web Based
Student Attendance QRCode in Guidance Learn to QrCode In [Link] Prima Teknologi. Journal of
Website Based on Yii Framework. Jurnal Ilmiah Research Computer Science (JRCS), 1(1), 47–59.
SISFOTENIKA, 7(2), 207–218. [Link]
[Link] [Link]/[Link]/jrcs/article/view/1
enerapan-absensi-qrcode-mahasiswa-bimbingan- Irawan, Y., Wulansari, & Edriyansyah. (2022). Aplikasi
belajar-pada-website-berbasis-yii-f Media Pembelajaran Huruf Dan Angka Untuk Anak
Ardhiyani, R. P., & Mulyono, H. (2018). Analisis dan Usia Dini Berbasis Android (Studi Kasus Di Paud
Perancangan Sistem Informasi Pariwisata Berbasis Parahyangan). Jurnal Ilmu Komputer, 11(1), 30–34.
Web Sebagai Media Promosi pada Kabupaten Tebo. [Link]
Jurnal Manajemen Sistem Informasi, 3(1), 952–972. Kurniawan, B., Yulisman, & Muhaimin, A. (2022).
[Link] Implementasi Sistem Informasi E-Rapor Berbasis
365 Web Menggunakan Framework Bootstrap pada
Basry, A., & Sari, E. M. (2018). Penggunaan Teknologi SDN 39 Pekanbaru. Jurnal Jaringan Sistem Informasi
Informasi dan Komunikasi (TIK) pada Usaha Mikro, Robotik (JSR), 6(1), 77–82.
Kecil dan Menengah (UMKM). IKRA-ITH [Link]
INFORMATIKA : Jurnal Komputer Dan Informatika, article/view/149
2(3), 53–60. [Link] Kurniawan, E., Hidayat, W., & Munar. (2020). Aplikasi
[Link]/[Link]/ikraith- Multimedia Sebagai Media Informasi Interaktif
informatika/article/view/266 Pada Program Fisioterapi di Pedesaan. Teknologi
Evasari, A. D., Utomo, Y. B., & Ambarwati, D. (2019). Terapan Dan Sains, 1(1), 71–81.
Pelatihan Dan Pemanfaatan E-Commerce Sebagai [Link]
Media Pemasaran Produk UMKM Di Desa Tales 0
Kecamatan Ngadiluwih Kabupaten Kediri. Mubarok, A. Y., & Chotijah, U. (2021). Sistem Informasi
Cendekia : Jurnal Pengabdian Masyarakat, 1(2), 75– Buku Tamu Menggunakan Qr Code Berbasis Web
84. [Link] Pada Pt Petrokimia Gresik. Jurnal Ilmiah ILKOMINFO
Fariza, A., & Mulyono, H. (2020). Analisis Dan - Ilmu Komputer & Informatika, 4(1), 57–66.
Perancangan Sistem Informasi Layanan Penerimaan [Link]
Tamu Pada Sekretariat Daerah Kantor Gubernur Mulyadi. (2019). Aplikasi Buku Tamu Elektronik Pada
Provinsi Jambi. Manajemen Sistem Informasi, 5(4), Perpustakaan STIKOM Dinamika Bangsa.

JIK, Vol 11, No 02,

2022
 Yulisman, et al
Invitation Guestbook Application By Applying Web-Based Qr Code
Aplikasi Buku Tamu Undangan Dengan Menerapkan Qr Code Berbasis Web
79
Indonesian Journal on Computer and Information [Link]
Technology, 4(1), 58–66. 85
[Link] Yusuf, M., Santi, & Prabowo, I. P. D. A. S. (2022).
Pradnyana, I. D. G. A., Negara, I. N. S., & Ari, I. A. D. K. Pengembangan Sistem Informasi Buku Tamu Dinas
(2021). Perancangan Buku Augmented Reality Ketenagakerjaan Kota Balikpapan. Seminar
untuk Anak-Anak sebagai Media Edukasi Nasional Teknik Elektro, Informatika Dan Sistem
Penggunaan Bahasa Bali dalam Kehidupan Sehari- Informasi (SINTaKS). [Link]
Hari di Bali. Amarasi: Jurnal Desain Komunikasi [Link]/[Link]/sintaks/article/view
Visual, 2(2), 208–219. [Link] /10
[Link]/[Link]/amarasi/article/view/250 Zulkifli, Septiana, T. A., Sodikin, & Maseleno, A. (2018).
Prasetyo, E. (2019). Aplikasi Buku Tamu Elektronik Pada Perancangan Sistem Pengolahan Data Penyuluh
Dinas Pendidikan Dan Kebudayaan Kabupaten Musi Agama di Kecamatan Banyumas Berbasis Website.
Banyuasin. Jurnal Teknologi Informasi Dan Jurnal TAM (Technology Acceptance Model), 9(1),
Komputer Politeknik Sekayu, 9(1), 9–16. 54–61.
Pressman, R. S., & Maxim, B. R. (2019). Software [Link]
Engineering: A Practitioner’s Approach (9th ed.). Tam/article/view/597
McGraw-Hill Education.
Purwati, N., & Hasan, N. (2016). Perancangan Sistem
Informasi Administrasi Tamu Hotel (Studi Kasus
Pada Hotel Ganesha Purworejo). Journal Speed –
Sentra Penelitian Engineering Dan Edukasi, 8(1), 40.
[Link]/journal/[Link]/speed/article/view/139
5
Rahmalisa, U., & Herianto. (2020). Perancangan
Aplikasi Rumah Kos Berbasis Web Wilayah
Pekanbaru. Jurnal Ilmu Komputer, 9(1), 1–6.
[Link]
Safitri, R. (2018). Simple Crud Buku Tamu Perpustakaan
Berbasis Php Dan Mysql :Langkah-Langkah
Pembuatan. Tibanndaru : Jurnal Ilmu Perpustakaan
Dan Informasi, 2(2), 40.
[Link]
Sumbogo, S., Rahman, S., & Musdar, I. A. (2019).
Pengembangan Sistem Pendataan Tamu Undangan
Berbasis Android Menggunakan Qr Code Pada
Event Organizer. Tech Kharisma, 14(1), 82–92.
[Link]
view/21
Wahyuni, R., Irawan, Y., & Devis, Y. (2020). Aplikasi
Pengolahan Data Balita dan Ibu Hamil di Posyandu
Kasih Ibu Desa Penyasawan Kecamatan Kampar
Berbasis Web. Jurnal Ilmu Komputer (Computer
Science Journal), 9(2), 1–8.
[Link]
Yuliana. (2021). Perancangan Sistem Informasi
Pengisian Buku Tamu Di Perppustakaan Universitas
IBBI Berbasis Web. Jurnal Ilmiah Core It, 9(4), 50–
55.

JIK, Vol 11, No 02,

2022