Skip to main content

Arkademi Intellegence (Chatbot)

Overview​

Aplikasi ini menyediakan dua kecerdasan buatan (AI), yaitu ChatGPT dan Google Gemini, yang dapat dipilih oleh pengguna di awal percakapan. Aplikasi ini bertujuan meminimalkan penggunaan kredit dengan memberikan fleksibilitas kepada pengguna dalam memilih AI.

Pengguna dapat mendaftar dan login untuk menyimpan riwayat percakapan, tetapi aplikasi ini juga dapat diakses tanpa login. Pengguna tanpa akun tidak memiliki riwayat percakapan yang tersimpan.

Technologies Used​

Frontend​

  • Framework: Next.js v14
  • Library: Tailwind CSS dan Radix UI

Backend​

  • Framework: Flask (Python)
  • Fungsi Utama:
    • Mengelola komunikasi antara frontend dan API.
    • Menangani logika pemilihan AI berdasarkan input pengguna.

Authentication​

  • Firebase Authentication digunakan untuk login dan pendaftaran. Pengguna tanpa login tetap dapat menggunakan chatbot tetapi tanpa fitur riwayat.

Hosting​

  • Frontend dan Backend: Di-host sementara menggunakan Vercel melalui repo pribadi engineer.

System Architecture​

Diagram Arsitektur​

Berikut adalah alur sistem:

System Workflow​

Login dan Pendaftaran​

  1. Pengguna dapat mendaftar atau login menggunakan Firebase Authentication.
  2. Jika tidak login, pengguna dapat langsung menggunakan aplikasi, tetapi riwayat percakapan tidak akan disimpan.

Pemilihan AI​

Setelah login atau langsung masuk tanpa login, pengguna memilih AI (ChatGPT atau Google Gemini).

Percakapan​

  1. Pengguna mengajukan pertanyaan atau permintaan melalui UI.
  2. Backend menerima input dan meneruskan ke API AI yang dipilih.
  3. Respons dari API dikembalikan ke frontend dan ditampilkan kepada pengguna.

Deployment​

Frontend​

  1. Clone repository frontend: 
    git clone https://github.com/example/frontend-chatbot
    cd frontend-chatbot
  2. Instal dependensi: 
    npm install
  3. Konfigurasi variabel lingkungan di .env.local:
    • API URL backend
    • Firebase credentials
  4. Jalankan aplikasi: 
    npm run dev
  5. Deploy ke Vercel dengan menghubungkan repository pribadi.

Backend​

  1. Clone repository backend: 
    git clone https://github.com/example/backend-chatbot
    cd backend-chatbot
  2. Instal dependensi: 
    pip install -r requirements.txt
  3. Konfigurasi variabel lingkungan:
    • API key untuk ChatGPT dan Google Gemini.
    • Firebase credentials.
  4. Jalankan server: 
    python app.py
  5. Deploy ke Vercel menggunakan Python Runtime.

Error Handling​

Kemungkinan Error​

  • Kesalahan Login:
    Pastikan email dan password sesuai. Jika gagal, tampilkan pesan error yang jelas.

  • API Tidak Merespons:
    Tampilkan pesan sementara atau gunakan fallback response.

  • Koneksi Jaringan Bermasalah:
    Tampilkan notifikasi kepada pengguna dan coba koneksi ulang otomatis.

Features​

  1. Dual AI Chatbot: Pengguna dapat memilih ChatGPT atau Google Gemini di awal sesi untuk fleksibilitas dan pengalaman yang lebih disesuaikan.

  2. Efisiensi Kredit:
    Sistem dirancang untuk meminimalisir penggunaan kredit dengan memungkinkan pengguna memilih AI yang sesuai dengan kebutuhan.

  3. Login dan Non-login Mode:

    • Mode login memungkinkan penyimpanan riwayat percakapan untuk referensi masa depan.
    • Mode tanpa login memungkinkan pengguna tetap dapat menggunakan aplikasi meskipun tanpa akun.

  4. Firebase Authentication:
    Sistem login yang aman dan fleksibel menggunakan Firebase, tanpa perlu akun Arkademi langsung. Integrasi login dengan akun Arkademi direncanakan sebagai pengembangan selanjutnya.

  5. Desain Responsif:
    Dibangun menggunakan Tailwind CSS dan Radix UI untuk memastikan pengalaman pengguna yang optimal di berbagai perangkat.

Future Development​

  1. Integrasi Akun Arkademi:
    Menambahkan login menggunakan akun Arkademi.

  2. Fitur Analitik:
    Menyediakan laporan penggunaan untuk memahami interaksi pengguna.

Writter: Media
Contributor: Syehfi
25 November 2025