Vol. 8, No. 1, Juni 2023

## SISTEM INFORMASI MENGGUNAKAN QR CODE BERBASIS WEB
SERVICE PENDATAAN BUKU TAMU INSTANSI PEMERINTAHAN
Iin Marliana 1
1 Fakultas Komputer Universitas Mitra Indonesia Jl. Z.A. PagarAlam No. 07, Gedong Meneng, Rajabasa, Bandar Lampung - Indonesia 35145 Telp. (0721) 701418, 788960 Fax. (0721) 788960 e-mail : 1 marlyna@umitra.ac.id

## Abstrak
Perkembangan  teknologi  saat  ini  semakin  pesat  dimana  setiap  badan  usaha  mulai melakukan  inovasi  pelayanan  pada  setiap  bidang,  terutama  pada  kantor  instansi pemerintahan seperti pada kantor- kantor kelurahan, dimana pada kantor –kantor kelurahan dituntut untuk memberikan peningkatan inovasi pada pelayanan publik. Kantor kelurahan atau  instansi  pemerintahan  lainnya  memiliki  pelayanan  publik  yang  harus  dilakukan dengan  cepat  dan  terorganisir  dalam  dokumentasinya,  saat  ini  permasalahan  yang  ada banyak  sekali  pendataan  pada  buku  tamu  masih  dalam  pencatatan  manual,  hal  ini  akan menjadi  kendala  saat  akan  melakukan  pencarian  data  secara  cepat.  Maka  dibutuhkan waktu  yang  lama  dalam  pencarian  data  yang  diperlukan  atau  bisa  juga  dokuen  tersebut hilang.  Untuk  Mengatasi  Permasalahan  diatas  maka  di  perlukan  suatu  sistem  informasi yang  dirancang  menggunakan QR  Code berbasis Web  Service yang  memudahkan pengguna  atau  masyarakat  dalam  pendataan  buku  tamu  tanpa  harus  selalu  mencatat  ke dalam  buku  tamu,  karena  apada  dasarnya  data  tersebut  sudah  tersimpan  dalam  suatu database  yang  tersimpan  dalam PHP dan MySQL. Pengembangan  sistem  menggunakan metode WaterFall menggunakan strategi bertahap.
KataKunci : Buku Tamu; QR Code ; Web Service ; PHP dan MySQL; Waterfall.

## Abstract
Technological  developments  are  currently  increasingly  rapid  where  every  business  entity is starting to innovate services in every field, especially in government agency offices such as sub- district  offices,  where  sub-district  offices  are  required  to  provide  increased  innovation  in  public services.  Sub-district  offices  or  other  government  agencies  have  public  services  that  must  be carried  out  quickly  and  organized  in  documentation. Currently,  the  problem  is  that  a  lot  of  data collection in guest books is still manual recording, this will be an obstacle when searching for data quickly. So it takes a long time to search for the necessary data or the document could also be lost. To overcome the problems above, we need an information system designed using a QR Code based on  Web  Service  which  makes  it  easier  for  users  or  the  public  to  collect  guest  book  data  without having  to  always  record  it  in  the  guest  book,  because  basically  the  data  is  already  stored  in  a database  stored  in  PHP.  and  MySQL.  System  development  using  the  WaterFall  method  uses  a gradual strategy.
Keywords: Guest Book; QR Code; Web Services; PHP and MySQL; Waterfalls.

