Laporan KP Fahmi - FULL

LAPORAN KERJA PRAKTEK
SISTEM INFORMASI DESA WISATA KAKILANGIT

BERBASIS WEBSITE MENGGUNAKAN PHP
Disusun Oleh
Nama : Fahmi Majid
Nomor Mahasiswa : 12181608
Program Studi : Informatika
Jenjang : Strata 1
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER

EL RAHMA
YOGYAKARTA
2021
LAPORAN KERJA PRAKTEK
SISTEM INFORMASI DESA WISATA KAKILANGIT

BERBASIS WEBSITE MENGGUNAKAN PHP
1. HALAMAN JUDUL
Diajukan untuk memenuhi syarat menempuh Skripsi pada Program Studi
Informatika
Disusun Oleh
Nama : Fahmi Majid
Nomor Mahasiswa : 12181608
Program Studi : Informatika
Jenjang : Strata 1
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER

EL RAHMA
YOGYAKARTA
2021
ii
2. HALAMAN PERSETUJUAN
iii
3. HALAMAN PENGESAHAN
iv
4. PERNYATAAN
v
5. MOTTO
 Do or Do Not, There is No Try. (Yoda, Star Wars)

 Even When We Study as Well as Each Other, It Doesn’t Mean We Act in the
Same Way. (Bad Genius)
 Nobody’s Perfect.
 Every Wound Will Shape Me. Every Scar Will Build My Throne. (Bring Me
the Horizon, Throne).
vi
6. PERSEMBAHAN
Kerja Praktek ini saya persembahkan dan ucapkan terimakasih kepada:

1. Allah SWT yang senantiasa memberikan rezeki berupa kekuatan, kesehatan
serta kemudahan dalam setiap kegiatan perkuliahan.
2. Kedua orang tua yang tak pernah berhenti memberikan dukungan dan do’a
dalam setiap langkah yang saya ambil.
3. Kedua kakak saya yakni Huda Chairudin dan Isnu Hidayat yang sering sekali
membagikan pengalaman hidup mereka serta memberikan bantuan dalam
bentuk apapun guna menyemangati saya.
4. Bapak/Ibu Dosen, karyawan serta civitas di STMIK El Rahma Yogyakarta
yang telah memberikan ilmu dan pengalamannya.
5. Teman-teman seperjuangan yang memiliki kemauan dan semangat yang sama
dalam perkuliahan serta organisasi, yakni Fajri M. Iqbal, Rendi Aditya P.,
Robbiya Ahmad Q., Bagus Alfiansyah, Eva Rianti, Ema Setyawati, Fieradhila,
Loo Cantik dan teman-teman lainnya yang tidak bisa saya sebutkan satu
persatu.
6. Seluruh teman-teman angkatan 2018 di STMIK El Rahma Yogyakarta.
7. Beberapa kakak tingkat angkatan 2017 STMIK El Rahma Yogyakarta yakni
Miftakhul Huda Ari Santoso, M. Alvian Rizky, Zilfana Falahi, Adi
Kurniawan, M. Munir Akronim dan M. Khabiburrohman yang telah
membagikan pengalaman serta ilmu mereka dalam perkuliahan, organisasi
serta pekerjaan.
8. Almamater tercinta STMIK El Rahma Yogyakarta.
vii
7. KATA PENGANTAR
Puji dan syukur kita panjatkan kepada Allah SWT yang telah memberikan
rezeki dan nikmat berupa waktu, kekuatan dan kesehatan sehingga penulis dapat
melaksanakan kegiatan serta menyelesaikan laporan Kerja Praktek ini dengan
judul “Sistem Informasi Desa Wisata Kakilangit Berbasis Website Menggunakan
PHP” dengan lancar.
Dalam pelaksanaan serta penyusunan laporan Kerja Praktek ini, penulis
ingin mengucapkan terimakasih yang sebesar-besarnya kepada berbagai pihak
yang telah memberikan bantuan, dukungan serta bimbingan. Ucapan terimakasih
ini penulis sampaikan kepada:
1. Bapak Eko Riswanto, S.T., M.Cs. selaku Ketua STMIK El Rahma
Yogyakarta.
2. Bapak Herdiesel Santoso, S.T., S.Kom., M.Cs. selaku Dosen Pembimbing
Kerja Praktek yang telah mengarahkan penulis dalam setiap proses
pelaksanaan Kerja Praktek ini.
3. Orang tua serta saudara yang selalu memberikan do’a dan dukungan dalam
setiap kegiatan perkuliahan.
4. Seluruh teman-teman angkatan 2018 STMIK El Rahma Yogyakarta yang
saling mendukung dan membantu dalam pengerjaan Kerja Praktek ini.
Penulis menyadari bahwa masih terdapat banyak kekurangan dalam
pelaksanaan serta penyusunan laporan Kerja Praktek ini. Oleh karena itu penulis
ingin mengucapkan permohonan maaf atas kekurangan tersebut serta
mengharapkan kritik dan saran yang bersifat membangun sehingga dapat
membantu penulis untuk membuat laporan selanjutnya menjadi lebih baik. Akhir
kata semoga laporan ini dapat bermanfaat bagi pembaca umumnya.
Yogyakarta, 21 Desember 2021

Hormat saya,
viii
Fahmi Majid
8. DAFTAR ISI
9.
HALAMAN JUDUL..............................................................................................ii
HALAMAN PERSETUJUAN.............................................................................iii
HALAMAN PENGESAHAN...............................................................................iv
PERNYATAAN......................................................................................................v
MOTTO.................................................................................................................vi
PERSEMBAHAN................................................................................................vii
KATA PENGANTAR........................................................................................viii
DAFTAR ISI..........................................................................................................ix
DAFTAR GAMBAR.............................................................................................xi
DAFTAR TABEL...............................................................................................xiii
INTISARI............................................................................................................xiv
BAB I PENDAHULUAN.......................................................................................1
1.1 Latar Belakang dan Permasalahan............................................................1
1.2 Rumusan Masalah.....................................................................................2
1.3 Batasan Masalah........................................................................................2
1.4 Tujuan Penelitian.......................................................................................3
1.5 Manfaat Penelitian.....................................................................................3
1.6 Metode Penelitian......................................................................................3
1.6.1. Alat dan Bahan Penelitian..................................................................3
1.6.2. Metode Pengumpulan Data................................................................4
1.6.3. Metode Pengembangan Sistem..........................................................4
BAB II TINJAUAN PUSTAKA............................................................................6
BAB III LANDASAN TEORI.............................................................................10
3.1 Sistem Informasi......................................................................................10
3.2 Website....................................................................................................10
3.3 Desa Wisata.............................................................................................10
3.4 Representational State Transfer (REST).................................................11
3.5 Application Programming Interface (API)..............................................11
ix
3.6 JavaScript Object Notation (JSON)........................................................11
3.7 Unified Modelling Language (UML)......................................................11
BAB IV RANCANGAN SISTEM.......................................................................13
4.1 Tahapan Analisis Penelitian Sistem........................................................13
4.2 Tahapan Perancangan Sistem..................................................................14
4.2.1 Use Case Diagram Admin dan User................................................15
4.2.2 Activity Diagram Admin dan Users.................................................17
4.2.3 Sequence Diagram Admin dan Users..............................................33
4.3 Kamus Data Class...................................................................................46
4.4 Perancangan Desain Website..................................................................53
4.5 Perancangan REST API..........................................................................60
BAB V HASIL PENELITIAN DAN PEMBAHASAN.....................................62
5.1 Implementasi Database............................................................................62
5.1.1 Struktur class Users.........................................................................62
5.1.2 Struktur class Usermeta...................................................................62
5.1.3 Struktur class Posts..........................................................................63
5.1.4 Struktur class Postmeta....................................................................64
5.1.5 Struktur class Comments.................................................................64
5.1.6 Struktur class Commentmeta...........................................................64
5.1.7 Struktur class Terms........................................................................65
5.1.8 Struktur class Term Taxonomy........................................................65
5.1.9 Struktur class Term Relationships...................................................65
5.1.10 Desain relasi antar class...................................................................66
5.2 Implementasi Role User Sistem Informsai Desa Wisata Kakilangit.......66
5.3 Implementasi Tampilan Website Desa Wisata Kakilangit......................68
5.4 Implementasi Tampilan Halaman Admin...............................................74
5.5 Implementasi REST API.........................................................................75
5.6 Source Code REST API..........................................................................80
BAB VI KESIMPULAN DAN SARAN.............................................................88
6.1 Kesimpulan..............................................................................................88
6.2 Saran........................................................................................................88
DAFTAR PUSTAKA...........................................................................................89
LAMPIRAN..........................................................................................................90
x
xi
10.DAFTAR GAMBAR
Gambar 1.1 Metode pengembangan sistem.............................................................4

Gambar 4.1 Arsitektur sistem................................................................................14
Gambar 4.2 Use case diagram admin dan user.....................................................15
Gambar 4.3 Activity diagram admin login.............................................................17
Gambar 4.4 Activity diagram admin menambah data post....................................18
Gambar 4.5 Activity diagram Admin mengedit data post.....................................19
Gambar 4.6 Activity diagram admin menghapus data post...................................20
Gambar 4.7 Activity diagram admin mempublish post..........................................21
Gambar 4.8 Activity diagram admin menambah media gambar dan video...........22
Gambar 4.9 Activity diagram admin mengedit media gambar dan video..............23
Gambar 4.10 Activity diagram admin menghapus media gambar dan video........24
Gambar 4.11 Activity diagram admin menambah data admin...............................25
Gambar 4.12 Activity diagram admin mengedit data admin.................................26
Gambar 4.13 Activity diagram admin menghapus data admin..............................27
Gambar 4.14 Activity diagram admin menambah data kategori............................28
Gambar 4.15 Activity diagram admin mengedit data kategori..............................29
Gambar 4.16 Activity diagram admin menghapus data kategori...........................30
Gambar 4.17 Activity diagram admin dan user menambah komentar...................31
Gambar 4.18 Activity diagram admin mempublish komentar...............................32
Gambar 4.19 Activity diagram admin logout.........................................................33
Gambar 4.20 Sequence diagram admin login........................................................34
Gambar 4.21 Sequence diagram admin menambah data post...............................34
Gambar 4.22 Sequence diagram admin mengedit data post..................................35
Gambar 4.23 Sequence diagram admin menghapus data post...............................36
Gambar 4.24 Sequence diagram admin mempublish post.....................................36
Gambar 4.25 Sequence diagram admin menambah media gambar dan video......37
Gambar 4.26 Sequence diagram admin mengedit media gambar dan video.........38
Gambar 4.27 Sequence diagram admin menghapus media gambar dan video.....39
Gambar 4.28 Sequence diagram admin menambah data admin............................40
Gambar 4.29 Sequence diagram admin mengedit data admin...............................40
Gambar 4.30 Sequence diagram admin menghapus data admin...........................41
Gambar 4.31 Sequence diagram admin menambah data kategori.........................42
Gambar 4.32 Sequence diagram admin mengedit data kategori...........................42
Gambar 4.33 Sequence diagram admin menghapus data kategori........................43
Gambar 4.34 Sequence diagram user menambah komentar..................................44
Gambar 4.35 Sequence diagram admin mempublish komentar............................44
Gambar 4.36 Sequence diagram admin logout......................................................45
Gambar 4.37 Class diagram website desa wisata kakilangit.................................46
Gambar 4.38 Desain halaman utama website Desa Wisata Kakilangit.................53
Gambar 4.39 Desain halaman tentang Desa Wisata Kakilangit............................54
xii
Gambar 4.40 Desain halaman desa wisata.............................................................55
Gambar 4.41 Desain halaman detail desa wisata...................................................56
Gambar 4.42 Desain halaman obyek wisata..........................................................57
Gambar 4.43 Desain halaman detail obyek wisata................................................58
Gambar 4.44 Desain halaman login admin............................................................59
Gambar 4.45 Desain halaman dashboard admin....................................................59
xiii
11.DAFTAR TABEL
Tabel 2.1 Ringkasan penelitian terdahulu................................................................7

Tabel 4.1 Use case diagram admin........................................................................15
Tabel 4.2 Use Case Diagram User........................................................................16
Tabel 4.3 Class users.............................................................................................46
Tabel 4.4 Class usermeta.......................................................................................47
Tabel 4.5 Class posts.............................................................................................48
Tabel 4.6 Class postmeta.......................................................................................49
Tabel 4.7 Class comments.....................................................................................50
Tabel 4.8 Class commentmeta...............................................................................51
Tabel 4.9 Class terms.............................................................................................51
Tabel 4.10 Class term taxonomy...........................................................................52
Tabel 4.11 Class term relationships.......................................................................52
Tabel 4.12 Rancangan REST API melihat data posts............................................60
Tabel 4.13 Rancangan REST API melihat data desa wisata..................................60
Tabel 4.14 Rancangan REST API melihat data obyek wisata...............................61
Tabel 4.15 Rancangan REST API melihat data user.............................................61
Tabel 5.1 Request untuk menampilkan data posts.................................................75
Tabel 5.2 Request untuk menampilkan data posts berdasarkan id........................76
Tabel 5.3 Request untuk menampilkan data desa wisata.......................................77
Tabel 5.4 Request untuk menampilkan data obyek wisata....................................78
Tabel 5.5 Request untuk menampilkan data users.................................................79
Tabel 5.6 Source code REST API..........................................................................80
xiv
SISTEM INFORMASI DESA WISATA KAKILANGIT BERBASIS
WEBSITE MENGGUNAKAN PHP
12.INTISARI
Desa Wisata Kakilangit merupakan sebuah desa wisata yang terletak di

