LAPORAN PPM

PEMBUATAN BUKU TAMU SEDERHANA BERBASIS WEB OFFLINE

KAMPUNG KUMBARA UTAMA, KECAMATAN KERINCI KANAN,
KABUPATEN SIAK

Oleh
Nama : Fredika Achmad Fadilla
NIM : 18305141008

UNIT LAYANAN KULIAH KERJA NYATA, PRAKTIK KEPENDIDIKAN DAN

MAGANG
UNIVERSITASNEGERIYOGYAKARTA
2021
i
 HALAMAN PENGESAHAN

Laporan Kegiatan Pengabdian Pada Masyarakat dengan judul :

“PEMBUATAN BUKU TAMU SEDERHANA BERBASIS WEB OFFLINEKAMPUNG
KUMBARA UTAMA, KECAMATAN KERINCI KANAN, KABUPATEN SIAK”.
Telah dilaksanakan pada tanggal 27 Juli 2021 s.d. 27 September 2021 di Lokasi
Pedukuhan/Dusun/Desa Kumbara Utama Kecamatan Kerinci Kanan Kabupaten Siak
dengan sumber dana dari Mahasiswa sebesar Rp 15.000,00.

Mengetahui :

Penghulu Kampung Dosen Pengabdi

Suroso Hadi Drs. Darmono, MT.

NIP. 196408051991011001

Kepala UL KKN-PK

Drs. Ngatman, M.Pd.

NIP. 196706051994031001

ii
 PEMBUATAN BUKU TAMU SEDERHANA BERBASIS WEB
OFFLINE KAMPUNG KUMBARA UTAMA, KECAMATAN KERINCI
KANAN, KABUPATEN SIAK

ABSTRAK

Kuliah Kerja Nyata (KKN) merupakan salah satu

mata kuliah yang harus ditempuh oleh mahasiswa untuk
menyelesaikan program S1.Tujuan pelaksanaan KKN adalah
untuk memberikan pengalaman bekerja sama dengan
masyarakat sekaligus menerapk an ilmu pengetahuan dan
teknologi yang telah diperoleh selama menempuhperkuliahan di
perguruan tinggi.
Kegiatan KKN pengabdian kepada masyarakat (PPM)
dilaksanakan mulai bulan Juli – September 2021 yang
dilaksanakan di RT 12, Rw 02, Kumbara Utama, Kerinci Kanan,
Siak, Riau. Kegiatan yang dilaksanakan dalam PPM ini adalah
pembuatan buku tamu sederhana berbasis web offline bagi
kantor desa Kumbara Utama. Dilaksanakan dengan sistem online
dan offline .
Kegiatan ini secara keseluruhan berjalan dengan lancar dan
baik. Buku tamu berbasis web offline telah berhasil melewati uji sistem dan
berjalan sesuai dengan rencana. Hasil Pembuatan Aplikasi ini diharapkan
dapat membantu pihak pemerintah Desa Kumbara Utama dalam mencatat
pengunjung yang datang tanpa harus menggunakan buku manual.

Kata Kunci: Buku Tamu, Web Offline, XAMPP

iii
 KATA PENGANTAR
Alhamdulillah, puji syukur mahasiswa panjatkan kehadirat Allah SWT yang telah
melimpahkan kenikmatan dan rahmat-Nya khususnya kenikmatan ilmu yang senantiasa
diberikan-Nya, sehingga mahasiswa dapat menyelesaikan Laporan Kegiatan Pengabdian
Pada Masyarakat di Kampung Kumbara Utama, Kecamatan Kerinci Kanan, Kabupaten
Siak, Riau dengan judul : “Pembuatan buku tamu sederhana berbasis web offline Kampung
Kumbara Utama Kecamatan Kerinci Kanan Kabupaten Siak”.
Laporan ini dibuat untuk memenuhi tugas akhir sebagai syarat penilaian Program
pengabdian Masyarakat Universitas Negeri Yogyakarta. Mahasiswa menyadari bahwa
dalam penyelesaian laporan ini banyak kekurangan dan tidak lepas dari bantuan pihak lain,
maka perkenankanlah mahasiswa mengucapkan terimakasih kepada:
1. Prof. Dr. Sumaryanto, M.Kes, Selaku Rektor Universitas Negeri Yogyakarta
2. Drs. Darmono, MT., Selaku Dosen Pembimbing Lapangan
3. Keluarga tercinta yang tak henti dalam memberikan doa, semangat, serta motivasi.
4. Bapak Suroso Hadi selaku Penghulu Kampung Kumbara Utama
5. Bapak Unang selaku ketua Rt 12 Rw 02 Kumbara Utama
6. Semua pihak yang telah membantu dan mendukung kegiatan PPM
Mahasiswa menyadari bahwa dalam penyusunan laporan ini masih banyak
kekurangan, untuk iu kritik dan saran yang bersifat membangun sangat diharapkan.
Mahasiswa juga berharap semoga laporan ini dapat bermanfaat bagi mahasiswa sendiri
maupun bagi pihak lain yang membaca dan membutuhkannya.

