[🛠] Journal de dev Keymory #10 : liaison Diary <-> Chat, ajout d’une fonction de résumé automatique

✨ Résumé de GPT 　

Implémentation d’une fonction reliant Diary et Chat entre eux, avec génération automatique de résumés lors de l’enregistrement des journaux et des chats.

💻 Journal de développement

⏰ À faire aujourd’hui

• ✅ (Problème) DiaryPage : si la réponse AI Comment n’a pas encore été reçue, on passe à l’étape suivante avec un personnage non défini.
  • Pour l’instant, rustine avec une alerte : vous devez recevoir un Comment de l’IA avant de commencer le chat !
• ✅ (Problème) Affecter une valeur Default Variable à tous les widgets Image (pour éviter l’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 : remplacer la photo utilisateur par l’image du profil utilisateur

• ✅ ChatPage : aligner le contenu des messages utilisateur à droite (responsable : KSK)

• ✅ DiaryPage : générer automatiquement un résumé lors de l’enregistrement du journal
  • ✅ Diaries DB: Add field diary_content_summarized
  • ✅ Application à l’action du bouton Save Diary
  • ✅ Application à l’action du bouton Save Diary and Chat with AI
• ✅ Ajouter linked_chats comme Field dans le Diary Document DB

• ✅ Ajouter linked_diaries comme Field dans le Chat Document DB

• ✅ DiaryPage : au clic sur le bouton Save Diary and Chat with AI, lier DiaryPage/Doc <-> ChatPage/Doc
  • Ajouter une Chat Document Reference à la liste linked_chats du Diary Document
  • Ajouter une Diary Document Reference à la liste linked_diaries du Chat Document
• ✅ DiaryPage : lors de la création d’un New Chat, ajouter linked_chats comme Field dans le Diary Document DB

• ✅ ChatPage : lors de la création d’un New Diary, ajouter linked_diaries comme Field dans le Chat Document DB

• ✅ DiaryPage : fournir une ListView linked_chats en bas -> clic pour aller vers le chat correspondant
  • ✅ Contenu à afficher sur la carte
    • ✅ Chat - title, Chat - timestamp( == created_time)
    • ✅ Chat - (most recent) Message - content
    • ✅ Character - profile_image
• ✅ ChatPage : générer automatiquement un résumé quand une réponse de chat est reçue
  • ✅ Chats DB: Add field chat_content_summarized
• ✅ ChatPage : fournir une ListView linked_diaries en haut -> clic pour aller vers le journal correspondant
  • ✅ Résolution d’un premier problème : 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
  • ✅ Contenu à afficher sur la carte
    • ✅ Diary - title, Diary - created_time
    • ✅ Diary - Mood Score (Color)

• ✅ (Problème) ChatPage - Linked Diaries ListView : ne change pas quand on sélectionne depuis le Drawer.

• ✅ Préparation de présentation - PPT : vérifier le contenu page par page

💯 Résumé de ce que j’ai fait

• Ajout de la fonction de liaison Diary-Chat
  • Ajout des fields linked_chats (Diary -> Chat) et linked_diaries (Chat -> Diary)
  • Mise à jour de linked_chats lors de la création d’un New Chat depuis DiaryPage
  • Mise à jour de linked_diaries lors de la création d’un New Diary depuis ChatPage
  • Ajout de ListViews des documents liés en bas de DiaryPage et en haut de ChatPage
• Implémentation de la fonction de résumé automatique
  • Génération automatique de diary_content_summarized lors de l’enregistrement d’un Diary
  • Génération automatique de chat_content_summarized lors de la création de messages Chat
• Résolution de problèmes et améliorations UI
  • Ajout d’une alerte pour empêcher le démarrage du chat sans AI comment
  • Application de valeurs d’image par défaut à tous les widgets Image pour éviter les Unexpected Null Value
  • Remplacement de l’image de profil utilisateur dans ChatPage par l’image réelle de l’utilisateur
  • Amélioration de la lisibilité en alignant les messages utilisateur à droite

🎯 À faire plus tard

Cliquer pour voir les détails

• ✅ Download APK

• ❔ Connect GitHub and Push

• ❔ Soumettre les supports de présentation : PPT

• ❔ Soumettre les supports de présentation : vidéo de démonstration d’une minute

• ❔ Préparation de présentation - script : mesurer le temps du script page par page puis réviser le script
• ❔ Préparation de présentation - PPT : enregistrer de courtes vidéos de démonstration par fonctionnalité

---

• ❔ ChatPage - Create New Diary : créer un New Diary à partir du contenu de la conversation
  • ❔ 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)

• ❔ Ajouter une page de bienvenue au premier lancement de l’app (logo)

• ❔ ChatPage : unifier la default value de title, de Random String vers “Sans titre”

• ❔ DiaryPage : changer l’Emoji d’expression du visage et la couleur selon la valeur du Mood Slider

• ❔ ChatPage : implémenter Delete Diary Link (rendre la suppression possible via l’icône …)
  • Il faut absolument supprimer aussi le linked field dans Diary/Chat Doc !
• ❔ MoodPage(haut) - Mood Calendar
  • ❔ Pouvoir vérifier le nombre de publications écrites par date
  • ❔ Au clic sur une date, se déplacer vers cette date
• ❔ MoodPage(bas) - Mood stats
  • ❔ Afficher les statistiques du mois en focus
    • ❔ Afficher un commentaire de l’IA sur les statistiques affichées