Desa Mangunan, Kecamatan Dlingo, Kabupaten Bantul. Desa Wisata Kakilangit
menyuguhkan berbagai atraksi atau daya tarik di berbagai bidang seperti
penginapan, kuliner, wisata dan juga adat istiadat. Tidak hanya itu, nilai lebih
yang terdapat di desa wisata tersebut adalah karena Desa Mangunan sendiri
merupakan area perbukitan dengan kondisi alam yang masih asri. Sayangnya Desa
Wisata Kakilangit belum mempunyai website yang dikelola oleh pihak mereka
sendiri, informasi terkait desa wisata masih mengandalkan website wisata lainnya
sehingga jika terdapat perubahan informasi maka terdapat kemungkinan bahwa
website yang dikelola oleh pihak lain tersebut tidak mengetahuinya dan tidak
melakukan perubahan informasi. Oleh karena itu perlu dibuat sebuah sistem
informasi yang dikelola oleh pihak Desa Wisata Kakilangit itu sendiri guna
akurasi informasi yang tinggi serta lebih dikenal luas di dunia maya. Pembuatan
API juga diperlukan guna memudahkan pengembang apabila ingin
mengembangkan sistem yang baru.
Sistem informasi ini dibangun menggunakan metode pengembangan
System Development Life Cycle (SDLC) model Waterfall. Pendokumentasian dan
perancangan spesifikasi sistem dibuat dengan Unified Modelling Language
(UML). Sistem berbasis website dengan menggunakan PHP sebagai bahasa
pemrogramannya. Web service menggunakan model arsitektur REST API dengan
format output berupa JSON.
Dengan adanya sistem informasi Desa Wisata Kakilangit berbasis web ini,
informasi yang disampaikan tentang desa wisata tersebut akan lebih akurat karna
dikelola oleh pengelola mereka sendiri dan web service dapat membantu
pengembangan sistem terutama dalam pengembangan dalam platform yang
berbeda seperti aplikasi mobile.
Kata Kunci: Desa Wisata Kakilangit, web service, rest api
xv
1
1. BAB I
PENDAHULUAN
1.1 Latar Belakang dan Permasalahan

Desa Wisata Kakilangit terletak di Desa Mangunan, Kecamatan Dlingo,
Kabupaten Bantul dan secara geografis terletak di perbukitan sebelah barat
Kecamatan Dlingo yang berbatasan dengan Desa Muntuk, Dlingo, Bantul. Jarak
Desa Wisata Kakilangit dari ibukota kecamatan adalah 4 Km, 12 Km dari Ibukota
Kabupaten dan 22 Km dari Ibu Kota Daerah Istimewa Yogyakarta. Desa
Mangunan merupakan area perbukitan dengan kondisi alam yang masih asri,
bukan hanya itu desa ini juga masih menjunjung tinggi adat istiadat serta
kebudayaanya sehingga potensi yang dimiliki tidak hanya dari wisata alam saja,
namun juga dari kerajinan dan kesenian.
Pengembangan Desa Wisata Kakilangit berawal setelah mendapatkan program
pemerintah melalui PNPM Mandiri Pariwisata pada tahun 2012, dan sebagian
pemuda mendapatkan pelatihan tentang kepariwisataan dari program Dinas
Pariwisata tingkat Kabupaten dan Daerah Istimewa Yogyakarta guna memajukan
Desa Wisata ini meskipun belum begitu signifikan. Pada tahun 2013, masyarakat
semakin antusias dalam mengembangkan Desa Wisata Kakilangit untuk menarik
lebih banyak wisatawan baik lokal maupun mancanegara, Perkembangan ini juga
diikuti oleh pengelolaan berbagai objek wisata di sekitar wilayah desa Mangunan
seperti Hutan Pinus Sari, Hutan Pinus Asri, Bukit Lintang Sewu dan masih
banyak objek wisata lainnya. Adapun tujuan pengembangan Desa Wisata
Kakilangit adalah mewadahi masyarakat untuk bekerjasama melakukan kegiatan
masing-masing dengan pariwisata sebagai simpul pengikat dengan
mengedepankan nilai kearifan lokal sehingga kehidupan masyarakat semakin
sejahtera.
Walaupun dari segi sumber daya manusia dan sumber daya alam sudah
memiliki pengelolaan yang baik, namun ternyata Desa Wisata Kakilangit belum
memliki website sendiri. Selama ini informasi tentang Desa Wisata Kakilangit
2
berasal dari beberapa website tentang obyek wisata yang dikelola oleh pihak lain,
yang dimana jika terdapat perubahan informasi yang terdapat di Desa Wisata
Kakilangit maka terdapat kemungkinan jika informasi tersebut tidak akan
diperbarui di website tersebut.
Dengan adanya permasalahan diatas maka dibuatlah website untuk Desa
Wisata Kakilangit yang akan dikelola oleh pihak mereka sendiri. Website yang
dikelola oleh pihak Desa Wisata Kakilangit akan memberikan informasi yang
lebih akurat terutama ketika terdapat perubahan atau informasi tambahan terkait
desa wisata. Selain website dibuat juga sebuah API yang dapat digunakan untuk
kebutuhan lainnya seperti pembuatan aplikasi mobile maupun pembuatan website
baru sehingga mengurangi waktu pengembangan aplikasi maupun website karna
tidak perlu lagi membuat database dari awal.
1.2 Rumusan Masalah

Adapun rumusan masalah penelitian ini adalah.
1. Desa Wisata Kakilangit belum memiliki website yang dikelola sendiri.
2. Website Desa Wisata Kakilangit memerlukan web service agar data yang
digunakan di website dapat digunakan di platform atau sistem lainnya.
1.3 Batasan Masalah

Batasan penelitian ini adalah sebagai berikut.
1. Website menampilkan informasi terkait Desa Wisata Kakilangit seperti
sejarah, lokasi geografis, kegiatan di desa wisata, dan obyek wisata yang
berada di daerah Mangunan.
2. API dari website Desa Wisata Kakilangit ditujukan untuk melihat dan
menampilkan data saja, dengan fokus utama dari API ini adalah unutuk
pengembangan aplikasi mobile.
3
1.4 Tujuan Penelitian

Adapun tujuan dari pembangunan sistem ini adalah sebagai berikut.
1. Membantu promosi Desa Wisata Kakilangit agar lebih dikenal secara luas
dan meningkatkan jumlah wisatawan.
2. Memberikan kemudahan informasi untuk wisatawan terkait Desa Wisata
Kakilangit.
1.5 Manfaat Penelitian

Manfaat dari penelitian ini antara lain:
1. Informasi terkait Desa Wisata Kakilangit lebih akurat.
2. Pihak pengelola Desa Wisata Kakilangit memiliki akses sendiri terkait
data yang disajikan.
1.6 Metode Penelitian

2. Alat dan Bahan Penelitian
Dalam pembuatan website dan API Desa Wisata Kakilangit, kebutuhan yang
digunakan dalam penelitian ini diantaranya.
1. Spesifikasi Hardware (perangkat keras) terdiri dari.
a. Laptop Acer Aspire 3 A314-22 dengan processor AMD Dual Core
Ryzen 3 3250U (4 CPU, 2.6GHz), RAM 4 GB DDR-4, Layar 14
Inch(1366 x 768), dan SSD 256 GB NVMe.
b. Alat tulis (buku dan pena).
2. Spesifikasi Software (perangkat lunak) terdiri dari.

a. Microsoft Office Home 2019.
b. Visual Studio Code 1.61.1.
c. XAMPP Control Panel v3.2.4.
d. Mozilla Firefox dan Microsoft Edge.
e. Postman 9.1.3
4
3. Metode Pengumpulan Data

1. Metode Observasi
Pengumpulan data dilakukan dengan menghubungi pihak Desa Wisata
Kakilangit untuk mendapatkan data-data terkait desa wisata dan obyek
wisata yang ada disekitarnya.
2. Metode Literatur
Pengumpulan data dilakukan dengan mencari informasi di website
wisata lainnya sebagai informasi tambahan.
3. Dokumentasi
Dokumentasi berupa foto-foto kegiatan dan juga pemandangan di Desa
Wisata Kakilangit.
4. Metode Pengembangan Sistem

Metode pengembangan sistem yang digunakan dalam Pembuatan Website
Desa Wisata Kakilangit ini adalah SDLC (System Development Life Cycle)
dengan metode Waterfall. Adapun Metode Pengembangan Sistem terdapat pada
Gambar 1.1 dibawah ini.
Gambar 1.1 Metode pengembangan sistem

5
Adapun penjelasan dari Gambar 1.1 metode pengembangan sistem sebagai

berikut.
1. Pengumpulan Data
Teknik atau cara yang dilakukan peneliti untuk mengumpulkan data
dengan melakukan metode observasi, dokumentasi dan metode literatur.
2. Analisis Sistem
Analisis sistem adalah suatu metode dengan cara menguraikan sistem
ke dalam komponen-komponen untuk mengetahui bagaimana komponen
tersebut bekerja da berinteraksi satu sama lain.
3. Perancangan Sistem
Perancangan sistem dilakukan untuk memberikan gambaran umum
sistem yang akan dikembangkan yang meliputi rancangan input dan
output.
4. Implementasi Sistem
Implementasi sistem yakni pembuatan sistem dengan menerapkan
rancangan sistem yang telah dibuat sebelumnya. Dalam penelitian ini
mengimplementasikan sebuah website dan juga API ke dalam Firebase.
5. Pengujian Sistem
Pengujian sistem adalah pengujian terhadap sistem yang telah dibuat
dengan tujuan untuk mendapatkan penilaian dan informasi tentang kualitas
sistem tersebut. Hasil penilaian tersebut dapat digunakan dalam proses
pengembangan tahap selanjutnya.
6. Pembuatan Laporan
Pembuatan laporan adalah menyusun laporan penelitian dalam proses
pembuatan website API Desa Wisata Kakilangit. Laporan ini digunakan
sebagai dokumentasi dan dapat dijadikan acuan dalam proses pengujian
dan penelitian lebih lanjut.
6
5. BAB II
TINJAUAN PUSTAKA
Berdasarkan hasil kajian pustaka yang telah dilakukan sebagai bahan

pertimbangan untuk membedakan antara penelitian ini dan penelitian sebelumnya,
ada beberapa tulisan yang dapat dijadikan sebagai pembanding, antara lain
sebagai berikut.
Priambodo (2017), melakukan penelitian dengan membuat sistem
pencarian sparepart handphone dengan mengimplementasikan restful web service.
Penelitian ini dilatarbelakangi oleh diperlukannya pertukaran data secara tepat dan
akurat dari satu pihak ke pihak lainnya yang dimana terkadang di berbagai pihak
menggunakan sistem dengan bahasa pemrograman yang berbeda. Sehingga
dibutuhkan web service agar komunikasi atau pertukaran data dapat dilakukan
walaupun menggunakan perangkat yang berbeda.
Jamhari (2017), melakukan penelitian dengan membuat web service client
PDPT STMIK El Rahma. Web service client PDPT STMIK El Rahma merupakan
sebuah aplikasi berbasis web yang digunakan untuk menarik data dari Sistem
Informasi Akademik STMIK El Rahma ke aplikasi Feeder. Data yang ditarik dari
SIMAK adalah file Excel yang kemudian diolah dan akan dilakukan proses
import agar data yang didapatkan bisa masuk ke Feeder secara otomatis. Server
dari web service yang digunakan berasal dari server DIKTI dimana semua
database dan tabel sudah disediakan oleh DIKTI. Data yang akan diproses terdiri
dari mahasiswa baru, mata kuliah, kurikulum, mata kuliah kurikulum, kartu
rencana studi, KHS, matrikulasi mahasiswa pindahan, dan mahasiswa lulus/DO.
Haryanto (2018), melakukan penelitian dengan membuat aplikasi
penjualan pada Yam-Yam Restaurant berbasis web service dengan metode REST.
Aplikasi ini dibuat karna Yam-Yam Restaurant masih merekap data dengan cara
mengetikkan ulang nota pembelian ke Microsoft Excel lalu laporan terssebut
dikirim dalam bentuk file kepada pemilik restaurant, sehingga data tidak
ditampilkan secara real-time. Dalam pengembangan aplikasi ini dibutuhkan web
service dengan menggunakan metode REST. Aplikasi ini dapat membantu kasir
7
dalam membuat laporan penjualan dan laporan tersebut dapat dilihat secara real-
time.
Sembara (2020), melakukan penelitian dengan membuat rancang bangun
API menggunakan gaya arsitektur Representational State Transfer (REST) untuk
pengembangan sistem informasi chatting di PT. Vascomm Solusi Teknologi.
Perancangan software berbasis API ditambah dengan gaya arsitektur REST akan
membuat sistem memiliki performa yang baik, cepat dan mudah dikembangkan di
berbagai platform. Dalam pembuatan aplikasi chatting ini juga diperlukan transfer
data secara realtime dengan menggunakan Socket.io, yaitu library JavaScript yang
dapat menghubungkan antara client dan server secara dua arah. Hasil akhirnya
REST API dapat menghasilkan data berupa JSON dengan fitur untuk manajemen
data pribadi juga.
Karuniawan (2020), melakukan penelitian dengan membuat rancang
bangun RESTful API untuk manajemen data pelanggan Storelogy.com dengan
menggunakan Laravel. Storelogy.com adalah sebuah situs e-commerce berupa
jasa yang dapat digunakan untuk mengurangi permasalahan pengelolaan toko
online yang rumit, sehingga pengaturan yang berada dalam sistem Storelogy.com
haruslah mudah digunakan dengan fitur yang lengkap dalam satu platform. Dalam
memberikan layanan yang nyaman untuk pelanggan maka dibuatlah beberapa
subsistem yang terdiri dari Sterology Client App berupa Aplikasi Web dan
Storelogy ChatCommerce berupa Aplikasi Mobile. Karna memiliki fungsi yang
serupa maka perlu adanya sebuah API yang dapat dimanfaatkan di Mobile
maupun Web.
Tabel 2.1 Ringkasan penelitian terdahulu

