Jadi Ahli Coding dengan Gemini untuk Membuat Website Belajar Interaktif (HTML)

Oleh: Muhammad Farid Wajdi *)

BLOGGURU – Alhamdulillah, satu kesyukuran dan kebahagiaan tersendiri, penulis akhirnya menemukan satu webinar yang menarik, seru dan bermanfaat, yaitu Indonesia Edu Webinar yang diselenggarakan oleh REFO Indonesia bekerjasama dengan Google Educator Indonesia dan Kementerian Pendidikan Nasional, pada malam ini, Kamis (30/10/2025).

Indonesia Edu Webinar dengan topik “Jadi Ahli Coding dengan Gemini untuk Membuat Website Belajar Interaktif (HTML)” adalah sebuah sesi pelatihan/seminar daring (webinar) yang diselenggarakan untuk para pendidik, siswa, atau siapa pun yang tertarik dalam bidang edukasi dan teknologi. Webinar ini dimaksudkan mengajarkan peserta bagaimana memanfaatkan kemampuan kecerdasan buatan (AI) Gemini (model bahasa besar dari Google) sebagai asisten atau kolaborator dalam proses pemrograman/coding, khususnya untuk membangun website belajar interaktif menggunakan dasar HTML (HyperText Markup Language).

Webinar ini akan memandu peserta melalui langkah-langkah praktis, yaitu: (1) Pengenalan Dasar HTML. Peserta akan diberikan pemahaman dasar tentang HTML, yang merupakan bahasa markah standar untuk membuat halaman web. (2) Mengenal Gemini sebagai Asisten Coding. Memahami kemampuan Gemini dalam menghasilkan, menjelaskan, atau memperbaiki kode. Gemini dapat berfungsi sebagai “tutor” atau “developer partner” bagi pengguna, bahkan yang baru memulai coding. (3) Teknik Prompting untuk Kode. Mengajarkan cara memberikan perintah (prompt) yang efektif kepada Gemini agar menghasilkan template atau blok kode HTML yang spesifik dan sesuai untuk fitur interaktif (misalnya, elemen kuis, formulir sederhana, atau navigasi).

Bagaimana Membangun Fitur Interaktif? Yang harus kita lakukan adalah fokus pada implementasi fitur yang membuat website menjadi alat belajar yang efektif, seperti: Membuat struktur halaman web pembelajaran, Menambahkan elemen kuis atau latihan sederhana (mungkin dengan bantuan sedikit JavaScript atau CSS, tetapi fokus utama adalah HTML), serta Mengorganisir konten edukasi secara visual dan mudah diakses. Selanjutnya melakukan Pengembangan dan Debugging, dengan menggunakan Gemini untuk membantu mengidentifikasi dan memperbaiki kesalahan (bug) dalam kode HTML yang telah dibuat.

Tujuan utama dari webinar ini adalah untuk mendemonstrasikan bahwa coding tidak harus sulit, dan bahwa alat AI modern seperti Gemini dapat mempercepat proses pembuatan konten digital edukasi dan memungkinkan bahkan guru atau siswa yang minim pengalaman coding untuk menghasilkan media belajar yang lebih menarik dan interaktif. Melalui sesi ini, Narasumber. Theresia Sri Rahayu (SD Katholik Waimamongu) akan membimbing peserta menjadi ahli coding dengan Gemini, menggunakan HTML untuk membuat konten yang custom dan kaya fitur.

Apa yang harus dilakukan? Yang utama tentunya adalah mempelajari  strategi kolaborasi dengan Gemini untuk menghasilkan kode, membuat konten multi-mapel, hingga menyematkan video dan simulasi. Narasumber juga akan mendemonstrasikan cara hosting web Anda di platform gratis, sehingga dapat diakses siswa kapan saja. Bersiaplah untuk mempersonalisasi bahan ajar Anda dan menciptakan pengalaman belajar yang mandiri bagi siswa! 

Berikut ini modul-modul yang dapat diunduh untuk mendukung pembelajaran:

1. https://bit.ly/ceritasuksescb

2. https://bit.ly/modulkenalakunbelajar

3. https://bit.ly/modul30hariakunbelajar

4. https://bit.ly/modul3harichromebook

5. https://bit.ly/moduladminakunbelajar

Video selengkapnya dapat dilihat, dengan membuka link berikut:

Demikian catatan singkat ini sebagai pengingat kegiatan yang telah diikuti, sekaligus sebagai bahan pembelajaran ulang. Semoga bermanfaat adanya. Barakallahu fiikum. (*)

Minasatene-Pangkep, 30 Oktober 2025.

(* Muhammad Farid Wajdi, Guru/Pengasuh Ponpes Modern Putri IMMIM Minasatene-Pangkep, Sulsel.