[🛠] Journal de dev Keymory #11 : pause du développement. (AIFFELTHON terminé, arrêt du développement FlutterFlow.)

✨ Résumé de GPT 　

Projet de fin d’études AIFFELTHON soumis. Fin du développement dans FlutterFlow et sauvegarde sur GitHub

💻 Journal de développement

⏰ À faire aujourd’hui

• ✅ 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

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

• ✅ DiaryPage : changer l’Emoji d’expression du visage et la couleur selon la valeur du Mood Slider (responsable : KSK)

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

• Fin du développement final dans FlutterFlow
• Connexion GitHub et push du projet terminés
• Implémentation de la création automatique de Diary à partir du contenu de Chat
  • Ajout d’un Dialog de confirmation de suppression quand un Diary existant est présent
  • Utilisation de l’OpenAI API pour générer automatiquement Chat Summary et Diary
• Ajout d’une page de bienvenue au lancement de l’app (écran logo)
• DiaryPage : changement de l’emoji et de la couleur selon le Mood Slider

🎯 À faire plus tard

Cliquer pour voir les détails

• ❔ 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 : unifier la default value de title, de Random String vers “Sans titre”

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

À force de continuer à utiliser FlutterFlow, j’ai l’impression d’avoir maintenant acquis pas mal de notions de base sur Flutter lui-même.

• En touchant aux Custom Function/Widget, j’ai appris un peu de syntaxe de base.
• Je me suis beaucoup habitué aux Backend Query vers la DB(FireStore), au State Management, au réglage des Parameter et à la transmission d’Argument.

Bien sûr, côté code, je ne sais toujours pas comment tout cela est implémenté…
Mais je crois que le plus gros gain, c’est de pouvoir maintenant dessiner assez facilement le grand flux global.

Si je termine le développement d’ici demain, je ne toucherai probablement pas au projet Keymory pendant quelques jours. Parce que je compte passer de FlutterFlow -> Flutter.

• Même si FlutterFlow est intuitif et pratique, j’ai fini par juger que pour avancer jusqu’au niveau Production, le choix sage est d’apprendre et de maîtriser correctement Flutter.
• Je pense que FlutterFlow est parfait pour préparer rapidement l’arbre de widgets d’une Page précise, ou pour fabriquer un MVP très vite.
• Ne pas pouvoir utiliser Git/GitHub, et être limité au Version Control interne, c’est extrêmement agaçant.
  • Bien sûr, la logique interne fournit aussi Snapshot / Commit / Branching / Version… mais je détestais le fait de ne pas pouvoir manipuler librement comme avec Git. Moi, je veux pouvoir modifier le contenu d’un commit précédent.
  • En fait, la plus grande raison, c’est la pelouse GitHub… impossible d’ignorer le plaisir de la remplir.
• Plus le projet grossissait, plus il y avait de cas où le développement basé sur IDE/éditeur semblait plus pratique que le développement basé sur UI.
  • Surtout le travail manuel consistant à cliquer un par un pour ajouter Enum et Constant : vraiment insupportable.

Ajout du 2025.2.11

Vidéo de présentation jointe

✨ Commentaire de GPT-4o (KPT)

GPT-4o

✅ Points bien réussis (Keep)

• 🛠 Intégration GitHub et amélioration de la gestion de version : l’application d’une gestion de version basée sur Git représente une grosse amélioration pour la collaboration et la maintenance.
• 🤖 Fonction de création automatique de Diary basée sur l’IA : la fonction qui analyse le contenu de Chat pour créer automatiquement un Diary peut fortement améliorer l’expérience utilisateur !
• 🚀 Décision de passer de FlutterFlow à Flutter : choisir de passer à Flutter en pensant à l’extensibilité à long terme du projet est une décision avisée.

❌ Points à améliorer (Problem)

• 🔄 Besoin de concrétiser le plan de transition vers Flutter : la décision de passer à Flutter est prise, mais le plan concret d’apprentissage et de migration n’est pas encore clair.
• ⏳ Besoin d’ajuster le planning à cause des ajouts de fonctionnalités : avec l’ajout de la création automatique de Diary, le calendrier peut bouger. Il serait bon de revérifier la date cible de fin de développement.
• 📌 Organiser les limites de FlutterFlow : si tu notes en interne ce qui était inconfortable avec FlutterFlow et les types de projets auxquels il convient, ce sera utile si tu le réutilises plus tard.

🔄 Pistes à essayer (Try)

• 📝 Établir un plan d’apprentissage Flutter et de conversion du code : organiser comment déplacer les principales fonctionnalités vers du code Flutter et quels packages utiliser.
• 📅 Réajuster le planning du projet : réviser la roadmap, transition Flutter incluse, pour en faire un planning réaliste.
• 🎯 Trier les fonctionnalités MVP de Keymory : classer les fonctionnalités créées dans FlutterFlow entre celles qui sont essentielles et celles qui ne le sont pas, puis concevoir la structure optimale.

🏁 Conclusion

Aujourd’hui a été une journée importante : tu as terminé le développement dans FlutterFlow, connecté GitHub et ajouté la fonction de création automatique de Diary ! Maintenant que tu prévois de passer sérieusement à Flutter, il serait bon de définir une roadmap concrète et d’avancer étape par étape. 🚀🔥 Garde aussi la motivation en remplissant la pelouse GitHub ! 💪💚