No Nama Tahun Judul Persamaan dan
Perbedaan
1 Priambodo 2017 Implementasi API menggunakan gaya
RESTful Web arsitektur REST. API
Service pada dibuat dengan
8
Lanjutan Tabel 2.1

Perbedaan
Sistem Pencarian menggunakan Java. Hasil
Sparepart keluaran data berupa
Handphone. XML.
2 Jamhari 2017 Web Service Client API menggunakan gaya
PDPT STMIK El arsitektur REST. Hasil
Rahma. keluaran data berupa
XML.
3 Haryanto 2018 Aplikasi Penjualan API menggunakan gaya
pada Yam-Yam arsitektur REST. API
Restaurant berbasis dibuat dengan framework
Web Service Codeigniter. Hasil
dengan Metode keluaran data berupa
REST. JSON.
4 Sembara 2020 Rancang Bangun API menggunakan gaya
Application arsitektur REST. API
Programming dibuat dengan framework
Interface (API) Node.js dan Express.js.
Menggunakan Hasil keluaran data berupa
Gaya Arsitektur JSON.
Representational
State Transfer
(Rest) Untuk
Pengembangan
Sistem
Informasi Chatting
9
Lanjutan Tabel 2.1

Perbedaan
5 Karuniawan 2020 Rancang Bangun API menggunakan gaya
RESTful API arsitektur REST. API
Untuk Manajemen dibuat dengan framework
Data Pelanggan Laravel. Hasil keluaran
Storelogy.com data berupa JSON.
Dengan
Menggunakan
Laravel
6 Majid 2021 Pembuatan API menggunakan gaya
Website dan REST arsitektur REST. Hasil
API Website Desa keluaran data berupa
Wisata Kakilangit. JSON.
10
6. BAB III
LANDASAN TEORI
3.1 Sistem Informasi

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi
operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu
organisasi untuk dapat menyediakan laporan-laporan oleh pihak luar tertentu.
(Sutabri, 2012)
3.2 Website
World Wide Web (WWW) atau biasa disingkat dengan web adalah suatu
sistem yang berkaitan dengan dokumen yang digunakan sebagai media untuk
menampilkan teks, gambar, multimedia dan lainnya pada jaringan internet.
(Sibero, 2013).
3.3 Desa Wisata

Desa Wisata adalah aset kepariwisataan yang berbasis pada potensi pedesaan
dengan segala keunikan dan daya tariknya yang dapat diberdayakan dan
dikembangkan sebagai produk wisata untuk menarik kunjungan wisatawan ke
lokasi desa tersebut. Desa wisata memiliki beberapa kriteria sebagai berikut.
1. Aksesibilitasnya baik, sehingga mudah dikunjungi wisatawan dengan berbagai
jenis alat transportasi.
2. Memiliki objek-objek menarik berupa alam, seni budaya, legenda, makanan
lokal, dan sebagainya untuk dikembangkan sebagai objek wisata.
3. Masyarakat dan aparat desa menerima dan memberikan dukungan yang tinggi
terhadap desa wisata serta para wisatawan yang datang ke desanya.
4. Keamanan di desa tersebut terjamin.
5. Tersedia akomodasi, telekomunikasi, dan tenaga kerja yang memadai.
6. Beriklim sejuk atau dingin.
11
7. Berhubungan dengan objek wisata lain yang sudah dikenal oleh masyarakat
luas. (Hadiwijoyo, 2012).
3.4 Representational State Transfer (REST)

REST (Representational State Transfer) adalah suatu arsitektur metode
komunikasi yang menggunakan protokol HTTP untuk pertukaran data. Metode ini
sering diterapkan dalam pengembangan aplikasi, dimana tujuannya adalah untuk
menjadikan sebuah sistem yang memiliki performa yang baik, cepat dan mudah
untuk di kembangkan terutama dalam pertukaran dan komunikasi data. (Doglio,
2018).
3.5 Application Programming Interface (API)

API (Application Programming Interface) adalah suatu penghubung yang
memungkinkan suatu aplikasi untuk berinteraksi dengan aplikasi lainnya dan
menggunakan data yang sama. API dibutuhkan ketika sebuah data digunakan oleh
pengguna dan mekanisme yang berbeda. Dengan cara ini, developer dapat
menawarkan berbagai macam data yang dapat dimengerti oleh developer lain
serta dengan menggunakan sistem mereka sendiri. (Jiri Hradil, Vilem Sklenak,
2017).
3.6 JavaScript Object Notation (JSON)

JSON (JavaScript Objecy Notation) adalah format pertukaran data dengan
berdasarkan bagian dari bahasa pemrograman JavaScript. JSON merupakan
format yang tidak bergantung pada bahasa pemrograman apapun karena
menggunakan gaya bahasa yang umum digunakan oleh programmer keluarga C
termasuk C, C++, C#, Java, JavaScript, Perl, Python, dan lain-lain. Oleh karena
sifat-sifat tersebut menjadikan JSON ideal sebagai bahasa pertukaran data.
3.7 Unified Modelling Language (UML)

Unified Modelling Language selanjutnya disebut UML adalah sebuah teknik
pengembangan sistem yang menggunakan bahasa grafis sebagai alat untuk
12
pendokumentasian dan melakukan spesifikasi pada sistem. (Mulyani, 2016). UML

bukanlah merupakan bahasa pemrograman tetapi model-model yang tercipta
berhubungan langsung dengan berbagai macam bahasa pemrograman, sehingga
memungkinkan melakukan pemetaan(mapping) langsung dari model-model yang
dibuat dengan UML dengan bahasa-bahasa pemrograman berorientasi obyek.
13
7. BAB IV
RANCANGAN PENELITIAN
4.1 Tahapan Analisis Penelitian Sistem

Analisis penelitian sistem adalah sebuah tahapan untuk mengetahui segala
permasalahan yang terjadi serta merangkumnya dalam bentuk yang mudah dibaca
agar memudahkan dalam menjalankan tahap selanjutnya. Untuk memudahkan
dalam proses analisis sistem diperlukan sebuah pendekatan berorientasi objek
dengan menggunakan UML. Dengan menggunakan UML dapat memberikan
gambaran secara keseluruhan tentang bagaimana sebuah sistem dapat bekerja.
Berikut adalah spesifikasi kebutuhan pada Sistem Informasi Desa Wisata
Kakilangit Berbasis Website.
1. Website Desa Wisata Kakilangit
a. Website dapat diakses siapapun tanpa melalui proses login.
b. Website menampilkan informasi terkait Desa Wisata Kakilangit seperti
deskripsi singkat, lokasi, sejarah dan latar belakang.
c. Website menampilkan hiburan dan keunikan yang dimiliki Desa
Wisata Kakilangit.
d. Website menampilkan obyek wisata yang terdapat di sekitar daerah
Desa Wisata Kakilangit beserta lokasinya.
2. Halaman Admin
a. Admin dapat melakukan login dengan akun yang telah dibuat oleh
pengembang sistem.
b. Admin dapat melakukan aktivitas sesuai dengan role atau user level
yang didapatkan.
c. Admin dapat mengelola data posts, komentar, kategori, dan users.
d. Admin dapat mengubah pengaturan dan tampilan website maupun
halaman admin.
e. Admin dapat mengelola profil dan mengganti password.
14
3. API
a. API menampilkan data dalam bentuk JSON.
b. API menampilkan semua data dalam class posts.
c. API menampilkan data dalam class posts dengan mengirimkan
parameter berupa id posts.
d. API menampilkan data dalam class posts dengan kategori Desa
Wisata.
e. API menampilkan data dalam class posts dengan kategori Obyek
Wisata.
f. API menampilkan data dalam class users.
g. API menampilkan data dalam class users dengan mengirimkan
parameter berupa email users atau admin.
4.2 Tahapan Perancangan Sistem

Pada tahap ini sistem akan diuraikan berdasarkan dengan analisis kebutuhan
sistem yang telah dilakukan sebelumnya dan terdiri dari arsitektur sistem,
pemodelan menggunakan UML dan perancangan desain antarmuka. Arsitektur
sistem dapat dilihat pada gambar 4.1 berikut.
15
Gambar 4.2 Arsitektur sistem

Website Desa Wisata Kakilangit dapat diakses melalui perangkat apapun
dengan menggunakan browser yang terpasang di masing-masing perangkat dan
tentunya memerlukan koneksi internet. Admin dapat melakukan proses
penambahan dan perubahan data seperti data post, data user, media dan lain
sebagainya dengan syarat yakni melakukan proses login di halaman admin.
Sistem Informasi Desa Wisata Kakilangit menggunakan pemodelan UML
yang terdiri dari Use Case Diagram, Activity Diagram, Sequence Diagram dan
Class Diagram.
4.2.1 Use Case Diagram Admin dan User
Tampilan Use Case Diagram pada admin dan user Sistem Informasi Desa
Wisata Kakilangit dapat dilihat pada gambar 4.2 berikut.
16
Gambar 4.3 Use case diagram admin dan user

Berikut ini adalah deskripsi dari use case diagram admin pada Sistem
Informasi Desa Wisata Kakilangit pada tabel 4.1.
Tabel 4.2 Use case diagram admin
Use Case Admin Mengelola konten pada Website Desa Wisata
Kakilangit.
Aktor Admin
Deskripsi Pengelola website Desa Wisata Kakilangit.
Kondisi Awal Admin Admin telah masuk di halaman admin Website
Desa Wisata Kakilangit.
Alur Use Case 1. Admin menambahkan dan mengubah data
post.
2. Admin mempublish data post.
3. Admin menambahkan dan mengubah data
kategori.
4. Admin mengelola media gambar dan video.
5. Admin mengelola data admin dan user
17
lainnya.
6. Admin menambah komentar pada post.
7. Admin mempublish komentar.
Kondisi Akhir Admin Admin logout dari Website Desa Wisata
Kakilangit.
Berikut ini adalah deskripsi dari use case diagram user pada Sistem Informasi
Desa Wisata Kakilangit pada tabel 4.2.
Tabel 4.3 Use Case Diagram User
Use Case User Memeberikan komentar pada posts di Website
Desa Wisata Kakilangit
Aktor User
Deskripsi Pengunjung website Desa Wisata Kakilangit.
Kondisi Awal User User mengakses Website Desa Wisata
Kakilangit dan membuka salah satu posts.
Alur Use Case 1. User membuka post pada halaman Desa
Wisata maupun Obyek Wisata
2. User menambah komentar pada post.
Kondisi Akhir User Data komentar menunggu untuk dipublikasikan
oleh admin.
4.2.2 Activity Diagram Admin dan Users

Activity Diagram adalah diagram yang memodelkan proses-proses yang
terjadi pada sebuah sistem. Berikut adalah penjelasan dari Activity Diagram pada
Sistem Informasi Desa Wisata Kakilangit berbasis Website.
a. Activity Diagram Admin Login
18
Gambar 4.4 Activity diagram admin login

Activity Diagram Admin Login pada gambar 4.3 diatas menunjukkan
gambaran dari proses login yang dilakukan oleh admin. Proses dimulai dengan
admin mengakses halaman admin dan sistem akan menampilkan halaman login
admin. Selanjutnya admin harus mengisi form login tersebut dan menekan tombol
Login. Lalu sistem akan melakukan pengecekan apakah data yang dimasukkan
terdapat dalam database atau tidak. Jika berhasil maka halaman dashboard admin
akan terbuka, namun jika salah maka akan kembali ke halaman login dan
menampilkan pesan kesalahan.
b. Activity Diagram Admin Menambah Data Post

19
Gambar 4.5 Activity diagram admin menambah data post

