Tech • IA • Robotique • Jeu
Gemini 4 Argon - Tutoriel complet : comment créer une application en quelques minutes
6/10INTRO
Une application de journal complète appelée Lumen a été créée dans Base44 avec Gemini 4 Argon, puis testée pour l’écriture, l’assistance IA, l’authentification, les abonnements et l’usage mobile afin de voir si le modèle pouvait conserver sa cohérence sur plusieurs étapes de développement.
POINTS CLÉS
Tester au-delà du premier prompt
Le projet visait un critère plus exigeant que la génération d’un premier écran soigné: vérifier si Gemini 4 Argon pouvait maintenir la cohérence des décisions produit initiales à mesure que de nouvelles fonctionnalités étaient ajoutées. L’application a été étendue en six prompts, chaque étape ajoutant des fonctions tout en préservant la structure d’origine et le langage visuel.
Base initiale et système visuel
Lumen a été conçu comme une application de journal avec une interface Apple-style liquid glass, incluant des dégradés doux, des cartes translucides givrées, des coins arrondis, des ombres et des transitions animées. La version initiale comprenait un écran d’accueil, une liste d’entrées datées et un éditeur où les utilisateurs pouvaient ajouter un titre, écrire du contenu, choisir parmi cinq humeurs et enregistrer les entrées dans une base de données.
Fonctionnalités d’organisation ajoutées ensuite
Une fois le flux d’écriture principal opérationnel, l’application a reçu des outils pour un usage à long terme: des tags affichés sous forme de pastilles de verre colorées, des favoris, une barre de recherche couvrant les titres, le texte et les tags, ainsi que des filtres par humeur, tag et favoris. Une vue calendrier signalait les jours avec activité de journal, tandis qu’une carte de série d’écriture suivait les jours d’utilisation consécutifs pour encourager la formation d’une habitude.
Outils de réflexion IA et de mémoire
L’étape suivante a introduit l’intégration IA native de Base44 sans nécessiter de configuration d’API externe. Un bouton Reflect générait une courte réponse et une question de suivi liées au texte d’une entrée de journal, et les deux résultats étaient enregistrés avec l’entrée. L’écran d’accueil a aussi reçu un prompt d’écriture quotidien généré par l’IA, et un assistant flottant pouvait répondre à des questions sur les entrées passées à partir du contenu stocké du journal.
Confidentialité via les comptes utilisateur
Comme les journaux contiennent des éléments sensibles, l’application a ensuite ajouté des parcours d’inscription et de connexion à l’aide de l’authentification intégrée. Les utilisateurs non connectés étaient redirigés vers la connexion, tandis que les utilisateurs authentifiés ne voyaient que leurs propres entrées et pouvaient gérer une page de profil avec leur nom, un avatar basé sur leurs initiales et des contrôles de déconnexion. Une version publiée de l’application a servi à confirmer qu’un nouveau compte commençait avec un journal vide.
Offre premium avec entrées verrouillées et insights
Une couche payante Lumen Premium a ajouté deux fonctions principales: le verrouillage des entrées avec un code PIN à quatre chiffres et une page d’insights de type analytique. Les insights premium comprenaient les tendances d’humeur, des statistiques d’écriture, des thèmes récurrents et un résumé mensuel généré par l’IA de l’activité du journal. Les utilisateurs gratuits voyaient un aperçu flouté de l’écran d’insights et étaient invités à passer à l’offre supérieure s’ils tentaient de verrouiller une entrée.
Flux d’abonnement Stripe en mode test
Les paiements ont été connectés via Stripe en mode test, avec un abonnement premium mensuel configuré dans l’application. Le paiement devait être testé sur la version publiée en ligne plutôt que dans l’aperçu de l’éditeur, car Stripe Checkout ne fonctionnait pas dans l’environnement de prévisualisation. Après validation du paiement avec une carte de test, l’accès premium se débloquait, un badge premium apparaissait sur le profil utilisateur et la gestion de l’abonnement devenait disponible.
Nettoyage du design et test complet de bout en bout
Une fois les fonctions majeures en place, la dernière passe s’est concentrée sur la cohérence des effets de flou, des reflets, des ombres, de la lisibilité, des états vides et des indicateurs de chargement. L’application a ensuite été testée depuis un compte vierge sur l’ensemble du parcours utilisateur: création d’entrées, ajout de tags et filtrage, usage des réflexions IA et des prompts, rencontre des limitations premium sur l’offre gratuite, passage à niveau via Stripe, activation de la protection par PIN et vérification de l’adaptabilité de la mise en page sur mobile.
CONCLUSION
La réalisation a montré que Gemini 4 Argon pouvait prendre en charge un flux de création d’application en plusieurs étapes allant bien au-delà de simples maquettes, à condition que le projet soit testé de façon répétée dans son environnement réel. Le principal résultat n’était pas seulement une interface soignée, mais une application fonctionnelle réunissant journal, fonctions IA, comptes privés et abonnements payants dans un produit cohérent.
Poser une question