Laporan Praktik Magang "Pembuatan Web Profile Wisata Embung Blubuk Kulon Progo"

LAPORAN PRAKTIK MAGANG

PEMBUATAN WEB PROFILE WISATA EMBUNG BLUBUK

KULON PROGO (USER INTERFACE DESIGN)

Oleh :

Nama: Hamizan Hibatullah

Nim: 1900018015

PROGRAM STUDI S1 INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS AHMAD DAHLAN

TAHUN 2022

HALAMAN PERSETUJUAN INSTANSI

Laporan Praktik Magang ini telah disetujui sebagai proses pengajuan seminar bagi

Nama : Hamizan Hibatullah

NIM : 1900018015

Tempat Praktik Magang : Blubuk, Sendangsari, Kulonprogo

Realisasi Waktu Pelaksanaan : 5 Bulan

Yogyakarta, 22 Januari 2023

Menyetujui, Kelompok Wisata Embung Blubuk

HALAMAN PENGESAHAN

PRAKTIK MAGANG

PEMBUATAN WEB PROFILE WISATA EMBUNG BLUBUK KULON PROGO

(USER INTERFACES DESIGN)

HAMIZAN HIBATULLAH

1900018015

PEMBIMBING : Arfiani Nur Khusna, S.T., M.Kom (NIY : 60090586)

PENGUJI : (Nama Penguji & Gelar) , (NIY : .......................................) Yogyakarta, ..................................

Kaprodi S1 Informatika

Dr. Murinto, S.Si., M.Kom. NIY. 60040496

Assalamualaikum Wr. Wb.

Alhamdulillah puji dan syukur penulis panjatkan kehadirat Allah SWT atas rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan Laporan Kerja Praktek ini dengan Judul “Pembuatan Website Profile Wisata Embung Blubuk Sengangsari Kulonprogo”.

Shalawat serta salam semoga tetap tercurahkan kepada junjungan besar Nabi Muhammad SAW, yang telah membawa umat manusia dari zaman jahiliyah ke zaman yang terang benderang, seperti saat ini. Semoga kita sebagai umatnya dapat memperoleh syafaatnya di akhirat nanti.

Dalam penyusunan laporan ini, penyusun memperoleh bantuan, ilmu dan pengetahuan, serta doa dan dukungan dari beberapa pihak. Oleh karena itu penulis ingin mengucapkan

Terimakasih kepada:

1. Bapak Dr. Murinto, S.Si., M.Kom. Selaku Ketua Prodi Informatika, Fakultas Teknologi Industri, Universitas Ahmad Dahlan.

2. Ibu Arfiani Nur Khusna, S.T., M.Kom selaku dosen Pembimbing yang telah memberikan bimbingan sehingga dapat menyelesaikan laporan Kerja Praktek ini.

3. Bapak Nurli Anwar, S.T., M.Kom. selaku Dosen Pengampu mata kuliah Kerja Praktek Universitas Ahmad Dahlan.

4. Segenap Dosen yang terlibat dalam pengabdian Masyarakat ini

5. Serta kedua orang tua dan teman-teman yang selalu mendukung dan memberikan doa sehingga laporan kerja praktek ini dapat terselesaikan.

Penulis menyadari bahwa dalam Laporan Kerja Praktek ini masih banyak kekuarangan dan jauh dari kata sempurna. Oleh karena itu, kritik dan saran membangun selalu penulis harapkan guna penyusunan laporan yang Lebih baik untuk kedepannya.

Wassalamu’alaikum Wr. Wb.

Yogyakarta, 30 November 2022

DAFTAR GAMBAR

Table 4. 1 Tabel Rincian Pelaksanaan PPM

BAB I

PENDAHULUAN

A. Latar Belakang Kegiatan

