Chatbot dengan Antarmuka Web Menggunakan Streamlit

Saputra November 13, 2025 7:13 am . 2 min read

Chatbot dengan Antarmuka Web Menggunakan Streamlit — Buat chatbot sederhana yuk!

Membuat Chatbot AI Lebih Menarik dengan Tampilan di Browser

🧠 Apa Itu Streamlit?

Streamlit adalah framework Python yang bisa mengubah kode menjadi aplikasi web dengan cepat dan mudah.
Kamu bisa membuat tampilan interaktif — seperti form, chatbox, dan tombol — tanpa perlu HTML atau CSS.

Dalam proyek ini, kita akan membuat chatbot AI sederhana yang berjalan langsung di browser menggunakan Hugging Face dan Streamlit.

🎯 Tujuan Pembelajaran

Setelah mengikuti langkah ini, kamu akan bisa:

Menggunakan Streamlit untuk antarmuka web.
Menghubungkan model AI (Hugging Face) dengan tampilan chat.
Menjalankan chatbot di browser.

🧩 Persiapan

Pastikan kamu sudah menginstal:

pip install transformers streamlit

Simpan file Python baru dengan nama:

🚀 Langkah-Langkah Pembuatan Chatbot Web

Langkah 1: Import Library

import streamlit as st
from transformers import pipeline

Langkah 2: Siapkan Model Chatbot

Gunakan model dari Hugging Face, misalnya microsoft/DialoGPT-small.

chatbot = pipeline("text-generation", model="microsoft/DialoGPT-small")

Langkah 3: Buat Tampilan Streamlit

Tambahkan elemen antarmuka web sederhana.

st.title("💬 Chatbot AI Sederhana")
st.write("Dibuat dengan Streamlit + Hugging Face")

user_input = st.text_input("Ketik pesan kamu di sini:")
if st.button("Kirim"):
if user_input:
response = chatbot(user_input, max_length=50)
st.success(response[0]['generated_text'])