## PELATIHAN BAHASA HYPER TEXT MARKUP LANGUAGE (HTML) BAGI  KOMUNITAS TANIA ONLINE SEMARANG
Zuly Budiarso [1] , Eddy Nurraharjo [2] , Yohanes Suhari [3], Jati Sasongko Wibowo [4] [1],[2],[4] Program Studi Teknik Informatika, Fakultas Teknologi Informasi, Universitas Stikubank
[3] Program Studi Sistem Informasi, Fakultas Teknologi Informasi, Universitas Stikubank
[1] zulybudiarso@edu.unisbank.ac.id*, [2] eddynurraharjo@edu.unisbank.ac.id,
[3] ysuhari@edu.unisbank.ac.id, [4] jatisw@edu.unisbank.ac.id
* Corresponding Author Informasi Artikel: Submitted  : 05/Juli/2021 Revised : 15/Juli/2021 Accepted : 21/Juli/2021 Published  : 10/Agustus/2021

## Abstrak
Blog  dan  website  saat  ini  banyak  digunakan  untuk  keperluan perusahaan  dan  perorangan  untuk  keperluan  bisnis  dan eksistensi.  Anggota Komunitas Tania Online Semarang saat ini dituntut  untuk  bisa  tetap  eksis  dan  bersaing  dalam  era teknologi  informasi.  Namun  kemampuan  anggota  Komunitas Tania  Online  Semarang  dalam  hal  pembuatan  blog  belum didukung dengan materi seperti Hyper Text Markup Language (HTML). Oleh karena itu, komunitas ini membutuhkan bantuan agar  anggotanya  mampu  memahami  HTML  agar  dapat membuat dan memodifikasi blog secara spesifik.
Kata Kunci: blog, html, blogspot, web.

## 1. P ENDAHULUAN
Blog dan website saat ini banyak digunakan untuk keperluan perusahaan dan perorangan untuk  keperluan  bisnis.  Blog  bisa  dimiliki  oleh  semua  orang  dan  bisa  dengan  mudah  diakses penggunanya. Blog akan memiliki kemampuan yang maksimal jika didukung oleh kemampuan dan pengetahuan yang cukup oleh pemiliknya. Pada umumnya blog memiliki beberapa bagian penting seperti  teks,  gambar,  tabel  dan  form.  Layanan  blog  gratis  seperti  blogspot  atau  wordpress menyediakan  fitur  teks  dan  gambar  yang  bisa  diakses  dengan  mudah  oleh  penggunanya,  namun demikian  ketika  user  membutuhkan  elemen  yang  spesifik,  layanan  blog  gratis  tidak  memberikan kemudahan, sehingga dibutuhkan kemampuan untuk mengerti Hyper Text Markup Language pada prakteknya (Simarmata, 2010).
Anggota  Komunitas  Tania  Online  Semarang  saat  ini  dituntut  untuk  bisa  tetap  eksis  dan bersaing  dalam  era  teknologi  informasi.  Proses  pembuatan  blog  dari  awal  hingga  penggunaan layanan-layanan  yang  ada  pada  blog  harus  dikuasai  oleh  para  Anggota  Komunitas  Tania  Online Semarang sehingga mereka dapat bekerja dengan maksimal. Namun demikian kemampuan anggota Komunitas  Tania  Online  Semarang  dalam  hal  pembuatan  blog  belum  didukung  dengan  materi pendukung  seperti Hyper  Text Markup  Language (HTML).  Hal  ini  menjadi  kendala  dalam  proses dalam  membuat  blog  yang  sesuai  keinginan  mereka.  Solusi  untuk  mengatasi  permasalahan khalayak  sasaran  adalah  dengan  dilakukannya  pelatihan  tentang  pengenalan  HTML  pada  Blog. Pada  kegiatan  pelatihan  ini,  tim  pengabdian  kepada  masyarakat  akan  memberikan  materi pengenalan HTML dan implementasinya di Blogspot.

## 2. M ETODE
Metode  yang  akan  dilakukan  dalam  kegiatan  pengabdian  kepada  masyarakat  adalah pelatihan. Pelatihan  ini  ditujukan  untuk  memaksimalkan  Bahasa Hyper  Text  Markup  Language (HTML)  bagi  anggota  Komunitas  Tania  Online  Semarang  agar  mampu  membuat  blog  yang berkualitas  dan  bisa  menerapkan  dalam  memasarkan  produk  mereka.  Peserta  pelatihan berdomisili  di  wilayah  kota  Semarang.  Jarak  antara  Fakultas  Teknologi  Informasi  Universitas Stikubank (Unisbank) dengan lokasi  Komunitas Tania Online Semarang adalah  sekitar 8 km yang bisa dijangkau dalam waktu 20 menit perjalanan.
Komunikasi  terjalin  secara  intensif  antara  tim  pengabdian  kepada  masyarakat  Fakultas Teknologi  Informasi  Universitas  Stikubank  (Unisbank)  dengan  anggota  Komunitas  Tania  Online Semarang  sehingga  proses  pengabdian  bisa  berlangsung  dengan  lancar.  Pelatihan  Bahasa  Hyper Text Markup Language (HTML) bagi anggota Komunitas Tania Online Semarang dilakukan oleh tim Pengabdian Pada Masyarakat yang terdiri dari  7 personil.  Adapun rincian personil yaitu; 1 ketua dan 6 anggota yang terdiri dari 5 Dosen 2 Mahasiswa.