## 1. PENDAHULUAN
Dalam  pencapaian  pengolahan  data yang  memiliki  informasi  baik,  diperlukan inovasi  dalam  pengolahan  data,  dan  dapat memberikan manfaat tambahan untuk menangani  pengolahan  data  yang  ada sehingga  dapat  menghasilkan  data  yang  baik dan  benar.  Pemanfaatan  teknologi  informasi berbasis Web  Service menggunakan Qr Code ,  tentu  saja  sudah  banyak  dimanfaatkan dalam  berbagai  bidang.  Banyaknya  kantor intansi pemerintahan baik itu kantor
kelurahan  atau  lainnya  yang  berada  di wilayah Propinsi Lampung.
Pada umumnya kantor instansi pemerintahan , baik itu kantor kelurahan atau lainnya  masih  banyak  sekali  melakukan service pelayanan publik secara manual pada salah satunya saat pendataan buku tamu pada setiap  harinya.  Setiap  hari  ada  pengunjung yang  berkunjung  ke  kantor  instansi  tersebut, hal  ini  dapat  menyebabkan  pendataan  buku tamu  dan  informasi  yang  ada  mudah  hilang atau  rusak  serta  mempersulit  pencarian informasi  jika  suatu  saat  diperlukan  lagi karena  pendokumentasian  yang  tidak  baik atau  bisa  juga  hilang  karena  kesalahan human error, oleh karena itu diperlukan suatu pengembangan  sistem  informasi  dimana pendataan  buku  tamu  agar  dapat  di  kelola dengan  baik,  efektif  dan  efesien  dengan sistem  informasi  berbasis Web  Service menggunakan QR Code .