Siak, 7 Oktober 2021

Fredika Achmad Fadilla

iv
 DAFTAR ISI

Halaman
HALAMAN SAMPUL ......................................................................... i
HALAMAN PENGESAHAN ................................................................ ii
ABSTRAK ...................................................................................... iii
KATA PENGANTAR .......................................................................... iv
DAFTAR ISI .................................................................................... v
DAFTAR GAMBAR/FOTO.................................................................. vi
DAFTAR LAMPIRAN ........................................................................ vii

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

A. Analisis Situasi ................................................................ 1
B. Identifikasi Masalah dan Rumusan Masalah ..................... 4
C. Tujuan Kegiatan ............................................................ 4
D. Manfaat Kegiatan ........................................................... 5
BAB II. METODA KEGIATAN .......................................................... 6
A. Kerangka Pemecahan Masalah ........................................ 6
B. Kelompok Sasaran ......................................................... 7
C. Metoda Kegiatan ............................................................. 7
D. Rancangan Evaluasi Kegiatan . ........................................ 8
BAB III.PELAKSANAAN KEGIATAN ................................................... 9
A. Hasil Pelaksanaan Kegiatan ............................................. 9
B. Pembahasan ................................................................... 9
C. Evaluasi Kegiatan ........................................................... 17
D. Faktor Pendukung Kegiatan ............................................ 17
E. Faktor Penghambat Kegiatan ........................................... 18
BAB IV. PENUTUP ........................................................................... 19
A. Simpulan ....................................................................... 19
B. Saran ............................................................................. 19

DAFTAR PUSTAKA .......................................................................... 21

LAMPIRAN...................................................................................... 22

v
 DAFTAR GAMBAR

Gambar 1: Tampilan pada XAMPP control panel. ....................................... 13

Gambar 2: Tabel tamu pada database. ........................................................... 14
Gambar 3: Script form buku tamu. ................................................................ 15
Gambar 4: Output script form buku tamu. .................................................... 15
Gambar 5: Script Mengganti Background. .................................................... 16
Gambar 6: Sintaks agar terhubung ke database. ........................................... 16
Gambar 7: Tampilan form pengunjung. ........................................................ 17

vi
 DAFTAR LAMPIRAN

Lampiran 1. Script Buku Tamu. .................................................................... 21

Lampiran 2. Pengujian Sistem. ...................................................................... 23
Lampiran 3. Data tamu pada database. .......................................................... 24
Lampiran 4. Penyerahan Simbolis. ................................................................ 25

vii
 BAB I
PENDAHULUAN

A. Analisis Situasi
Desa Kumbara Utama adalah salah satu desa yang terletak di Kecamatan
Kerinci kanan, Kabupaten Siak, Provinsi Riau. Desa ini diresmikan pada tanggal 27
Maret 1996 dan merupakan salah satu wilayah transmigrasi yang merupakan
program pemerintah Republik Indonesia yang di masa itu dipimin oleh almarhum
H. Soeharto. Berikut kondisi lebih lengkap mengenai desa Kumbara Utama :
1. Kondisi wilayah geografis
a. Batas wilayah desa
 Utara : Kampung Bukit Harapan
 Selatan : Kampung Bukit Agung
 Barat : PT. Indosawit
 Timur : PT. Damara Abadi
b. Luas wilayah desa
 Tanah Kebun Rakyat : 920 Hektare
 Tanah Pekarangan : 260 Hektare
 Fasilitas Umum : 9 Hektare
 Tanah Khas Kampung : 10 Hektare
