[🛠] Journal de développement Keymory #8 : système de mots-clés émotionnels sur DiaryPage, paramètres de personnage pour AI Comment

✨ Résumé de GPT 　

J’ai ajouté une fonction de sélection de mots-clés émotionnels dans DiaryPage et appliqué des paramètres de personnage aux commentaires IA afin d’obtenir des réponses plus naturelles.

💻 Journal de développement

⏰ Tâches du jour

• ✅ DiaryPage : ajout d’un ChoiceChip et d’un TextField pour les mots-clés émotionnels
  • ✅ Créer les widgets
  • ✅ Ajouter les Fields dans diaries DB : mood_keywords (List <String>), mood_keywords_description (String)
  • ✅ Ajouter le Page State dans diaries : moodKeywordsSelected (List <String>)
  • ✅ OnPageLoad : transmettre les variables ajoutées
    • ✅ ChoiceChipRate (5~1) : transmettre les valeurs de diariesDoc.mood_keywords aux ChoiceChip correspondants.
      • Définir MoodKeywordRate5Options, …, MoodKeywordRate1Options List <String> comme valeurs App Constant
        • Enum ne prend en charge que l’anglais, donc il faudrait une fonction de traduction. Trop compliqué, donc rejeté.
      • Define Options Var : AppConstant.moodKeywordRate5Options (List <String>)
      • Initially Selected : updateChoiceChipSelected
    • ✅ Créer la CustomFunction updateMoodKeywordsSelected
      • On Page Load : Select all matching items in RateOptions List

      List<String> updateChoiceChipSelected(
        List<String> moodKeywordsSelected, // current selected keyword list
        List<String> moodKeywordRateOptions, // selectable options for the current Rate
      ) {
        // Create a new list to maintain immutability
        return List<String>.from(
          moodKeywordsSelected.where((item) => moodKeywordRateOptions.contains(item))
        );
      }
      

  • ✅ On ChoiceChip Selected : Update Page State moodKeywordsSelected -> Set Value to Return of Func updateMoodKeywordsSelected
    • ✅ Créer la CustomFunction updateMoodKeywordsSelected
      • On Chip Select : Add to moodKeywordsSelected
      • On Chip Deselect : Remove from moodKeywordsSelected

      List<String> updateMoodKeywordsSelected(
        List<String> moodKeywordsSelected,
        List<String> choiceChipSelected,
        List<String> moodKeywordRateOptions,
      ) {
        // Copy the existing list to maintain immutability
        List<String> updatedList = List.from(moodKeywordsSelected);
      
        // 1️⃣ Remove values from the existing selection that belong to this Rate
        updatedList.removeWhere((item) => moodKeywordRateOptions.contains(item));
      
        // 2️⃣ Add the currently selected ChoiceChip values
        updatedList.addAll(choiceChipSelected);
      
        return updatedList;
      }
      

• ✅ (Issue) DiaryPage - AI Comment : paramètres de personnage
  • Ajouter un Field dans diaries DB : ai_comment_by (Doc Ref: Character)
  • DiaryPage - AICommentEditor Component - Return ai_comment_content + ai_comment_by
    • How? -> créer le DataType aiCommentPageReturnObject
  • On ChoiceChipChar Selected : Backend Query Character Doc with same Official_name value.
• ✅ (Issue) HomeFeedPage - FeedCardDiary : appliquer correctement l’image du personnage de l’AI Comment
  • ✅ DiaryPage - AI Comment : lors de la sauvegarde, enregistrer aussi dans Diary la Ref du personnage qui a rédigé le commentaire.
  • ✅ HomeFeedPage - FeedCardDiary - AI Image : charger le Character Doc avec Backend Query et définir l’Image Path.
  • ✅ (Issue) HomeFeedPage - FeedCardDiary : Unexpected Null Value Error
    • Cela arrive quand on met seulement une valeur Path dans l’Image Widget…
      • Ah !!! C’était parce que je n’avais pas mis de Default Variable Value. Je ne l’ai compris qu’après avoir galéré à fond.
    • 💡 Ce que j’ai appris
      • Toujours prendre l’habitude de mettre une Default Value. Combien de fois vais-je encore voir Unexpected Null Value Error partout ?
