CODEA | Koding dan Kecerdasan ArtificialSemester 1Pertemuan 8A · 1 Pertemuan × 4 JP (180 menit)

Deploy Chatbot Troubleshooting dengan Streamlit

Membungkus chatbot troubleshooting ke dalam aplikasi web Streamlit dengan UI yang menarik dan dapat diakses dari perangkat lain dalam jaringan

#streamlit#deploy#chatbot#web app#ui

Deploy Chatbot Troubleshooting dengan Streamlit

AspekDetail
Mata PelajaranCODEA (Koding dan Kecerdasan Artificial)
Kelas / SemesterXI TJKT / 1 (Gasal)
FaseF
Materi PokokDeploy Chatbot Troubleshooting dengan Streamlit
Alokasi Waktu1 Pertemuan × 4 JP (180 menit)
Tahun Pelajaran2026/2027
Pertemuan ke-8A (Track A – Chatbot Troubleshooting Jaringan)
Model PembelajaranProject Based Learning (PjBL), Praktikum Langsung, Demonstrasi
MetodeHands-on Coding, Eksperimen UI/UX, Testing Jaringan
Sarana PrasaranaLaptop/PC, Python, Streamlit, HP teman untuk testing, Google Colab (opsional)
Sumber BelajarDokumentasi Streamlit, Modul CODEA, Tutorial Web App Python

1. Capaian Pembelajaran (CP)

Pada akhir fase F, peserta didik mampu menerapkan konsep dasar Kecerdasan Artifisial (AI) dan pengolahan teks (Natural Language Processing) untuk membangun solusi cerdas berbasis chatbot troubleshooting jaringan, termasuk melakukan preprocessing teks, mengekstraksi fitur dengan TF-IDF, mengukur kemiripan teks, serta menyajikan solusi dalam bentuk aplikasi web sederhana.

2. Tujuan Pembelajaran (TP)

Setelah mengikuti pembelajaran ini, peserta didik mampu:

  1. Menginstal dan mengkonfigurasi Streamlit di lingkungan Python
  2. Membangun antarmuka chatbot dengan input teks dan area chat
  3. Mengintegrasikan model TF-IDF dari pertemuan sebelumnya ke dalam aplikasi Streamlit
  4. Melakukan customisasi tema dan tampilan aplikasi
  5. Menjalankan aplikasi Streamlit di localhost dan mengakses dari perangkat lain
  6. Menguji chatbot dari HP teman melalui jaringan lokal (LAN)

3. Indikator Ketercapaian Tujuan Pembelajaran

IndikatorJenis
Menginstal Streamlit dengan pipKeterampilan
Membuat struktur file app.py dengan komponen StreamlitKeterampilan
Mengintegrasikan fungsi chatbot ke dalam aplikasi webKeterampilan
Mendesain antarmuka chat dengan st.chat_input dan st.chat_messageKeterampilan
Menampilkan confidence score dan animasiKeterampilan
Mengakses aplikasi dari perangkat lain dalam satu jaringanPenalaran

4. Profil Pelajar Pancasila

DimensiElemenIndikator
KreatifMenghasilkan gagasan orisinalMendesain tampilan chatbot yang unik dan menarik
MandiriMemiliki inisiatif bekerja sendiriMenginstal dan menjalankan Streamlit secara mandiri
Bernalar KritisRefleksi pemikiran dan prosesMenganalisis error dan bug saat deploy
Gotong RoyongBerbagi peran dalam kelompokSatu coding, satu testing dari HP

5. Materi Prasyarat

  • Chatbot TF-IDF functional (dari pertemuan 7A)
  • Dasar Python: fungsi, conditional, import library
  • Konsep client-server sederhana
  • Bisa menggunakan terminal/command prompt