c. Orbitasi
 Jarak ke ibu kota kecamatan : 18 KM
 Estimasi waktu tempuh ke ibu kota kecamatan : 25 Menit
 Jarak ke ibu kota kabupaten : 64 KM
 Estimasi waktu tempuh ke ibu kota kabupaten : 81 Menit
 Jarak ke ibu kota provinsi : 63 KM
 Estimasi waktu tempuh ke ibu kota provinsi : 85 Menit
2. Kondisi Iklim
Kampung ini beriklim tropis dengan temperature rata-rata pada siang hari
31-32 derajat Celcius dan pada malam hari 20-22 derajat Celcius. Musim
kemarau biasanya berlangsung dari bulan April - Oktober, Sedangkan musim
penghujan berlangsung dari bulan Oktober – April.

1
3. Kondisi Pemerintahan
Kampung Kumbara Utama dipimpin oleh seorang penghulu kampung yang
diplih dalam waktu 5 ahun sekali. Pemilihan terakhir dilaksanakan pada tahun
2016. Untuk lokasi kantor pemerintahan ada di Dusun Sumber Sari.
a. Lembaga pemerintahan
 Penghulu Kampung :1
 Ketua BAPEKAM :1
 Kerani :1
 Bendahara :1
 Staf ADM :1
 Staf Umum :2
 Juru Tulis :3
b. Lembaga Kemasyarakatan
 PKK :1
 Posyandu :1
 KUD :1
 Kelompok Tani : 15
 Karang Taruna :1
c. Pembagian wilayah administratif
 Dusun Sumber Sari : 3 RK, 9 RT
 Dusun Sumber Rejeki : 1 RK, 3 RT
4. Kondisi Pendidikan
Desa Kumbara Utama memiliki 5 lembaga pendidikan formal yang tersebar
di 2 dusun. Kelima lembaga tersebut yaitu Paud Azzahra, TK Nurul Ulum, SDN
05 Kumbara Utama, MTS Kumbara Utama, MDTA Miftahussalam. Untuk statistik
tingkat kependidikan masyarakat sebagai berikut:
 Usia 3-6 Tahun yang belum masuk TK : 86
 Usia 3-6 Tahun yang sedang TK : 46
 Usia 7-18 Tahun yang tidak pernah sekolah :3
 Usia 7-18 Tahun yang tidak pernah sekolah : 291
 Usia 18-56 tahun yang tidak pernah sekolah :0
 Usia 18-56 tahun yang pernah SD tetapi tidak tamat : 42
2
  Tamat SD/Sederajat : 430
 Usia 12-56 tahun yang tidak tamat SLTP :7
 Usia 12-56 tahun yang tidak tamat SLTA :7
 Tamat SMP/sederajat : 393
 Tamat SMA/sederajat : 350
 Tamat D-3/sederajat : 15
 Tamat S-1/sederajat : 77
 Tamat S-2/sederajat :1
5. Kondisi Ekonomi
Sebagian besar masyarakat Kampung Kumbara Utama bekerja sebagai
petani, terutama petani kelapa sawit. Selain bertani, terdapat mata pencarian
lain yang dikerjakan oleh masyarakat.
 Petani : 414
 Buruh Tani : 355
 PNS : 11
 Pengrajin :4
 Bidan Swasta :2
 Karyawan Perusahaan Swasta : 33
 Pelajar : 370
 IRT : 475
 Perangkat Desa :8
 Buruh Harian Lepas : 55
 Jasa Penyewaan Peralatan Pesta : 3
 Supir : 18
6. Kondisi Agama
Mayoritas penduduk Kampung Kumbara Utama memeluk agama islam.
Desa Kumbara Utama memiliki 2 Masjid, 13 Musholla, dan 1 Gereja yang
tersebar di 2 dusun. Berikut statistik agama yang dipeluk masyarakat Kampung
Kumbara Utama:
 Islam : 1624
 Kristen : 104
 Katolik :7
3
  Hindu :3

B. Identifikasi dan Rumusan Masalah