## II. TINJAUAN PUSTAKA
Sistem  sesuai  [1]  adalah  suatu  asosiasi kerangka kerja yang saling
berhubungan,yang  disusun  untuk  melakukan latihan  atau  menyelesaikan  tujuan  tertentu. Kerangka  kerja  diasumsikan  adalah  satuan yang  terdiri  dari  sekurang-kurangnya  dua bagian  atau  di  sisi  lain  subsistem  yang
memberikan  untuk  mencapai  suatu  tujuan yang sama. Framework dapat membantu dan bekerja  dengan  pekerjaan  berbasis  PC  atau online, misalnya bekerja dengan pekerjaan di organisasi agar lebih kuat dan efektif.
Informasi menurut [2] adalah informasi yang telah diolah menjadi informasi  dan  informasi  tersebut  berharga bagi  kliennya  atau  dapat  dikatakan  sebagai konsekuensi dari penanganan informasi yang dapat  digunakan  untuk  mencapai  tujuan tertentu atau pemeriksaan dalam navigasi.
Menurut  [3],  dalam  bukunya  yang berjudul  Presentation  for  Data  Frameworks, Framework  adalah  kumpulan  orang-orang yang  bekerjasama  dengan  susunan-susunan yang  disengaja  dan  diorganisasikanbagian framework, input framework, hasil framework,  penanganan  framework  dan target  framework.  Sementara  itu,  data  akan menjadi  informasi  yang  ditangani  menjadi lebih  berharga  dan  signifikan  bagi  penerima manfaat,  serta  untuk  mengurangi  kerentanan selama  waktu  yang  dihabiskan  untuk mengambil kesimpulan tentang suatu keadaan.
Makna  Informasi Menurut  [4] dalam bukunya  yang  berjudul  Administrasi  Data, informasi  hanyalah  bahan  baku  untuk mendapatkan data. Kerangka data menggunakan  informasi  yang  disimpan dalam  catatan  PC  (file)  dan  kumpulan  data untuk memberikan data yang diharapkan.
Sesuai  [5]  Buku  tamu  adalah  alat untuk mencatat pengunjung/tamu yang memungkinkan  Anda  mengetahui  jumlah pengunjung  yang  datang  ke  suatu  area, tempat usaha atau organisasi tertentu.
Pengertian  situs  menurut  [6]  adalah kumpulan  halaman-halaman  yang  saling berhubungan  dimana  didalamnya  terdapat beberapa  hal  seperti  laporan  dan  gambar yang  disimpan  dalam  sebuah  web  server.
Aplikasi  web  adalah  aplikasi  yang  hidup  di server  web  yang  dapat  diakses  klien  melalui suatu  program.  Aplikasi  web  biasanya menampilkan  informasi  klien  dan  data  dari server.  Mengingat  pengertian  di  atas,  maka dapat diasumsikan bahwa sebuah situs adalah penghubung  antara  satu  alamat  web  dengan alamat web lainnya yang tugasnya meneruskan data dari setiap bagian web.
MySQL adalah  server  kumpulan  data  sosial yang menawarkan berbagai  komponen untuk menangani  informasi  yang  dikenal  sebagai motor penimbunan [7].
MySQL menyerupai beberapa kerangka  kerja  DBMS  lainnya,  seperti  DB2, dan SQL  Server .  Sangat  mungkin  untuk mendapatkan,  mengontrol,  mengamankan, dan  mengikuti  metadata  yang  diharapkan untuk memutuskan informasi yang
disimpan.[8] Sesuai [9] merupakan gambaran sebagai  jaringan  dua  lapis  yang  dapat menyimpan informasi di dalamnya. QR Code merupakan pengembangan dari tag pemindai (identifikasi standar).
Identifikasi  standar  adalah  gambar yang  menunjukkan  barang  asli  yang  terbuat dari  contoh  batangan  yang  sangat  kontras sehingga  secara  efektif  dirasakan  oleh  PC.
[10]
Menurut  [11] Unified  Modelling Language  (UML) adalah  bahasa  untuk menentukan,  membayangkan,  membangun dan  merekam  barang  antik  (sepotong  data dulunya  dibuat  dengan  sistem  perakitan produk, peninggalan ini dapat berupa model, penggambaran  atau  pemrograman)  kerangka kerja pemrograman, misalnya, dalam mendemonstrasikan  bisnis  dan  kerangka kerja  non-pemrograman  lainnya.  Terlebih lagi, UML adalah  bahasa  pameran  yang menggunakan  ide  kursus  item.  Di  bawah pedoman  Sane  Programming  Corps,  Grady
Booch, James Rumbaugh, dan  Ivar Jacobson mengembangkan UML . UML memberikan dokumentasi yang membantu mendemonstrasikan  kerangka  kerja  menurut sudut  pandang  yang  berbeda. UML tidak hanya digunakan dalam pemrograman pemrograman, tetapi di hampir semua bidang yang  membutuhkan  tampilan.  Pembagian klasifikasi dan garis besar UML berbeda. Menurut [12] PHP merupakan bahasa  pemrograman  yang  dapat  membantu kita  dalam  membuat  aplikasi  yang  dapat diakses oleh siapa saja dengan menggunakan inovasi  sisi  server.  Keuntungannya  adalah PHP akan tiba-tiba melonjak dalam permintaan  aplikasi  berbasis  server,  baik  itu server  yang  berjalan  di  PC  terdekat ( localhost ) atau server yang berjalan di web.
Seperti  yang  ditunjukkan  oleh  [13],
Visual Studio Code ( Versus Code ) merupakan  instrumen  konten  yang  ringan dan  kuat  yang  dibuat  oleh  Microsoft  untuk sistem  multiplatform,  artinya  juga  dapat diakses  untuk  Linux,  Mac,  dan  Windows terjemahan.  Administrator  konten  ini  dengan lugas  menjunjung  istilah  pemrograman JavaScript, TypeScript, dan Node.js.
Metode
Pengembangan Sistem W aterfall (air  terjun)  yang  digunakan  pada penelitian  ini,  dimana  metode  ini  adalah metode  pengembangan  sistem  klasik  atau yang  dikenal  dengan  model  air  terjun.
Metode  ini  didasarkan  pada  bentuk  model siklus  konvensional  bidang  rekayasa  lainnya dengan  menggunakan  pendekatan  sikuensial yang sistematis.[14]
Dalam  pengujian  sistem,  kita  juga mengenal  apa  yang  dinamakan  istilah Black box  testing ,  pengujian  yang  dilakukan  hanya dengan  mengamati  hasil  eksekusi  melalui data  yang  di  uji  dan  dengan  melakukan pengujian berbagai fungsional dari perangkat lunak sebuah sistem. Jadi dapat digambarkan
seperti  kita  melihat  suatu  kotak  hitam, dimana  kita  hanya  melihat  tampilan  luarnya saja,  tanpa  kita  mengetahui  apa  yang  ada dibalik
bungkus hitamnya, dan
mengevaluasinya hanya dari tampilan
luarnya( interface ), fungsionalitasnya, tanpakita  mengetahui  bagaimana  proses detilnya  (hanya  mengetahui input dan output ).  Pengujian  yang  dilakukan  hanya pada fungsionalitas aplikasi dan bertentangan dengan struktur internal atau kerja,
merupakan  metode  perangkat  lunak  pada Black Boxtesting .[15]