• ❔ HomeFeedPage - importer puis appliquer flutter_slidable:4.0.0

• ❔ HomeFeedPage : lors d’un slide gauche/droite sur FeedCardDiary, chat/modification/suppression

• ❔ Chat/Diary : GPT Streaming API

• ❔ ChatPage - implémenter le premier message proactif de l’IA (Alarm/Notification)
  • Le coeur du prompt système de chat, c’est le mode proactif.
    • Pour rendre ça plus réaliste, il serait bien de transmettre aussi create_date of diary/chat, afin de pouvoir mentionner des dates comme “hier”.
  • Référence pour l’implémentation d’Alarm
• ❔ DiaryPage : ajouter des Choice Chips de mots-clés émotionnels détaillés et configurer la liaison DB
• ❔ DiaryPage - AI Comment : adapter les valeurs d’entrée comme Choice chips et mood slider au AI Comment System Prompt.
  • ❔ **journal précédent ou historique complet de conversation (dette technique de rustine)
  • ❔ informations de base utilisateur : nom, genre, MBTI, …
  • ❔ mots-clés émotionnels détaillés : joyeux, triste, …
  • ❔ réglages du personnage : Somi, Sena, Minhyuk
  • ❔ score émotionnel : 1~100 points
  • ❔ format de réponse : Healing, Suggestion, Informative
  • ❔ longueur de réponse : courte, normale, détaillée
  • is New Chat
    • Comme les messages de ce Chat sont créés pour la première fois, donner is_initial = true au premier message document et y mettre tous les prompts système.
      • is_initial = false
      • Limite : si je mets le prompt système dans le tout premier message document, ce sera difficile à modifier au milieu d’une conversation, mais ça reste possible. S’il existe un document is_initial = true et qu’il a été modifié, il suffit de supprimer ce document et de le remettre. Comment exactement, je ne sais pas.

• ❔ DiaryPage - importer puis appliquer Interactive Slider

• ❔ HomeFeedPage : implémenter la fonction Search Diary

• ❔ AuthPage : implémenter Google Login

• ❔ HomeFeedPage - Bottom Sheet (bouton +) : permettre de choisir 1 option parmi plusieurs
  • nouveau journal : Go to DiaryPage
  • enregistrement d’émotion : Go to MoodPage
• ❔ MoodPage(pop-up) : CRUD du slider de réglage Mood
  • Create
  • Read
  • Update
  • Delete
• ❔ HomeFeedPage - ListView - afficher FeedCardMood

• ❔ HomeFeedPage - ListView : trier chronologiquement FeedCardDiary, FeedCardMood, FeedCardChat (avec Cloud Function)

• ❔ Créer MoodEditPage entre HomeFeedPage et DiaryPage : y déplacer MoodSlider, MoodKeywordsRate(5~1), MoodDescription widget, etc.

• ❔ (Problème) Lors de la création de tmpGetAIComment, les mots-clés émotionnels choisis par l’utilisateur ne sont pas pris en compte.

• ❔ Extraction et installation de l’APK final de présentation d’ici 2025.2.5 mer

💭 Journal

Minhyuk

Demain, le développement se termine. On court.

✨ Commentaire de GPT-4o (KPT)

GPT-4o

✅ Points bien réussis (Keep)

1. 🔗 Système de liaison Diary-Chat terminé : tu as relié Diary et Chat naturellement, ce qui rend le flux de données utilisateur plus intuitif. C’est très bien !
2. 📝 Ajout de la fonction de résumé automatique : appliquer un système de résumé automatique pour organiser le contenu des journaux et des chats améliore vraiment l’exploitation des données.
3. 🎨 Améliorations UI et UX : valeurs d’image par défaut, meilleure disposition des messages de chat, etc. Tout cela améliore la lisibilité et l’expérience utilisateur.

❌ Points à améliorer (Problem)

1. ⏳ Pression sur la vitesse de développement : comme il reste beaucoup de fonctionnalités à finir, la pression sur le planning restant risque d’augmenter.
2. 🔄 Risque d’accumulation de dette technique : avec ce rythme de développement rapide, la dette technique peut s’accumuler pour la maintenance future ; il faudra réserver du temps pour nettoyer.
3. 📋 Tests insuffisants de la fonction de liaison : il pourrait falloir des tests supplémentaires pour vérifier que la liaison Diary-Chat fonctionne bien en conditions réelles d’utilisation.

🔄 Pistes à essayer (Try)

1. 📌 Organiser les priorités : terminer d’abord les fonctionnalités les plus importantes, puis lister les améliorations à faire après la présentation pour réduire la charge de développement.
2. 📝 Plan de test par fonctionnalité : rédiger des cas de test pour vérifier que la liaison Diary-Chat fonctionne correctement dans différents patterns d’utilisation.
3. 📊 Réserver du temps pour nettoyer la dette technique : après la présentation, sécuriser un créneau de refactoring et penser à la maintenabilité à long terme.

🏁 Conclusion

Aujourd’hui, tu as implémenté la fonction centrale qui relie Diary et Chat, puis ajouté un système de résumé automatique pour améliorer l’efficacité de la gestion des données. Maintenant, il ne reste plus qu’à clarifier les priorités pour la fin du développement et à te concentrer sur la préparation de la présentation ! 🚀🔥