Implementasi Metode Jeopardy Capture The Flag Sebagai Media Pembelajaran Cyber Security Berbasis Website (Studi Kasus: Kompetensi Keahlian TJKT SMK Negeri 1 Wanayasa)
DOI:
https://doi.org/10.54895/intech.v7i2.3737Keywords:
Keamanan Siber, Capture The Flag, Jeopardy, Media Pembelajaran, WebsiteAbstract
This study addresses the need for practical cybersecurity learning media for vocational students, particularly in the Computer and Network Engineering (TJKT) program. The research aimed to develop and evaluate SkawanCTF, a website-based learning platform that applies the Jeopardy Capture The Flag (CTF) approach. The platform was developed using the Research and Development method with the Four-D model, consisting of Define, Design, Develop, and Disseminate. System requirements and workflows were designed using Unified Modeling Language, while implementation used Next.js, Tailwind CSS, Supabase, and Vercel. Functional testing was conducted using Black Box and White Box approaches. Learning outcomes were evaluated through pre-test and post-test scores, while user perceptions were collected using a five-point Likert questionnaire. The evaluation involved 168 students. The total pre-test score was 995 and the post-test score was 1,602, producing an N-Gain value of 0.8861 (88.61%), categorized as high. User perception reached an average score of 3.88, categorized as agree. The reported functional tests passed all tested scenarios across 37 modules. These findings indicate that SkawanCTF can operate as an accessible practice medium and received positive responses from participating students. Further evaluation with comparison groups and validated instruments is recommended.
Downloads
References
[1] H. N. R. Syah, F. Rahma, dan S. N. Huda, “Kajian Literatur: Gamifikasi Edukasi Keamanan Siber dengan Konsep Capture the Flag,” Pros. Semin. Nas. Tek. Elektro Sist. Inf. Dan Tek. Inform. SNESTIK, 2024, doi: https://doi.org/10.31284%2Fp.snestik.2024.5860.
[2] M. A. M. Fadzil dan Z. Abdullah, “The Development of System and Content of Capture the Flag (CTF) Platform,” Appl. Inf. Technol. Comput. Sci., vol. 6, no. 1, hlm. 486–504, 2025, doi: https://doi.org/10.30880/aitcs.2025.06.01.027.
[3] D. G. Kartasasmita dan F. G. C. Timur, “Capture the Flag (CTF) Implementation in The Informatics Engineering Study Program Indonesia Defense University,” J. Eng. Educ. Transform., vol. 38, no. 4, hlm. 36–44, Apr 2025, doi: 10.16920/jeet/2024/v38i4/25094.
[4] A. N. Kholili, “RANCANG BANGUN SISTEM INFORMASI RAPORT SISWA BERBASIS WEB PADA SEKOLAH MENENGAH KEJURUAN,” INTECH, vol. 3, no. 1, hlm. 1–7, Apr 2022, doi: 10.54895/intech.v3i1.1285.
[5] A. Rahayu, “Metode Penelitian dan Pengembangan (R&D) : Pengertian, Jenis dan Tahapan,” DIAJAR J. Pendidik. Dan Pembelajaran, vol. 4, no. 3, hlm. 459–470, Jul 2025, doi: 10.54259/diajar.v4i3.5092.
[6] R. R. Ayuni, S. Rahayu, dan D. Triwahyuningtyas, “Pengembangan dan Uji Efektivitas E-Modul Interaktif Berbasis Scratch Menggunakan Model ADDIE pada Materi Penjumlahan dan Pengurangan Bilangan Cacah Siswa Kelas II SD,” Efektor, vol. 13, no. 1, hlm. 1–16, Mei 2026, doi: 10.29407/e.v13i1.28237.
[7] A. F. M. Nasuttion, E. Irwansyah, S. Sugara, T. Firmansyah, dan I. Gunawan, “Penerapan UML dalam Analisis dan Perancangan Sistem Informasi di STIKOM Tunas Bangsa,” J. Inov. Artif. Intell. Komputasional Nusant., vol. 3, no. 1, hlm. 14–16, Jun 2025, doi: 10.260396/gyk64z07.
[8] C. Nisa, A. Wijaya, dan F. Rizal, TEORI UML DAN IMPLEMENTASI PRAKTEK: Panduan Untuk Pengembangan Perangkat Lunak. CV BRAVO PRESS INDONESIA, 2024.
[9] S. W. Ramdany, S. A. Kaidar, B. Aguchino, C. A. A. Putri, dan R. Anggie, “Penerapan UML Class Diagram dalam Perancangan Sistem Informasi Perpustakaan Berbasis Web,” 2024.
[10] J. T. Santoso dan Migunani, DESAIN ANALISIS & Sistem Berorientasi Obyek dengan UML. Yayasan Prima Agus Teknik, 2021.
[11] A. Libby, Practical Next.js for E-Commerce: Create E-Commerce Sites with the Next.js Framework. Berkeley, CA: Apress, 2023. doi: 10.1007/978-1-4842-9612-7.
[12] A. R. Faqih, A. Taufiqurrahman, J. H. Husen, dan M. K. Sabariah, “Empirical Analysis of CI/CD Tools Usage in GitHub Actions Workflows,” J. Inform. Web Eng., vol. 3, no. 2, hlm. 251–261, Jun 2024, doi: 10.33093/jiwe.2024.3.2.18.
Additional Files
Published
Issue
Section
Categories
License
Copyright (c) 2026 Imam Nurfalah, Heni Rahmawati, Purwanto (Author)

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