## III. METODOLOGI PENELITIAN

## 3.1 Metode Pengembangan Sistem
Filosofi  peningkatan  kerangka  data menyiratkan  teknik  yang  digunakan  untuk mendorong  kerangka  kerja  data  berbasis PC.  Teknik  yang  paling  sering  digunakan adalah  SDLC  ( Framework  Advancement Life  Cycle ).  Strategi  SDLC  menggunakan pendekatan  kerangka Water  Fall  Approach yang  melibatkan  beberapa  fase  dalam membina kerangka tersebut.

## 3.2 Metode Perancangan Sistem
Dalam perencanaan framework pembuat  menggunakan UML ,  khususnya Use Case Outlines , Action Charts , Grouping Graphs , dan Class Charts .

## 3.2.1 Use Case Diagram
Tampilan grafik perilaku cara kerja kerangka data yang akan dibuat, menggambarkan  kerjasama  antara  minimal satu  pelaku  dengan  data  kerangka  yang akan  dibuat  gambar  -  gambar  yang digunakan untuk mempresentasikan kerangka  pertahanan  penggunaan  harus dapat  dilihat  pada  Gambar  1  sebagai berikut :
Gambar 1. Use Case Diagram

## 3.2.2Activity Diagram
Diagram  aktivitas  menggambarkan berbagai  perkembangan  aktivitas  dalam sistem  yang  disusun,  bagaimana  setiap aliran  dimulai,  keputusan  yang  mungkin terjadi, dan bagaimana suatu pengembangan  ditutup.  Selain  itu,  siklus serupa  yang  mungkin  terjadi  dalam beberapa  latihan  dapat  dijelaskan  dalam garis  besar  tindakan.  Suatu  aktivitas  dapat dirasakan  di  sekitar  satu  use  case.  Latihan menggambarkan siklus yang berkesinambungan, sedangkan kasus penggunaan  menggambarkan  bagaimana pelaku menggunakan sistem untuk menjalankan  aktivitas.  Berikutnya  adalah activity  diagram  buku  tamu  elektronik dengan  memanfaatkan Qr  Code ,  dapat dilihat pada gambar 2, dibawah ini.
Vol. 8, No. 1, Juni 2023
Gambar 2. Activity Diagram

## 3.3 Rancangan Tampilan Halaman
Login Tamu
Konfigurasi tampilan halaman login  pengunjung  harus  diakses  oleh pengunjung  penghibur  untuk  masuk  ke halaman arahan dengan memfilter Qr Code dan  mengisi  nama  klien  dan  frase  rahasia, lalu  ketuk  tombol  login  untuk  masuk  ke kerangka  kerja.  Bidang  yang  terdapat dalam  menu  login  adalah  nama  klien,  kata rahasia, seoerti pada gambar 3, terlampir.
Gambar 3. Halaman Login Tamu
IV. HASIL DAN PEMBAHASAN
Hasil dari Sistem Informasi Pendataan  Buku  Tamu  berbasis Web  Servive menggunakan Qr  Code ,  yang  dirangkai menggunakan  visual  studio  code  dengan menggunakan bahasa pemograman php elektronik  telah  selesai  dan  menggunakan pegembangan  sistem  metode waterfall dapat
mengelola informasi buku tamu dan menyimpan  data  sehingga  mempermudan  dan membantu  para  pegawai  dan  pengunjung dalam  melakukan  proses  pendataan  dan pengisian data pada  buku tamu.

