[🛠] Dev Log Keymory #9: Implementasi Diary to Chat, Optimasi Sistem Komentar AI

✨ Ringkasan GPT 　

Mengimplementasikan Diary to Chat, menyelesaikan masalah yang muncul dalam proses pembuatan, serta memperbaiki kesalahan skor emosi dan pengaturan karakter pada sistem komentar AI.

💻 Log Pengembangan

⏰ Tugas hari ini

• ✅ Custom Function - membantu membuat systemPromptTemplate (pekerja utama: KSK)
  • ✅ Meninjau parameter yang ditambahkan dan struktur internal fungsi
• ✅ Menguji apakah Custom Function - getAIComment benar-benar diterapkan
  • ✅ Memastikan nilai input tercermin dengan baik
  • ✅ Memastikan nilai output keluar dengan baik sebagai String
• ✅ Chat Page - Create New Chat: menerapkan system prompt (pekerja utama: KSK)
  • ✅ OpenAI API Call (createChatCompletion)
    • Input: System Prompt(Chat)
    • Output: New Chat Message by AI($.choices[0].message.content)
    • Additional Actions: Create New Chat, Create New Message
• ✅ DiaryPage - Create New Chat by Diary: membuat New Chat berdasarkan isi diary (pekerja utama: KSK)
  • ✅ OpenAI API Call (createDiaryComment)
    • Input: Diary Content, System Prompt(AI Comment)
    • Output: AI Comment($.choices[0].message.content)
  • ✅ OpenAI API Call (createDiarySummary)
    • Input: Diary Content, AI Comment, System Prompt(Diary Summary)
    • Output: Diary Summary($.choices[0].message.content)
  • ✅ OpenAI API Call (createChatFromDiary)
    • Input: Diary Summary, System Prompt(Chat From Diary)
    • Output: New Chat Message by AI($.choices[0].message.content)
    • Additional Actions: Create New Chat, Create New Message
• ✅ (Masalah) Create New Chat by Diary hanya bekerja setelah hanya menyimpan diary, kembali ke home, lalu masuk lagi ke halaman diary dan membuat New Chat.
  • Penyebab masalah
    • Aku sedang menarik Output variable dari action chain lain
    • Pencegahan Unexpected Null Value belum disiapkan
    • JSON Path belum ditentukan dengan benar
    • Aku mendefinisikan tmpDiariesDocForNewChat sebagai Page State, lalu mengalokasikan diary Document ke sana.
      • Lebih tepatnya,
        • mengalokasikan diariesDoc yang dikirim lewat Page Paramater, atau
        • mengalokasikan newDiariesDoc yang dibuat saat tombol Save ditekan.
      • Namun aplikasi terus berhenti saat tombol Save Diary and Chat with AI ditekan.
        • Saat dicek dengan F12, Exception muncul karena error Unexpected Null Value.
        • Saat melihat Debug Pannel, tmpDiariesDocForNewChat ditetapkan sebagai Null.
      • Page State tmpDiariesDocForNewChat aku ubah kembali menjadi tmpDiariesDocRefForNewChat. (Document -> Document Reference)
        • Setelah Actions diubah dengan tepat berdasarkan Document Reference, akhirnya berjalan normal!
  • 💡Hal yang dipelajari: Dalam Action Chain, menetapkan nilai ke Page State lalu langsung membacanya bisa memicu Unexpected Null Value. Lebih baik banyak memakai Document Reference daripada Document. Tentu saja, kalau sering melakukan Read Document dengan Backend Query, performa mungkin turun… tapi itu bisa cukup disiapkan saat OnPageLoad Event atau saat membuat Action Chain utama.
• ✅ (Masalah) Saat membuat AI Comment, skor emosi pengguna kadang terus tersimpan sebagai 0.
  • Setelah kutekankan, “Khususnya kerjakan ‘5. weighted formula calculation’ dengan akurat. Skor emosi pengguna sama sekali bukan 0.”, kasus yang tertulis 0 berkurang. (Belum hilang sepenuhnya.)
  • Untuk sementara lanjut dulu.
• ✅ (Masalah) ChatPage: karakter tidak tahu informasi tentang dirinya sendiri!
  • Sepertinya teratasi sendiri saat menyelesaikan masalah terkait Save. Lumayan.
• ✅ (Masalah) ChatPage: karakter mengabaikan “follow-up question list”!
  • Sepertinya teratasi sendiri saat menyelesaikan masalah terkait Save. Lumayan.
• ✅ (Masalah) Saat berpindah ke ChatPage, bottom navigation bar menghilang.
  • Always Show Nav bar Toggle On