1. Identifikasi Masalah
Dalam hal banyaknya tugas dan tanggung jawab yang dilaksanakan oleh
pemerintah Kampung Kumbara Utama, mahasiswa memiliki inovasi berupa
pembuatan buku tamu sederhana berbasis web offline. Pembuatan aplikasi
ini berdasarkan kebutuhan Kantor Desa Kumbara Utama yakni mendata
pengunjung yang datang ke kantor dengan berbagai keperluan/urusan yang
harus diselesaikan secara langsung. Pembuatan aplikasi buku tamu ini
menggunakan software XAMPP dan Sublime Text.
Berdasarkan latar belakang yang telah diuraikan, dapat diidentifikasi
masalahyang ada sebagai berikut :
a. Banyak pengunjung yang datang ke Kantor Desa Kumbara Utama
yang harus didata secara lengkap dan cepat.
b. Buku tamu yang sudah ada masih bersifat tradisional, yang belum
menggunakan komputer dalam pelaksanaannya.

2. Rumusan Masalah
Berdasarkan latar belakang masalah, dapat dirumuskan masalah yaitu
sebagai berikut:
 Bagaimana langkah-langkah pembuatan buku tamu sederhana berbasis
web offline dengan menggunakan software XAMPP hingga dapat digunakan
oleh pengguna?
C. Tujuan Kegiatan
Tujuan dilaksanakan PPM ini adalah sebagai berikut :
a. Memenuhi kebutuhan Kantor desa Kumbara utama, yaitu pembuatan
buku tamu
b. Mengetahui langkah-langkah pembuatan buku tamu sederhana berbasis
web offline
D. Manfaat Kegiatan
Manfaat dari pelaksanaan PPM pembutan buku tamu sederhana berbasis
web offline adalah sebagai berikut :
4
1. Manfaat Bagi Mahasiswa
a. Memberikan pengalaman bekerja sama dengan masyarakat
serta menerapkan ilu yang telah diperoleh di perkuliahan.
b. Mengetahui cara membuat buku tamu seserhana berbasis
web offline.
2. Manfaat Bagi Kampung Kumbara Utama
a. Masyarakat dapat menggunakan buku tamu berbasis w eb
oflline ketika mengunjungi kantor pemerintahan Kampung
Kumbara Utama.
b. Perangkat desa merasa terbantu dengan adanya pendataan
pengunjung dengan menggunakan sistem komputer.
c. Dengan adanya buku tamu berbasis web offline ini, kantor
pemerintahan Kampu ng Kumbara Utama menjadi lebih
mengikuti perkembangan zaman di bidang teknologi.

5
 BAB II
METODE KEGIATAN

A. Kerangka Pemecahan Masalah

Dalam membangun aplikasi buku tamu berbasis web offline ini, mahasiswa
melakukan pengumpulan data, analisis pengembangan sistem, analisis sistem.
Berikut merupakan rincian mengenai pemecahan masalah yang dilaksanakan
oleh mahasiswa dalam pelaksanaan PPM :
1. Metode Pengumpulan data
Pengumpulan data yang dilakukan dalam penelitian ini adalah :
a. Observasi: Mengamati kebutuhan user (pengguna) yang akan
menggunakan aplikasi buku tamuberbasis web offline sebagai sarana
pendataan pengunjung Kantor Kampung Kumbara Utama.

b. Studi Pustaka: Mengumpulkan literatur pendukung, baik dari buku

referensi, browsing internet, dan Youtube.

2. Analisis Pengembangan Sistem

a. membuat desain flowchart dari aplikasi buku tamu yang akan dibuat.
b. Analisa kebutuhan perancangan kebutuhan minimum perangkat keras
dan perangkat lunak (software) yang dipakai dalam pembuatan program
buku tamu.
c. Implementasi desain dari sistem perangkat lunak diterapkan menjadi
suatu aplikasi buku tamu sederhana berbasis web offline.
3. Analisis Sistem
Analisis sistem bertujuan untuk memahami masalah yang sedang
dihadapi dengan sistem yang ada saat ini, sehingga diharapkan dengan
mengetahui masalah-masalah tersebut, dapat dirancang suatu sistem baru
yang akan menyelesaikan permasalahan yang ada. Analisis sistem ini
nantinya akan memeriksa kebutuhan apa yang harus dipenuhi oleh sistem
baru yang akan dibangun.

6
 a. Kebutuhan Hardware
