Sie sind auf Seite 1von 7

DESIAN DAN IMPLEMENTASI WEBSITE SEBAGAI MEDIA PROMOSI

DAN INFORMASI DESA WISATA

Yogie Meysa Tama


Jurusan S1 Teknik Komputer, Fakultas Teknik, Universitas Diponegoro
Jl. Prof.H.Soedarto S.H, Tembalang, Kec. Tembalang, Kota Semarang, Indonesia 50275
Email : Ymeysa25@students.undip.ac.id

Abstract
The development of technology has a major impact on the daily lives of people today, technology is now
widely used in the medical, military, information and communication fields. The technology that is very widely used
today is the website. The website offers the speed, convenience, and correctness of the information conveyed. The
website is very easy to access in various regions of Indonesia and various groups of users only need to access the
website from their respective devices in their homes. Another advantage of the website can be used as a media
campaign and information that is effective and efficient to the public. Gemawang Village is a tourist village located
in the Guava sub-district, Semarang Regency in the cross of Ambarawa - Magelang. A strategic place for tourists and
travelers to travel. In promoting and marketing the village still using banners in front of the highway. The village can
use the website as a promotional and information media to advance the village. In designing a website consists of 2
levels of users, namely user, and admin. Admins can browse content from the website while users can only see the
contents of the website. This website is designed using the PHP and Mysql programming languages as a database

Keywords: Website, Gemawang Village, PHP, and Mysql

Abstrak

Perkembangan teknologi memberikan dampak besar bagi kehidupan sehari – hari manusia pada zaman ini,
teknologi sudah sekarang ini sudah banyak digunakan di bidang medis, militer, informasi dan komunikasi. Teknologi
yang sangat banyak digunakan saat ini ialah website. Website menawarkan kecepatan, kenyamanan, dan kebenaran
dari informasi yang disampaikan. Website sangat lah mudah untuk dikakses diberbagai daerah Indonesia dan
berbagai kalangan masyarakat pengguna hanya perlu mengakses website dari perangkat masing -masing di rumah
mereka. Keuntungan lain dari website bisa digunakan sebagai media promosi dan informasi yang efektif dan efisien
kepada masyarakat. Desa gemawang adalah desa wisata yang berada di kecamatan jambu, kabupaten semarang di
lintas ambarawa – magelang. Tempat yang stategis bagi turis dan pemudik untuk berwisata. Dalam mempromosikan
dan memasarkan desa masih menggunakan spanduk didepan jalan raya. Desa dapat memanfaatkan website sebagai
media promosi dan informasi untuk memajukan desa tersebut. Dalam merancang website terdiri dari 2 level pengguna
yaitu user dan admin. Admin dapat mengantur konten dari website sedangkan user hanya bisa melihat isi website.
Website ini dirancang menggunakan bahasa pemorgaman PHP dan Mysql sebagai database

Kata Kunci : Webiste, Desa Gemawng, PHP, dan Mysql

1. PENDAHULUAN oleh teknologi. Teknologi banyak digunakan