Pariwisata hadir sebagai sentra perkonomian, berdampak pada kenaikan pendapatan masyarakat sehingga mendorong pemerintah untuk mengelola pariwisata. Tak terkecuali pemerintah kabupaten Kulon Progo yang mulai mengoptimalkan potensi daerahnya untuk dikembangkan menjadi destinasi wisata. Kulon Progo memiliki luas wilayah 586km2 dengan wilayah geografis yang dikelilingi pegunungan dan pantai, kondisi alam yang demikian dapat menjadi daya tarik tersendiri bagi masyarakat, sehingga dapat membuka peluang dalam mendukung sektor pariwisata, namun daerah yang luas dan sangat berpotensi mendatangkan wisatawan belum dioptimalkan menjadi destinasi wisata.

Embung Blubuk, terletak di desa Sengangsari, kecamatan Pengasih, kabupaten Kulon Progo. Saat ini, wisata Embung Blubuk dikelola swadaya oleh masyarakat sekitar, dengan pengetahuan yang minim terkait pengelolaan wisata terutama konsep wisata sehat untuk mengatur protokol Kesehatan

Saat ini, wisata embung Blubuk dikelola swadaya oleh masyarakat sekitar, seperti menyediakan spot foto dan kapal rakitan dari bambu namun belum ada fasilitas yang memadai untuk berteduh, peralatan keselamatan, dan fasilitas kuliner. Wisatawan yang datang merupakan wisatawan lokal daerah Kulon Progo karena informasi promosi yang sangat minim terkait embung blubuk. Salah satu faktor yang menghambat wisata adalah pola promosi dan sistem pengelolaan informasi yang berdampak pada dikenal atau tidak dikenalnya wisata embung Blubuk, kemudahan dalam memperoleh tujuan wisata, kemudahan akses menuju lokasi embung Blubuk, manfaat yang didapat, ketersediaan transportasi, sarana dan prasarana fasilitas pengunjung serta keunikan wisata. Informasi yang ada akan sangat menentukan wisatawan dalam menentukan pilihan berwisata, dalam hal ini masyarakat sekitar embung blubuk belum melakukan pengelolaan informasi dan promosi.

Kelompok masyarakat pengelola embung Blubuk berharap embung Blubuk dapat

menjadi tujuan utama wisatawan sehingga dapat meningkatkan perekonomian

masyarakat, karena pandemi Covid-19 masyarakat di sekitar embung Blubuk menurun

pendapatannya bahkan ada yang menjadi pengangguran terkena pemutusan hubungan kerja. Sempat merasakan tingginya anemo masyarakat yang berkunjung pada tahun 2019 namun harus berkurang drastis ketika masa pandemi Covid-19 datang.

Pandemi Covid-19 mengakibatkan pariwisata terpuruk di semua industri pariwisata seperti obyek wisata, hotel dan penginapan, industri kreatif, restoran dan akomodasi, bahkan sebagian berhenti beroperasi. Data Kementrian Pariwisata dan Ekonomi Kreatif (2021) menunjukkan bahwa wisatawan yang berkunjung tahun 2020 hanya 25% dari tahun sebelumnya. Hal ini juga menyebabkan PAD DIY turun sebesar 9,89% tahun 2020 (Bappeda DIY, 2021).

Menurunnya pendapatan dari sektor pariwisata disebabkan kunjungan wisatawan menurun, penundaan atau batalnya berbagai kegiatan pariwisata seperti pameran serta event pariwisata nasional dan internasional. Akibatnya perekonomian masyarakat yang menggantungkan hidupnya di sektor wisatapun terganggu. Begitupun Embung Blubuk destinasi wisata baru yang kemunculan nya tepat sebelum pandemi pada tahun 2019 terpaksa harus berhenti sejenak selama pandemi covid-19 berlangsung. Wisatawan yang sebelumnya ramai datang menghabiskan waktu di Embung Blubuk kini berkurang drastis. Perlu dilakukan penguatan sektor pariwisata melalui digitalisasi optimalisasi platform, dan layanan digital untuk mengakselerasi digitalisasi di sektor pariwisata dan pendukungnya.

