## Pendampingan Pemanfaatan Script HTML dalam membangun WEB Sederhana pada SMAN 3 Semarang
Rudolpus Ari Bambang Asmoro 1 , Muslih 2 , Yuwana 3 , Fahaddina Fikroh 4 , Rio Ferdinand 5 1,2,3,4,5 Teknik Informatika, Universitas Dian Nuswantoro E-mail: 1 arieasmoro@gmail.com, 2 muslih@dsn.dinus.ac.id, 3 yuwana2727@gmail.com,
4 fahaddinafikroh20@gmail.com, 5 rio01ferdinan@gmail.com,

## Abstrak
Jurnal  ini  bertujuan  untuk menjelaskan  pendampingan  penggunaan  HTML  dalam  membangun sebuah web profil sederhana pada SMAN 3 Semarang. Metode pendampingan digunakan untuk membantu siswa dalam memahami dan mengimplementasikan konsep-konsep dasar HTML serta membangun  keahlian  mereka  dalam  membuat  sebuah  web  profil.  Pendampingan  dilakukan melalui serangkaian langkah-langkah yang melibatkan siswa dalam pengembangan proyek web profil  sederhana.  Pertama,  siswa  diperkenalkan  dengan  dasar-dasar  HTML,  termasuk  struktur dasar  dokumen  HTML,  elemen-elemen  penting,  dan  atribut-atribut  yang  digunakan  dalam pembuatan web. Pendampingan dilakukan dengan cara memberikan contoh-contoh praktis dan latihan-latihan terstruktur untuk memperkuat pemahaman siswa terhadap konsep-konsep tersebut. Selanjutnya, siswa diajak untuk mengaplikasikan pengetahuan mereka dalam membangun web profil  sederhana  untuk  SMAN  3  Semarang.  Pendampingan  dilakukan  dengan  memberikan bimbingan  dan masukan terkait  desain,  tata letak,  dan  konten  yang  relevan  dengan  web  profil sekolah.  Hasil  dari  jurnal  ini  menunjukkan  bahwa  pendampingan  penggunaan  HTML  dapat efektif dalam membangun keahlian siswa dalam membangun sebuah web profil sederhana. Siswa dapat memahami dan mengimplementasikan konsep-konsep dasar HTML dengan baik melalui serangkaian  latihan  dan  bimbingan  yang  disediakan.  Selain  itu,  web  profil  sederhana  yang dibangun  oleh  siswa  dapat  digunakan  sebagai  media  informasi  yang  menarik  dan  bermanfaat untuk SMAN 3 Semarang.
Kata kunci: HTML, web, pendampingan, SMAN3Semarang

## Abstract
This journal aims to explain the guidance in the use of HTML in building a simple web profile at SMAN 3 Semarang. The guidance method is employed to assist students in understanding and implementing the basic concepts of HTML and developing their skills in creating a web profile. The guidance involves a series of steps that engage students in the development of a simple web profile project. Firstly, students are introduced to the fundamentals of HTML, including the basic structure  of  an  HTML  document,  essential  elements,  and  attributes  used  in  web  creation.  The guidance is provided through practical examples and structured exercises to reinforce students' understanding  of  these  concepts.  Next,  students  are  encouraged  to  apply  their  knowledge  in building  a  simple  web  profile  for  SMAN  3  Semarang.  Guidance  is  given  in  terms  of  design guidance, layout suggestions, and relevant content creation for the school's profile. The results of this journal demonstrate that guidance in the use of HTML can effectively enhance students' skills in building a simple web profile. Students can comprehend and implement the basic concepts of HTML through a series of exercises and provided guidance. Moreover, the web profile created by the students can serve as an engaging and informative medium for SMA N 3 Semarang.
Keywords:html, web, guidance, SMAN3Semarang

