Implementasi Teknologi Frontend Modern pada Website Yellowweb: Kolaborasi Booostrap 5 Framework dan jQuery

Miftah Faroq Santoso

doi:10.55338/jumin.v6i2.5043

Authors

Miftah Faroq Santoso, Universitas Bina Sarana Informatika, Indonesia

DOI:

https://doi.org/10.55338/jumin.v6i2.5043

Keywords:

Responsive, Interactive, Bootstrap, jQuery, User Experience

Abstract

Modern websites require responsive, interactive, and intuitive designs to ensure optimal User Experience (UX). This study examines the collaboration between the CSS Framework Bootstrap and jQuery plugins in enhancing web design quality on the Yellowweb site. By utilizing Bootstrap version 5 and jQuery plugins (Carousel, ParticleJS), the website design becomes more responsive across various screen sizes and provides interactivity to support user navigation. The findings show that this combination significantly improves user engagement and delivers a unique design that reflects the site's identity. This approach can serve as a reference for other web developers in creating better user experiences.

Downloads

Download data is not yet available.

References

M. F. Santoso, “Implementation Of UI/UX Concepts And Techniques In Web Layout Design With Figma,” Jurnal Teknologi Dan Sistem Informasi Bisnis, vol. 6, no. 2, pp. 279–285, Apr. 2024, doi: 10.47233/jteksis.v6i2.1223.

M. Faroq Santoso Program Studi Magister Ilmu Komputer Sekolah Tinggi Manajemen Informatika dan Komputer Nusa Mandiri, “TEKNIK RESPONSIVE WEB DESIGN (RWD) SERTA PENERAPANNYA DALAM RANCANG BANGUN LAYOUT WEB,” Maret, vol. 15, no. 1, p. 61, 2019, [Online]. Available: http://www.nusamandiri.ac.id

M. Martin and L. Nilawati, “Rancang Bangun Sistem Informasi Peminjaman Arsip Berbasis Web,” Jurnal Teknologi Dan Sistem Informasi Bisnis, vol. 6, no. 3, pp. 427–434, Jul. 2024, doi: 10.47233/jteksis.v6i3.1326.

M. Faroq Santoso Program Studi Magister Ilmu Komputer Sekolah Tinggi Manajemen Informatika dan Komputer Nusa Mandiri, “TEKNIK RESPONSIVE WEB DESIGN (RWD) SERTA PENERAPANNYA DALAM RANCANG BANGUN LAYOUT WEB,” Maret, vol. 15, no. 1, p. 61, 2019, [Online]. Available: http://www.nusamandiri.ac.id

M. Faroq, “TEKNIK SINGLE PAGE APPLICATION (SPA) LAYOUT WEB DENGAN MENGGUNAKAN REACT JS DAN BOOTSTRAP,” 2021.

D. A. Dirgantara and R. Andrian, “Pengembangan Responsif Website Untuk Semarang Heritage Run 2022 dengan Framework Bootstrap,” 2023.

Aditya Ramadhani, Andrean Akbar Permana, Azlam Abi Yansah, Affan Setya Fahriza, and Hendry, “Perancangan Aplikasi Manajemen Surat Keluar Responsive Dengan Bootstrap Berbasis Web,” Bulletin of Computer Science Research, vol. 4, no. 4, pp. 368–375, Jun. 2024, doi: 10.47065/bulletincsr.v4i4.342.

E. Bevidianka and L. Safitri, “Digital Library SMK Negeri 3 Tanjungpinang Berbasis Web Menggunakan PHP dan JQuery Pada Framework Codeigniter,” Bangkit Indonesia, vol. VIII, no. 02, p. 56, 2019.

M. Dandy, A. S. Karinaauliasari, and A. Faisol, “PENGEMBANGAN SISTEM UJIAN ONLINE MINAT DAN BAKAT SISWA SMK PADA SMK ISLAM BATU,” 2021.

W. B. Mau, A. Wibowo, and R. Delima, “Implementasi Jquery AJAX Untuk Fitur Pendataan Petani pada Website Dutatani,” no. 2, 2023, doi: 10.21460/jutei.72.270.

U. M. Bengkulu, E. Trio Uspandi, and H. Witriyono, “IMPLEMENTASI PROTEKSI JQUERY AJAX DENGAN PROTEKSI SESION PADA PENGEMBANGAN SISTEM INFORMASI MANAJEMEN KULIAH KERJA NYATADI UNIVERSITAS MUHAMMADIYAH BENGKULU,” 2021.

P. P. Pamungkas, M. Danny, and A. Muhidin, “Sistem Informasi Kepegawaian Berbasis Web Studi Kasus PT. Hara Sentosa Mandiri,” Jurnal Teknologi Dan Sistem Informasi Bisnis, vol. 6, no. 1, pp. 177–186, Jan. 2024, doi: 10.47233/jteksis.v6i1.1129.

M. Orisa, A. Faisol, and M. I. Ashari, “PERANCANGAN WEBSITE COMPANY PROFILE MENGGUNAKAN DESIGN SCIENCE RESEARCH METHODOLOGY (DSRM),” 2023.

A. W. Budiman, A. Setiawan, and S. Nugroho, “Pengembangan Sistem Layanan Informasi Berbasis Web dengan Memanfaatkan AI Pada ChatGPT,” Jurnal Teknologi Dan Sistem Informasi Bisnis-JTEKSIS, vol. 5, no. 4, p. 592, 2023, doi: 10.47233/jteksis.v5i4.1068.

Aditya Ramadhani, Andrean Akbar Permana, Azlam Abi Yansah, Affan Setya Fahriza, and Hendry, “Perancangan Aplikasi Manajemen Surat Keluar Responsive Dengan Bootstrap Berbasis Web,” Bulletin of Computer Science Research, vol. 4, no. 4, pp. 368–375, Jun. 2024, doi: 10.47065/bulletincsr.v4i4.342.