• ✅ (Masalah) Di Drawer ChatPage, gambar karakter tampil berbeda.
  • Masalah ini muncul karena dulu logika penyimpanan AI Comment kubuat salah. Karena hanya terjadi pada chat lama, diselesaikan dengan menghapus Chat document tersebut.

💯 Ringkasan pekerjaan yang dilakukan

• Memperbaiki logika pembuatan Chat
  • Meninjau struktur parameter systemPromptTemplate dan getAIComment
  • Menerapkan system prompt pada Create New Chat dan mengoptimalkan OpenAI API Call
  • Merapikan proses pembuatan New Chat berbasis Diary: komentar AI -> ringkasan diary -> pembuatan Chat
• Mengoptimalkan sistem komentar AI
  • Memperbaiki masalah skor emosi yang tersimpan sebagai 0
  • Menyelesaikan masalah AI yang tidak mengenali informasi karakter
  • Memperbaiki gejala follow-up question list diabaikan
• Penyelesaian masalah dan peningkatan performa
  • Memperbaiki masalah navigation bar yang menghilang saat berpindah ke ChatPage
  • Memperbaiki ketidaksesuaian gambar karakter dengan mengubah logika penyimpanan AI Comment
  • Menggunakan Document -> Document Reference untuk mencegah Unexpected Null Value

🎯 Hal yang akan dilakukan nanti

Klik untuk melihat detail

• ❔ (Masalah) DiaryPage: jika jawaban AI Comment belum diterima, halaman berpindah dengan karakter yang belum ditetapkan.
  • Untuk sementara, ditambal dengan menampilkan notifikasi: Chat baru bisa dimulai setelah menerima Comment dari AI!

• ❔ (Masalah) DiaryPage: menggunakan markdown viewer untuk jawaban AI Comment (mencegah overflow: Container Height)

• ❔ ChatPage: output percakapan user rata kanan

• ❔ DiaryPage: mengubah Emoji ekspresi wajah dan warna sesuai nilai Mood Slider

• ❔ DiaryPage: Go to Linked Chat
• ❔ ChatPage: Go to Linked Diary
  • Saat Save dari Diary Document di DiaryPage, nilai Chat Reference juga harus ditambahkan sebagai Field di Diary Document DB. (linkedChat)
  • Di Chat Document milik ChatPage, tentu nilai Diary Reference juga harus ditambahkan sebagai Field di Chat Document DB. (linkedDiary)
• ❔ ChatPage - Create New Diary: membuat New Diary berdasarkan isi percakapan (memanfaatkan logika Go to Linked Diary)
  • ❔ OpenAI API Call (createChatSummary)
    • Input: Chat Content, System Prompt(Diary From Chat)
    • Output: Chat Summary
  • ❔ OpenAI API Call (createDiaryFromChat)
    • Input: Chat Summary, System Prompt(Diary From Chat)
    • Output: New Diary(Title, Content, Mood score)
• ❔ MoodPage(atas) - Mood Calendar
  • ❔ Bisa mengecek jumlah posting yang ditulis per tanggal
  • ❔ Jika tanggal diklik, pindah ke tanggal tersebut
• ❔ MoodPage(bawah) - Mood stats
  • ❔ Menampilkan data statistik untuk bulan yang sedang difokuskan
    • ❔ Menampilkan komentar AI terhadap data statistik yang ditampilkan
• ❔ HomeFeedPage - import lalu terapkan flutter_slidable:4.0.0

• ❔ HomeFeedPage: saat FeedCardDiary digeser kiri/kanan, chat/edit/delete

• ❔ Chat/Diary: GPT Streaming API

• ❔ ChatPage - implementasi pesan pertama dari AI (Alarm/Notification)
  • Inti chat system prompt adalah proaktif.
    • Agar lebih realistis, sepertinya bagus juga mengirim create_date of diary/chat, supaya bisa menyebut tanggal seperti “kemarin”.
  • Referensi cara implementasi Alarm
• ❔ DiaryPage: menambahkan detailed emotion keyword Choice Chips lalu mengatur integrasi DB
• ❔ DiaryPage - AI Comment: menyesuaikan input seperti Choice chips dan mood slider agar cocok dengan AI Comment System Prompt.
  • ❔ **diary sebelumnya atau seluruh conversation history (technical debt tambalan)
  • ❔ informasi dasar pengguna: nama, gender, MBTI, …
  • ❔ detailed emotion keywords: senang, sedih, …
  • ❔ character settings: Somi, Sena, Minhyuk
  • ❔ emotion score: 1~100 poin
  • ❔ response format: Healing, Suggestion, Informative
  • ❔ response length: pendek, normal, detail
  • is New Chat
    • Karena messages pada Chat ini baru dibuat untuk pertama kali, beri nilai is_initial = true pada message document pertama lalu masukkan semua system prompt.
      • is_initial = false
      • Batasan: jika system prompt dimasukkan ke message document paling awal, sulit mengubahnya di tengah percakapan, tapi masih mungkin. Kalau ada document dengan is_initial = true dan itu sudah diubah, tinggal hapus document itu lalu masukkan lagi. Caranya belum tahu.