Seiring dengan perkembangan teknologi sebagai sarana promosi dan informasi khususnya
saatini, kita sebagai pengguna di tuntut untuk pada bidang website yang saat ini sangat berperan
bisaberkompetensi dal am menguasai dalam penyampaian informasi. Website mampu
ilmupengetahuan di bidang teknologi memberikan informasi menjadi lebih efisien dan
informasi.Teknologi informasi merupakan factor up to date. Website lebih mudah diakses oleh
pendukung yang sangat efektif pada masa masyarakat di berbagai daerah hanya dengan
sekarang dan memungkinkan masyarakat untuk menggunakan internet. Sebagai contoh website
menikmati berbagai kemudahan yang dihasilkan dapat digunakan untuk media pemasaran,
informasi, pendidikan, komunikasi, dan promosi. 4. Media Pendidikan
Website juga merupakan media yang sangat 5. Media Komunikasi (Wibisono, 2015)
cocok untuk mengenalkan kepada masyarakat
luas tentang berbagai potensi dari desa wisata. b. PHP
Salah satunya desa gemawang, Desa gemawang Bahasa yang digunakan pada situs web
adalah desa wisata yang berada di kecamatan aplikasi ini menggunakan PHP, karena PHP
jambu, kabupaten semarang di lintas ambarawa – termasuk bahasa yang lintas platform, artinya
magelang. Tempat yang stategis bagi turis dan PHP bisa berjalan pada sistem operasi yang
pemudik untuk berwisata. Desa gewamang ini berbeda-beda (Windows, Linux, ataupun Mac).
memiliki tujuan wisata yaitu batik dan watu. PHP (HyperText Preprocessor) adalah bahasa
Suasana desa yang nyaman, sejuk, dan pemrograman yang berfungsi untuk membuat
menenangkan mata seharusnya menjadi tujuan website dinamis maupun aplikasi web. Untuk
utama bagi para pemudik untuk berwisata namun dapat berjalan, PHP membutuhkan web server,
dalam mempromosikan dan memasarkan desa yang bertugas untuk memproses file-file php dan
masih menggunakan spanduk didepan jalan raya. mengirimkan hasil pemrosesan untuk
Dengan adanya website sebagai media ditampilkan di browser client. Oleh karena itu,
promosi dan informasi dapat membantu dalam PHP termasuk server-side scripting (script yang
mengenalkan desa wisata gemawang yang lebih diproses di sisi server). Web server sendiri adalah
efisien dari segi biaya, tenaga dan waktu, software yang diinstall pada komputer lokal
sehingga efektif dalam mencapai tujuan untuk ataupun komputer lain yang berada di jaringan
mengembangkan desa ini. Adapun tujuan penulis intranet / internet yang berfungsi untuk melayani
dalam melaksakanan program ini adalah permintaan-permintaan web dari client (Yuliano,
memperkenalkan desa gemwang agar lebih 2007).
dikenal oleh masyarakat luas, merancang sebuah
webite sebagai media promosi dan informasi bagi c. Mysql
desa gemawang dan menghasilkan website yang Dimuat dalam jurnal Sugiyanto (2013) bahwa
menarik untuk desa gemawang untuk Menurut Wahyu Gunawan (2012) My SQL (My
mendapatkan daya Tarik pengunjung wisata. Structure Query Language) adalah adalah
Sedangkan manfaat dari hasil penelitian pada aplikasi atau sistem untuk mengelola database
desa gemawang ini adalah dapat merancang atau manajemen data. Untuk menyimpan segala
website demi mengembangkan desa gemawang, informasi kekomputer mengunakan data.
dapat memberikan keunggulan dalam MYSQL bertugas mengatur dan mengelola data-
memperkenalkan keunggulan dari produk kepada data pada database, selain itu MYSQL dikenal
desa gemawang, menjadi sarana promosi dan sebagai sistem yang efisien dan reliable, proses
penyampaian informasi yang efisien kepada query cepat dan mudah, sehingga cocok
masyarakat luas dan menambah pengetahuan digunakan untuk aplikasi berbasis web. SQL
tentang pembelajaran web. memiliki beberapa fitur yaitu:
1. Memodifikasi struktur database .
2. TEORI 2. Mengubah, mengisi, menghapus isi database
a. Website 3. Mentransfer data antara database yang berbeda
Web adalah salah satu aplikasi yang berisikan
dokumen–dokumen multimedia (teks, gambar, d. Sublime Text
suara, animasi, video) di dalamnya yang Pembuatan aplikasi ini menggunakan sebuah
mengunakan protocol HTTP (hypertext transfer teks editor untuk menuliskan kode, disini
protokol) dan untuk mengakses menggunakan menggunakan sublime text. Sublime text adalah
perangkat lunak yang disebut browser”. Fungsi teks editor berbasis Python, sebuah teks editor
website diantaranya : yang elegan, kaya fitur, lintas platform, mudah
1. Media Promosi dan simpel yang cukup terkenal di kalangan
2. Media Pemasaran developer(pengembang), penulis dan desainer.
3. Media Informasi Aplikasi ini menggunakan sublime text karena
tampilanya yang ramah dengan pengguna perangkat lunak yang diharapkan oleh pengguna
sehingga lebih mudah digunakan (Faridl, 2015). dan batasan perangkat lunak tersebut. Informasi
Dalam sublime text terdapat komponen yang ini biasanya dapat diperoleh melalui wawancara,
mudah dipahami, berikut beberapa komponen diskusi atau survei langsung. Informasi dianalisis
yang terdapat pada Sublime Text. untuk mendapatkan data yang dibutuhkan oleh
Minimap merupakan fitur menunjukkan kode pengguna.
pengguna di seluruh sudut kanan atas layar. Hal System Design
ini memungkinkan mereka untuk melihat garis Spesifikasi kebutuhan dari tahap sebelumnya
besar keseluruhan kode mereka dan memiliki akan dipelajari dalam fase ini dan desain sistem
fungsi untuk melompat antara bagian yang disiapkan. Desain Sistem membantu dalam
berbeda dari file. menentukan perangkat keras(hardware) dan
Status Bar menunjukan posisi baris dan kolom sistem persyaratan dan juga membantu dalam
syntax yang sedang diubah dalam sublime text. mendefinisikan arsitektur sistem secara
Memudahkan pengguna mengetahui posisi keseluruhan.
syntax yang mengalami error setelah dijalankan. Implementation
Menu Bar berisi menu-menu yang digunakan Pada tahap ini, sistem pertama kali
untuk membantu dalam membuat dan mengubah dikembangkan di program kecil yang
syntax. Menu dalam sublime text, yaitu file, edit, disebut unit, yang terintegrasi dalam tahap
selection, find, view, goto, tools, project, selanjutnya. Setiap unit dikembangkan dan diuji
preferences dan help. untuk fungsionalitas yang disebut sebagai unit
Pane merupakan lembar kerja pada sublime testing.
Text. Berisi kumpulan syntax dari file yang Verification & Testing
digunakan pada sublime text (Sibarani, 2013). Seluruh unit yang dikembangkan dalam tahap
implementasi diintegrasikan ke dalam sistem
e. Desa wisata setelah pengujian yang dilakukan masing-
Desa wisata merupakan salah satu bentuk masing unit. Setelah integrasi seluruh sistem diuji
penerapan pembangunan pariwisata berbasis untuk mengecek setiap kegagalan maupun
masyarakat dan berkelanjutan. Melalui kesalahan
pengembangan desa wisata diharapkan terjadi
pemerataan yang sesuai dengan konsep Operation & Maintenance
pembangunan pariwisata yang Tahap akhir dalam model waterfall. Perangkat
berkesinambungan. Di samping itu, keberadaan lunak yang sudah jadi, dijalankan serta
desa wisata menjadikan produk wisata lebih dilakukan pemeliharaan. Pemeliharaan termasuk
bernilai budaya pedesaan sehingga dalam memperbaiki kesalahan yang tidak
pengembangan desa wisata bernilai budaya tanpa ditemukan pada langkah sebelumnya. Perbaikan
merusaknya (Dewi, 2013). implementasi unit sistem dan peningkatan jasa
sistem sebagai kebutuhan baru.
3. ANALISIS DAN PERANCANGAN
3.1 Perancangan
3.1.1 Model Perancangan
Dalam pemecahan masalah, penulis
berpedoman pada rekayasa perangkat lunak.
Untuk mempermudah proses analisis dan
perancangan, penulis menggunakan model
Waterfall (WF). Tahap-tahap pengembangan
perangkat lunak model Waterfall adalah sebagai
berikut :
Requirement Analisis
Tahap ini pengembang sistem diperlukan
komunikasi yang bertujuan untuk memahami Gambar 1 Model Waterfall
3.1.2 Use Case Diagram Implementasi yang dilakukan antara lain
Diagram Use case memiliki sifat statis. Pada adalah menerapkan perancangan antar muka ke
diagram ini, terdiri dari aktor peserta use casenya. dalam bentuk halaman visual, perancangan
Diagram ini berfungsi untuk menunjukkan apa struktur data ke dalam bentuk tabel database,
yang dilakukan oleh sistem yang sesuai dengan pembuatan kode program dan sebagainya.
kebutuhan user (Muslihudin, 2016). Kebutuhan Perangkat Lunak
Pada aplikasi ini, terdapat 2 aktor yaitu user Perangkat lunak merupakan penunjang dari
dan admin, user hanya bisa melihat isi dari peralatan komputer yang akan digunakan sebagai
halaman web, sedangkan admin dapat merubah penghubung dalam instruksi yang diinginkan,
konten dari halaman dengan syarat login terlebih agar komputer dapat menghasilkan informasi
dahulu. yang diharapkan, maka perangkat lunak yang
diusulkan dalam rancangan untuk membangun
website tersebut adalah sebagai berikut:
Sistem Operasi Windows 10
Sublime Text Editor
Xampp Control Panel v3.2.2
Web Browser : Chrome, Opera, Safari
DBMS : MySQL
Kebutuhan Perangkat Keras
Perangkat keras yang dibutuhkan oleh sistem
adalah suatu unit personal komputer. Perangkat
keras yang diusulkan ini dibuat berdasarkan
kebutuhan sistem saat ini dan antisipasi
kebutuhan di masa yang akan datang.
Konfigurasi yang dibutuhkan pada design sistem
yang diusulkan dalam merancangwebsite
Gambar 2 Use Case Diagram
tersebut, yaitu:
3.1.3 Rancangan Database 1. Laptop / PC
Peracangan database pada aplikasi 2. Processor : Intel(R) Core i5-7200u 2.5GHz
inimenggambarkan perancangan data apa saja 3. RAM : 4 GB DDR4
yang disimpan ke/ dalam database serta 4. Harddisk : 500 GB
menjelaskan tentang hubungan antara data secara 5. System Type : 64 bit Operating System
keseluruhannya. Berikut ini adalah perancangan
database yang digunakan dalam merancang
3.2 Tampilan implentasi sistem
website:
1. Tampilan Form Login

