Implementasi Front End pada Pengembangan Sistem Informasi Destinasi Pariwisata
Abstract
Penelitian ini mendalami perkembangan teknologi web yang memberikan peluang besar dalam penyampaian informasi pariwisata secara efektif dan interaktif kepada masyarakat. Tujuan utama dari penelitian ini adalah untuk menerapkan implementasi front end dari sistem informasi destinasi pariwisata berbasis web yang dapat menyajikan informasi secara lengkap dan terkini. Informasi yang disajikan mencakup data destinasi wisata, kondisi cuaca, serta estimasi kepadatan pengunjung secara real-time. Sistem ini dirancang menggunakan framework Next.js dan React untuk pengembangan antarmuka pengguna berbasis komponen, serta Tailwind CSS untuk menciptakan desain antarmuka yang responsif, ringan, dan mudah disesuaikan. Dalam proses implementasinya, sistem mampu menampilkan konten secara dinamis, menyediakan navigasi antar halaman yang efisien, dan menghasilkan pengalaman pengguna yang intuitif serta ramah perangkat mobile. Uji coba terhadap sistem menunjukkan bahwa pengguna dapat mengakses informasi yang dibutuhkan dengan cepat dan akurat. Dengan adanya sistem ini, wisatawan diharapkan mampu merencanakan perjalanan mereka dengan lebih baik berdasarkan data yang tersedia secara real-time, sehingga meningkatkan kenyamanan dan efisiensi dalam berwisata. Sistem ini juga berpotensi untuk dikembangkan lebih lanjut sebagai sarana promosi digital destinasi lokal.
Kata kunci— Front End, Pariwisata, Tailwind, Framework, Antarmuka pengguna, Sistem Informasi
References
A. Setiawan and J. M. Munandar Ma’mun Sarma, “The role of the Tourist Information Center (TIC) of Soekarno Hatta Airport in 667 Indexed in Google Scholar THE ROLE OF THE TOURIST INFORMATION CENTER (TIC) OF SOEKARNO HATTA AIRPORT IN THE CHOICE OF TOURIST DESTINATIONS BASED ON TOURIST CHARACTERISTICS AND SERVICES,” Journal of Applied Management (JAM), vol. 18, no. 4, 2020, doi: 10.21776/ub.jam.2020.018.04.06.
P. P. Arhandi, S. N. Arief, and A. T. Firdausi, “JIP (Jurnal Informatika Polinema) PENGEMBANGAN WEBSITE PENDUKUNG MASTERY BASED LEARNING UNTUK PEMBELAJARAN MAHASISWA”.
S. B. Uzayr, Bootstrap: The Ultimate Guide. 2022. doi: 10.1201/9781003309383.
Y. Durganath and P. Edreena, “Role of bootstrap in web page creation,” International Journal of Pharmacy and Technology, vol. 8, no. 4, pp. 21116–21122, 2016.
A. Sharma, A. Tyagi, P. Khatri, and R. Garg, “Enhanced 403 Bypass Mechanism for Web Security,” Jul. 2024, pp. 1858–1862. doi: 10.1109/ICACITE60783.2024.10617037.
H. Hartana, D. Abdullah, S. Mulyati, D. G. S. Mangku, N. P. R. Yuliartini, and N. L. K. A. S. Sucandrawati, “Online-based marketing information system for handicrafts from water hyacinth,” AIP Conf Proc, vol. 3065, no. 1, p. 030004, Sep. 2024, doi: 10.1063/5.0232634.
J. Harjono, G. Ng, D. Kong, and J. Lo, Building smarter web applications with HTML5. 2010. doi: 10.1145/1923947.1924015.
Wiwesa and Ngurah Rangga, “USER INTERFACE DAN USER EXPERIENCE UNTUK MENGELOLA KEPUASAN PELANGGAN, Jurnal Sosial Humaniora Terapan: Vol. 3: Iss. 2, Article 2.,” 2021.