Activity Diagram pada gambar 4.4 diatas menunjukkan gambaran dari proses
penambahan post yang dilakukan oleh admin melalui halaman dashboard admin.
Proses dimulai dengan admin memilih menu Posts dan sistem akan menampilkan
menu Posts beserta data post yang sudah ada. Lalu admin menekan tombol Add
New dan akan muncul form untuk memasukkan data post. Setelah form diisi
selanjutnya admin menekan tombol Publish yang akan menampilkan dialog
konfirmasi. Jika admin menekan tombol Publish maka sistem akan menampilkan
pesan bahwa post berhasil ditambahkan dan akan ditampilkan di menu Posts,
namun jika admin menekan tombol Cancel maka akan dikembalikan ke form
pengisian data post.
c. Activity Diagram Admin Mengedit Data Post

20
Gambar 4.6 Activity diagram Admin mengedit data post

pengeditan post yang dilakukan oleh admin melalui halaman dashboard admin.
Pertama admin memilih menu Posts dan sistem akan menampilkan menu Posts
beserta data post yang sudah ada. Kemudian admin menekan tombol Edit yang
terdapat pada bagian bawah post yang akan diedit dan sistem akan menampilkan
form edit post. Setelah form sudah diisi dan diedit selanjutnya admin menekan
tombol Update, lalu sistem akan menampilkan pesan bahwa post berhasil
diperbarui.
d. Activity Diagram Admin Menghapus Data Post

21
Gambar 4.7 Activity diagram admin menghapus data post

menghapus post yang dilakukan oleh admin melalui halaman dashboard admin.
beserta data post yang sudah ada. Kemudian admin menekan tombol Move to
Trash yang terdapat pada bagian bawah post yang akan dihapus dan sistem akan
menampilkan pesan bahwa post berhasil dihapus.
e. Activity Diagram Admin Mempublish Post

22
Gambar 4.8 Activity diagram admin mempublish post

publish post yang dilakukan oleh admin melalui halaman dashboard admin.
beserta data post yang sudah ada. Kemudian admin menekan tombol Publish yang
terdapat pada post yang belum dipublikasikan dan masih berada dalam status
pending. Setelah itu sistem akan menampilkan pesan bahwa post berhasil
dipublikasikan.
f. Activity Diagram Admin Menambah Media Gambar dan Video

23
Gambar 4.9 Activity diagram admin menambah media gambar dan video
menambah media berupa gambar dan video yang dilakukan oleh admin melalui
halaman dashboard admin. Proses dimulai dengan admin memilih menu Media
lalu sistem akan menampilkan menu Media beserta gambar dan video yang sudah
ada. Selanjutnya admin menekan tombol Add New dan sistem akan menampilkan
form untuk mengupload file. Kemudian admin menekan tombol Select Files dan
akan terbuka sebuah window untuk memilih file yang terdapat di perangkat
admin. Setelah file sudah dipilih lalu admin menekan tombol Open dan file
tersebut akan muncul di menu Media.
g. Activity Diagram Admin Mengedit Media Gambar dan Video

24
Gambar 4.10 Activity diagram admin mengedit media gambar dan video
Activity Diagram pada gambar 4.9 diatas menunjukkan gambaran dari proes
mengedit media yang dilakukan oleh admin melalui halaman dashboard admin.
Proses dimulai dengan admin memilih menu Media lalu sistem akan menampilkan
menu Media beserta gambar dan video yang sudah ada. Setelah itu admin
menekan gambar atau video yang akan diedit dan sistem akan menampilkan form
untuk melakukan proses edit media. Setelah form diisi dan diedit selanjutnya
admin menekan tombol Update, lalu sistem akan menampilkan pesan bahwa post
berhasil diperbarui.
h. Activity Diagram Admin Menghapus Media Gambar dan Video

25
Gambar 4.11 Activity diagram admin menghapus media gambar dan video
menghapus media yang dilakukan oleh admin melalui halaman dashboard admin.
Proses dimulai dengan admin memilih menu Media lalu sistem akan menampilkan
menu Media beserta gambar dan video yang sudah ada. Setelah itu admin
menekan gambar atau video yang akan diedit dan sistem akan menampilkan form
untuk melakukan proses edit media. Selanjutnya admin menekan tombol Delete
Permanently dan sistem akan menampilkan dialog konfirmasi. Jika admin
menekan tombol OK maka sistem akan menampilkan pesan bahwa media berhasil
dihapus, namun jika admin menekan tombol Cancel maka akan dikembalikan ke
form pengeditan data media.
i. Activity Diagram Admin Menambah Data Admin

26
Gambar 4.12 Activity diagram admin menambah data admin

menambah admin yang dilakukan oleh admin melalui halaman dashboard admin.
Proses dimulai dengan admin memilih menu Users lalu sistem akan menampilkan
menu Users beserta data admin yang sudah ada. Selanjutnya admin menekan
tombol Add New dan sistem akan menampilkan form untuk menambah admin.
Setelah admin mengisi form admin tersebut lalu admin menekan tombol Add New
User dan sistem akan menampilkan pesan bahwa admin berhasil ditambahkan dan
akan ditampilkan di menu Users.
j. Activity Diagram Admin Mengedit Data Admin

27
Gambar 4.13 Activity diagram admin mengedit data admin

mengedit data admin yang dilakukan oleh admin melalui halaman dashboard
admin. Proses dimulai dengan admin memilih menu Users lalu sistem akan
menampilkan menu Users beserta data admin yang sudah ada. Kemudian admin
menekan tombol Edit yang terdapat pada bagian bawah admin yang akan diedit
dan sistem akan menampilkan form edit user. Setelah form diisi dan diedit
selanjutnya admin menekan tombol Update Profile lalu sistem akan menampilkan
pesan bahwa data admin berhasil diperbarui.
k. Activity Diagram Admin Menghapus Data Admin

28
Gambar 4.14 Activity diagram admin menghapus data admin

menghapus admin yang dilakukan oleh admin melalui halaman dashboard admin.
Proses dimulai dengan admin memilih menu Users lalu sistem akan menampilkan
menu Users beserta data admin yang sudah ada. Kemudian admin menekan
tombol Delete yang terdapat pada bagian bawah admin yang akan dihapus dan
sistem akan menampilkan dialog konfirmasi. Setelah itu admin menekan tombol
Confirm Deletion maka sistem akan menampilkan pesan bahwa admin berhasil
dihapus.
29
l. Activity Diagram Admin Menambah Data Kategori
Gambar 4.15 Activity diagram admin menambah data kategori

menambah kategori yang dilakukan oleh admin melalui halaman dashboard
admin. Proses dimulai dengan admin memilih menu Posts lalu admin memilih
submenu Categories dan sistem akan menampilkan menu Categories beserta data
kategori yang sudah ada dan juga form penambahan kategori. Setelah admin
mengisi form penambahan kategori tersebut lalu admin menekan tombol Add New
Category dan sistem akan menampilkan pesan bahwa kategori berhasil
ditambahkan dan akan ditampilkan di menu Categories.
30
m. Activity Diagram Admin Mengedit Data Kategori
Gambar 4.16 Activity diagram admin mengedit data kategori

mengedit kategori yang dilakukan oleh admin melalui halaman dashboard admin.
Proses dimulai dengan admin memilih menu Posts lalu admin memilih submenu
Categories dan sistem akan menampilkan menu Categories beserta data kategori
yang sudah ada. Kemudian admin menekan tombol Edit yang terdapat pada
bagian bawah kategori yang akan diedit dan sistem akan menampilkan form edit
kategori. Setelah form diisi dan diedit selanjutnya admin menekan tombol Update
lalu sistem akan menampilkan pesan bahwa kategori berhasil diperbarui.
31
n. Activity Diagram Admin Menghapus Data Kategori
Gambar 4.17 Activity diagram admin menghapus data kategori

menghapus kategori yang dilakukan oleh admin melalui halaman dashboard
admin. Proses dimulai dengan admin memilih menu Posts lalu admin memilih
submenu Categories dan sistem akan menampilkan menu Categories beserta data
kategori yang sudah ada. Selanjutnya admin menekan tombol Delete pada
kategori yang akan dihapus dan sistem akan menampilkan dialog konfirmasi. Jika
admin menekan tombol OK maka sistem akan menampilkan pesan bahwa kategori
berhasil dihapus, namun jika admin menekan tombol Cancel maka akan
dikembalikan ke menu Categories.
32
o. Activity Diagram Admin dan User Menambah Komentar
Gambar 4.18 Activity diagram admin dan user menambah komentar

menambahkan komentar pada sebuah post yang dilakukan oleh pengunjung
website maupun admin melalui website Desa Wisata Kakilangit. Proses dimulai
dengan user mengakses website Desa Wisata Kakilangit. Setelah itu user memilih
menui Obyek Wisata yang terdapat pada navbar dan sistem akan menampilkan
halaman Obyek Wisata. Lalu user memilih post mana yang akan diberikan
komentar. Setelah halaman detail Obyek Wisata muncul maka user dapat mengisi
form komentar yang terdapat di bagian bawah dari detail Obyek Wisata. Jika form
komentar sudah diisi maka user menekan tombol Post Comment dan sistem akan
33
melakukan validasi. Jika data yang dimasukkan sudah sesuai dengan aturan dan
ketentuan maka akan muncul pesan bahwa komentar berhasil tersimpan dan
selanjutnya akan menunggu untuk diterima dan dipublikasikan oleh admin. Jika
data tidak sesuai dengan aturan dan ketentuan maka sistem akan menampilkan
pesan kesalahan.
p. Activity Diagram Admin Mempublish Komentar
Gambar 4.19 Activity diagram admin mempublish komentar

mempublikasikan komentar yang dilakukan oleh admin melalui halaman
dashboard admin. Proses dimulai dengan admin memilih menu Comments lalu
sistem akan menampilkan menu Comments beserta data komentar yang sudah ada.
Selanjutnya admin menekan tombol Approve pada komentar yang berstatus
Pending dan sistem akan mempublikasikan komentar tersebut sehingga muncul di
post yang bersangkutan pada website Desa Wisata Kakilangit.
34
q. Activity Diagram Admin Logout
Gambar 4.20 Activity diagram admin logout

logout yang dilakukan oleh admin melalui halaman dashboard admin. Proses
dimulai dengan admin mengarahkan kursor pada username dan foto profil yang
terdapat pada navbar halaman dashboard admin sehingga akan muncul submenu
dari user. Setelah itu admin menekan tombol Logout dan sistem akan keluar dari
halaman admin dan menampilkan halaman login admin.
4.2.3 Sequence Diagram Admin dan Users

Sequence Diagram adalah diagram yang menampilkan dan menjelaskan
secara rinci tentang interaksi antar objek-objek dalam sebuah sistem. Sequence
Diagram juga menampilkan request yang dikirim beserta dengan respon yang
diberikan oleh sistem. Berikut adalah penjelasan tentang sequence diagram pada
Sistem Informasi Desa Wisata Kakilangit.
a. Sequence Diagram Admin Login
Pada Sequence Diagram Admin Login gambar 4.20 dibawah terdapat 1 admin
dan 3 objek yaitu form login, database dan halaman admin. Pertama admin
mengakses halaman login admin dan sistem akan menampilkan form login admin.
35
Setelah admin mengisikan username dan password selanjutnya sistem akan

melakukan validasi data admin. Jika username dan password benar maka sistem
akan menampilkan halaman dashboard admin, dan jika salah sistem akan
menampilkan pesan kesalahan.
Gambar 4.21 Sequence diagram admin login
b. Sequence Diagram Admin Menambah Data Post
Gambar 4.22 Sequence diagram admin menambah data post

Pada Sequence Diagram Admin menambah data post gambar 4.21 diatas
terdapat 1 admin dan 3 objek yaitu halaman Posts, form tambah Posts dan
database. Pertama admin memilih menu Posts pada halaman dashboard admin lalu
36
sistem akan menampilkan halaman Posts. Setelah itu admin menekan tombol Add
New agar sistem menampilkan form untuk menambah post. Setelah admin
mengisi form tersebut sistem akan menampilkan dialog konfirmasi, untuk
melanjutkan proses penambahan post admin menekan tombol Publish. Data post
akan disimpan ke database dan sistem akan menampilkan pesan bahwa post
berhasil disimpan.
c. Sequence Diagram Admin Mengedit Data Post
Gambar 4.23 Sequence diagram admin mengedit data post

Pada Sequence Diagram Admin mengedit data post gambar 4.22 diatas
terdapat 1 admin dan 3 objek yaitu halaman Posts, form edit Posts dan database.
Pertama admin memilih menu Posts pada halaman dashboard admin lalu sistem
akan menampilkan halaman Posts. Setelah itu admin menekan tombol Edit pada
salah satu post agar sistem menampilkan form untuk mengedit post. Setelah form
diisi atau diedit selanjuntnya data post akan disimpan ke database dan sistem akan
menampilkan pesan bahwa post berhasil disimpan.
37
d. Sequence Diagram Admin Menghapus Data Post
Gambar 4.24 Sequence diagram admin menghapus data post