Dalam proses pembuatan Buku Tamu sederhana berbasis web offline
dibutuhkan perangkat keras (Hardware) yang dapat menjalankan Xampp
sebagai berikut:
 Merk : Toshiba satellite L40-A
 Processor: Intel (R) Celeron (R)
 CPU: 1037U 1.80GHz
 RAM: 2 GB
 Operating system: Windows 7 (64-bit)

b. Kebutuhan Software
Tahap ini untuk menganalisis software apa saja yang dibutuhkan
dan digunakan, antara lain :
 XAMPP Control Panel, software utama yang digunakan sebagai
server yang berdiri sendiri (localhost) sekaligus menyediakan fitur
MySQL yang berperan dalam database.
 Sublime Text 3, software ini berfungsi sebagai text editor bagi
seorang programer sekaligus dapat mengubah file dalam bentuk
apapun.

B. Kelompok Sasaran
Sasaran khusus dari kegiatan ini adalah masyarakat Kampung Kumbara
Utama, Kerinci Kanan, Kabupaten Siak, Riau. Sedangkan sasaran umumnya
adalah seluruh pengunjung yang datang ke kantor Desa Kumbara Utama.

C. Metode Kegiatan
Kegiatan PPM ini dilaksanakan melalui metode daring (online) dan metode
luring (offline).
1. Metode daring
Sebagian besar kegiatan PPM ini dilaksanakan secara daring dengan
berkerja dari rumah mahasiswa.

7
2. Metode luring
Metode luring dilaksanakan untuk menunjang pelaksanaan kegiatan
metode daring. Kegiatan yang dilaksanakan seperti berkonsultasi terkait fitur
yang dibutuhkan, dan berkonsultasi mengenai progress pengerjaan, serta
penyerahan simbolis.

D. Rancangan Evaluasi
Dikarenakan kegiatan pembuatan buku tamu berbasis web
offlinedilaksanakan dengan menggunakan laptop pribadi yang belum
memiliki software yang terkait dengan pembuatan buku tamu, maka
diperlukan rancangan evaluasi untuk mengantisipasi kendala disaat
pelaksanaan kegiatan. Rancangan evaluasi yang mahasiswa rancang adalah
sebagai berikut:
1. Mencari referensi terkait dengan jenis-jenis text editor sehingga ketika
ada masalah pada saat pengoperasian, mahasiswa dapat menggunakan text
editor yang lain.
2. Mengajukan tampilan user face kepada pihak kantor desa terkait dengan
tampilan menu pada buku tamu, agar tidak menghambat dalam proses
mendesain.
3. Mengoding dengan bahasa-bahasa pemrograman yang telah dipelajari di
kampus.
4. Sebelum penyerahan, dilakukan kegiatan uji sistem dengan menginputkan
data yang diminta pada buku tamu.

8
 BAB III
PELAKSANAAN KEGIATAN

A. Hasil Pelaksanaan Kegiatan

Deskripsi Kegiatan keterangan
Pembuatan buku tamu
Bentuk Kegiatan sederhana berbasis web offline
dengan menggunakan XAMPP
Tanggal Kegiatan 1. Perencanaan :
27 Juli 2021, 10 Agustus 2021,
20 Agustus 2021, 27
September 2021.
2. Pelaksanaan :
27 Juli 2021, 10 Agustus 2021,
20 Agustus 2021, 27
September 2021.
Lama waktu yang dihabiskan
Durasi untuk melaksanakan kegiatan
pelaksanaan ini adalah 4 jam setiap
pertemuan.
Terselesaikannya 1 buah
Hasil aplikasi buku tamu sederhana
berbasis web ofline
Tabel 1. Hasil pelaksanaan program ungggulan

B. Pembahasan
1. Tahap Persiapan Materi
Sebelum membangun sebuah aplikasi, mahasiswa mempelajari mengenai
beberapa hal yang terkait dengan struktur dasar sebuah web, terutama
software dan bahasa pemrograman yang akan digunakan untuk membangun
“buku tamu berbasis web offline”. Software dan bahasa pemrogramana yang
dipakai dalam membangun aplikasi ini yaitu sebagai berikut :
a. XAMPP
Xampp adalah perangkat lunak bebas, yang mendukung banyak
sistem operasi, merupakan kompilasi dari beberapa program.
Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang
terdiri atas program Apache HTTP Server, MySQL database, dan