## 1. PENDAHULUAN
Dalam era digital saat ini, keberadaan website menjadi semakin penting, termasuk dalam konteks  institusi  pendidikan  seperti  sekolah  menengah  atas  (SMA).  Website  sekolah  dapat menjadi sarana untuk memperkenalkan dan mempromosikan profil sekolah kepada masyarakat, siswa,  dan  orang  tua.  Selain  itu,  website  juga  dapat  digunakan  sebagai  media  informasi  yang efektif untuk menyampaikan berbagai kegiatan, prestasi, dan informasi penting lainnya [1][2].
Dalam  membangun  sebuah  website,  salah  satu  bahasa  pemrograman  dasar  yang digunakan  adalah  HyperText  Markup  Language  (HTML).  HTML  merupakan  bahasa  yang digunakan untuk mendefinisikan struktur dan tata letak sebuah halaman web. Namun, siswa SMA yang  baru  mengenal  HTML  mungkin  menghadapi  beberapa  kesulitan  dalam  memahami  dan mengimplementasikan konsep-konsep dasar tersebut [3][4].
Oleh  karena  itu,  pendampingan  dalam  penggunaan  HTML  menjadi  penting  dalam konteks  pendidikan  SMA.  Pendampingan  dapat  membantu  siswa  dalam  memahami  konsep- konsep  dasar  HTML,  serta  memberikan  bimbingan  dan  dukungan  dalam  mengatasi  hambatan yang mungkin mereka hadapi selama proses pembelajaran [5][6].
SMAN 3 Semarang sebagai sekolah yang berkomitmen untuk memajukan pendidikan, melihat  perlunya  pendampingan  dalam  penggunaan  HTML  untuk  membangun  web  profil sederhana.  Pendampingan  ini  diharapkan  dapat  membantu  siswa  meningkatkan  pemahaman mereka tentang HTML dan mengembangkan keterampilan dalam membangun sebuah web profil yang menarik dan informative [7][8].
Dalam  konteks ini,  jurnal  ini  bertujuan untuk  menjelaskan  pendampingan  penggunaan HTML  dalam  membangun  web  profil  sederhana  pada  SMAN  3  Semarang.  Jurnal  ini  akan membahas langkah-langkah pendampingan yang dilakukan, hasil yang dicapai, dan manfaat yang diperoleh  dalam  konteks  pendidikan  SMA.  Diharapkan  jurnal  ini  dapat  memberikan  wawasan dan  rekomendasi  yang  berguna  dalam  pengembangan  pendidikan  dan  pembelajaran  di  SMA, khususnya dalam penggunaan HTML dalam membangun website profil [9][10].

## 2. METODE
Dalam melaksanakan Kegiatan ini menggunakan 3 metode, yaitu :
No. Kegiatan Sasaran Kegiatan Peserta 1 Pre test Siswa SMA 81 2 Pengkayaan dan Pendalaman Materi Siswa SMA 81 3 Post Test Siswa SMA 81 Tabel 1. Metode Pelaksanaan Grafik 1. Peserta Goes To School 0 20 40 60 80 100 Pre Test Pengkayaan dan Pendalaman Materi Post Test Peserta Peserta

## 2.1 Evaluasi Tahapan Proses
Pre-test  bertujuan  untuk  mengukur  tingkat  pengetahuan  siswa  sebelum  mereka mengikuti kegiatan "Goes to School". Hal ini memungkinkan pengajar atau fasilitator untuk memahami pemahaman awal siswa tentang topik yang akan dipelajari. Dengan mengetahui tingkat  pengetahuan  awal  siswa,  pengajar  dapat  merancang  materi  dan  pendekatan  yang sesuai untuk memenuhi kebutuhan siswa. Selain mengukur pengetahuan awal, pre-test juga memberikan titik acuan untuk mengukur kemajuan belajar siswa setelah mereka mengikuti kegiatan  "Goes to  School".  Dengan membandingkan hasil  pre-test  dan  post-test,  pengajar dapat mengukur sejauh mana siswa telah memperoleh pengetahuan baru atau keterampilan dalam topik yang diajarkan.

## 2.2 Pengkayaan dan Pendalaman Materi
Tujuan  pendalaman  materi  dalam  kegiatan  "Goes  to  School"  di  SMA  dengan  tema pemanfaatan  HTML  adalah  untuk  memberikan  pemahaman  yang  mendalam  tentang  HTML (Hypertext Markup Language) kepada siswa. Tujuan itu antara lain adalah memahami dasar-dasar HTML,  menguasai  penulisan  kode  HTML,  memahami  fungsi  dan  penggunaan  HTML,  dan membangun halamn web sederhana.

## 2.3 Uji Kompetensi Teknis
Tahap ini dilakukan setelah proses pembelajaran telah selesai melalui Uji Kompetensi Teknis  kepada  peserta  pelatihan  dengan  skema  3D Low  Poly Model  Artist  dengan menngunakan lembaga sertifikasi profesi atau asosiasi yang akan menghasilkan peserta yang Kompeten (K) bagi peserta yang dirasa memilki kompetensi pada 3D Low Poly Model Artist dan belum kompeten (BK) bagi peserta yang dirasa tidak memilki kompetensi pada 3D Low Poly Model Artist tersebut. Goes to School di SMAN 3 Semarang  dilaksanakan  pada tanggal 30 Mei 2023 dengan dokumentasi kegiatan sebagai berikut:
Gambar 1. Foto Penjelasan Materi
Gambar 2. Foto Bersama Panitia