## 3. H ASIL DAN P EMBAHASAN

## 3.1 A KTIVITAS P ENGABDIAN
Pelatihan  dilakukan  dengan  cara  memberikan  materi  pelatihan,  dimulai  materi  teori, praktek  dan  selanjutnya  Aplikasi.   Proses  pemberian  materi  dilakukan  dalam  bentuk  diskusi  dan praktek langsung untuk aplikasi program yang dijalankan. Adapun materi pelatihan adalah sebagai berikut: a.  Pengenalan  HTML  dan  Blogspot  : Web  Browser , Hypertext  Transfer  protocol (HTTP), Universal Resource Locator (URL), Hypertext Markup Language (HTML), Format Dasar HTML dan contoh implementasi HTML.
b.  Membuat  Tabel  dengan  HTML  dan  Implementasi  HTML  :  Tag  Membuat  Tabel,  Cara  membuat tabel dengan HTML, dan contoh implementasi membuat Tabel.
c.  Aplikasi  HTML  pada  Blogspot  dan  Implementasi  : Dashboard  Blogspot,  Gadget,  Gadget  HTML , dan implementasi HTML pada Blogspot.
Pelatihan dilakukan selama 1 hari (8 Jam) dengan pembagian waktu Pengenalan HTML (2 jam), Membuat Tabel dengan HTML (2 jam), dan Aplikasi HTML pada Blogspot (4 jam).  Evaluasi dilakukan  terhadap  hasil  pengabdian  dengan  cara  melihat  blog  yang  sudah  jadi.  Selama  kurang lebih 3 bulan dilakukan pengamatan tentang cara implementasi HTML pada blog yang dibuat oleh Komunitas Tania Online.
Materi  pertama  yang  harus  dipahami  oleh  peserta  pelatihan  adalah  HTML.  HTML  adalah singkatan  dari Hypertext  Markup  Language .  HTML  memungkinkan  seorang  user  untuk  membuat dan menyusun bagian paragraf, heading, link atau tautan, dan blockquote untuk halaman web dan aplikasi. HTML adalah sebuah bahasa mark up, HTML menggunakan struktur kode yang sederhana (tag  dan  attribute)  untuk  mark  up  halaman  website.  Sebagai  contoh,  untuk  membuat  sebuah paragraf  dengan  menempatkan  teks  di  antara  tag  pembuka  <p>  dan  tag  penutup  </p>  (Sidik, 2009). Struktur dasar HTML dapat diberikan contoh seperti pada gambar 1.

## G AMBAR 1. S TRUKTUR DASAR HTML
Pelatihan  pada  materi  pengenalan  HTML  dapat  berjalan  dengan  lancar,  namun  mulai mengalami sedikit kesulitan pada materi pembuatan Tabel.  Hal ini karena peserta belum terbiasa dalam penyusunan HTML. Pada HTML, tabel dibentuk melalui beberapa tag dasar seperti: <table>, <tr> dan <td> .  Untuk  mengimplentasikan  tabel  sebenarnya  hanya  cukup  memahami  komponen tabel  yang  terdiri  dari  baris  dan  kolom.  Agar peserta  mudah  dalam  memahami  pembuatan tabel, tim pengabdian kepada masyarakat mencoba memberikan contoh yang sedikit rumit seperti pada gambar 2.

