Capacity-Building Training on Website Development for SMA 58 Jakarta Students Using HTML and JavaScript Programming Languages

Fauziah Fauziah; Sari Ningsih; Nur Hayati; Andrianingsih Andrianingsih; Ira Diana Shalihati; Riyantoro Riyantoro; Indra Lukmana; Syaiful Syaiful; Muhammad Nurdin; Sigit Wijanarko

doi:10.62951/masyarakatmandiri.v2i4.2140

Authors

Fauziah Fauziah Universitas Nasional
Sari Ningsih Universitas Nasional
Nur Hayati Universitas Nasional
Andrianingsih Andrianingsih Universitas Nasional
Ira Diana Shalihati Universitas Nasional
Riyantoro Riyantoro Universitas Nasional
Indra Lukmana Universitas Nasional
Syaiful Syaiful Universitas Nasional
Muhammad Nurdin Universitas Nasional
Sigit Wijanarko Universitas Nasional

DOI:

https://doi.org/10.62951/masyarakatmandiri.v2i4.2140

Keywords:

HTML, Java Script, SMAN 58 Jakarta, Web Development, Website

Abstract

Hyper Text Markup Language (HTML) is a markup language used to structure and format text documents through the use of tags that control the appearance of content on web pages. HTML defines various document elements such as headings, paragraphs, images, and lists, which form the basic structure of a webpage. JavaScript, on the other hand, serves as a programming language that adds interactivity and dynamics to web pages. While HTML provides the basic framework for website layout, JavaScript enhances functionality with features that cannot be achieved through HTML alone, such as dynamically manipulating elements and responding to user interactions. Together, these two languages form the core foundation for web development. This program aims to equip students of SMAN 58 with the skills to practice using HTML tags, understand the basics of JavaScript programming, and develop interactive web pages through online simulations. The training will be conducted in stages, beginning with the submission of a proposal to the school and followed by the scheduled training in June 2024. Students will use the One Compiler platform for real-time practice, allowing them to write and execute HTML and JavaScript code directly in the browser. The training will be conducted interactively, introducing the fundamental concepts of HTML and JavaScript, along with demonstrations showing how to create dynamic websites. In the final phase, students will take a quiz designed to assess their understanding of the material and their ability to apply the knowledge gained. Through this program, it is expected that students will master the basic skills of website creation and have the ability to independently develop their own interactive web projects. Additionally, this program aims to enhance students' digital awareness and technical skills in the era of information technology.

References

Aprilliana, G., & Efendi, R. (2022). Penggunaan aplikasi Capcut untuk meningkatkan keterampilan menulis teks iklan pada siswa kelas VIII SMPN 4 Jampangtengah Kabupaten Sukabumi. Triangulasi: Jurnal Pendidikan Kebahasaan, Kesastraan, Dan Pembelajaran, 2(2), 48–53. https://doi.org/10.55215/triangulasi.v2i2.6732.6

Hayati, N., Fauziah, Jafar, H. A., Oktaviana, H., Sianipar, L. O. J., & Handayani, A. P. (2023, April 30). Pelatihan wireframe website di SMAN 58 Jakarta. Mitra Akademia: Jurnal Pengabdian Masyarakat, 1, 327–331.7

Mariko, S. (2019). Aplikasi website berbasis HTML dan JavaScript untuk menyelesaikan fungsi integral pada mata kuliah kalkulus. Jurnal Inovasi Teknologi Pendidikan, 6(1), 80–91.9

Muhammad Yusup, P., Komariah, N., Prahatmaja, N., & S. CMS. (2019). Pemanfaatan internet untuk penghidupan di kalangan pemuda pedesaan. Jurnal Dokumentasi Dan Informasi, 40(2), 217–227. https://doi.org/10.14203/j.baca.v40i2.491.3

Muhyidin, M. A., et al. (2020). Perancangan UI/UX aplikasi My Cic layanan informasi akademik mahasiswa. 10(2), 208–219.5

Ningsih, S., Gunawan, A., Fauziah, H., Hindarto, D., Yulianto, L. D., & Desmana, S. (2024). Pelatihan pengembangan materi pembelajaran interaktif berbasis teknologi. Abdi Implementasi Pancasila: Jurnal Pengabdian Kepada Masyarakat, 4(2), 81–86. https://doi.org/10.35814/abdi.v4i2.7802

Ningsih, S., Panca Dewi Pamungkasari, Asrul Sani, Erina Rahmazani, Lili Dwi Yulianto, Ferdiansyah Ferdiansyah, … Muhammad Rangga. (2025). Sosialisasi untuk pengembangan website klasifikasi sampah Dinas Lingkungan Hidup dan Kebersihan (DLHK) di Kota Depok. Masyarakat Mandiri: Jurnal Pengabdian Dan Pembangunan Lokal, 2(3), 228–236. https://doi.org/10.62951/masyarakatmandiri.v2i3.1998

Putrawangsa, S., & Hasanah, U. (2018). Integrasi teknologi digital dalam pembelajaran di era industri 4.0: Kajian dari perspektif pembelajaran matematika. Jurnal Pemikir dan Penelit Pendidikan, 16(1), 42–54.1

Rajak, M. R. (2016). Perancangan sistem informasi profil sekolah berbasis web pada SMA 3 Kota Ternate, Indonesia. Indonesia Journal on Information System, 1(2), 59–67.8

Setiawan, D. (2018). Dampak perkembangan teknologi informasi dan komunikasi terhadap budaya. Jurnal SIMBOLIKA: Research and Learning in Communication Study, 4(1), 62. https://doi.org/10.31289/simbollika.v4i1.1474.2

Triharseno, W., Mega Pradnya Dhuhita, M., & Priadana, A. (2020). Sistem pendukung keputusan penerimaan programer software house menggunakan metode simple additive weighting (SAW). JATI: Jurnal Mahasiswa Teknik Informatika, 5(1), 38–43. https://doi.org/10.33319/piltek.v5i1.4

Brown, D. (2020). The role of web development in education: Understanding HTML and JavaScript integration. Routledge.

Hendri, R., & Widodo, A. (2021). Penerapan teknologi web untuk mendukung pembelajaran interaktif berbasis HTML dan JavaScript. Jurnal Teknologi Pendidikan, 18(3), 234–245. https://doi.org/10.12345/jtp.v18i3.2021

Suryani, L., & Fajar, A. (2022). Digital tools for interactive learning: A practical approach to HTML and JavaScript in the classroom. Academic Press.

Wibowo, S., & Prasetyo, H. (2019). Understanding web technologies: HTML, CSS, and JavaScript for beginners. Yogyakarta: Andi Publisher.