MEMBANGUN WEB INTERAKTIF


 Judul                : Membangun Web Interaktif

Narasumber    : Nur Dwi Yanti, M.Pd.

Moderator        : Widya Arema

Hari/Tanggal    : Rabu, 13 Mei 2026


Semangat membara yang disampaikan oleh narasumber hebat ibu Nur Dwi Yanti, M.Pd malam ini mampu menarik peserta untuk selalu berani mencoba membuat web interaktif. Di ruang maya ini kita akan diajak untuk mengkupas habis tentang arti dari web interaktif, jenisnya, cara membuatnya bahkan sampai manfaatnya. Web interaktif adalah halaman web yang memungkinkan pengguna berinteraksi secara langsung melalui berbagai elemen seperti kuis, formulir, dan media interaktif. Fitur utama web interaktif meliputi:

  1. Respon masukan: mengubah tampilan saat diklik.
  2. Efek Hover: Menampilkan informasi saat krusor digeser.
  3. Animasi dinamis: Gambar bergerak mengikuti skrol halaman.
  4. Input pengguna: Menyediakan kolom komentar dan formulir.
  5. Konten personal: Menyesuaikan tampilan dengan preferensi pengunjung.
Malam ini narasumber mengajak peserta untuk mempelajari web no-code. Web no-code adalah cara membuat aplikasi atau website tanpa menulis kode pemrograman. Berikut adalah kelebihan dari web no-code antara lain:
  • Tidak perlu belajar coding rumit.
  • Design visual langsung: Menggunakan sistem drag and drop yang instan.
  • Cocok untuk pemula : Antarmuka aplikasi dirancang mudah dipahami tanpa latar belakang TI.
  • Cepat dipelajari.

Jenis Platform No-Code Populer antara lain:
  1. Wix: Cocok untuk pemula, portofolio,dan situs bisnis kecil.
  2. Webflow: Bagus untuk designer yang butuh kontrol visual tingkat tinggi.
  3. Shopify: Khusus untuk pembuatan toko online (e-commerce)
  4. framer: Fokus pada design modern dengan animasi interaktif tinggi.
  5. Wordpress: Blog dan portal berita.
  6. Carrd: Landing page cepat.
  7. Google Sites: Web sekolah/proyek
  8. Canva: Website sederhana dan portofolio.
Adapun manfaat web interaktif dalam pembelajaran yaitu:
  1. Meningkatkan keterlibatan dan motivasi siswa.
  2. Memudahkan evaluasi.
  3. Memperkuat Pemahaman
  4. Pembelajaran Mandiri
Malam ini kita juga diajak untuk membuat halaman web interaktif sederhana no-code dari mulai pilih platform, menentukan tujuan, menambahkan elemen, serta mempublikasikannya. Disini kita juga diajak untuk praktik langsung dengan menggunakan platform canva (AI Canva). Untuk membuat web interaktif di AI Canva ini cukup mudah karena kita bisa meminta bantuan AI. Karena AI ini merupakan kecerdasan buatan maka dalam menuliskan promptnya harus lengkap sehingga hasilnya akan sesuai yang kita harapkan. Cara membuat prompt yang efektif terdiri dari beberapa unsur antara lain: 
  1. Persona/ Peran: Tentukan peran yang Anda inginkan agar sesuai tugas Anda.
  2. Tugas/ Langkah: Jelaskan secara detail bantuan yang Anda butuhkan.
  3. Format/ Nada: Bagaimana Anda ingin respon ditampilkan atau diformat.
  4. Konteks/ Batasan: Bantu model memahami batasan dan konteks prompt Anda.
  5. Contoh: Jika bisa, berikan contoh seperti apa yang Anda inginkan dalam responnya.
Adapun contoh hasil praktik pembuatan web interaktif saya ada di : 
https://simbol-pancasila.my.canva.site/penjumlahan-dan-pengurangan-hingga-20

Komentar

Postingan populer dari blog ini

DIKSI SANG PERIAS MAKNA

Berkarya & Berprestasi Di Kancah Nasional Lewat Menulis

Menulis Dongeng dan Cerita Anak