## 4.1 Implementasi Qr Code
Pada  halaman Qr  Code ,  pengunjung  dapat melihat Qr  Code yang  dipercaya  oleh perwakilan,  seperti  yang  ditunjukkan  pada Gambar 4, dibawah ini.
Gambar 4. Implementasi Qr Code
a. Implementasi Halaman Login Tamu
Halamaan  login  pengunjung  harus diakses  oleh  pengunjung  penghibur  untuk masuk ke halaman arahan dengan memeriksa Qr  Code dan  mengisi  nama pengguna  dan  kata  kunci,  kemudian, kemudian,  ketuk  tombol  login  untuk memasuki kerangka. Dokumen yang terdapat  pada  menu  login  adalah  nama
Vol. 8, No. 1, Juni 2023
klien, kata rahasia. Halaman login pengunjung  harus  terlihat  pada  gambar  5, terlampir.
Gambar 5. Implementasi Halaman Login
Tamu
4.2   Implementasi Halaman Input Data Daftar Tamu
Halaman ini digunakan oleh pengunjung  untuk  pendaftaran.  Tombol  daftar digunakan untuk menambahkan informasi atau menyimpan  informasi  pengunjung  kedalam kerangka  dengan  mengisi  catatan  pada halaman  pendaftaran  pengunjung.  Eksekusi halaman  input  informasi  pengunjung  harus terlihat pada Gambar 6, sebagai berikut :
Gambar 6. Implementasi Halaman Input Data Daftar Tamu
4.3. Implementasi Halaman Input Data Buku Tamu Halaman ini dimanfaatkan pengunjung  untuk  mengisi  informasi  buku pengunjung.  Tombol  simpan  digunakan  untuk menambah informasi atau menyimpan informasi  buku  tamu  kedalam  framework dengan  cara  mengisi  record  pada  halaman input  informasi  buku  tamu.  Pengerjaan halaman input informasi buku tamu digambarkan pada Gambar 7, di bawah ini:
Gambar 7. Implementasi Halaman Input Data Buku Tamu
4.4  Pengujian Black Box
Setelah tahap plan improvement selesai,  analis  dan  klien  menguji  f ramework yang  telah  dibuat  sebagai  programming testing. Pengujian diselesaikan dengan pengujian  kotak  hitam,  pengujian  kotak  hitam akan  menguji  hasil  di  dalam  komponen kerangka  kerja  atau  bagian  dan  menyoroti secara  eksklusif  pada  hasil  berikutnya  yang menjawab informasi yang dipilih dan persyaratan eksekusi. Analis akan
memasukkan  informasi  yang  tidak  valid  atau sebaliknya  dengan  asumsi  informasi  dibiarkan kosong,  informasi  yang  tidak  valid  jika  salah satu  bagian  tidak  diisi  atau  tidak  diisi  maka akan menjawab, terlihat pada tabel 1, dibawah ini.
Vol. 8, No. 1, Juni 2023
Tabel 1 . Tabel Pengujian Fungsi Yang Di Ujikan Kondisi Outp ut Yan g Diha rapk an Outpu t Yang Dihasi lkan Jawa ban Resp onde n Login aplikasi Nama pengguna dan kata sandi benar Bagi an aplik asi yang efekt if Sukses masuk aplikas i 100 % Nama pengguna dan kata sandi salah tidak sesuai yang di daftarkan Diab aikan untu k masu k ke aplik asi Gagal masuk aplikas i 100 % Daftar tamu Form diisi dengan benar Suks es dafta r tamu Sukses daftar tamu 100 % Isi data buku tamu Form isi buku tamu dengan benar Suks es isi buku tamu Sukses isi buku tamu 100 % Hapus buku tamu Form hapus buku Suks es di hapu Sukses di hapus 100 %
tamu s buku tamu buku tamu Cetak laporan Cetak laporan Suks es di cetak lapor an Sukses di cetak lapora n 100 %

## V. KESIMPULAN
Setelah  implementasi  selesai,  aplikasi web  yang  dirancang  dan  dibuat  dapat  bekerja dengan  baik,  pada  setiap  proses  pada  sistem informasi  web  buku  tamu,  khususnya  dalam setiap inputan buku tamu.

## VI. SARAN
Sehubungan  dengan  hal  tersebut diatas,  maka  saran  yang  dapat  disampaikan adalah sebagai berikut :
1. Agar  sistem  informasi  buku  tamu  online dapat  diterapkan  pada  setiap  Kantor Kelurahan,  dengan  mengikuti  metodologi yang telah disusun.
2. Agar  setiap  framework  buku  tamu  online lebih kuat,
sebaiknya pengguna menggunakan  sesuai  dengan  langkah- langkah  yang  telah  diberikan  atau  sesuai dengan  petunjuk  yang  telah  dibuat, sehingga  pemanfaatan  framework  buku tamu  elektronik  dapat  berjalan  dengan baik.

