WORKSHOP PEMBUATAN WEBSITE PROFIL LARAVEL-FILAMENT DENGAN AI UNTUK LANDING PAGE DAN PUBLIKASI GITHUB

Penulis

  • Untung Subagyo STMIK El Rahma Yogyakarta
  • Miftahul Jannah STMIK El Rahma Yogyakarta

DOI:

https://doi.org/10.33480/abdimas.v8i1.7418

Kata Kunci:

Filament, Github, Laravel, SMK, workshop

Abstrak

This community service program reports a two-day, project-based workshop on building a profile website with Laravel and the Filament admin panel, followed by publishing to GitHub for vocational high-school students. Objectives were to strengthen industry-relevant CRUD skills and instill version-control practices for portfolio building. The method combined short lectures, live coding, guided hands-on practice, AI-assisted generation of Bootstrap-based HTML for the landing page (via ChatGPT and Gemini), repository publication, and mini presentations. Participants were 66 students across two classes (Day-1 Class A: 32; Day-2 Class B: 34). Data included parallel-form pre/post tests, product rubrics, and satisfaction questionnaires. AI use was limited to landing-page HTML and layout suggestions; outputs were manually curated for accuracy and disclosed in project READMEs. Results show 61/66 students (92.4%) completed a minimal CRUD feature set via Filament Resources and 53/66 (80.3%) published structured repositories with informative READMEs. Average knowledge scores improved from 54 (pre) to 89 (post), yielding a normalized gain of ~0.76 (high). Mean satisfaction was ~88%. Operational issues on Day 1, uneven software readiness and bandwidth, were mitigated on Day 2 through pre-checks, offline packages, ready-to-run templates, role-based facilitation, and Composer mirrors. The program concludes that the workshop effectively advances vocational competencies in modern PHP web development and produces tangible artifacts (applications and repositories) students can extend and showcase for internships or entry-level opportunities.

Referensi

D. Winarso et al., “Peningkatan Skill Web Programming Menggunakan Framework Laravel Bagi Siswa Jurusan RPL SMKN 7 Pekanbaru,” Kontribusi: Jurnal Penelitian dan Pengabdian Kepada Masyarakat, vol. 4, no. 2, pp. 267–275, May 2024, doi: 10.53624/kontribusi.v4i2.368.

S. Saniati, M. P. Kharisma P, M. A. Assuja, and G. Pramita, “Pelatihan Pemrograman Web Menggunakan Framework Laravel di SMKN 1 Bandarlampung,” Journal of Engineering and Information Technology for Community Service, vol. 1, no. 2, pp. 87–94, Nov. 2022, doi: 10.33365/jeit-cs.v1i2.167.

E. Sudarsono and M. Y. Vebriandi, “IMPLEMENTASI FRAMEWORK LARAVEL FILAMENT PADA SISTEM CRM UNTUK OPTIMALISASI DATA PELANGGAN DAN PROGRAM LOYALITAS POIN DI TOKO BRANDING TELEMARCO,” Journal of Innovation And Future Technology (IFTECH), vol. 7, no. 1, pp. 23–34, Jan. 2025, doi: 10.47080/iftech.v7i1.3839.

N. M. S. Iswari and E. M. Dharma, “Pelatihan Pengembangan Aplikasi Web Menggunakan Laravel Untuk Siswa SMKN 1 Sukawati Gianyar Bali,” I-Com: Indonesian Community Journal, vol. 5, no. 2, pp. 719–730, Jun. 2025, doi: 10.70609/icom.v5i2.6922.

M. Rhifky Wayahdi, Fahmi Ruziq, and Subhan Hafiz Nanda Ginting, “Pelatihan Menjadi Backend Developer Dengan Framework Laravel Pada Siswa Dan Siswi SMK Swasta Free Methodist Medan,” Jurnal Pengabdian Masyarakat Nusantara, vol. 6, no. 1, pp. 20–29, Mar. 2024, doi: 10.57214/pengabmas.v6i1.472.

M. M. Anggraeni and Y. A. Susetyo, “Implementation of the Laravel Framework in Tutoring Information System (Case Study: Glow Math Course),” SISTEMASI, vol. 14, no. 3, p. 1406, May 2025, doi: 10.32520/stmsi.v14i3.5211.