Gambar 4 Halaman Login

2. Tampilan Halaman Utama (user)


Gambar 3 Rancangan Database
Gambar 5 Halaman Utama (user)
Gambar 10 Halaman UKM
3. Tampilan Halaman Utama (admin)
8. Tampilan Lokasi UKM

Gambar 6 Halaman Utama (admin)

4. Tampilan Postingan Desa

Gambar 11 Lokasi UKM

9. Tampilan Halaman Profil

Gambar 7 Postingan Desa

5. Tampilan Potensi Desa

Gambar 12 Halaman Profil Desa

10. Tampilan Halaman Pengaturan


Postingan
Gambar 8 Tampilan Potensi Desa

6. Tampilan Footer

Gambar 13 Halaman Pengaturan


Postingan
Gambar 9 Tampilan Footer
11. Tampilan Halaman Pengaturan
7. Tampilan Halaman UKM Potensi Desa
Gambar 19 Form Tambah Potensi Desa
Gambar 14 Halaman Pengaturan Potensi 17. Tampilan Form Tambah UKM
Desa

12. Tampilan Halaman Pengaturan


UKM

Gambar 20 Form Tambah UKM

Gambar 15 Halaman Pengaturan UKM 18. Tampilan Form Edit Postingan

13. Tampilan Halaman Pengaturan