Maka dari itu diperlukan adanya media informasi promosi pariwisata secara digital yang mampu memperkenalkan wisata Embung Blubuk. Website profile profile menjadi solusi terbaik dalam menyampaikan informasi kepada calon wisatawan. Website merupakan pilihan utama dalam penyebaran informasi yang cepat dan murah serta dapat mencakup awasan yang luas, bahkan seluruh dunia. Dengan harapan mampu menarik minat para wisatawan untuk berkunjung ke Embung Blubuk.

B. Urgensi Kegiatan

Pentingnya kegiatan ini dilaksanakan adalah untuk membantu meningkatkan pengetahuan dan pemahaman bagi Pengelola Wisata Embung Blubuk mengenai pemanfaatan Website Profile guna memperkenalkan destinasi wisata yang dimiliki. Kegiatan Program Pengabdian Masyarakat (PPM) ini meliputi pembuatan website profile dan pelatihan penggunaan dalam mengelola website untuk admin pengelola wisata embung blubuk. Melalui pelatihan ini, pengelola wisata embung blubuk

diharapkan untuk lebih menguasai dan paham bagaimana melakukan update konten di dalam Web Profile menggunakan Wordpress secara mandiri

BAB II

TUJUAN KEGIATAN PENGABDIAN

Adapun beberapa tujuan yang ingin dicapai dalam kegiatan pengabdian ini dijelaskan sebagai berikut:

1. Mengenalkan daerah wisata Embung Blubuk dengan menggunakan Website Profile.

2. Membuat website profile sebagai media promosi wisata Embung Blubuk

3. Bagi Mahasiswa mendapatkan pengalaman di luar kampus berupa proyek desa, sejingga mahasiswa dapat lebih mengembangkan diri, mengikuti pembelajaran yang variatif dan menambah keterampilan.

BAB III

SASARAN DAN MANFAAT KEGIATAN

A. Sasaran

Sasaran dalam kegiatan Program Pengabdian Masyarakat (PPM) ini adalah Kelompok masyarakat pengelola Embung Blubuk, pemerintah desa Sendangsari kecamatan Pengasih, dan masyarakat sebagai bentuk dukungan untuk terbentuknya wisata embung blubuk berbasis digital.

B. Manfaat

Manfaat yang diperoleh dari diadakannya kegiatan ini adalah:

1. Bagi Pengelola

a. Membantu pengelola dalam memasarkan potensi wisata nya;

b. Penggunaan website profile bermanfaat mengenalkan potensi wisata kepada semua orang baik dalam skala nasional maupun internasional;

c. Meningkatkan penyebarluasan informasi wisata melalui sosial media;

2. Bagi Mahasiswa

a. Manfaat yang diperolah mahasiswa dalam kegiatan ini adalah mahasiswa dapat menerapkan secara langsung ilmu yang telah diperoleh dan dipalajari selama proses perkuliahan.

b. Mahasiswa dapat mengetahui dan mempelajari secara langsung apa yang terjadi di lapangan, sehingga ilmu yang diperolah dapat dikembangkan lebih luas dan bermanfaat bagi orang banyak

A. Tempat

BAB IV

PELAKSANAAN KEGIATAN

Kegiatan Program Pengabdian Masyarakat (PPM) ini dilaksanakan di Embung Blubuk, Sendangsari, Kecamatan Pengasih, Kabupaten Kulon Progo, Daerah Istimewa Yogyakrata. Link Google Maps yang di akses pada tautan :

https://goo.gl/maps/3NNjSTZh9YkLkaEd8

Gambar 4.1 Lokasi Google Maps Wisata Embung Blubuk

B. Waktu

1. Kegiatan pertama PPM ini dilaksanakan pada:

Hari, Tanggal : Minggu, 24 Juli 2022

Kegiatan : Survey awal, Pengumpulan dan Analisis Data

2. Kegiatan kedua PPM ini dilaksanakan pada:

Hari, Tanggal : Minggu, 16 Oktober 2022