T. Mary, F. Rini, and M. Devegi, “Pelatihan Penggunaan Website Sekolah Berbasis Back End Laravel di SMAN 4 Sumbar,” Gudang Jurnal Pengabdian Masyarakat, vol. 2, no. 2, pp. 1–08, Jul. 2024, doi: 10.59435/gjpm.v2i2.535.

N. F. Najwa, M. Sari Zulfi, A. Trisnadoli, I. Muslim, W. Nengsih, and M. M. Zain, “Workshop Penggunaan Framework Laravel dalam Pengembangan Web bagi Guru SMK,” Jurnal Pengabdian Masyarakat dan Penerapan Ilmu Pengetahuan, vol. 4, no. 1, pp. 9–13, Jan. 2023, doi: 10.25299/jpmpip.2023.11939.

L. Tan, T. Ratanaolarn, and K. Sriwisathiyakun, “Project-based blended learning for vocational education: Enhancing digital marketing competencies and team spirit,” Cogent Education, vol. 12, no. 1, Dec. 2025, doi: 10.1080/2331186X.2025.2498092.

S. Triono Ahmad, R. Watrianthos, A. Dwinggo Samala, M. Muskhir, and G. Dogara, “Project-based Learning in Vocational Education: A Bibliometric Approach,” International Journal of Modern Education and Computer Science, vol. 15, no. 4, pp. 43–56, Aug. 2023, doi: 10.5815/ijmecs.2023.04.04.

Ahmad Miftahul Ulum, Susanto, and A. Nugroho, “IMPLEMENTASI DAN EVALUASI WEBSITE SMK JAMAAH PASRAH MENGGUNAKAN LARAVEL FILAMENT DENGAN METODE AGILE DEVELOPMENT,” Rabit : Jurnal Teknologi dan Sistem Informasi Univrab, vol. 10, no. 2, pp. 626–639, Jul. 2025, doi: 10.36341/rabit.v10i2.6321.

S. Wijanarko, “Implementasi Filament Form Builder Dalam Sistem Informasi Berbasis Laravel,” Jurnal Teknik Informatika STMIK Antar Bangsa, vol. 11, no. 1, pp. 14–17, Feb. 2025, doi: 10.51998/jti.v11i01.619.

M. Sovian, S. Pratiko, T. Kresna Wardana, and S. Asmiatun, “Implementasi Laravel Filament Pada Aplikasi MDIID Untuk Pendataan Billing dengan Metode Agile di Telkom Indonesia,” Semarang, 2024, pp. 443–453.

E. Kasneci et al., “ChatGPT for good? On opportunities and challenges of large language models for education,” Learn. Individ. Differ., vol. 103, p. 102274, Apr. 2023, doi: 10.1016/j.lindif.2023.102274.

L. Dabbish, C. Stuart, J. Tsay, and J. Herbsleb, “Social coding in GitHub: Transparency and collaboration in an open software repository,” in Proceedings of the ACM Conference on Computer Supported Cooperative Work, CSCW, Association for Computing Machinery, Feb. 2012, pp. 1277–1286. doi: 10.1145/2145204.2145396.

G. P. Oliveira, A. F. C. Moura, N. A. Batista, M. A. Brandão, A. Hora, and M. M. Moro, “How do developers collaborate? Investigating GitHub heterogeneous networks,” Software Quality Journal, vol. 31, no. 1, pp. 211–241, Mar. 2023, doi: 10.1007/s11219-022-09598-x.

Y.-C. Tu et al., “GitHub in the Classroom: Lessons Learnt,” in Proceedings of the 24th Australasian Computing Education Conference, New York, NY, USA: ACM, Feb. 2022, pp. 163–172. doi: 10.1145/3511861.3511879.

##submission.downloads##

Diterbitkan

2026-01-30

Cara Mengutip

[1]
U. Subagyo dan M. Jannah, “WORKSHOP PEMBUATAN WEBSITE PROFIL LARAVEL-FILAMENT DENGAN AI UNTUK LANDING PAGE DAN PUBLIKASI GITHUB”, abdimas, vol. 8, no. 1, hlm. 164–171, Jan 2026.