Pada Sequence Diagram Admin menghapus data post gambar 4.23 diatas
terdapat 1 admin dan 3 objek yaitu halaman Posts, form edit Posts dan database.
Pertama admin memilih menu Posts pada halaman dashboard admin lalu sistem
akan menampilkan halaman Posts. Setelah itu admin menekan tombol Move to
Trash pada salah satu post agar sistem menjalankan proses untuk penghapusan
data post. Selanjutnya sistem akan menghapus data post tersebut dari database dan
sistem akan menampilkan pesan bahwa post berhasil disimpan.
e. Sequence Diagram Admin Mempublish Post

38
Gambar 4.25 Sequence diagram admin mempublish post

Pada Sequence Diagram Admin mengedit data post gambar 4.24 diatas
terdapat 1 admin dan 4 objek yaitu halaman Posts, form edit Posts, database dan
website Desa Wisata Kakilangit. Pertama admin memilih menu Posts pada
halaman dashboard admin lalu sistem akan menampilkan halaman Posts. Setelah
itu admin menekan tombol Edit pada salah satu post yang berstatus Pending agar
sistem menampilkan form untuk mengedit post. Lalu admin menekan tombol
Publish agar sistem menjalankan proses supaya post ditampilkan di website.
Setelah itu sistem akan merubah status post tersebut sehingga post dapat tampil di
website Desa Wisata Kakilangit dan sistem akan menampilkan pesan bahwa post
berhasil dipublish.
f. Sequence Diagram Admin Menambah Media Gambar dan Video

39
Gambar 4.26 Sequence diagram admin menambah media gambar dan video
Pada Sequence Diagram Admin menambah media gambar dan video gambar
4.25 diatas terdapat 1 admin dan 3 objek yaitu halaman Media, form tambah
Media dan database. Pertama admin memilih menu Media pada halaman
dashboard admin lalu sistem akan menampilkan halaman Media. Setelah itu
admin menekan tombol Add New agar sistem menampilkan form untuk
menambah media. Setelah admin memilih gambar atau video yang akan diupload
lalu sistem akan melakukan proses penambahan media. Data media akan disimpan
ke database dan sistem akan menampilkan pesan bahwa media berhasil disimpan.
g. Sequence Diagram Admin Mengedit Media Gambar dan Video
Gambar 4.27 Sequence diagram admin mengedit media gambar dan video
40
Pada Sequence Diagram Admin mengedit media gambar dan video gambar
4.26 diatas terdapat 1 admin dan 3 objek yaitu halaman Media, form edit Media
dan database. Pertama admin memilih menu Media pada halaman dashboard
admin lalu sistem akan menampilkan halaman Media. Setelah itu admin memilih
gambar atau video yang akan diedit agar sistem menampilkan form untuk
mengedit media. Setelah admin mengisi atau mengedit form media tersebut lalu
data media akan disimpan ke database dan sistem akan menampilkan pesan bahwa
data media berhasil disimpan.
h. Sequence Diagram Admin Menghapus Media Gambar dan Video

41
Gambar 4.28 Sequence diagram admin menghapus media gambar dan video
Pada Sequence Diagram Admin menghapus media gambar dan video gambar
4.27 diatas terdapat 1 admin dan 3 objek yaitu halaman Media, form edit Media
dan database. Pertama admin memilih menu Media pada halaman dashboard
admin lalu sistem akan menampilkan halaman Media. Setelah itu admin memilih
gambar atau video yang akan diedit agar sistem menampilkan form untuk
mengedit media. Setelah itu admin menekan tombol Delete Permanently dan
sistem akan menampilkan dialog konfirmasi. Lalu admin memilih OK agar sistem
menghapus media tersebut dari database dan menampilkan pesan bahwa media
berhasil dihapus.
i. Sequence Diagram Admin Menambah Data Admin

42
Pada Sequence Diagram Admin menambah data admin gambar 4.28 dibawah
terdapat 1 admin dan 3 objek yaitu halaman Users, form tambah Users dan
database. Pertama admin memilih menu Users pada halaman dashboard admin
lalu sistem akan menampilkan halaman Users. Setelah itu admin menekan tombol
Add New agar sistem menampilkan form untuk menambah user. Setelah admin
mengisi form tersebut sistem melanjutkan untuk proses penambahan admin. Data
user akan disimpan ke database dan sistem akan menampilkan pesan bahwa user
berhasil disimpan.
Gambar 4.29 Sequence diagram admin menambah data admin
j. Sequence Diagram Admin Mengedit Data Admin

43
Gambar 4.30 Sequence diagram admin mengedit data admin

Pada Sequence Diagram Admin menambah data admin gambar 4.29 diatas
lalu sistem akan menampilkan halaman Users. Setelah itu admin memilih edit
pada salah satu user agar sistem menampilkan form untuk mengedit user. Setelah
admin mengisi atau mengedit form user tersebut lalu data user akan disimpan ke
database dan sistem akan menampilkan pesan bahwa data user berhasil disimpan.
k. Sequence Diagram Admin Menghapus Data Admin

44
Gambar 4.31 Sequence diagram admin menghapus data admin

Pada Sequence Diagram Admin menambah data admin gambar 4.30 diatas
lalu sistem akan menampilkan halaman Users. Setelah itu admin memilih Delete
pada salah satu user agar sistem dan sistem akan menampilkan dailog konfirmasi.
Lalu admin memilih Confirm Deletion agar sistem menghapus user tersebut dari
database dan menampilkan pesan bahwa user berhasil dihapus.
l. Sequence Diagram Admin Menambah Data Kategori

Pada Sequence Diagram Admin menambah data kategori gambar 4.31
dibawah terdapat 1 admin dan 3 objek yaitu halaman Posts, halaman Categories
dan database. Pertama admin memilih menu Posts dan setelah itu memilih
submenu Categories sehingga sistem akan menampilkan halaman Categories.
Setelah itu admin mengisi form tambah kategori tersebut untuk melanjutkan
proses penambahan kategori. Data kategori akan disimpan ke database dan sistem
akan menampilkan pesan bahwa kategori berhasil disimpan.
45
Gambar 4.32 Sequence diagram admin menambah data kategori
m. Sequence Diagram Admin Mengedit Data Kategori
Gambar 4.33 Sequence diagram admin mengedit data kategori

Pada Sequence Diagram Admin mengedit data kategori gambar 4.32 diatas
terdapat 1 admin dan 4 objek yaitu halaman Posts, halaman Categories, form edit
Category dan database. Pertama admin memilih menu Posts dan setelah itu
memilih submenu Categories sehingga sistem akan menampilkan halaman
Categories. Lalu admin memilih Edit pada salah satu kategori dan sistem akan
menampilkan form edit kategori. Setelah itu admin mengisi form tambah kategori
tersebut untuk melanjutkan proses edit kategori. Data kategori akan disimpan ke
database dan sistem akan menampilkan pesan bahwa kategori berhasil disimpan.
46
n. Sequence Diagram Admin Menghapus Data Kategori
Gambar 4.34 Sequence diagram admin menghapus data kategori

Pada Sequence Diagram Admin menghapus data kategori gambar 4.33 diatas
terdapat 1 admin dan 3 objek yaitu halaman Posts, halaman Categories dan
database. Pertama admin memilih menu Posts dan setelah itu memilih submenu
Categories sehingga sistem akan menampilkan halaman Categories. Lalu admin
memilih Delete pada salah satu kategori dan sistem akan menampilkan dialog
konfirmasi. Setelah itu admin memilih OK untuk melanjutkan proses menghapus
kategori. Data kategori akan dihapus dari database dan sistem akan menampilkan
pesan bahwa kategori berhasil dihapus.
o. Sequence Diagram Admin dan User Menambah Komentar

Pada Sequence Diagram Admin menambah data kategori gambar 4.34
dibawah terdapat 1 admin atau user dan 4 objek yaitu halaman utama website
Desa Wisata Kakilangit, halaman Obyek Wisata, halaman detail Obyek Wisata
dan database. Pertama user mengakses website Desa Wisata Kakilangit lalu
masuk ke halaman Obyek Wisata. Setelah halaman Obyek Wisata ditampilkan
lalu user memilih obyek wisata dan halaman detail Obyek Wisata akan muncul.
Pada bagian bawah detail Obyek Wisata terdapat form untuk mengirimkan
47
komentar. Setelah admin mengisi form komentar tersebut data komentar akan
disimpan ke database dan sistem akan menampilkan pesan bahwa komentar
berhasil disimpan dan menunggu untuk dipublish oleh admin.
Gambar 4.35 Sequence diagram user menambah komentar
p. Sequence Diagram Admin Mempublish Komentar
Gambar 4.36 Sequence diagram admin mempublish komentar

Pada Sequence Diagram Admin mempublish komentar gambar 4.35 diatas
terdapat 1 admin dan 3 objek yaitu halaman Comments, database dan website
Desa Wisata Kakilangit. Pertama admin memilih menu Comments pada halaman
dashboard admin dan sistem akan menampilkan halaman Comments. Setelah itu
admin memilih Approve pada komentar dengan status Pending. Data komentar
akan diperbarui dan sistem akan menampilkan pesan bahwa kategori berhasil
48
disimpan sehingga komentar dapat terlihat di halaman detail Obyek Wisata yang
bersangkutan.
q. Sequence Diagram Admin Logout
Gambar 4.37 Sequence diagram admin logout

Pada Sequence Diagram Admin logout gambar 4.36 diatas terdapat 1 admin
dan 3 objek yaitu halaman Admin, sistem dan halaman login admin. Pertama
admin mengakses halaman dashboard admin lalu menyorotkan kursor pada foto
profil admin di navbar. Setelah muncul menu dropdown admin memilih Logout
dan sistem akan menjalankan proses logout. Jika berhasil logout maka sistem akan
menampilkan halaman login admin.
4.2.1 Class Diagram

49
Class Diagram menggambarkan struktur dan deskripsi class, attribut, metode

serta relasi dari setiap objek yang terdapat didalamnya. Class Diagram dari
Sistem Infromasi Desa Wisata Kakilangit dapat dilihat pada gambar 4.37 berikut.
Gambar 4.38 Class diagram sistem informasi Desa Wisata Kakilangit
4.3 Kamus Data Class

a. Class Users
Nama class : wp_users
Deskripsi : Berfungsi untuk menyimpan data user dan
admin.
Deskripsi detail dari class wp_users terdapat
pada Tabel 4.xx.
Tabel 4.4 Class users

No. Nama Type Size Keterangan
50
1. ID bigint 20 Id setiap user.

2. user_login varchar 60 Username untuk login.
3. user_pass varchar 64 Password setiap user
dalam bentuk hash.
4. user_nicename varchar 50 Nama yang
ditampilkan.
5. user_email varchar 100 Email setiap user.
6. user_url varchar 100 URL website yang
dimiliki user.
7. user_registered datetime - Waktu user terdaftar.
8. user_activation_key varchar 60 Unique key untuk
mengatur ulang
password.
9. user_status int 11 Status user yang
ditandai sebagai spam
atau bukan.
10. display_name varchar 250 Nama yang ditampilkan
di website Desa Wisata
Kakilangit.
b. Class Usermeta
Nama class : wp_usermeta
Deskripsi : Berfungsi untuk menyimpan data tambahan dari
class wp_users.
Deskripsi detail dari class wp_usermeta terdapat
pada Tabel 4.xx.
Tabel 4.5 Class usermeta

1. umeta_id bigint 20 Id dari setiap komponen
usermeta.
2. user_id bigint 20 ID dari user. Terhubung
ke class users.
3. meta_key varchar 255 Kunci pengidentifikasi
untuk bagian-bagian
data.
4. meta_value longtext Nilai dari data tambahan
user.
c. Class Posts
51
Nama class : wp_posts

Deskripsi : Berfungsi untuk menyimpan data posts termasuk
data Desa Wisata dan Obyek Wisata.
Deskripsi detail dari class wp_posts terdapat
pada Tabel 4.xx.
Tabel 4.6 Class posts

1. ID bigint 20 Id setiap post.
2. post_author bigint 20 Id dari user yang
membuat post.
3. post_date datetime - Tanggal dan waktu post
dibuat.
4. post_date_gmt datetime - Tanggal dan waktu post
dibuat berdasarkan
GMT.
5. post_content longtext - Semua konten yang
terdapat dalam sebuah
post.
6. post_title text - Judul post.
7. post_excerpt text - Penjelasan singkat
sebuah post yang tidak
ditampilkan di halaman
detail post.
8. post_status varchar 20 Status publish post.
Dapat diisi dengan
draft, pending, private,
dan publish.
9. comment_status varchar 20 Status komentar post
apakah dibuka atau
ditutup.
10. Ping_status Varchar 20 Status perizinan untuk
melakukan ping dan
trackbacks pada post.
11. post_password varchar 20 Password opsional
untuk melihat post.
12. post_name varchar 200 Judul post dalam
bentuk slug.
13. to_ping text - URL tujuan ketika
terdapat pingback.
14. pinged text - URL yang telah
mengirimkan pingback.
52
15. post_modified datetime - Waktu terakhir kali