## Gambar 3. Foto Dosen Pendamping
Analisa : Tabel Pre Test dan Post Test
Jumlah Peserta Belum Pernah Pernah Pre Test 81 65 16 Post Test 81 0 81 Tabel 2. Peserta Pre tTest dan Post Test
Grafik 2. Analisa Peserta Pre Test dan Post Test
Berikut adalah analisis dan hasil pre-test dan post-test dengan jumlah peserta sebanyak 81 orang: Dari data tabel di atas, dapat ditarik beberapa kesimpulan:
- Sebelum dilakukan tes, terdapat 65 peserta yang belum pernah mengikuti tes sebelumnya. Hal ini menunjukkan bahwa sebagian besar peserta masih baru atau belum memiliki pengalaman sebelumnya dalam tes yang sama.
- Terdapat juga 16 peserta yang sudah pernah mengikuti tes sebelumnya. Ini menunjukkan adanya sekelompok peserta yang telah mengikuti tes sebelumnya dan mungkin memiliki pengetahuan atau pengalaman sebelumnya yang dapat mempengaruhi hasil tes mereka.
- Setelah dilakukan tes, jumlah peserta yang belum pernah mengikuti tes menjadi 0 orang. Ini menunjukkan bahwa semua peserta telah mengikuti tes setidaknya sekali.
-  Jumlah  peserta  yang  pernah  mengikuti  tes  tetap  81  orang.  Ini  menunjukkan  bahwa  semua peserta, termasuk yang belum pernah mengikuti tes sebelumnya, telah mengikuti tes.
Dengan adanya data pre-test dan post-test, dapat dilakukan analisis perbandingan untuk melihat kemajuan  atau  perubahan  dari  peserta  sebelum  dan  setelah  tes  dilakukan.  Analisis  ini  dapat
0 20 40 60 80 100 Pre Test Post Test Grafik Analisa Peserta Pre Test dan Post Test Peserta Belum Pernah Pernah
melibatkan perhitungan perbedaan skor, perbandingan persentase peningkatan skor, atau metode analisis statistik lainnya untuk mengevaluasi dampak atau efektivitas tes yang dilakukan.
Analisa : Tabel materi Pre test
Peserta Belum Paham Paham Design Web HTML 81 70 11 Tag-tag Dasar HTML  81 77 5 Sintaks Dasar 81 75 6 Penulisan Kode 81 78 3
Tabel 3. Materi Pre Test
Grafik 3. Analisa Materi Pre Test
Berdasarkan  hasil  pre-test  ini,  dapat  disimpulkan  bahwa  sebagian  besar  peserta  masih  belum memiliki pemahaman yang kuat tentang Design Web HTML, Tag Dasar HTML, Sintaks Dasar, dan  Penulisan  Kode  HTML.  Oleh  karena  itu,  kegiatan  "Goes  to  School"  dengan  tema pemanfaatan  HTML  perlu  difokuskan  pada  memberikan  penjelasan  yang  lebih  rinci,  latihan praktis
Analisa : Tabel materi Post test Peserta Belum Paham Paham Design Web HTML 81 2 79 Tag-tag Dasar HTML  81 3 78 Sintaks Dasar 81 3 78 Penulisan Kode 81 1
80 Tabel 4. Materi Post Test 0 20 40 60 80 100 Design Web HTML Tag Dasar HTML Sintaks Dasar Penulisan Kode
Grafik Analisa Materi Pre Test
Peserta Belum Paham Paham

## Grafik 4. Analisa Materi Post Test
Berdasarkan hasil post-test ini, dapat disimpulkan bahwa sebagian besar peserta menjadi memiliki pemahaman  yang  kuat  tentang  Design  Web  HTML,  Tag  Dasar  HTML,  Sintaks  Dasar,  dan Penulisan Kode HTML. Oleh karena itu, kegiatan "Goes to School" dengan tema pemanfaatan HTML perlu difokuskan pada memberikan penjelasan yang lebih rinci, latihan praktis.

## 3. HASIL DAN PEMBAHASAN
Hasil  yang di capai dalam  Pelaksanaan  GTS adalah :
1. Siswa memiliki pemahaman tentang dasar-dasar HTML, termasuk struktur dasar, tag- tag dasar, atribut dan penggunannya. Dan menjelaskan konsep-konsep HTML secara jelas dan mengerti bagaimana HTML bekerja dalam membangun sebuah WEB.
2. Siswa  dapat  menuliskan  kode  HTML  yang  valid  dan  terstruktur  dengan  benar. Mengerti sintaksis  HTML dan mengatur elemen  dalam  halaman  web menggunakan tag-tag yang sesuai.
3. Hasil kegiatan Goes to School yang diikuti oleh 81 peserta dari SMAN 3 Semarang dengan  tema  Pemanfaatan  script  HTML  dalam  membangun  web  sederhana  100  %
Kompeten.

