Dampak Pembelajaran Berbasis Proyek Pada Pelatihan Front-End Web Modular Untuk Masyarakat Pemula
DOI:
https://doi.org/10.59837/jpmba.v3i5.2670Keywords:
pelatihan, pembelajaran, proyek, front-end web, masyarakatAbstract
Pelatihan pengembangan web menjadi salah satu solusi dalam meningkatkan literasi digital masyarakat pemula, terutama dalam menghadapi transformasi layanan publik berbasis teknologi. Artikel ini bertujuan untuk mendeskripsikan pelaksanaan pelatihan front-end web modular dengan pendekatan pembelajaran berbasis proyek kepada masyarakat pemula serta mengevaluasi dampaknya. Metode yang digunakan adalah pelatihan langsung berbasis praktik, di mana peserta terlibat dalam menyusun antarmuka sistem informasi secara modular dan responsif menggunakan HTML, CSS, JavaScript, dan PHP. Kegiatan dirancang menyerupai lingkungan kerja profesional agar peserta terbiasa dengan proses pengembangan riil, mulai dari analisis kebutuhan, desain, pengujian, hingga deployment. Hasil pelatihan menunjukkan adanya peningkatan pemahaman peserta terhadap konsep antarmuka web, struktur proyek modular, dan prinsip desain responsif. Peserta juga menunjukkan antusiasme tinggi saat menyelesaikan proyek nyata berbasis kebutuhan lokal. Kesimpulannya, pendekatan pembelajaran berbasis proyek dalam pelatihan front-end web terbukti efektif meningkatkan keterampilan digital dasar dan memberikan pengalaman pembelajaran yang kontekstual dan aplikatif bagi masyarakat pemula.
Downloads
References
Azizah, N., & Firmansyah, R. (2020). Implementasi project based learning dalam meningkatkan keterampilan pemrograman web. Jurnal Teknologi Informasi dan Pendidikan, 13(2), 91–98. https://doi.org/10.24036/tip.v13i2.108
Badan Pusat Statistik Kota Sukabumi. (2024). Profil dan layanan BPS Kota Sukabumi. Diakses dari https://sukabumikota.bps.go.id
Delianti, P. I., & Jalinus, N. (2020). Effectiveness of e module based on project based learning on visual programming courses. Jurnal Pendidikan Teknologi Kejuruan, 3(2), 109–113. https://doi.org/10.24036/jptk.v3i2.7523
MDPI Sustainability. (2021). Sustainable project based learning methodology adaptable to technological advances for web programming. Sustainability, 13(15), Article 8482. https://doi.org/10.3390/su13158482
Rumahweb. (2023). Cara menggunakan localhost phpMyAdmin di XAMPP. Diakses dari https://blog.rumahweb.com/cara-menggunakan-localhost-phpmyadmin-di-xampp
Setiawan, E., & Huda, N. (2021). Penerapan metode project based learning pada pengembangan website desa berbasis PHP dan MySQL. Jurnal Pengabdian Masyarakat Teknologi, 2(1), 22–30. https://doi.org/10.31294/jpmtek.v2i1.12021
Siyoto, S., & Sodik, M. (2015). Dasar metodologi penelitian. Yogyakarta: Literasi Media Publishing.
Sulistiyarini, D., Sabirin, F., & Ramadhani, D. (2022). Effect of project based learning through blended learning on website design skills. Journal of Educational Science and Technology, 7(1). https://doi.org/10.26858/est.v7i1.17789
Telkom University. (2024). Peran front-end dan back-end terhadap pengembangan situs. Diakses dari https://bif.telkomuniversity.ac.id/front-end-dan-back-end-terhadap-pengembangan-situs
Titah Pertiwi, W., & Sujatmiko, B. (2025). Developing LMS for project based learning to enhance web programming skills in students. Journal of Education Technology and Information System, 1(1). https://doi.org/10.26740/jetis.v1i01.35800
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Anggun Fergina, Muhammad Fakhraj Jaelani

This work is licensed under a Creative Commons Attribution 4.0 International License.














