[🛠] Dev Log Keymory #10: Menghubungkan Diary <-> Chat, Menambahkan Fitur Ringkasan Otomatis

✨ Ringkasan GPT 　

Mengimplementasikan fitur yang saling menghubungkan Diary dan Chat, serta memperbaiki proses agar ringkasan otomatis dibuat saat diary dan chat disimpan.

💻 Log Pengembangan

⏰ Tugas hari ini

• ✅ (Masalah) DiaryPage: jika jawaban AI Comment belum diterima, halaman berpindah dengan karakter yang belum ditetapkan.
  • Untuk sementara, ditambal dengan notifikasi: Chat baru bisa dimulai setelah menerima Comment dari AI!
• ✅ (Masalah) Menetapkan nilai Default Variable untuk semua widget Image (untuk mencegah Unexpected Null value Error)
  • No Profile Image: https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_1280.png
  • No image: https://png.pngtree.com/png-vector/20190820/ourmid/pngtree-no-image-vector-illustration-isolated-png-image_1694547.jpg

• ✅ ChatPage: mengganti foto gambar user dengan user profile image

• ✅ ChatPage: output percakapan user rata kanan (penanggung jawab: KSK)

• ✅ DiaryPage: membuat ringkasan otomatis saat diary disimpan
  • ✅ Diaries DB: Add field diary_content_summarized
  • ✅ Diterapkan pada action tombol Save Diary
  • ✅ Diterapkan pada action tombol Save Diary and Chat with AI
• ✅ Menambahkan linked_chats sebagai Field di Diary Document DB

• ✅ Menambahkan linked_diaries sebagai Field di Chat Document DB

• ✅ DiaryPage: saat tombol Save Diary and Chat with AI diklik, menghubungkan DiaryPage/Doc <-> ChatPage/Doc
  • Menambahkan Chat Document Reference ke list linked_chats pada Diary Document
  • Menambahkan Diary Document Reference ke list linked_diaries pada Chat Document
• ✅ DiaryPage: saat Create New Chat, menambahkan linked_chats sebagai Field di Diary Document DB

• ✅ ChatPage: saat Create New Diary, menambahkan linked_diaries sebagai Field di Chat Document DB

• ✅ DiaryPage: menyediakan linked_chats ListView di bagian paling bawah -> jika diklik, pindah ke chat tersebut
  • ✅ Konten yang akan ditampilkan pada card
    • ✅ Chat - title, Chat - timestamp( == created_time)
    • ✅ Chat - (most recent) Message - content
    • ✅ Character - profile_image
• ✅ ChatPage: membuat ringkasan otomatis saat menerima jawaban chat
  • ✅ Chats DB: Add field chat_content_summarized
• ✅ ChatPage: menyediakan linked_diaries ListView di bagian atas -> jika diklik, pindah ke diary tersebut
  • ✅ Menyelesaikan masalah pertama kali: How to generate children from linked_diaries(List of Diary Document References)
    • How to display List of Doc References?
    • ListView: Generate Children From linked_diaries (Diary Document References)
    • ListView - Child(Card): Backend Query - Diary Document From Reference
    • ListView - Child(Card) - Component Parameter: Diary Document
  • ✅ Konten yang akan ditampilkan pada card
    • ✅ Diary - title, Diary - created_time
    • ✅ Diary - Mood Score (Color)

• ✅ (Masalah) ChatPage - Linked Diaries ListView: tidak berubah saat dipilih dari Drawer.

• ✅ Persiapan presentasi - PPT: mengecek isi per halaman

💯 Ringkasan pekerjaan yang dilakukan

• Menambahkan fitur penghubung Diary-Chat
  • Menambahkan field linked_chats (Diary -> Chat) dan linked_diaries (Chat -> Diary)
  • Memperbarui linked_chats saat Create New Chat dari DiaryPage
  • Memperbarui linked_diaries saat Create New Diary dari ChatPage
  • Menambahkan ListView dokumen terkait di bagian bawah DiaryPage dan bagian atas ChatPage