## 4. KESIMPULAN DAN SARAN
Kegiatan Goes To School (GTS) dengan tema pemanfaatan HTML adalah bahwa siswa telah  mendapatkan  pemahaman  tentang  HTML  dan  kemampuan  untuk  mengaplikasikannya dalam pembuatan halaman web sederhana. Mereka telah belajar tentang struktur dasar HTML, tag-tag HTML, penulisan kode yang valid dan pentingnya aksesibilitas web. Melalui kegiatan ini, siswa  juga  diharapkan  dapat  mengembangkan  keterampilan  mereka  dalam  berpikir  kritis, kolaborasi,  dan  kreativitas.  Mereka  telah  belajar  bagaimana  merencanakan,  merancang,  dan membangun halaman web yang menarik dan berfungsi dengan menggunakan HTML. Selain itu, mereka  juga  dapat  memahami  pentingnya  desain  responsif  dan  aksesibilitas  dalam mengembangkan  situs  web.  Dalam  kegiatan  selanjutnya,  dapat  dipertimbangkan  untuk melibatkan siswa dalam  proyek nyata di mana mereka dapat menerapkan pengetahuan mereka tentang HTML dalam pembuatan situs web aktual, seperti situs web profil sekolah, blog siswa, atau situs web organisasi non-profit di komunitas mereka.
0 20 40 60 80 100 Design Web HTML Tag Dasar HTML Sintaks Dasar Penulisan Kode

## Grafik Analisa Materi Post Test
Peserta Belum Paham Paham

## UCAPAN TERIMA KASIH
Kami mengucapkan terima kasih yang sebesar-besarnya atas kerjasama, komitmen dan dukungan dalam melaksanakan kegiatan "Goes to School". Kami berharap dapat bekerja sama lagi di masa mendatang dalam melaksanakan kegiatan yang bermanfaat bagi semua pihak.

## DAFTAR PUSTAKA
[1] A. Husadif et al. , “Pelatihan Landing Page Menggunakan HTML dan Bootstrap di SMK Tiara Nusa Depok,” J. Kreat. Mhs. Inform. , vol. 2, pp. 319–322, 2021.
[2] Jamaluddin et al. , “Pelatihan Disain Web Berbasis CSS Serta Digital Marketing Kepada Masyarakat Pra-Kerja Di Kota Medan,” J. Pengabdi. Pada Masy. METHABDI , vol. 1, no. 2, pp. 80–83, 2021.
[3] Z. Janariandana et al. , “Pelatihan Pembuatan Web Design Menggunakan HTML Dan CSS Di SMK Letris Indonesia 2,” AMMA  J. Pengabdi. Masy. , vol. 1, no. 12, pp. 1608– 1612, 2023.
[4] T. Chandra, “Perancangan Web Profile Pada SMAN 3 Pematang Siantar,” no. x, 1978.
[5] Z. R. Ragil Ramadhan, “Workshop Pembuatan Portfolio Berbasis Web dengan Menggunakan CSS dan HTML di SMA 8 Muhammadiyah Ciputat,” Abdi J. Publ. , vol. 1, no. 2, pp. 85–89, 2022.
[6] F. Harahap and R. Adawiyah, “Pelatihan Pembuatan Web Sederhana Menggunakan Notepad++,” Publidimas , vol. 1, no. 2, pp. 126–131, 2021, [Online]. Available: http://e- journal.potensi-utama.ac.id/ojs/index.php/PUBLIDIMAS/article/view/1334%0Ahttp://e- journal.potensi-utama.ac.id/ojs/index.php/PUBLIDIMAS/article/viewFile/1334/1961
[7] Huzaeni, “Desain web menggunakan HTML dan JAVASCRIPT,” Saintikom , vol. 4, no. 1, pp. 96–110, 2019.
[8] F. P. Nasution, R. O. Batubara, and M. I. Maulana, “Dasar Pengenalan HTML pada Desain Web Basic,” Publidimas , vol. 2, no. 1, pp. 86–91, 2022.
[9] A. R. Sinaga, S. A. Situmeang, B. Gurion Purba, M. Fransisco Manihuruk, and M. Sitanggang, “Pelatihan Pembuatan Hypertext Markup Language (Html) Dan Internet Blog Bagi Anak-Anak Panti Asuhan Elim Pematangsiantar,” J. Penelit. dan Pengabdi. Masy. Nommensen Siantar , vol. 1, no. 1, pp. 51–60, 2021, [Online]. Available: https://www.qwords.com
[10] S. Mariko, “Aplikasi website berbasis HTML dan JavaScript untuk menyelesaikan fungsi integral pada mata kuliah kalkulus,” J. Inov. Teknol. Pendidik. , vol. 6, no. 1, pp. 80–91, 2019, doi: 10.21831/jitp.v6i1.22280.