## G AMBAR 2. C ONTOH HTML T ABEL
Pada akhir pelatihan, peserta diajak untuk membuat blog melalui situs penyedia blog gratis Blogspot  ( blogger.com ).  Dari  Wikipedia  bahasa  indonesia,  layanan  ini  dikembangkan  oleh  Pyra Labs, yang dibeli oleh Google pada tahun 2003. Blog-blog tersebut diselenggarakan oleh Google dan umumnya diakses dari subdomain "blogspot.com". Layanan ini bersifat gratis dan dapat digunakan dengan  cara  mendaftar  terlebih  dahulu.  Situs  blogger  saat  diakses  akan  tampak  seperti  pada gambar 3.
Kemudahan  aplikasi  yang  ditawarkan  ke  konsumen  pada  dasarnya  memang  tidak ditujukan  pada  spesifikasi  yang  bervariasi.  Blogspot  sebagai  penyedia  blog  gratis  hanya memberikan  hal-hal  umum  yang  sederhana  dan  umum  bagi  pemakai  pemula.  Setiap  blog,  situs, maupun website biasanyamemiliki dasbor admin untuk melakukan posting artikel, edit tampilan, menambahkan kode iklan, serta keperluan lainnya. Oleh karena itu, sangat penting untuk mengenal dan memahami tiap-tiap fungsi dashboard. Pada pelatihan Blogspot, peserta harus bisa memahami fasilitas yang diberikan oleh Blogspot. Beberapa menu yang disediakan oleh Blogspot adalah: Posts, Stats,  Comments,  Earnings,  Pages,  Layout,  Theme dan Settings . Posts untuk  membuat  konten  baru. Stats untuk  mengukur  kesuksesan  blog  melalui  pengunjung,  follower  serta  komentar. Comments untuk  memberikan  kesempatan  pada  pengunjung  memberi  komentar  pada  post  yang  ditulis pemilik blog. Earnings dapat digunakan untuk iklan. Pages untuk membuat halaman statis seperti
profile  dan  kontak. Layout untuk  mengatur  Widget  sesuai  selera  dan  kebutuhan. Theme untuk melakukan  edit  theme  atau  template  blog. Settings untuk  mengatur  segala  hal  yang  menyangkut pengaturan blog.

## G AMBAR 3. S ITUS B LOGSPOT
Untuk pengembangan pembuatan web, tim pengabdian memberikan masukan ke arah web sebagai sarana penjualan/promosi produk. Hal tersebut sudah banyak dilakukan oleh masyarakat, contohnya  adalah  pemanfaatan e-commerce dalam  upaya  meningkatkan  penjualan  produk handycraft Mama Art Deco.  (Utami & Aini, 2019).

## 3.2 P ARTISIPASI K HALAYAK S ASARAN
Peserta pelatihan mengikuti berlangsung interaktif antara tim pengabdian dengan peserta. Peserta diberi kesempatan untuk mengajukan pertanyaan pada saat sesi teori maupun sesi praktek. Proses  tanya  jawab  membuat  pelatihan  menjadi  terbuka  dan  peserta  mudah  memahami  materi yang disampaikan oleh pengajar. Peserta bahkan melakukan pencatatan terhadap hasil diskusi agar tidak  melupakan  materi  dikemudian  hari. Berdasarkan  pengamatan  dan  evaluasi  tim  pengabdian kepada  masyarakat,  kegiatan  ini  dapat  dikatakan  berhasil.  Adapun  indikator  yang  digunakan seperti pada tabel 1.

## T ABEL 1. I NDIKATOR K EBERHASILAN
No.  Indikator Terpenuhi 1 Memahami Struktur HTML Y 2 Mampu menampilkan kode HTML di Web Browser Y 3 Mampu melihat kode HTML di Web Browser Y 4 Mampu membuat Tag Tabel Y 5 Mampu mengatur ukuran Tabel Y 6 Mampu membuat Blog di Blogspot Y 7 Mampu memanfaatkan Dashboard Blogspot Y 8 Mampu memanfaatkan Gadget pada Blogspot Y 9 Mampu mengaplikasikan Gadget HTML Y 10 Mampu mengubah konten melalui HTML Y

## 4. K ESIMPULAN
Hasil evaluasi setelah kegiatan pengabdian ini dilakukan, diperoleh hasil sebagai berikut :
1). Peserta pelatihan mampu memahami HTML, menggunakan HTML dan menbuat contoh-contoh HTML
2). Peserta mampu mengenal tag HTML, membuat tabel sederhana dengan HTML dan tabel dengan tingkat kesulitan tinggi dengan HTML
3). Peserta mampu memaksimalkan kemampuan Dashboard Blogspot, memanfaatkan gadget yang ada pada Blogspot dan mampu mengimplementasikan Gadget HTML pada Blogspot.

## D AFTAR P USTAKA
Sidik, B. (2009). Pemrograman Web dengan HTML . Bandung. Penerbit Informatika Simarmata, J. (2010). Rekayasa Web .  Yogyakarta. ANDI OFFSET
Utami,  S.  S.  &  Aini,  N.  (2019),  Pemanfaatan  E-Commerce  Dalam  Upaya  Meningkatkan  Penjualan Produk Handycraft Mama Art Deco, Jurnal Pengabdian Masyarakat INTERVENSI KOMUNITAS , Vol. 1 No. 1 April-September 2019, 21-33