post dimodifikasi.
16. post_modified_gmt datetime - Waktu terakhir kali
post dimodifiaksi
berdasarkan GMT.
17. post_content_filtered longtext - Cache versi dari
post_content
18. post_parent bigint 20 Relasi antara post
dengan post lainnya
apabila post ini berupa
file lampiran seperti
gambar dan media
lainnya.
19. guid varchar 255 URL permanen setiap
post.
20. menu_order int 11 Nomor unik untuk jenis
data pages dan non-
post.
21. post_type varchar 20 Tipe konten setiap post.
22. post_mime_type varchar 100 MIME atau format file
jika tipe kontennya
adalah lampiran.
23. comment_count bigint 20 Jumlah komentar.
d. Class Postmeta
Nama class : wp_postmeta
class posts.
Deskripsi detail dari class wp_postmeta terdapat
pada Tabel 4.xx.
Tabel 4.7 Class postmeta

No. Nama Type Siz Keterangan
e
1. meta_id bigint 20 Id dari setiap komponen
postmeta.
2. post_id bigint 20 ID dari post. Terhubung
ke class posts.
untuk bagian-bagian
data.
4. meta_value longtext Nilai atau value dari data
53
tambahan post.
e. Class Comments
Nama class : wp_comments
Deskripsi : Berfungsi untuk menyimpan data komentar
dalam posts.
Deskripsi detail dari class wp_comments
terdapat pada Tabel 4.xx.
Tabel 4.8 Class comments

1. comment_ID bigint 20 ID dari setiap
komentar.
2. comment_post_ID bigint 20 ID dari post yang
terhubung ke
komentar.
3. comment_author tinytext - Nama dari pengirim
komentar.
4. comment_author_emai varchar 100 Email dari pengirim
l komentar.
5. comment_author_url varchar 200 URL dari pengirim
komentar.
6. comment_author_IP varchar 100 Alamat IP dari
pengirim komentar.
7. comment_date datetime - Tanggal dan waktu
komentar dibuat.
8. comment_date_gmt datetime - Tanggal dan waktu
komentar dibuat
berdasarkan GMT.
9. comment_content text - Isi komentar.
10. comment_karma int 11 Digunakan oleh
plugin.
11. comment_approved varchar 20 Statu disetujui atau
tidaknya komentar.
12. comment_agent varchar 255 Asal dari pengirim
komentar.
13. comment_type varchar 20 Tipe konten setiap
komentar.
14. comment_parent bigint 20 Relasi antara
komponen komentar
dengan komentar
lainnya apabila
54
komentar ini berupa

balasan.
15. user_id bigint 20 ID dari pengirim
komentar jika
terdaftar sebagai
users.
f. Class Commentmeta
Nama class : wp_commentmeta
class comments.
Deskripsi detail dari class wp_commentmeta
Tabel 4.9 Class commentmeta

1. meta_id bigint 20 Id dari setiap komponen
commentmeta.
2. comment_id bigint 20 ID dari komentar.
Terhubung ke class
comments.
untuk bagian-bagian
data.
4. meta_value longtext Nilai atau value dari data
tambahan comment.
g. Class Terms
Nama class : wp_terms
Deskripsi : Berfungsi untuk menyimpan data kategori, tag
dan slug dari posts.
Deskripsi detail dari class wp_terms terdapat
pada Tabel 4.xx.
Tabel 4.10 Class terms

1. term_id bigint 20 ID setiap term.
2. name varchar 200 Nama term.
3. slug varchar 200 Nama term dalam bentuk
55
slug.
4. term_group bigint 10 Pengelompokkan term.
h. Class Term Taxonomy

Nama class : wp_term_taxonomy
Deskripsi : Berfungsi untuk mengelompokkan data dalam
class terms.
Deskripsi detail dari class wp_term_taxonomy
Tabel 4.11 Class term taxonomy

1. term_taxonomy_id bigint 20 ID dari setiap komponen
term taxonomy.
2. term_id bigint 20 ID dari terms.
Terhubung ke class
terms.
3. taxonomy varchar 32 Pengelompokkan dari -
class terms dalam
bentuk slug.
4. description longtext - Deskripsi dari term
dalam pengelompokkan.
5. parent bigint 20 ID dari parent term.
6. count bigint 20 Jumlah post yang
menggunakan term
tertentu.
i. Class Term Relationships

Nama class : wp_term_relationships
Deskripsi : Berfungsi untuk menghubungkan antara class
term taxonomy dengan data dalam class posts.
Deskripsi detail dari class
wp_term_relationships terdapat pada Tabel 4.xx.
Tabel 4.12 Class term relationships

No. Nama Type Siz Keterangan
e
1. object_id bigint 20 ID dari posts.
Terhubung ke class
posts.
56
2. term_taxonomy_id bigint 20 ID dari term taxonomy.

Terhubung ke class term
taxonomy.
3. term_order int 11 Izin untuk mengurutkan
sebuah objek.
4.4 Perancangan Desain Website

Perancangan desain website digunakan untuk memberikan gambaran dasar
mengenai struktur menu, navigasi, tampilan, serta apa saja data dan informasi
yang akan ditampilkan dalam website Desa Wisata Kakilangit.
a. Desain Halaman Beranda Website Desa Wisata Kakilangit
Gambar 4.39 Desain halaman utama website Desa Wisata Kakilangit

Desain halaman utama website Desa Wisata Kakilangit pada gambar 4.38
menampilkan informasi singkat sebagai perkenalan terkait Desa Wisata
57
Kakilangit. Website Desa Wisata Kakilangit ini dapat diakses tanpa perlu proses
login atau autentikasi.
b. Desain halaman Tentang Kakilangit
Gambar 4.40 Desain halaman tentang Desa Wisata Kakilangit

Desain halaman tentang Desa Wisata Kakilangit pada gambar 4.39 diatas
menampilkan informasi lebih dalam mengenai Desa Wisata Kakilangit. Adapun
informasi yang terdapat di halaman ini adalah visi misi, lokasi, serta sejarah
pembangunan Desa Wisata Kakilangit.
58
c. Desain halaman Desa Wisata
Gambar 4.41 Desain halaman desa wisata

Desain halaman Desa Wisata pada gambar 4.40 diatas menampilkan informasi
tentang apa saja keunikan yang terdapat di Desa Wisata Kakilangit. Informasi
yang terdapat di halaman ini berasal dari class posts dengan kategori desa wisata.
59
d. Desain halaman Detail Desa Wisata
Gambar 4.42 Desain halaman detail desa wisata

Desain halaman detail Desa Wisata pada gambar 4.41 dibawah adalah
halaman yang akan muncul ketika membuka atau mengklik salah satu dari
postingan yang terdapat di halaman Desa Wisata. Halaman ini menampilkan detail
informasi dari destinasi yang dipilih. Adapun informasi yang ditampilkan adalah
penjelasan mengenai destinasi di desa wisata, galeri foto dan tombol untuk
membagikan informasi tersebut melalui facebook, twitter, dan e-mail.
60
e. Desain halaman Obyek Wisata
Gambar 4.43 Desain halaman obyek wisata

Desain halaman Obyek Wisata pada gambar 4.42 diatas menampilkan
informasi tentang destinasi wisata yang terdapat di sekitar daerah Desa Wisata
Kakilangit, yakni daerah desa Mangunan. Informasi yang terdapat di halaman ini
berasal dari class posts dengan kategori obyek wisata.
61
f. Desain halaman Detail Obyek Wisata
Gambar 4.44 Desain halaman detail obyek wisata

Desain halaman detail Obyek Wisata pada gambar 4.43 diatas adalah halaman
yang akan muncul ketika membuka atau mengklik salah satu dari postingan yang
terdapat di halaman Obyek Wisata. Halaman ini menampilkan detail informasi
dari obyek wisata yang dipilih. Adapun informasi yang ditampilkan adalah
penjelasan, galeri foto serta tombol yang akan membuka google maps guna
menunjukkan lokasi obyek wisata tersebut.
62
g. Desain halaman Login Admin
Gambar 4.45 Desain halaman login admin

Desain halaman login admin pada gambar 4.44 diatas merupakan halaman
yang digunakan oleh admin untuk melakukan proses login sebelum dapat
mengakses halaman dashboard admin. Halaman ini berupa form input email,
password dan link bantuan apabila lupa password.
h. Desain halaman Dashboard Admin
Gambar 4.46 Desain halaman dashboard admin

Desain halaman dashboard admin pada gambar 4.45 diatas merupakan
halaman yang digunakan oleh admin untuk melakukan pengolahan data yang
meliputi data post, user, komentar, tampilan website, dan pengaturan website.
Halaman dashboard admin akan memiliki fungsi yang berbeda tergantung dengan
role atau level user admin.
63
4.5 Perancangan REST API

Perancangan REST API memberikan gambaran terkait request apa saja yang
dapat dilakukan oleh user maupun admin beserta dengan response yang
dikirimkan oleh sistem. Berikut adalah rancangan REST API pada Sistem
Informasi Desa Wisata Kakilangit.
a. Request dan Response Melihat data Post
Request ini digunakan untuk memperoleh informasi mengenai seluruh posts
yang berada dalam website Desa Wisata Kakilangit. Sumber data yang
ditampilkan berasal dari class posts. Adapun rancangan dari REST API melihat
data posts dapat dilihat pada tabel 4.12 berikut.
Tabel 4.13 Rancangan REST API melihat data posts
Method GET
URL https://dewikakilangit.com/wp-json/api/v1/users/<id>
Keterangan Informasi yang ditampilkan akan diambil dari class posts
secara keseluruhan, tanpa memfilter berdasarkan apapun.
Jika user ingin mendapatkan informasi posts berdasarkan id
tertentu maka user dapat menambahkan id posts dalam <id>.
b. Request dan Response Melihat data Desa Wisata

Request ini digunakan untuk memperoleh informasi mengenai desa wisata
ditampilkan berasal dari class posts yang dimana dalam websitenya ditampilkan di
halaman Desa Wisata. Adapun rancangan dari REST API melihat data desa wisata
dapat dilihat pada tabel 4.13 berikut.
Tabel 4.14 Rancangan REST API melihat data desa wisata
Method GET
URL https://dewikakilangit.com/wp-json/api/v1/desawisata
dengan category posts bernilai 4.
64
c. Request dan Response Melihat data Obyek Wisata

Request ini digunakan untuk memperoleh informasi mengenai obyek wisata
ditampilkan berasal dari class posts yang dimana dalam websitenya ditampilkan di
halaman Obyek Wisata. Adapun rancangan dari REST API melihat data obyek
wisata dapat dilihat pada tabel 4.14 berikut.
Tabel 4.15 Rancangan REST API melihat data obyek wisata
Method GET
URL https://dewikakilangit.com/wp-json/api/v1/obyekwisata
dengan category posts bernilai 5.
d. Request dan Response Melihat data User

Request ini digunakan untuk memperoleh informasi mengenai user yang
terdaftar pada database website Desa Wisata Kakilangit. Sumber data yang
ditampilkan berasal dari class. Adapun rancangan dari REST API melihat data
desa wisata dapat dilihat pada tabel 4.15 berikut.
Tabel 4.16 Rancangan REST API melihat data user
Method GET
URL https://dewikakilangit.com/wp-json/api/v1/users/<email>
Keterangan Informasi yang ditampilkan akan diambil dari class users.
Untuk keamanan data maka informasi yang ditampilkan
akan dibatasi, yakni sekedar id user, display name, username
dan email.
Jika user ingin mendapatkan informasi posts berdasarkan
email maka user dapat menambahkan email user dalam
<email>.
65
8. BAB V
HASIL PENELITIAN DAN PEMBAHASAN
Berdasarkan perancangan sistem yang dilakukan pada bab sebelumnya, maka

langkah selanjutnya adalah mengenai hasil penelitian. Sistem Informasi Desa
Wisata Kakilangit ini dibangun dengan menggunakan bahasa pemrograman PHP.
Pada bab ini memuat semua tentang hasil dari penelitian yang dilakukan.
5.1 Implementasi Database
Database adalah sistem berbentuk kumpulan data yang berfungsi sebagai
tempat mengumpulkan file, tabel, atau arsip yang terhubung dan disimpan dalam
berbagai media elektronik. Sistem Informasi Desa Wisata Kakilangit ini dibangun
dengan database MySQL yang didalamnya terdiri dari beberapa class yaitu class
users, class usermeta, class posts, class postmeta, class comments, class
commentmeta, class terms, class terms_taxonomy dan class terms_relationships.
Implementasi seluruh class tersebut akan dijelaskan secara rinci sebagai berikut.
5.1.1 Struktur class Users
Class users merupakan class yang berisi data-data dari user yang digunakan
untuk login ke website. Data-data yang tersimpan dalam class users terdiri dari
username, password, email, dan nama yang ditampilkan di halaman admin.
Gambar 5.47 Struktur class users
5.1.2 Struktur class Usermeta

Class usermeta berelasi langsung dengan class users dan berisi data-data
tambahan dari user. Data-data yang tersimpan dalam class usermeta terdiri dari id
66
users dan informasi tambahan user seperti nama depan, nama belakang, deskripsi
serta role atau user levelnya.
Gambar 5.48 Struktur class usermeta
5.1.3 Struktur class Posts