Kegiatan : Pengambilan data kebutuhan website

3. Kegiatan ketiga PPM ini dilaksakana pada: (PJ Hamizan Hibatullah)

Hari, Tanggal : Minggu, 17 Oktober 2022 – Minggu 31 Oktober 2022

Kegiatan : Pembuatan User Interface Design

4. Kegiatan ketiga PPM ini dilaksakana pada: (PJ Ryan Agung)

Hari, Tanggal : Minggu, 31 Oktober 2022 – Jum’at 6 Januari 2023

Kegiatan : Pembuatan dan Implementasi Website

C. Rincian Pelaksanaan (Rundown acara PPM Dosen)

Kegiatan Program Pengabdian Masyarakat (PPM) dapat dilihat pada Tabel 4 1

sebagai berikut:

No Nama Kegiatan

1 Survey dan koordinasi dengan mitra terkait, serta mitra pendukung kegiatan

2. Identifikasi kebutuhan

3. Pengambilan data kebutuhan website

4. Pembuatan Wireframe Website Profil Embung Blubuk

5. Pembuatan Desain Prototype Web Profil Embung Blubuk

6. Penyerahan Desain UI Web Profil Embung Blubuk

D. Hasil Kegiatan (capaian kegiatan)

Berdasarkan rincian pelaksanaan yang tersusun dalam tabel

1. Survei Awal, Pengumpulan Data

Survey dan wawancara dilakukan kepada ketua pengelola wisata Embung

Blubuk yaitu Shiddiq Khairuddin dan lurah Sendangsari Pengasih pada tanggal

24 Juli 2022. Pada pertemuan itu diperoleh beberapa data terkait bahwa saat ini dengan banyaknya tempat wisata di daerah Kulon Progo mengakibatkan persaingan tempat wisata yang sangat tinggi. Promosi yang dilakukan oleh

Dinas Pariwisata Kulon Progo ternyata belum cukup meningkatkan kunjungan

wisatawan ke Embung Blubuk, perlu adanya usaha mandiri dari pengelola

untuk mengenalkan Lebih personal terkait fasilitas dan keunggulan wisata

Embung Blubuk ke masyarakat luas. Saat ini, terkait promosi saat ini pengelola masih mengandalkan dari Dinas Pariwisata, dibutuhkan adanya promosi atau pemasaran digital, yaitu melalui media sosial seperti platform

Table 4. 1 Tabel Rincian Pelaksanaan PPM

Instagram, facebooj dan twitter. Selain media social, diperlukan pula website pemasaran Embung Blubuk.

Kegiatan selanjutnya yaitu pengumpulan dan analisis data dilakukan pada tanggal 21 agustus 2022, kegiatan berupa mengumpulkan data dan analisis untuk mendefinisikan kebutuhan website, seperti apa yang akan ditampilkan dalam website, gambar dan keterangan informasi yang akan ditampilkan juga di website.

2. Analisis Kebutuhan User

a. Diagram Use Case

Diagram use case merupakan pemodelan untuk menggambarkan kelakuan (behavior) sistem yang akan dibuat. Diagram Use Case digunakan untuk mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem yang akan dibuat. Selain itu, diagram use case digunakan untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem dan siapa saja yang berhak menggunakan fungsi-fungsi tersebut

Gambar 4.2 Diagram Use Case

Dari Gambar 4.2 use case diagram diatas terdapat dua aktor yang terlibat di dalam sistem. Kedua aktor tersebut masing-masing berperan sebagai user

dan guest. Guest bertindak sebagai orang yang dapat melakukan aktifitas seperti melihat informasi dari website company profile mulai dari home, profile, galeri, dan rute lokasi. User (admin) sistem adalah pihak yang bertanggung jawab atas maintenance data master pada sistem.

b. Diagram Activity