9
penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan
Perl (Randi V palit, 2015 : 2).
b. Sublime Text
Putra dkk (2016:181), mendefinisikan “Sublime text adalah text editor
berbasis Python, sebuah text editor yang elegan, kaya fitur, cross
platform, mudah dan simpel yang cukup terkenal dikalangan developer
(pengembang) dan desainer”. Sublime Text digunakan sebagai editor
dari bahasa pemrograman PHP dalam melakukan pengelolaan konten
di dalam aplikasi server.
c. JavaScript
JavaScript adalah bahasa yang digunakan untuk membuat program
yang digunakan agar dokumen HTML yang ditampilkan pada sebuah
Browser menjadi lebih interaktif, tidak sekedar indah saja. JavaScript
dapat menjadikan halaman web menjadi lebih dinamis, sehingga
dapat menjadi sebuah program yang disajikan dengan menggunakan
antar muka web (Yani Ahmad dan Saputra Beni, 2018: 111).
d. HTML
HTML yang merupakan singkatan dari Hyper Text Markup Language
adalah serangkaian kode program yang merupakan dasar dari
representasi visual sebuah halaman web. Didalamnya berisi kumpulan
informasi yang disimpan dalam tag-tag tertentu, dimana tag-tag
tersebut digunakan untuk melakukan format terhadap informasi yang
dimaksud(Constantianus Frederick dan R.S Bernard, 2005 : 96).
e. PHP
PHP (Hypertext Preprocessor) merupakan bahasa scripting yang
tergabung menjadi satu dengan HTML dan dijalankan pada server
side atau semua perintah yang diberikan akan secara penuh
dijalankan pada server, sedangkan yang dikirimkan ke klien (browser)
hanya berupa hasilnya saja.
Sintak dan semantik PHP memiliki kesamaan dengan bahasa C, JAVA,
PERL, dengan menambahkan tambahan tag<?php sebagai pembuka
dan diakhiri dengan ?>, pasangan kedua kode inilah yang berfungsi
10
 sebagai tag kode PHP. Berdasarkan tag inilah pihak server dapat
memahami kode PHP dan kemudian memprosesnya, hasilnya akan
dikirim ke browser(Ardi Binarso et al, 2012 : 76).
2. Proses pembuatan
a. Tahap mendesain Flowchart

START

Isi Form Tamu

Simpan Data TIDAK

Tamu

Diterima
? YA

YA

Buku Tamu
Otomatis Terisi

b. Tahap Mendesain
FINISH Tampilan

Logo
Siak
11
 BUKU TAMU KANTOR DESA KUMBARA UTAMA

INPUT NAMA

INPUT JENIS KELAMIN

INPUT ALAMAT

INPUT KEPERLUAN

INPUT NO HP

Submit

c. Implementasi
Proses implementasi program adalah proses pengaplikasian tahap
desain ke dalam bahasa pemrograman agar menjadi sistem yang
mempunyai fungsi sesuai yang diharapkan. Terdapat juga langkah-
langkah yang dilakukan dalam tahap pembuatan program antara lain
sebagai berikut:
1. Persiapan Asset
Proses pembuatan program dimulai dengan cara penginstalan
software XAMPP, software utama yang digunakan sebagai server yang
berdiri sendiri (localhost) sekaligus menyediakan fitur MySQL yang
berperan dalam database. Tahap selanjutnya yaitu menginstall
Sublime Text 3, software ini berfungsi sebagai text editor bagi seorang
programer sekaligus dapat mengubah file dalam bentuk apapun.
2. Membuat Aplikasi
Untuk membuat aplikasi, akan dibuat kode-kode program atau
sintaks, yang diatur sedemikian rupa agar perintah yang dijalankan
12
 nantinya sesuai dengan output yang diharap pada desain rancangan
aplikasi yang sudah ada. Berikut ini langkah-langkah yang mahasiswa
lakukan dalam membuat Aplikasi buku tamu sederhana berbasis web
offlineyaitu:
a) Buka folder xampp sesuai dengan tempat penyimpanan yang
dipilih. Dalam hal ini menyimpan file tersebut di data “D”.
Kemudian pilih XAMPP > htdocs > dan selanjutnya buat folder
buku tamu.
b) Buka sublime text 3, klik new file
c) Setelah membuat file baru, simpan dengan nama index.php, lalu
simpan di folder buku tamu yang telah dibuat sebelumnya.
d) Buka XAMPP control panel
e) Tekan menu start pada APACHE dan MySQL