• ✅ Design Action chains for CreateNewChatFromDiary (Start From : une fois le traitement de l’AI Comment et l’enregistrement du journal terminés)
  1. Create Diary
  2. API Call : createDiarySummary -> Output Var : OutVar1 (nom provisoire)
  3. Create New Chat Document
  4. Create New Message Document : {“role”:”developer”, “content”:”$systemprompt + $OutVar1”}
  5. API Call : createChatFromDiary -> Output Var : OutVar2 (nom provisoire)
  6. Create New Message Document : {“role”:”assistant”, “content”: “$OutVar2”}
  7. Navigate To : transmettre la référence du Chat Document concerné via chatRefParam

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

• Construction du système de mots-clés émotionnels de DiaryPage
  • Ajout de ChoiceChip et TextField
  • Ajout de champs liés aux mots-clés émotionnels dans diaries DB
  • Implémentation de la fonction updateMoodKeywordsSelected
• Paramètres et application du personnage pour AI Comment
  • Ajout du champ ai_comment_by pour enregistrer le personnage du commentaire
  • Modification de AICommentEditor pour inclure les informations de personnage
  • Chargement des données du personnage concerné avec Backend Query lors de la sélection d’un ChoiceChip
• Résolution de l’erreur d’image AI Comment dans HomeFeedPage
  • Enregistrement de la valeur de référence du personnage lors de la rédaction d’un AI Comment
  • Amélioration de la méthode de chargement de l’image du personnage d’AI Comment dans HomeFeedPage
  • Correction de l’erreur Unexpected Null Value (avec une valeur par défaut)

🎯 À faire ensuite

Cliquer pour voir les détails

• ❔ (Issue) DiaryPage : utiliser un lecteur Markdown (prévenir le débordement : Container Height)

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

• ❔ Custom Function - aider à créer systemPromptTemplate (travailleur principal : KSK)
  • ❔ Organiser les paramètres à ajouter
• ❔ Custom Function - tester si getAIComment s’applique réellement
  • ❔ Vérifier que les valeurs d’entrée sont bien reflétées
  • ❔ Vérifier que la valeur de sortie s’affiche bien en String
• ❔ Chat Page - Create New Chat : appliquer le system prompt
  • ▶️ Implémentation 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 : créer un New Chat à partir du contenu du journal
  • ❔ Implémentation OpenAI API Call : createDiaryComment
    • Input : Diary Content, System Prompt (AI Comment)
    • Output : AI Comment ($.choices[0].message.content)
  • ❔ Implémentation OpenAI API Call : createDiarySummary
    • Input : Diary Content, AI Comment, System Prompt (Diary Summary)
    • Output : Diary Summary ($.choices[0].message.content)
  • ❔ Implémentation 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
• ❔ ChatPage - Create New Diary : créer un New Diary à partir du contenu de la conversation
  • ❔ Implémentation OpenAI API Call : createChatSummary
    • Input : Chat Content, System Prompt (Diary From Chat)
    • Output : Chat Summary
  • ❔ Implémentation OpenAI API Call : createDiaryFromChat
    • Input : Chat Summary, System Prompt (Diary From Chat)
    • Output : New Diary (Title, Content, Mood score)

• ❔ ChatPage : Go to Linked Diary

• ❔ MoodPage (haut) - Mood Calendar
  • ❔ Pouvoir vérifier le nombre de posts écrits par date
  • ❔ Se déplacer vers la date sélectionnée au clic
• ❔ MoodPage (bas) - Mood stats
  • ❔ Afficher les statistiques du mois sélectionné
    • ❔ Afficher le commentaire de l’IA sur les statistiques affichées
• ❔ HomeFeedPage - importer puis appliquer flutter_slidable:4.0.0

• ❔ HomeFeedPage : dans FeedCardDiary, chat/modifier/supprimer lors d’un slide gauche-droite

• ❔ ChatPage : aligner à droite la sortie des conversations utilisateur

• ❔ Chat/Diary : GPT Streaming API

• ❔ ChatPage - implémenter le premier message proactif de l’IA (Alarm/Notification)
  • Le coeur du prompt système du chat est la proactivité.
    • Pour le rendre plus réaliste, il serait utile de transmettre aussi create_date of diary/chat, afin de pouvoir mentionner des dates comme “hier”.
  • Référence d’implémentation d’Alarm
