PERANCANGAN DAN IMPLEMENTASI CHATBOT BERBASIS WEB UNTUK MENINGKATKAN INTERAKSI PENGGUNA

Abstrak

Perkembangan teknologi informasi mendorong kebutuhan akan sistem layanan yang efisien, cepat, dan interaktif, salah satunya melalui implementasi chatbot berbasis web. Penelitian ini bertujuan untuk merancang dan mengimplementasikan chatbot bernama SIMK (Sistem Informasi Manajemen dan Konsultasi) yang terintegrasi dengan API Gemini sebagai pemroses bahasa alami. Chatbot dirancang menggunakan HTML, CSS, dan JavaScript agar tampilan antarmuka interaktif dan fungsional. Proses pengembangan meliputi studi literatur, analisis kebutuhan pengguna, desain chatbot, integrasi Gemini API, hingga pengujian sistem. SIMK dikembangkan untuk memberikan layanan konsultasi, bantuan penulisan kreatif, pengolahan file seperti gambar, teks, dan CSV, serta mendukung aktivitas riset mahasiswa. Dalam tahap pengujian, chatbot menunjukkan kemampuan menjawab pertanyaan secara relevan, cepat, dan kontekstual dalam lima kategori: pertanyaan formal, fitur sistem, abstraksi, analisis gambar, dan analisis file. Hasil pengujian menunjukkan bahwa integrasi Gemini API memberikan respons akurat dan mendukung pemrosesan berbagai jenis input. Namun, sistem ini masih memiliki keterbatasan saat API Gemini mengalami kelebihan beban karena banyaknya pengguna dalam waktu bersamaan. Penelitian ini menyimpulkan bahwa chatbot berbasis Gemini API efektif meningkatkan interaksi pengguna dan bermanfaat dalam konteks layanan pendidikan digital. Disarankan pengembangan lebih lanjut dengan peningkatan fitur personalisasi, integrasi kalender akademik, serta pelatihan model dengan data yang lebih spesifik untuk hasil yang lebih relevan dan personal.

The advancement of information technology drives the need for efficient, fast, and interactive service systems, one of which is through the implementation of web-based chatbots. This study aims to design and implement a chatbot named SIMK (Management and Consultation Information System) integrated with the Gemini API as a natural language processing engine. The chatbot is designed using HTML, CSS, and JavaScript to provide an interactive and functional user interface. The development process includes literature review, user needs analysis, chatbot design, Gemini API integration, and system testing. SIMK is developed to offer consultation services, creative writing assistance, file processing (such as images, text, and CSV), and support student research activities. During the testing phase, the chatbot demonstrated the ability to respond to queries in a relevant, fast, and contextual manner across five categories: formal questions, system features, abstraction, image analysis, and file analysis. The testing results show that integrating the Gemini API provides accurate responses and supports processing of various input types. However, the system still faces limitations when the Gemini API experiences overload due to a high number of simultaneous users. This study concludes that the chatbot based on the Gemini API is effective in enhancing user interaction and is valuable in the context of digital educational services. Further development is recommended to improve personalization features, integrate academic calendars, and train the model with more specific data to achieve more relevant and personalized results.