html ekspresi

Membuat Aplikasi Analisis Ekspresi dengan HTML + JavaScript

Pernahkah kamu ingin tahu bagaimana sebuah kalimat bisa dihubungkan dengan ekspresi emosi tertentu? Misalnya ketika kita mengetik “Saya bahagia hari ini”, aplikasi menampilkan ekspresi senyum 😊, atau ketika mengetik “Saya sedih sekali”, aplikasi menampilkan wajah murung 😢.

Itulah ide sederhana di balik aplikasi ini. Dengan HTML, CSS, dan JavaScript murni, kita bisa membuat sebuah mini aplikasi yang mampu membaca teks lalu menampilkan ekspresi sesuai dengan kata-kata yang terkandung di dalamnya.

Cara Kerja Singkat

Aplikasi ini tidak menggunakan AI canggih, melainkan hanya kamus kata kunci (lexicon). Misalnya:

• Kata yang dianggap positif: bahagia, senang, cinta, semangat → ditampilkan ekspresi 😊

• Kata negatif: sedih, marah, benci, kecewa → ditampilkan ekspresi 😢 atau 😡

• Kata yang menunjukkan kecemasan: takut, khawatir, bingung → ditampilkan ekspresi 😨

Ketika pengguna mengetik kalimat, JavaScript akan memindai kata-kata tersebut dan menghitung skor sederhana. Hasil akhirnya berupa emoji + label ekspresi yang ditampilkan secara langsung di layar.

Fitur Utama

• Input teks bebas untuk dianalisis.

• Analisis real-time atau dengan menekan tombol.

• Hasil berupa emoji ekspresi + label kategori.

• Penjelasan singkat tentang kata kunci yang terdeteksi.

• Desain responsif, sehingga nyaman dipakai di HP Android maupun laptop.

Contoh Penggunaan

1. Ketik: “Hari ini saya senang sekali karena berhasil ujian” → Ekspresi muncul 😊 (Senang/Positif).

2. Ketik: “Saya merasa kecewa dan sedih” → Ekspresi muncul 😢 (Sedih/Negatif).

3. Ketik: “Saya takut gagal” → Ekspresi muncul 😨 (Cemas/Takut).

Koding & Instalasi

Kode lengkap aplikasi ini bisa dilihat di bawah ini, cara install, copy semua koding, paste ke editor notepad/sublime kemudian paste dan simpan filenya dengan nama index.html, kemudian klik dua kali file index.html tersebut, atau klik kanan pada file index.html itu pilih open with browser (chrome, firefox).

Kesimpulan

Aplikasi sederhana ini bisa jadi contoh menarik bagaimana HTML + JavaScript dapat digunakan untuk membuat analisis ekspresi berbasis teks. Meski masih sangat sederhana dan berbasis kamus kata, aplikasi ini bisa dikembangkan lebih lanjut, misalnya:

• Menambah kamus kata lebih banyak.

• Menambahkan dukungan emoji input.

• Menghubungkannya dengan API AI/NLP agar lebih akurat.

Dengan cara ini, belajar pemrograman web jadi lebih seru sekaligus bermanfaat.