Salah satu cara untuk memodelkan aliran kerja (workflow) dari business use case dalam bentuk grafik. Diagram ini menunjukkan langkah-langkah dalam aliran kerja, titik-titik keputusan dalam aliran kerja, siapa yang bertanggung jawab menyelesaikan masing-masing aktivitas dan objek-objek yang digunakan dalam aliran kerja.

1) Membuat activity diagram View Home

Gambar 4.3 Activity Diagram Halaman view Home

Gambar 4.3 diagram aktivitas dari halaman utama dari company profile yang dilihat oleh guest yang berisi tampilan awal Ketika user pertama kali mengakses link website, dan secara otomatis akan langsung ke tampilan home website

Gambar 4.4 Activity Diagram view Profile

Gambar 4.4 diagram aktivitas menampilkan halaman profile dari Wisata Embung Blubuk mulai dari sejarah singkat dan video profil.

Gambar 4. 5 Activity Diagram view Gallery

Sebagaimana pada Gambar 4.5 menampilkan galeri dokumentasi dari kegiatan-kegiatan yang ada dan yang pernah dilaksanakan di Embung

2) Membuat activity diagram View Profile

3) Membuat activity diagram View Gallery

Blubuk. Seperti kegiatan outbond, camping, wisata alam, dan lain sebagainya.

4) Membuat activity diagram View Rute & Lokasi

Gambar 4. 6 Activity Diagram view Rute & Lokasi

Gambar 4.6 menampilkan halaman yang berisi informasi terkait alamat, rute, dan kontak yang dapat dihubungi oleh calon pengunjung yang hendak datang ke lokasi.

Proses desain yang akan dilakukan dalam tahap ini yaitu membuat project sitemap, user flow, style guideline dan wireframe. Sebelum memulai pembuatan user flow dan wireframe yaitu menyusun sitemap website profile Embung Blubuk. Adapun hasil penyusunan sitemap dapat dilihat pada Gambar 4,7 Sitemap Website Profile Embung Blubuk.

3. Tahapan Prototype

Gambar 4.7 Project Sitemap

Penyusunan sitemap sebagai struktur utama website dan menentukan flow tiap fitur didalamnya. Informasi dan konten isi dalam tiap fitur akan menyesuaikan sitemap.

a. Style Guideline

Pembuatan style guideline yang dilakukan penulis untuk menjaga konsistensi tiap elemen visual yang dibuat dalam perancangan wireframe. Pemilihan warna utama disesuaikan dengan branding Embung Blubuk yaitu warna Biru Dongker dan Putih. Adapaun hasil pembuatan guideline dapat dilihat pada

Gambar 4.9 Pembuatan Style Guideline

Gambar 4.8 Pembuatan Style Guidelines

b. Wireframe

Permasalahan dan kebutuhan pengguna menjadi dasar dalam proses

perancangan desain web profile. Perancangan wireframe nantinya akan digunakan sebagai dasar pembuatan prototype.

Hasil dari proses perancangan wireframe adalah sebagai berikut:

Wireframe Homepage

Rancangan wireframe halaman utama dapat dilihat pada Gambar 4.9 Pada halaman ini pengguna dapat melihat informasi dan update terbaru situs Wisata Embung Blubuk. Tersedia menu navigasi yang dapat digunakan untuk mencari informasi sesuai keinginan pengguna.

Wireframe Homepage pada Gambar 4.9 merupakan skema atau kerangka halaman

Home yang menjadi tampilan awal dan akan divisualisasikan di tahap selanjutnya. Didalamnya berisi informasi seperti bar navigasi, pilihan aktivitas, rute & lokasi, testimoni, dan tombol ”Hubungi Kami” untuk diarahkan jika ingin menghubungi pihak pengelola.

Gambar 4. 9

Wireframe Homepage

Wireframe Profil

Desain yang hendak diwujudkan dari wireframe/kerangka dasar pada Gambar 4.10 halaman Profile ini adalah informasi terkait profil Embung Blubuk. Dengan komposisi video profil dan deskripsi singkat tentang Embung Blubuk.

Gambar 4.10 Wireframe Laman Profile