## VII. DAFTAR PUSTAKA
[1]    Heriyanto,  Y.  2018.  “Perencanaan Kerangka  Data  Rental  Kendaraan Online  di  PT.  APM  Lease  Vehicle.” Buku Harian Intra-Tech 2(2) 64-77.
[2]      Rizaldi,  R.,  dan  A.Z.  Shah.  2019.
“Pemantauan  Orang  Tua  Angsuran Biaya  Pendidikan  dan  Partisipasi Siswa  Mengingat  SMS  Passage.”
JURIKOM  (Buku  Harian  Eksplorasi PC), 6(4) 374-380.
[3]        Anggraeni,  Elisabet  Yunaeti,  dan  Rita Irviani. 2017. Prolog ke kerangka data. Yogyakarta: CV. Andi OFFSET.
[4]      Punjul  Tyso,  Jaluanto  Sunu.  2016. "kerangka data eksekutif." 21.
Yogyakarta: deeppublish.
[5]          Safitri,  R.  2018.  “Buku  Tamu  Pustaka Berbasis  PHP  dan  Mysql  Langsung Muck.”  catatan  harian  perpustakaan dan ilmu data 2(2) 40.
[6]        Safir,  Rima.  2018.  "BUKU  TAMU
MUCK  LANGSUNG  PHP  DAN PERPUSTAKAAN BERBASIS MYSQL." buku harian ilmu perpustakaan dan data no 2. [7]          Aprilia,  S.  2020.  “Kerangka  Data Partisipasi Berbasis Situs Memanfaatkan Whatsapp Fire Dengan Filosofi Bertahap (Investigasi Kontekstual: SMP Negeri 29 Pekanbaru).”  Diary  Of  Applien Informatics  And  Computing,4(1),pp
38-44.
[8]      Zaimuddin,  M,A  dkk.  2019.  "Kerangka Kerja Pemesanan Meninggalkan Pusat Perbelanjaan  Dengan  Plat  Nomor Kendaraan  Bukti  yang  dapat  dikenali Mengingat  Android."  Topi  Harian 10(2) PP 93-99.
[9]      Wijaya,  Adiguna,  and  A.  Gunawan. 2016.  “Pemanfaatan  QR  Code  Untuk
Keperluan Memberikan Kemajuan dan Data.”  Buku  Harian  Informatika Bianglala vol 4, No 1 17.
[10]      Ihksan,  Muhammad,,  Nurul,  Abdillah, and Arika Juwita, Z. 2022. “Kerangka Data Buku Tamu Perpustakaan
Penggunaan  QR  Code  Berbasis  PHP di  STIKes  Syedza  Saintika.”  Catatan Logis  Perguruan  Tinggi  Batanghari, Jambi, 22(3) 1405-1408.
[11]  Mubarok,  Alqhiqo  Yusron.  2021. “Kerangka  Data  Buku  Pengunjung Memanfaatkan  Qr  Code  Online  di  PT Petrokimia Gresik.” Jur nal m u K o m u ter dan Informatika a 1-10.
[12]    Heriyanto,  Agus.  2017.  Membuat aplikasi  dasar  PC  dengan  PHP MyQSL dan
Bootstrap. Yogyakarta: Lokomedia.
[13]      Salamah,  S.ST.,  MIT.,  Ummu  Gusti. 2021.  Latihan  Instruksi  Visual  Studio Code. Media Sains Indonesia.
[14]        H.  A.  Fatta  and  U.  Amikom,  Analisis dan  Perancangan  Sistem  Informasi untuk Keunggulan
Bersaing
Perusahaan  dan  Organisasi  Modern.
Penerbit Andi.
[15]     A. Nordeen, Learn Software Testing in 24  Hours:  Definitive  Guide  to  Learn Software Testing for Beginners .
Guru99, 2020.