Class posts berisi semua data atau informasi yang ditampilkan di website
utama Desa Wisata Kakilangit. Dalam kasus ini data yang ditampilkan terdiri dari
informasi desa wisata dan obyek wisata. Data-data seperti media dan file
pendukung lainnya juga terdapat di class posts.
Gambar 5.49 Struktur class posts

67
5.1.4 Struktur class Postmeta

Class postmeta berelasi langsung dengan class posts dan berisi data tambahan
dari postingan.
Gambar 5.50 Struktur class postmeta
5.1.5 Struktur class Comments

Class comments berisi data komentar yang terdapat di semua postingan. Class
comments berelasi langsung dengan class posts. Data yang disimpan di class
comments berasal dari pengunjung website yang memberikan komentar.
Gambar 5.51 Struktur class comments
5.1.6 Struktur class Commentmeta

Class commentmeta berelasi langsung dengan class comments dan berisi data
tambahan dari komentar.
Gambar 5.52 Struktur class commentmeta

68
5.1.7 Struktur class Terms

Class terms berisi data kategori, tag dan slug dari semua postingan. Kategori
dan tag menentukan sebuah postingan akan ditampilkan di halaman mana saja.
Class terms akan berelasi langsung dengan class term_taxonomy agar dapat
berfungsi dengan normal.
Gambar 5.53 Struktur class terms
5.1.8 Struktur class Term Taxonomy

Class term_taxonomy berisi seluruh taxonomy atau pengelompokkan untuk
class terms. Ketika admin menambahkan kategori atau tag baru maka secara
otomatis akan dibuat data dalam class ini.
Gambar 5.54 Struktur class term_taxonomy
5.1.9 Struktur class Term Relationships

Class ini berfungsi untuk menghubungkan antara class term_taxonomy
dengan semua postingan yang ada di class posts. Ketika admin mencantumkan
atau menambahkan kategori maupun tag pada postingan maka data tersebut akan
tersimpan di class term_relationships ini. Sehingga postingan dapat
dikelompokkan berdasarkan kategori maupun tag.
Gambar 5.55 Struktur class term_relationship

69
5.1.10 Desain relasi antar class

Setelah semua class dibuat, akan terlihat desain relasi antar class. Desain
relasi antar class secara keseluruhan dapat dilihat pada gambar 5.10 berikut.
Gambar 5.56 Relasi antar class
5.2 Implementasi Role User Sistem Informsai Desa Wisata Kakilangit

Dalam website Desa Wisata Kakilangit ini terdapat beberapa role yang dapat
dimiliki oleh users. Role tersebut didapatkan sesuai dengan fungsi user dalam
website. Adapun pembagian role user dapat dilihat sebagai berikut.
a. Administrator
User dengan role administrator memliki hak akses penuh dalam website.
Sehingga mereka dapat mengakses dan melakukan segala aktivitas dalam website
seperti menambah posts, mengedit dan menghapus posts yang dibuat oleh
siapapun, merubah tampilan website, dan yang paling penting adalah dapat
menambah, mengedit, dan menghapus users.
b. Editor
User dengan role editor memiliki hak akses dalam bagian konten atau posts
pada website. Aktivitas yang dapat dilakukan oleh editor adalah menambah dan
mengedit posts dan komentar. Editor bukan hanya mampu memanipulasi konten
70
mereka sendiri, namun juga dapat memanipulasi konten yang dibuat oleh users
lain.
c. Author
User dengan role author memiliki hak akses dalam bagian konten atau posts
pada website. Perbedaannya dengan role editor adalah author hanya dapat
melakukan perubahan pada posts mereka sendiri. Aktivitas yang dapat dilakukan
author adalah menambah dan mengedit posts dan melihat komentar yang masih
menunggu untuk direview.
d. Contributor
User dengan role contributor memilki hak akses dalam bagian konten atau
posts pada website. Perbedaannya dengan role author adalah contributor tidak
dapat mempublish post mereka sendiri. Author hanya dapat menambah dan
mengedit posts mereka sendiri, sedangkan untuk publish dilakukan oleh user
dengan role diatasnya.
e. Subscriber
User dengan role subscriber dapat melakukan login ke website dan dapat
mengatur profil mereka. Subscriber tidak dapat menambahkan posts maupun
mengakses halaman admin.
71
5.3 Implementasi Tampilan Website Desa Wisata Kakilangit

a. Tampilan beranda website Desa Wisata Kakilangit
Gambar 5.57 Tampilan halaman utama website Desa Wisata Kakilangit

Halaman utama website Desa Wisata Kakilangit menampilkan informasi
singkat sebagai perkenalan terkait Desa Wisata Kakilangit. Website Desa Wisata
Kakilangit ini dapat diakses tanpa perlu proses login atau autentikasi.
72
b. Tampilan halaman Tentang Kakilangit
Gambar 5.58 Tampilan halaman tentang Desa Wisata Kakilangit

Halaman Tentang Kakilangit menampilkan informasi lebih dalam mengenai
Desa Wisata Kakilangit. Adapun informasi yang terdapat di halaman ini adalah
visi misi, lokasi, serta sejarah pembangunan Desa Wisata Kakilangit.
73
c. Tampilan halaman Desa Wisata
Gambar 5.59 Tampilan halaman desa wisata

Halaman Desa Wisata menampilkan informasi tentang apa saja keunikan yang
terdapat di Desa Wisata Kakilangit. Informasi yang terdapat di halaman ini
berasal dari class posts dengan kategori desa wisata.
74
d. Tampilan halaman Detail Desa Wisata
Gambar 5.60 Tampilan halaman detail desa wisata

Halaman detail Desa Wisata adalah halaman yang akan muncul ketika
membuka atau mengklik salah satu dari postingan yang terdapat di halaman Desa
Wisata. Halaman ini menampilkan detail informasi dari destinasi yang dipilih.
Adapun informasi yang ditampilkan adalah penjelasan mengenai destinasi di desa
wisata, galeri foto dan tombol untuk membagikan informasi tersebut melalui
facebook, twitter, dan e-mail.
75
e. Tampilan halaman Obyek Wisata
Gambar 5.61 Tampilan halaman obyek wisata

Halaman Obyek Wisata menampilkan informasi tentang destinasi wisata yang
terdapat di sekitar daerah Desa Wisata Kakilangit, yakni daerah desa Mangunan.
Informasi yang terdapat di halaman ini berasal dari class posts dengan kategori
obyek wisata.
76
f. Tampilan halaman Detail Obyek Wisata
Gambar 5.62 Tampilan halaman detail obyek wisata

Halaman detail Obyek Wisata adalah halaman yang akan muncul ketika
membuka atau mengklik salah satu dari postingan yang terdapat di halaman
Obyek Wisata. Halaman ini menampilkan detail informasi dari obyek wisata yang
dipilih. Adapun informasi yang ditampilkan adalah penjelasan, galeri foto serta
tombol yang akan membuka google maps guna menunjukkan lokasi obyek wisata
tersebut.
77
5.4 Implementasi Tampilan Halaman Admin

a. Tampilan halaman login admin
Gambar 5.63 Tampilan halaman login admin

Halaman login admin merupakan halaman yang digunakan oleh admin untuk
melakukan proses login sebelum dapat mengakses halaman dashboard admin.
Halaman ini berupa form input email, password dan link bantuan apabila lupa
password.
b. Tampilan halaman Dashboard Admin
Gambar 5.64 Tampilan halaman dashboard admin

Halaman dashboard admin merupakan halaman yang digunakan oleh admin
untuk melakukan pengolahan data yang meliputi data post, user, komentar,
tampilan website, dan pengaturan website. Halaman dashboard admin akan
memiliki fungsi yang berbeda tergantung dengan role atau level user admin.
78
5.5 Implementasi REST API

a. Menampilkan data posts
Untuk menampilkan semua data posts yang didalamnya terdapat data obyek
wisata dan desa wisata dapat dilakukan dengan mengirimkan request sebagai
berikut.
Tabel 5.17 Request untuk menampilkan data posts
Request Endpoint Keterangan
GET https://dewikakilangit.com/wp-json/ -
api/v1/posts
Hasil respon dari request diatas dapat diterima dalam 5.33 detik dengan
menampilkan data dalam class posts seperti id post, tanggal, nama, judul, dan
deskripsi. Hasil pengujian API menampilkan semua data posts dapat dilihat pada
gambar 5.19 berikut.
Gambar 5.65 Hasil respon request GET data posts
Untuk menampilkan data posts secara spesifik dapat dilakukan dengan

mengirimkan request yang sama seperti sebelumnya namun dengan tambahan
parameter berupa id. Untuk lebih lengkapnya dapat dilihat pada tabel berikut.
79
Tabel 5.18 Request untuk menampilkan data posts berdasarkan id

GET https://dewikakilangit.com/wp-json/ Value dari id dapat
api/v1/posts/<id> dilihat di database atau
dengan menjalankan
request get posts tanpa id
menampilkan data yang sama seperti mengirimkan request GET posts tanpa ID.
Hasil pengujian API menampilkan semua data posts dapat dilihat pada gambar 5.x
berikut.
Gambar 5.66 Hasil respon request GET data posts berdasarkan id

80
b. Menampilkan data Desa Wisata

Untuk menampilkan data Desa Wisata yang tersimpan dalam class posts dapat
dilakukan dengan mengirimkan request sebagai berikut.
Tabel 5.19 Request untuk menampilkan data desa wisata
api/v1/desawisata
Data Desa Wisata diambil dari class posts dengan category Desa Wisata. Hasil
respon dari request diatas dapat diterima dalam 5.97 detik dengan menampilkan
data seperti id posts, nama lokasi, deskripsi, tanggal dibuat, dan lain-lain. Hasil
pengujian API menampilkan data Desa Wisata dapat dilihat pada gambar 5.21
berikut.
Gambar 5.67 Hasil respon request GET desa wisata

81
c. Menambilkan data Obyek Wisata

Untuk menampilkan data Obyek Wisata yang tersimpan dalam class posts
dapat dilakukan dengan mengirimkan request sebagai berikut.
Tabel 5.20 Request untuk menampilkan data obyek wisata
api/v1/obyekwisata
Data Obyek Wisata diambil dari class posts dengan category Obyek Wisata.
menampilkan data seperti id posts, nama lokasi, deskripsi, tanggal dibuat, dan
lain-lain. Hasil pengujian API menampilkan data Obyek Wisata dapat dilihat pada
gambar 5.x berikut.
Gambar 5.68 Hasil respon request GET obyek wisata

82
d. Menampilkan data user

Untuk menampilkan semua data admin dapat dilakukan dengan mengirimkan
request sebagai berikut.
Tabel 5.21 Request untuk menampilkan data users
Request Endpoint Parameter
api/v1/users
menampilkan data dalam class users seperti id user, display name, username dan
email. Hasil pengujian API menampilkan semua data posts dapat dilihat pada
gambar 5.x berikut.
Gambar 5.69 Hasil respon request GET user

83
5.6 Source Code REST API

REST API dibuat dengan menggunakan bahasa pemrograman PHP. Source
code dari REST API Desa Wisata Kakilangit dapat dilihat pada tabel 5.6 berikut.
Tabel 5.22 Source code REST API
Source Code
1 //SHOW ALL POSTS