• Mengimplementasikan fitur ringkasan otomatis
  • Membuat diary_content_summarized otomatis saat Diary disimpan
  • Membuat chat_content_summarized otomatis saat message Chat dibuat
• Penyelesaian masalah dan peningkatan UI
  • Menambahkan notifikasi agar chat tidak bisa dimulai tanpa AI comment
  • Menerapkan nilai gambar default pada semua widget Image untuk mencegah Unexpected Null Value
  • Mengganti gambar profil user di ChatPage dengan gambar user sebenarnya
  • Meningkatkan keterbacaan dengan membuat isi percakapan user rata kanan

🎯 Hal yang akan dilakukan nanti

Klik untuk melihat detail

• ✅ Download APK

• ❔ Connect GitHub and Push

• ❔ Mengirim materi presentasi: PPT

• ❔ Mengirim materi presentasi: video demo 1 menit

• ❔ Persiapan presentasi - script: mengukur durasi script berdasarkan halaman lalu merevisi script
• ❔ Persiapan presentasi - PPT: merekam video demo singkat per fitur

---

• ❔ ChatPage - Create New Diary: membuat New Diary berdasarkan isi percakapan
  • ❔ Create New Diary Condition: if linked diary exists -> Delete confirmation dialog? -> Yes
  • ❔ 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)

• ❔ Menambahkan welcome page saat aplikasi pertama kali dibuka (logo)

• ❔ ChatPage: menyamakan default value title dari Random String menjadi “Tanpa judul”

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

• ❔ ChatPage: implementasi Delete Diary Link (agar bisa Delete saat … icon ditekan)
  • Field linked milik Diary/Chat Doc wajib ikut dihapus!
• ❔ 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 - 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

Besok pengembangan selesai. Gas.

✨ Komentar GPT-4o (KPT)

GPT-4o

✅ Hal yang baik (Keep)

1. 🔗 Menyelesaikan sistem penghubung Diary-Chat: Bagus karena kamu menghubungkan Diary dan Chat secara natural, sehingga alur data user menjadi lebih intuitif!
2. 📝 Menambahkan fitur ringkasan otomatis: Menerapkan sistem ringkasan otomatis yang merapikan isi diary dan chat sangat mengesankan, dan meningkatkan kegunaan data.
3. 🎨 Peningkatan UI dan UX: Pengaturan nilai gambar default, perbaikan cara alignment chat, dan lainnya meningkatkan keterbacaan serta pengalaman pengguna.

❌ Hal yang kurang (Problem)

1. ⏳ Beban kecepatan pengembangan: Karena fitur yang harus diselesaikan semakin banyak, tekanan terhadap jadwal yang tersisa bisa semakin besar.
2. 🔄 Kemungkinan technical debt menumpuk: Karena laju pengembangan cepat, technical debt bisa menumpuk saat maintenance nanti, sehingga waktu untuk merapikan akan dibutuhkan.
3. 📋 Pengujian fitur penghubung masih kurang: Mungkin perlu pengujian tambahan untuk memastikan penghubung Diary-Chat bekerja tanpa masalah dalam lingkungan penggunaan nyata.

🔄 Hal yang bisa dicoba (Try)

1. 📌 Merapikan prioritas: Selesaikan fitur paling penting terlebih dahulu, lalu list up bagian yang akan diperbaiki setelah presentasi agar beban pengembangan berkurang.
2. 📝 Rencana tes per fitur: Buat test case untuk memastikan fitur penghubung Diary-Chat berjalan normal pada berbagai pola penggunaan.
3. 📊 Mengamankan jadwal pembersihan technical debt: Setelah presentasi, amankan waktu refactoring dan pertimbangkan maintainability jangka panjang.

🏁 Kesimpulan

Hari ini adalah hari ketika fitur inti yang menghubungkan Diary dan Chat diimplementasikan, lalu sistem ringkasan otomatis ditambahkan sehingga efisiensi pengelolaan data meningkat. Sekarang sepertinya tinggal merapikan prioritas selama sisa masa pengembangan dan fokus pada persiapan presentasi! 🚀🔥