Gambar 1. Tampilan pada XAMPP control panel

f) Lalu akses file di browser, klik “localhost/buku_tamu/

g) Buka browser, lalu ketik “localhost:80/phpmyadmin”
h) Setelah berhasil masuk, buat database dan buat tabel tamu
i) Isi tabel tamu sesuai dengan data tamu yang diperlukan

13
 Gambar 2. Tabel tamu pada database
j) Simpan hasil tabel tamu yang telah dibuat dengan klik “GO”.
k) Kembali ke sublime text 3 untuk menuliskan script agar aplikasi yang
direncanakan berhasil dan sesuai dengan desain yang diinginkan.
l) Membuat tag html yang berguna untuk mendapatkan tampilan
aplikasi khususnya dibagian form buku tamu

Gambar 3. Script form buku tamu

m) Setelah menulis scriptnya, coba untuk menjalankan script yang telah

dibuat.
14
 Gambar 4. Output script buku tamu

n) Masuk ke browser, klik “localhost/buku_tamu/

o) Jika berhasil, output dari script yang dibuat akan muncul sesuai
dengan perintah dan desain yang diinginkan
p) Kembali ke sublime text 3, untuk membuat script background dari
tampilan aplikasi agar lebih menarik untuk dilihat.

Gambar 5. Mengganti background

q) Uji kembali, apakah script telah berhasil atau gagal dengan cara klik
“localhost/buku_tamu/” dan refresh
r) Setelah berhasil, akan dibuat tampilan yang akan dimunculkan setelah
tamu men submit datanya.
s) Tambahkan logo Kabupaten Siak dibagian paling atas pada tampilan
web aplikasi.

15
 t) Setelah semua tampilan yang didesain berhasil muncul, maka tinggal
menghubungkannya dengan database.

Gambar 6. Sintaks penghubung database

u) Kita pastikan aplikasi yang kita buat sesuai dengan desain yang
diinginkan.

Gambar 7. Tampilan buku tamu

C. Evaluasi Kegiatan

Pelaksanaan kegiatan secara keseluruhan berjalan dengan baik dan lancar.

Mahasiswa mengalami sedikit kendala ketika gagal memasang visual code studio
pada laptop sehingga mahasiswa mengganti dengan software sublime text 3 agar
pembuatan buku tamu dapat berjalan.

Buku tamu yang telah dibuat dapat berjalan dengan baik, hal ini diketahui
setelah mahasiswa melaksanakan uji sistem. Namun pada bagian data
pengunjung, setelah berkonsultasi dengan pihak terkait, untuk data pengunjung

16
tidak ditampilkan pada laman buku tamu, sehingga mahasiswa menyimpan data
tamu di database xamp dengan format excell agar dapat diakses dengan mudah.

D. Faktor Pendukung Kegiatan

Berikut ini merupakan faktor-faktor yang mendukung kegiatan ini dapat
berjalan dengan baik, yaitu :
1. Mahasiswa telah mendapatkan mata kuliah desain web ketika di
perkuliahan sehingga sudah mempunyai dasar dalam membuat buku tamu.
2. Tidak memerlukan banyak internet, sehingga tidak bergantung pada
kualitas jaringan / sinyal internet.
3. Adanya komunikasi yang baik antara mahasiswa dan perangkat desa,
sehingga memudahkan dalam proses mendesain buku tamu sesuai dengan
yang diinginkan kantor desa Kumbara Utama.

E. Faktor Penghambat Kegiatan

Berikut ini merupakan faktor-faktor yang sempat menghambat kegiatan ini, yaitu
:
1. Terjadi masalah saat menginstall text editor Visual Code Studio, sehingga
mahasiswa beralih menggunakan Sublime Text 3.
2. Terjadi masalah saat mendownload XAMPP dan Sublime Text 3
dikarenakan faktor jaringan yang tidak stabil.

17
 BAB IV
