Dampak Pembelajaran Berbasis Proyek Pada Pelatihan Front-End Web Modular Untuk Masyarakat Pemula

Authors

  • Anggun Fergina Universitas Nusa Putra, Indonesia
  • Muhammad Fakhraj Jaelani Universitas Nusa Putra, Indonesia

DOI:

https://doi.org/10.59837/jpmba.v3i5.2670

Keywords:

pelatihan, pembelajaran, proyek, front-end web, masyarakat

Abstract

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

Download data is not yet available.

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

2025-07-23

How to Cite

Fergina, A., & Jaelani, M. F. (2025). Dampak Pembelajaran Berbasis Proyek Pada Pelatihan Front-End Web Modular Untuk Masyarakat Pemula . Jurnal Pengabdian Masyarakat Bangsa, 3(5), 2404–2411. https://doi.org/10.59837/jpmba.v3i5.2670

Issue

Section

Articles