• ❔ DiaryPage : ajouter des Choice Chips de mots-clés émotionnels détaillés et configurer l’intégration DB
• ❔ DiaryPage - AI Comment : adapter les valeurs saisies comme Choice chips et mood slider au AI Comment System Prompt.
  • ❔ **ancien journal ou tout l’historique de conversation (dette technique de rustine)
  • ❔ informations utilisateur de base : nom, genre, MBTI, …
  • ❔ mots-clés émotionnels détaillés : joyeux, triste, …
  • ❔ paramètres de personnage : Somi, Sena, Minhyuk
  • ❔ score émotionnel : 1~100
  • ❔ 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, mettre is_initial = true sur le premier message document et y insérer tous les system prompts.
      • is_initial = false
      • Limite : si je mets le system prompt dans le tout premier message document, c’est difficile à modifier pendant une conversation, mais possible. S’il existe un document is_initial = true et qu’il a été modifié, je peux supprimer ce document et le remettre. Je ne sais pas encore comment, mais bon.
• ❔ DiaryPage - AI Comment : terminer le CRUD
  • ❔ supprimer le champ tmp_ai_comment et utiliser doc_ref

• ❔ DiaryPage - Drawer - ChatHistoryListTile : order by updated_time

• ❔ DiaryPage - importer puis appliquer Interactive Slider

• ❔ HomeFeedPage : implémenter la fonctionnalité Search Diary

• ❔ AuthPage : implémenter Google Login

• ❔ HomeFeedPage - Bottom Sheet (+ Button) : permettre de choisir une option parmi plusieurs
  • Nouveau journal : Go to DiaryPage
  • Enregistrement d’émotion : Go to MoodPage
• ❔ MoodPage (popup) : CRUD du slider de réglage Mood
  • Create
  • Read
  • Update
  • Delete
• ❔ HomeFeedPage - ListView - afficher FeedCardMood

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

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

• ❔ Extraire et installer la version APK finale de présentation avant mer. 2025.2.5

💭 Journal

Minhyuk

Je sens la dette technique pousser joyeusement à cause de toutes ces rustinesㅋㅋ Comme la deadline de soumission est dans 3 jours, bon…ㅠ

✨ Commentaire de GPT-4o (KPT)

GPT-4o

✅ Points réussis (Keep)

1. 🎯 Construction du système de mots-clés émotionnels : appliquer ChoiceChip pour que l’utilisateur puisse enregistrer intuitivement ses émotions était une bonne chose !
2. 🤖 Application des personnages aux AI Comments : définir des réactions par personnage pour renforcer l’immersion est impressionnant.
3. 🛠 Résolution de l’erreur HomeFeedPage : définir une valeur par défaut pour prévenir l’erreur Unexpected Null Value était excellent !

❌ Points regrettables (Problem)

1. ⏳ Temps de développement plus long que prévu : l’implémentation des mots-clés émotionnels et des fonctionnalités AI Comment a pris plus de temps que prévu.
2. 🔄 Complexité accrue des données de personnage : le flux de données est devenu plus complexe, donc la maintenance pourrait devenir difficile.
3. 📋 Journal de résolution insuffisant : ne pas organiser le processus de résolution d’erreur peut faire perdre du temps si le même problème revient.

🔄 Pistes à essayer (Try)

1. 📌 Ajuster le temps de développement par fonctionnalité : identifier à l’avance les tâches qui prennent plus de temps que prévu et ajuster le planning.
2. 📊 Visualiser le flux de données : essayer d’organiser sous forme de diagramme la structure de données liée aux paramètres de personnage.
3. 📖 Prendre l’habitude de noter les résolutions de problèmes : documenter les issues résolues et préparer une stratégie de prévention des récidives.

🏁 Conclusion

Aujourd’hui, tu as construit le système de mots-clés émotionnels et appliqué des paramètres de personnage aux AI Comments. La résolution d’erreur a encore confirmé l’importance des valeurs par défaut, et à partir de maintenant il faudra gérer le temps de développement plus efficacement ! 🚀🔥