SIMPULAN DAN SARAN
A. Simpulan
Kuliah Kerja Nyata (KKN) merupakan tempat bagi mahasiswa untuk
mengabdi kepada masyarakat dengan ilmu yang diperoleh selama menempuh
perguruan tinggi. Dengan adanya KKN ini, mahasiswa dapat terlibat langsung
dalam pengembangan masyarakat dan menambah pengalaman mahasiswa
dalam berbaur dengan masyarakat.
Kegiatan Pengabdian kepada masyarakat (PPM) dimulai pada tanggal 27 Juli
2021 sampai 27 September 2021 di Kampung Kumbara Utama, Kecamatan
Kerinci Kanan, Kabupaten Siak, Riau. Secara keseluruhan PPM ini berjalan
dengan baik dan lancar.
Buku tamu sederhana berbasis web offline dapat membantu mencatat data
pengunjung yang datang ke kantor desa Kumbara Utama. Selain itu, buku tamu
berbasis web offline dapat berjalan sesuai dengan yang diharapkan yaitu
mencatat dan menyimpan data pengunjung.

B. Saran

1. Untuk Mahasiswa
a. Setelah berakhirnya kegiatan PPM, mahasiswa diharapkan dapat terus
berpartisipasi dalam pengembangan masyarakat.
b. Mahasiswa seharusnya memaksimalkan waktu dengan sebaik-baiknya
selama kegiatan PPM berlangsung.
2. Untuk Masyarakat
a. Masyarakat hendaknya turut serta menyukseskan kegiatan PPM yang
dalam pelaksanaannya melibatkan masyarakat yang bertujuan agar
masyarakat dapat merasakan manfaatnya.
3. Untuk Pemerintah desa setempat
a. Pemerintah desa hendaknya dapat mengembangkan program-program
kegiatan yang telah dilaksanakan mahasiswa.
b. Pemerintah desa hendaknya dapat memberi saran atau masukkan
program-program kegiatan agar lebih baik lagi.
18
4. Untuk LPPM UNY
a. Surat MOA dan IA dalam kegiatan KKN ini hendaknya diterbitkan jauh
hari sebelum penarikan KKN.
b. Dana KKN bagi mahasiswa mohon segera disalurkan setelah penerjunan
KKN dilaksanakan agar mahasiswa dapat menjalankan kegiatan sesuai
dengan rencana yang telah ditetapkan.

19
Daftar Pustaka

Universitas Diponegoro, Ardi Binarso, Y., Adi Sarwoko, E., & Bahtiar, N. (2012).
Pembangunan Sistem Informasi Alumni Berbasis Web Pada Program Studi
Teknik Informatika Universitas Diponegoro. Semarang:Journal of Informatics
and Technology, 1, 72-84.

Universitas Kristen Maranatha, Constantianus, F., & Renaldy Suteja, B. (2005).

Analisa dan Desain Sistem Bimbingan Tugas Akhir Berbasis Web. Bandung:
Jurnal Informatika UKM, 93-106.

APMI, Pradiatiningtyas, D., & Suparwanto. (2017). E-Learning Sebagai Media

Pembelajaran Berbasis Web Pada SMK N 4 Purworejo. Surakarta: Indonesian
Journal on Networking and Security, 7.

Universitas Muhamaddiyah Jakarta, Syifani, D., & Dores, A. (2018). APLIKASI

SISTEM REKAM MEDIS DI PUSKESMAS KELURAHAN GUNUNG. Jakarta Pusat:
Jurnal Sistem Informasi, Teknologi Informatika dan Komputer, 9.

Universitas Sam Ratulangi, V Palit, R. (2015). Rancangan Sistem Informasi

Keuangan Gereja Berbasis Web Di Jemaat GMIM Bukit Moria Malalayang.
Manado.E-Journal Teknik Elektro dan Komputer, 1-7
Institut Teknologi PLN, Yani, A., & Saputra, B. (2018). RANCANG BANGUN SISTEM
INFORMASI EVALUASI SISWA DAN KEHADIRAN GURU BERBASIS WEB (Studi
Kasus di SMK Nusa Putra Kota Tangerang). Jakarta Barat: JURNAL PETIR, 11.

20
Lampiran 1
 Script Buku Tamu

21
22
Lampiran 2

 Pengujian Buku Tamu

23
Lampiran 3

 Hasil Data yang telah tersimpan di database

24
Lampiran 4

 Penyerahan Simbolis

a. Berkunjung ke kantor Kampung Kumbara Utama

25
b. Persiapan penyerahan aplikasi

26
C. Foto bersama dengan perangkat kampung

27