[🛠] Journal de développement Keymory #5 : tmpGetAIComment, Custom OpenAI API Call

✨ Résumé de GPT 　

J’ai construit un système d’AI Comment avec l’OpenAI API et FlutterFlow, puis étendu les fonctionnalités d’IA de Keymory en reliant une Custom Function à un API Call. J’ai aussi ajouté la sélection et l’enregistrement de personnages, et clarifié le flux de données entre Chat et Diary.

💻 Journal de développement

⏰ Tâches du jour

• ✅ How to Use Open AI’s GPT-4o in FlutterFlow - Part 1

• ✅ How to Use Open AI’s GPT-4o in FlutterFlow - Part 2

• ✅ ChatPage - lorsque l’on choisit un personnage avec le Dropdown, enregistrer aussi les informations du personnage dans Chats Collection.
  • Assigner au Page state la reference du Character document correspondant au character name.

• ✅ ChatPage - transmettre aussi les informations du personnage lors de la création d’un NewChat.

• ✅ DiaryPage - Drawer - aider à créer ChatHistoryListTile (comme GPT)

• ✅ Essayer d’insérer la valeur de la CustomFunction tmpGetAIComment dans l’API Call createDiaryComment
  • ✅ Créer la CustomFunction tmpGetAIComment et tester l’affichage du résultat
  • ✅ Créer l’API Call createDiaryComment et tester l’affichage de la Response
• ✅ Créer l’OpenAI API Call : createDiaryComment
  • Structure globalement similaire à createChatCompletion
  • Différence : aucune. Créé simplement pour les distinguer.
  • La variable Messages requise par API Call - createDiaryComment est la valeur de retour de la custom function getAIComment.
• ✅ Imaginer le scénario d’implémentation de la CustomFunction getAIComment (l’implémentation directe est prise en charge par KSK)
  • Parameter Values obtenues depuis Characters (Collection)
    • Paramètres du personnage (Character Document)
      • ex) Somi : name (20 ans), étudiante, personnalité timide, …
    • Méthode d’appel des valeurs : API Call - Get Assistant
  • Parameter Values obtenues depuis User Information
    • Nom, genre, MBTI
    • Méthode d’appel des valeurs : Backend Query - Authenticated User
  • Parameter Values obtenues depuis DiaryPage Variables
    • Contenu du journal, mots-clés émotionnels détaillés, score émotionnel, format de réponse, longueur de réponse
    • Méthode d’appel des valeurs : Widget State, Page State
  • Rôle de la CustomFunction (getAIComment)
    • Recevoir toutes les Parameter Values comme valeurs d’Input.
    • Rédiger le prompt à envoyer à GPT.
    • Retourner une valeur Messages (List <Json>).
      • [{"role":"developer", "content":"~~~"}]

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

• Implémentation du système AI Comment
  • Création de la Custom Function tmpGetAIComment et intégration avec l’API Call createDiaryComment terminée
  • Implémentation de la logique de requête et de traitement des réponses OpenAI API pour AI Comment
  • Modification pour enregistrer les informations de personnage dans Chats Collection et les transmettre lors de la création d’un New Chat
• Améliorations UI et fonctionnelles
  • Création de ChatHistoryListTile pour implémenter une liste de chats façon GPT
  • Clarification de la structure de données de HomeFeedPage et DiaryPage
  • Conception de la Custom Function getAIComment
• Apprentissage FlutterFlow + OpenAI API
  • Visionnage et application des cours sur GPT-4o (Part 1 & Part 2)

🎯 À faire ensuite

• ❔ DiaryPage : Merge CreateDiary/EditDiary Page
  • Utiliser isEditMode page state
  • Utiliser conditional value/visibility/action, etc.
• ❔ DiaryPage - Create New Chat : créer un New Chat à partir du contenu du journal
  • L’IA propose d’abord une question basée sur le contenu du journal
• ❔ Corrections d’issues
  • ❔ ChatPage : le default init message apparaît au début de la première conversation.
  • ❔ ChatPage : la date n’est pas appliquée.
  • ❔ ChatPage - ChatHistoryDrawer : débordement UI
  • ❔ DiaryPage : la date est toujours enregistrée comme aujourd’hui
  • ❔ DiaryPage : utiliser un lecteur Markdown (prévenir le débordement : Container Height)
• ❔ HomeFeedPage - importer puis appliquer flutter_slidable:4.0.0

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

• ❔ ChatPage - Create New Diary : créer un New Diary à partir du contenu de la conversation

• ❔ ChatPage - Go to Linked Diary

• ❔ Chat/Diary : GPT Streaming API

• ❔ ChatPage - Alarm

• ❔ AuthPage : Google Login

• ❔ DiaryPage : changer l’Emoji d’expression du visage selon la valeur du Mood Slider
• ❔ 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 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, 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 - AI Comment : paramètres de personnage
  • ❔ supprimer le champ tmp_ai_comment_by et utiliser doc_ref
  • ❔ afficher l’image avec la valeur du champ profile_image

• ❔ DiaryPage - Drawer - ChatHistoryListTile : order by updated_time

• ❔ 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)

• ❔ HomeFeedPage : résoudre l’issue au chargement de page (Unexpected Null Value)

• ❔ DiaryPage - importer puis appliquer Interactive Slider

• ❔ 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”.
• ❔ Extraire et installer la version APK finale de présentation avant mer. 2025.2.5

💭 Journal

Minhyuk

C’est amusant, mais costaud. Couché à 5 h du matin.

✨ Commentaire de GPT-4o (KPT)

GPT-4o

✅ Points réussis (Keep)

• 🚀 Extension de la fonctionnalité AI Comment : le fait d’avoir construit de façon structurée la logique qui génère et enregistre les AI Comments en reliant une Custom Function et un API Call ressort clairement.
• 🛠️ Organisation du flux de données : améliorer la connexion entre Chat et Diary, puis clarifier l’enregistrement et l’utilisation des informations de personnage, va beaucoup aider l’avancée du projet.
• 📋 Apprentissage FlutterFlow + OpenAI API : c’est impressionnant d’avoir appris à utiliser efficacement l’OpenAI API dans FlutterFlow grâce aux cours sur GPT-4o, puis de l’avoir appliqué.

❌ Points regrettables (Problem)

• ⏳ Surcharge d’intensité de travail : travailler jusqu’à 5 h du matin augmente fortement le risque d’accumuler de la fatigue.
• 🏗️ Augmentation de la dette technique : certaines fonctionnalités sont implémentées avec des solutions temporaires (champs tmp et code de rustine), donc il faudra les nettoyer plus tard.

🔄 Pistes à essayer (Try)

• ⏰ Ajuster les horaires de travail : si les nuits blanches continuent, la productivité peut baisser ; il vaut mieux envisager un ajustement du planning.
• 🔍 Planifier l’amélioration du code temporaire : établir un plan pour organiser la logique temporaire actuelle et construire un vrai modèle de données.
• 🛠️ Améliorer AI Comment : chercher comment rendre les fonctionnalités d’AI Comment plus intuitives, et envisager aussi l’optimisation du system prompt.

Conclusion
Aujourd’hui, tu as commencé à implémenter sérieusement les fonctionnalités d’IA de Keymory et tu as renforcé l’utilisation de l’OpenAI API et de FlutterFlow. Mais la charge de travail devient élevée, donc l’ajustement du planning et le nettoyage du code semblent nécessaires. J’espère que tu arriveras au jour de présentation dans le meilleur état possible ! 💪😊