Kontak

Gambar 21 Form Edit Postingan


Gambar 16 Halaman Pengaturan Kontak
19. Tampilan Form Edit Potensi Desa
14. Tampilan Halaman Pengaturan
Sosial Media

Gambar 17 Halaman Pengaturan Sosial Gambar 22 Form Edit Potensi Desa


Media

15. Tampilan Form Tambah Postingan 20. Tampilan Form Edit UKM

Gambar 18 Form Tambah Postingan Gambar 23 Form Edit UKM

16. Tampilan Form Tambah Potensi


Desa
21. Tampilan Form Edit Kontak

DAFTAR PUSTAKA

DEWI, Made Heny Urmila. Pengembangan desa


wisata berbasis partisipasi masyarakat lokal di
Desa Wisata Jatiluwih Tabanan, Bali. Jurnal
Kawistara, 2013, 3.2.
Faridl, M. (2015). Fitur Dahsyat Sublime Text 3
Gambar 24 Form Edit Kontak
Muslihudin, Muhamad. 2016. Analisis dan
Perancangan Sistem Informasi menggunakan
22. Tampilan Form Edit Sosial Media Model Terstruktur dan UML. s.l.: Penerbit
Andi.

Sibarani, L. H. (2013). Sistem Pengolahan


Transaksi Penjualan Suku Cadang di CV
Bozzberrindo Perdana
Sugiyanto. 2013. Pembuatan Website Profil
Sekolah Menengah Kejuruan Pembangunan
Nusantara Gabus Grobogan.
Gambar 25 Form Edit Sosial Media
seruniid.unsa.ac.id. 2(1), 57.
Wibisono & Susanto. 2015. Perancangan
4. KESIMPULAN Website Sebagai Media Informasi Dan
Berdasarkan hasil analisis dan perancangan Promosi Batik Khas Kabupaten Kulonprogo.
website sebagai media promosi dan informasi Evolusi, 3(2), 65
desa wisata, maka pada bab ini diberi beberapa
kesimpulan sebagai berikut Yuliano, T. (2007). Pengenalan PHP, Komunitas
1. Pada pembuatan website ini terdapat 2 aktor eLearning Ilmu Komputer. Retrieved from
yaitu user dan admin, user hanya bisa http://ilmukomputer.com
melihat isi dari halaman web, sedangkan
admin dapat merubah konten dari halaman
dengan syarat login terlebih dahulu.
2. Pada perancangan website sebagai media
promosi dan informasi desa wisata halaman
admin diantaranya halaman untuk
mengelola konten dari postingan, potensi
desa, ukm, social media, dan kontak
3. Dengan adanya website sebagai media
promosi dan informasi desa wisata dapat
membantu desa dalam memperkenalkan
segala kegiatan, potensi, dan ciri khas desa
yang bisa menarik para pengunjung untuk
berwisata ke desa wisata gewamang.