2 function api_posts(){
3 $args = [
4 'numberposts' => 99,
5 'post_type' => 'post',
6 'category' => '4, 5'
7 ];
8
9 $posts = get_posts($args);
10
11 $data = [];
12 $i = 0;
13
14 foreach($posts as $post){
15 $data[$i][$post->ID] = $post;
16 $i++;
17 }
18
19 return $data;
20 }
21
22 //SHOW POSTS BY ID
23 function api_post($request){
24 $args = [
25 'p' => $request['id'],
26 'post_type' => 'post',
27 ];
28
29 $post_by_id = get_posts($args);
30
84
31 if(empty($post_by_id)){
32 return new WP_Error(
33 'empty_id', 'No Posts to Display',
34 array('status'=>404)
35 );
36 }
37
38 $post_id = $post_by_id->ID;
39
40 $data_by_id[$post_id] = $post_by_id;
41
42 return $data_by_id;
43 }
44
45 //SHOW POSTS with CATEGORY DESA WISATA
46 function api_desawisata(){
47 $args = [
48 'category' => '4',
49 'numberposts' => 99
50 ];
51
52 $desawisata = get_posts($args);
53
54 if(empty($desawisata)){
56 'empty_category', 'No Posts to Display',
58 );
59 }
60
61 $data_dw = [];
62 $i = 0;
63
64 foreach($desawisata as $post_dw){
65 $data_dw[$i][$post_dw->ID] = $post_dw;
66 $i++;
67 }
85
68
69 return $data_dw;
70 }
71
72 //SHOW POSTS with CATEGORY OBYEK WISATA
73 function api_obyekwisata(){
74 $args = [
75 'category' => '5',
76 'numberposts' => 99
77 ];
78
79 $obyekwisata = get_posts($args);
80
81 if(empty($obyekwisata)){
83 'empty_category', 'No Posts to Display',
85 );
86 }
87
88 $data_ow = [];
89 $i = 0;
90
91 foreach($obyekwisata as $post_ow){
92 $data_ow[$i][$post_ow->ID] = $post_ow;
93 $i++;
94 }
95
96 return $data_ow;
97 }
98
99
//GET USERS
100
function api_users(){
101
$args = array(
102
'number' => 100
103
);
104
86
105 $user_query = new WP_User_Query( $args );

106
107 $data_user = [];
108 $i = 0;
109
110 if ( ! empty( $user_query->get_results() ) ) {
111 foreach ( $user_query->get_results() as $user ) {
112 $data_user[$i]['id'] = $user->ID;
113 $data_user[$i]['display_name'] = $user-
114 >display_name;
115 $data_user[$i]['user_nicename'] = $user-
116 >user_nicename;
117 $data_user[$i]['email'] = $user->user_email;
118 $i++;
119 }
120 } else {
121 echo 'No users found.';
122 }
123
124 return $data_user;
125 }
126
127 //GET USER BY EMAIL
128 function api_user($search){
129 $user_by_email = get_user_by('email',
130 $search['stringvar']);
131
132 $data_user_by_email['id']=$user_by_email->ID;
133 $data_user_by_email['display_name'] = $user_by_email-
>display_name;
134 $data_user_by_email['user_nicename'] = $user_by_email-
>user_nicename;
135 $data_user_by_email['email'] = $user_by_email-

>user_email;
136
return $data_user_by_id;
137
}
138
87
139
140 //ADD ENDPOINT
141 add_action('rest_api_init', function(){
142 register_rest_route('api/v1', 'posts', [
143 'methods' => 'GET',
144 'callback' => 'api_posts',
145 ]);
146
147 register_rest_route('api/v1', 'posts/(?P<id>\d+)',
148 array(
150 'callback' => 'api_post',
151 ));
152
153 register_rest_route('api/v1', 'desawisata', [
155 'callback' => 'api_desawisata',
156 ]);
157
158 register_rest_route('api/v1', 'obyekwisata', [
160 'callback' => 'api_obyekwisata',
161 ]);
162
163 register_rest_route('api/v1', 'users', [
165 'callback' => 'api_users',
166 ]);
167
168 register_rest_route('api/v1', 'users/(?P<stringvar>[^/]
169 +)', array(
171 'callback' => 'api_user',
172 ));
173 });
88
Keterangan
Line Deskripsi
(2-20) Fungsi untuk menampilkan seluruh data posts.
Fungsi ini akan berjalan ketika user mengakses
www.dewikakilangit/wp-json/api/v1/posts
(3-7) Argumen yang dikirimkan ketika menjalankan request get posts
yakni numberposts(jumlah data yang ditampilkan), post_type, dan
category dimana 4 berarti kategori Desa Wisata dan 5 berarti
kategori Obyek Wisata.
(14-17) Melakukan perulangan untuk menampilkan semua data dalam
class posts.
(23-43) Fungsi untuk menampilkan data posts berdasarkan id posts.
www.dewikakilangit/wp-json/api/v1/posts/<id> dimana nilai dari
id adalah id posts.
(24-27) Argumen yang dikirimkan adalah p(id posts) dan juga post_type.
(31-35) Menampilkan pesan kesalahan ‘No Posts to Display’ ketika tidak
ada data posts yang bisa ditampilkan karena id yang dimasukkan
salah.
(46-70) Fungsi untuk menampilkan data Desa Wisata.
www.dewikakilangit/wp-json/api/v1/desawisata
(47-50) Argumen yang dikirimkan ketika menjalankan request get desa
wisata yakni category dimana 4 berarti category posts adalah Desa
Wisata dan numberposts yang berisi jumlah data yang ditampilkan.
(54-59) Menampilkan pesan kesalahan ‘No Posts to Display’ ketika tidak
ada data Desa Wisata yang bisa ditampilkan.
(73-97) Fungsi untuk menampilkan data Obyek Wisata.
www.dewikakilangit/wp-json/api/v1/obyekwisata
(74-77) Argumen yang dikirimkan ketika menjalankan request get obyek
89
wisata yakni category dimana 5 berarti category posts adalah

Obyek Wisata dan numberposts yang berisi jumlah data yang
ditampilkan.
(100-125) Fungsi untuk menampilkan data Users.
www.dewikakilangit/wp-json/api/v1/users
(101-103) Argumen yang dikirimkan ketika menjalankan request get users
yakni number yang nilainya adalah jumlah data yang ditampilkan.
(105) Untuk menampilkan data yang berada di class users menggunakan
fungsi WP_User_Query() dengan mengirimkan argumen yang
diberikan sebelumnya.
(112-118) Untuk menjaga keamanan user maka data yang ditampilkan harus
diatur agar tidak menampilkan informasi penting seperti password.
Adapun data yang ditampilkan terdiri dari id users, nama dan
email.
(128-141) Fungsi untuk menampilkan data users berdasarkan email.
www.dewikakilangit/wp-json/api/v1/users/<email> dimana nilai
dari email adalah email users.
(141-173) Fungsi add_action digunakan untuk menambahkan endpoint
dengan memasukkan data berupa link endpoint, methods dan
callback.
(142-145) Menambahkan endpoint /api/v1/posts yang bisa diakses dengan
method GET berdasarkan argumen yang diinputkan dalam fungsi
api_posts()
(147-151) Menambahkan endpoint /api/v1/posts/<id> yang bisa diakses
dengan method GET dan mengirimkan parameter berupa id posts
berdasarkan argumen yang diinputkan dalam fungsi api_post()
(153-156) Menambahkan endpoint /api/v1/desawisata yang bisa diakses
dengan method GET berdasarkan argumen yang diinputkan dalam
fungsi api_desawisata()
90
(158-161) Menambahkan endpoint /api/v1/obyekwisata yang bisa diakses

dengan method GET berdasarkan argumen yang diinputkan dalam
fungsi api_obyekwisata()
(163-166) Menambahkan endpoint /api/v1/users yang bisa diakses dengan
method GET berdasarkan argumen yang diinputkan dalam fungsi
api_users()
(168-172) Menambahkan endpoint /api/v1/users/<email> yang bisa diakses
dengan method GET dan mengirimkan parameter berupa email
users berdasarkan argumen yang diinputkan dalam fungsi
api_user()
91
9. BAB VI
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Berdasarkan hasil pengembangan Sistem Informasi Desa Wisata Kakilangit
Berbasis Website Menggunakan PHP dapat disimpulkan sebagai berikut.
1. Website Desa Wisata Kakilangit mampu menampilkan informasi yang
akurat terkait Desa Wisata Kakilangit dan dapat diakses melalui perangkat
apapun. Adapun fungsi-fungsi tambahan seperti membuka lokasi obyek
wisata juga berjalan dengan baik.
2. Admin mampu mengakses dan menjalankan tugas mereka sebagai admin
sesuai dengan masing-masing role yang didapatkan.
3. API mampu memberikan response yang sesuai dengan request yang
dikirimkan oleh user.
6.2 Saran
Dalam pembuatan Sistem Informasi Desa Wisata Kakilangit ini masih banyak
hal yang dapat dikembangkan seperti.
1. Website Desa Wisata Kakilangit perlu ditambahkan fitur yang lebih
menarik dan yang dapat membantu pengunjung dalam mengakses lokasi.
2. API baru memiliki fungsi untuk melihat data saja, perlu dikembangkan
fungsi untuk melakukan manipulasi data.
92
10.DAFTAR PUSTAKA
Doglio, F., 2018, REST API Development with Node.js, edisi 2, Canelones, Apress.
Hadiwijoyo, S., 2012, Perencanaan Pariwisata Perdesaan Berbasis Masyarakat

(Sebuah Pendekatan Konsep), Yogyakarta, Graha Ilmu.
Haryanto, J., 2018, Aplikasi Penjualan pada Yam-Yam Restaurant berbasis Web
Service dengan Metode REST, Skripsi, Teknik Informatika STMIK El Rahma,
Yogyakarta.
Hradil, J. dan Sklenák, V., 2017, Practical Implementation of 10 Rules for Writing
REST APIs. Journal of Systems Integration, 8(1), 45–54.
https://doi.org/10.20470/jsi.v8i1.290
Jamhari, 2017, Web Service Client PDPT STMIK El Rahma, Skripsi, Teknik
Informatika STMIK El Rahma, Yogyakarta.
Karuniawan, S.A.V., 2020, Rancang Bangun RESTful API Untuk Manajemen Data
Pelanggan Storelogy.com Dengan Menggunakan Laravel, Kerja Praktek,
Informatika Institut Teknologi Sepuluh Nopember, Surabaya.
Mulyani, S., 2016, Analisis dan Perancangan Sistem Informasi Manajemen Keuangan
Daerah, Bandung, Abdi Sistematika.
Priambodo, A.W., 2017, Implementasi RESTful Web Service pada Sistem Pencarian
Sparepart Handphone, Skripsi, Teknik Informatika STMIK El Rahma, Yogyakarta.
Sembara, S., 2020, Rancang Bangun Application Programming Interface (API)

Menggunakan Gaya Arsitektur Representational State Transfer (Rest) Untuk
Pengembangan Sistem Informasi Chatting, Kerja Praktek, Sistem Informasi
Universitas Dinamika, Surabaya.
Sibero, A.F., 2013, Web Programming Power Pack, Yogyakarta, MediaKom.
Sutabri, T., 2012, Konsep Sistem Informasi, Yogyakarta, Andi Offset.

93
11.LAMPIRAN
A. Bukti pengecekan plagiarisme BAB I melalui website

www.smallseotools.com
94
B. Bukti pengecekan plagiarisme BAB II melalui website

www.smallseotools.com

Laporan KP Fahmi - FULL

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan KP Fahmi - FULL

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN KERJA PRAKTEK

SISTEM INFORMASI DESA WISATA KAKILANGIT

Nomor Mahasiswa : 12181608

Program Studi : Informatika

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER

SISTEM INFORMASI DESA WISATA KAKILANGIT

Nomor Mahasiswa : 12181608

Program Studi : Informatika

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER

 Do or Do Not, There is No Try. (Yoda, Star Wars)

Kerja Praktek ini saya persembahkan dan ucapkan terimakasih kepada:

Yogyakarta, 21 Desember 2021

Gambar 1.1 Metode pengembangan sistem.............................................................4

Tabel 2.1 Ringkasan penelitian terdahulu................................................................7

Desa Wisata Kakilangit merupakan sebuah desa wisata yang terletak di

Kata Kunci: Desa Wisata Kakilangit, web service, rest api

1.1 Latar Belakang dan Permasalahan

1.2 Rumusan Masalah

1.3 Batasan Masalah

1.4 Tujuan Penelitian

1.5 Manfaat Penelitian

1.6 Metode Penelitian

2. Spesifikasi Software (perangkat lunak) terdiri dari.

3. Metode Pengumpulan Data

4. Metode Pengembangan Sistem

Gambar 1.1 Metode pengembangan sistem

Adapun penjelasan dari Gambar 1.1 metode pengembangan sistem sebagai

Berdasarkan hasil kajian pustaka yang telah dilakukan sebagai bahan

Tabel 2.1 Ringkasan penelitian terdahulu

Lanjutan Tabel 2.1

Lanjutan Tabel 2.1

3.1 Sistem Informasi

3.3 Desa Wisata

3.4 Representational State Transfer (REST)

3.5 Application Programming Interface (API)

3.6 JavaScript Object Notation (JSON)

3.7 Unified Modelling Language (UML)

pendokumentasian dan melakukan spesifikasi pada sistem. (Mulyani, 2016). UML

4.1 Tahapan Analisis Penelitian Sistem

4.2 Tahapan Perancangan Sistem

Gambar 4.2 Arsitektur sistem

Gambar 4.3 Use case diagram admin dan user

4.2.2 Activity Diagram Admin dan Users

Gambar 4.4 Activity diagram admin login

b. Activity Diagram Admin Menambah Data Post

Gambar 4.5 Activity diagram admin menambah data post

c. Activity Diagram Admin Mengedit Data Post

Gambar 4.6 Activity diagram Admin mengedit data post

d. Activity Diagram Admin Menghapus Data Post

Gambar 4.7 Activity diagram admin menghapus data post

e. Activity Diagram Admin Mempublish Post

Gambar 4.8 Activity diagram admin mempublish post

f. Activity Diagram Admin Menambah Media Gambar dan Video

g. Activity Diagram Admin Mengedit Media Gambar dan Video

h. Activity Diagram Admin Menghapus Media Gambar dan Video

i. Activity Diagram Admin Menambah Data Admin

Gambar 4.12 Activity diagram admin menambah data admin

j. Activity Diagram Admin Mengedit Data Admin

Gambar 4.13 Activity diagram admin mengedit data admin

k. Activity Diagram Admin Menghapus Data Admin

Gambar 4.14 Activity diagram admin menghapus data admin

l. Activity Diagram Admin Menambah Data Kategori

Gambar 4.15 Activity diagram admin menambah data kategori

m. Activity Diagram Admin Mengedit Data Kategori