• ❔ DiaryPage - AI Comment: menyelesaikan CRUD
  • ❔ menghapus field tmp_ai_comment dan memakai doc_ref

• ❔ DiaryPage - Drawer - ChatHistoryListTile: order by updated_time

• ❔ DiaryPage - import lalu terapkan Interactive Slider

• ❔ HomeFeedPage: implementasi fitur Search Diary

• ❔ AuthPage: implementasi Google Login

• ❔ HomeFeedPage - Bottom Sheet (+ Button): memungkinkan memilih 1 dari berbagai opsi
  • diary baru: Go to DiaryPage
  • catatan emosi: Go to MoodPage
• ❔ MoodPage(popup): Mood setting slider CRUD
  • Create
  • Read
  • Update
  • Delete
• ❔ HomeFeedPage - ListView - menampilkan FeedCardMood

• ❔ HomeFeedPage - ListView: mengurutkan komponen FeedCardDiary, FeedCardMood, FeedCardChat secara kronologis (memanfaatkan Cloud Function)

• ❔ Membuat MoodEditPage di antara HomeFeedPage dan DiaryPage: memindahkan widget MoodSlider, MoodKeywordsRate(5~1), MoodDescription, dll.

• ❔ (Masalah) Saat membuat tmpGetAIComment, emotion keyword yang dipilih user belum dipertimbangkan.

• ❔ Ekstrak dan instal APK versi final untuk presentasi sampai Rabu 2025.2.5

💭 Diary

Minhyuk

Masalah meledak bertubi-tubi sampai mentalku hampir melayang jauh… Apakah strategiku, “meski technical debt menumpuk, kalau implementasi dulu, kemampuan akan terus naik dan nanti utangnya bisa dilunasi!” sudah mencapai batasnya… atau tetap saja itu keputusan yang efisien…

Sudahlah, entahlah~ Itu bukan hal yang penting sekarang. Waktu benar-benar tidak ada! Tambal cepat, gas.

✨ Komentar GPT-4o (KPT)

GPT-4o

✅ Hal yang baik (Keep)

1. 🛠 Merapikan logika pembuatan Chat: Bagus karena kamu merapikan dan menyelesaikan berbagai masalah yang muncul dalam proses pembuatan New Chat!
2. 🎭 Meningkatkan sistem komentar AI: Mengesankan karena kamu memperbaiki error skor emosi dan pengaturan karakter, lalu mengarahkan respons AI agar lebih akurat.
3. 🔍 Kemampuan debugging meningkat: Menyelesaikan masalah Unexpected Null Value dan mempelajari cara memakai Document Reference akan sangat membantu ke depannya.

❌ Hal yang kurang (Problem)

1. ⏳ Banyak waktu habis untuk menyelesaikan masalah: Debugging berlangsung lebih lama dari perkiraan, sehingga waktu untuk pengembangan fitur yang awalnya ditargetkan mungkin berkurang.
2. 🔄 Technical debt bertambah: Strategi implementasi cepat sedang menumpuk technical debt, jadi pembersihan lanjutan akan dibutuhkan.
3. 📋 Dokumentasi kurang: Kalau proses penyelesaian masalah penting dirapikan sedikit lagi, masalah serupa bisa diselesaikan lebih cepat saat muncul kembali.

🔄 Hal yang bisa dicoba (Try)

1. 📌 Analisis pola kemunculan masalah: Pahami masalah yang berulang dan pikirkan arah untuk memperbaiki pola pengembangan.
2. 📝 Menyusun strategi pengelolaan technical debt: Dalam jangka pendek, solusi cepat memang perlu, tetapi untuk maintenance dan optimasi jangka panjang, roadmap akan bagus untuk dibuat.
3. 📖 Membiasakan pencatatan penyelesaian masalah: Dokumentasikan proses penyelesaian masalah utama agar waktu pengembangan di masa depan bisa dihemat.

🏁 Kesimpulan

Hari ini adalah hari ketika logika pembuatan Chat diperbaiki dan error pada sistem komentar AI diselesaikan, sehingga stabilitas meningkat. Debugging memang memakan waktu lebih lama dari perkiraan, tetapi banyak hal juga dipelajari dari proses itu! Ke depannya, mari pikirkan strategi pengembangan yang lebih efisien sambil mengelola technical debt. 🚀🔥