Wireframe Galeri

Gambar 4.11 Wireframe Halaman Galeri

Informasi yang ingin disampaikan dari kerangka dasar dari halaman Galeri pada

Gambar 4.11 adalah memberikan bukti foto dari kegiatan-kegiatan yang bisa calon

wisatawan lakukan ketika berkunjung ke Embung Blubuk

Wireframe Rute dan Lokasi

Gambar

Berdasarkan kerangka halaman Rute & Lokasi pada Gambar 4.12 berisi informasi terkait alamat, rute, dan kontak yang dapat dihubungi oleh calon pengunjung apabila ingin berkunjung ke Embung Blubuk.

Navigation Bar

Elemen yang disajikan sesuai dengan informasi yang akan diberikan kepada pengguna. Desain navigation bar dapat dilihat pada Gambar 4.13

Footer

4. 12 Wireframe Rute & Lokasi

Gambar 4. 13 Wireframe Navigation Bar

Gambar 4. 14 Wireframe Footer

c. Prototype User Interface

Desain User Interface yang telah dikerjakan merupakan perancangan dari

wareframe yang sudah dibuat sebelumnya dan berikut tampilan dan fitur dari

desain User Interface yang telah dikerjakan:

Homepage

Berisikan tentang tampilan desain User Interface, yang merupakan tampilan awal pertama serta informasi-informasi dari Wisata Embung Blubuk atau bisa

disebut laman awal terdapat pada gambar 4.15

Profile

Laman yang berisi tentang informasi profil Wisata Embung Blubuk terdapat

pada Gambar 4.16

Gambar 4.15 Desain Prototype Halaman Home

Gambar 4.16 Desain Prototype Laman Profile

Galery

Berisikan kumpulan foto kegiatan yang ada di Embung Blubuk terdapat pada

Gambar 4.17.

Rute & Lokasi

Laman yang berisikan informasi mulai dari kontak, rute dan lokasi dari

pengurus Wisata Embung Blubuk terdapat pada Gambar 4.18.

Gambar 4.17 Desain Prototype Laman Galery

Gambar 4.18 Desain Prototype Laman Rute & Lokasi

Footer

Merupakan beberapa informasi tambahan website berupa pemberitahuan copyright atau hak cipta dan juga logo dari wisata Embung Blubuk dan Wonderful Indonesia terdapat pada Gambar 4.19.

Gambar 4.19 Desain Prototype Footer

Adapaun kendala yang terdapat pada pelaksanaan kegiatan ini adalah sebagai berikut:

1. Lokasi pengabdian berada di tempat yang minim sinyal, sehingga dalam melakukan koordinasi harus dilakukan secara langsung. Dengan jarak dan waktu tempuh yang panjang

2. Pengelola tidak menyimpan dokumentasi kegiatan di cloud sehingga harus melakukan pengambilan foto secara langsung dan terbatas karena harddisk penyimpanan dari pengelola rusak.

E. Kendala Pelaksanaan

KESIMPULAN DAN SASARAN

A. Kesimpulan

Dalam pelaksanaan kegiatan pengabdian pembuatan website profile bagi wisata Embung Blubuk dapat disimpulkan sebagai berikut:

1. Telah diterima desain interface website profil Embung Blubuk dan diimplementasikan dalam bentuk website.

2. Penggunaan website sebagai sarana promosi wisata mampu mengurangi biaya promosi yang digunakan dalam mempromosikan wisata Embung Blubuk dan memudahkan akses informasi yang dibutuhkan oleh calon pengunjung tentang Embung Blubuk.

B. Saran

Website profile dapat dikelola oleh sumber daya manusia yang ahli dalam bidang teknologi internet sehingga hasil dari pemasaran embung Blubuk melalui website dapat lebih optimal.

i. Surat Permohonan PPM

ii. Form Penilaian Pembimbing Lapangan

iii.

v. Dokumentasi Kegiatan Praktik Magang PPM (Foto, Kuisioner)