Laporkan Masalah

Rancang Bangun WEBGIS Layanan Informasi Pariwisata di Kabupaten Kebumen Menggunakan Framework Next JS

Asbian Tunggul Syahputro, Karen Slamet Hardjo, S.Si., M.Sc.

2025 | Tugas Akhir | D4 SISTEM INFORMASI GEOGRAFIS

Kabupaten Kebumen memiliki potensi wisata alam dan budaya yang melimpah, namun masih menghadapi tantangan dalam hal promosi dan penyebaran informasi yang terbatas serta belum interaktif. Situs resmi Dinas Pariwisata yang tersedia hanya menampilkan sebagian destinasi wisata tanpa menyertakan informasi spasial, sarana pendukung, dan fitur layanan yang lengkap. Oleh karena itu, penelitian ini bertujuan untuk membangun WebGIS Portal dan Layanan Informasi Pariwisata dan menyusun desain antarmuka yang menarik dan ramah pengguna sehingga mampu menarik minat kunjungan wisatawan ke destinasi wisata di Kabupaten Kebumen.

Penelitian ini menggunakan metode pengembangan sistem dengan membangun webGIS informasi pariwisata menggunakan framework Next.Js yang mendukung server-side rendering untuk meningkatkan performa website. Sistem ini menggunakan PostgreSQL sebagai basis data spasial untuk menyimpan dan mengelola data lokasi wisata. WebGIS Dolan Bumen dikembangkan dengan konsep Location-Based Service (LBS) agar pengguna dapat mengakses informasi lokasi secara interaktif dan real time. Antarmuka aplikasi dirancang dengan pendekatan wireframe untuk menciptakan tampilan yang menarik, mudah digunakan, dan informatif, sehingga memudahkan pengguna dalam menjelajah informasi pariwisata.

Pembangunan WebGIS Dolan Bumen sebagai portal layanan informasi pariwisata Kabupaten Kebumen berhasil menghadirkan sistem berbasis geospasial yang interaktif, informatif, dan mudah diakses. Sistem ini tidak hanya menjadi sarana promosi digital yang efektif, tetapi juga mendukung perencanaan kunjungan wisata melalui penyajian data lokasi, rute, dan potensi destinasi secara visual. Antarmuka yang dirancang dengan pendekatan modern menggunakan Next.js, Tailwind CSS, dan ShadCN terbukti responsif dan ramah pengguna, dengan tingkat kepuasan tinggi mencapai 92,6?rdasarkan hasil uji kebergunaan.

Kebumen Regency possesses abundant natural and cultural tourism potential but continues to face challenges in terms of limited and non-interactive promotion and information dissemination. The official tourism website currently available only displays a portion of the tourist destinations and lacks spatial information, supporting facilities, and comprehensive service features. Therefore, this study aims to develop a WebGIS-based Tourism Information Portal and Service, along with designing an attractive and user-friendly interface to enhance tourist interest and encourage visits to destinations in Kebumen Regency.

This study employs a system development method by building a tourism information WebGIS using the Next.js framework, which supports server-side rendering to enhance website performance. The system utilizes PostgreSQL as a spatial database to store and manage tourism location data. The Dolan Bumen WebGIS is developed based on the Location-Based Service (LBS) concept, enabling users to access location information interactively and in real time. The application interface is designed using a wireframe approach to create a visually appealing, user-friendly, and informative layout, thereby facilitating users in exploring tourism information with ease.

The development of the Dolan Bumen WebGIS as a tourism information service portal for Kebumen Regency successfully delivers an interactive, informative, and easily accessible geospatial-based system. This system not only serves as an effective digital promotion tool but also supports travel planning by presenting destination data, routes, and key attractions in a visual format. The user interface, designed with a modern approach using Next.js, Tailwind CSS, and ShadCN, has proven to be responsive and user-friendly, achieving a high satisfaction rate of 92.6?sed on usability testing results


Kata Kunci : Pariwisata, WebGIS, Next.JS, Location-Based Service

  1. D4-2025-483062-abstract.pdf  
  2. D4-2025-483062-bibliography.pdf  
  3. D4-2025-483062-tableofcontent.pdf  
  4. D4-2025-483062-title.pdf