Vous pouvez connecter votre IA générative à des sources de données externes. Nous prendrons ici le service data.gouv.fr qui regroupe les données publiques ouvertes.

Pour ce faire, nous allons devoir connecter la source avec notre IA génératives. Vous pourrez le faire gratuitement avec Mistral ou Claude.
Sur Claude :

  • Menu Personnaliser > Connecteur > Ajouter > Ajouter un connecteur personnalisé
  • Donner un nom au connecteur
  • Recopier l'URL : https://mcp.data.gouv.fr/mcp
  • Cliquer sur Ajouter puis sur Connecter

Ensuite, vous allez pouvoir saisir votre prompt qui ira chercher les données directement à cette source. Cela vous assure une dépendance et d'avoir une donnée à jour.

Exercice

En reprenant la structure RACE, élaborer un prompt qui va vous générer une carte de France dynamique o* vous pourrez zoomer, choisir une zone géographique (pays, région, département, commune, station) et pour la zone sélectionnée afficher l'évolution du prix des carburants sur la dernière année. Votre IA ira se connecter directement à data.gouv.fr et ira chercher d'elle même la bon jeu de données (ici : https://www.data.gouv.fr/datasets/prix-des-carburants-en-france-flux-instantane-v2-amelioree). Nul besoin de mettre un fichier csv en pièce jointe de la conversation.


Application générée par Claude (chat, /!\ différent de Claude Code) 

Application générée par Mistral (Work, /!\ différent de Code) 

Proposition de prompt

Rôle

Tu es un data scientist spécialisé dans les données géomatiques, l'analyse spatiale et les données de consommation de carburants.

Tu maîtrises la visualisation de données géographiques, les cartes interactives, les séries temporelles et la conception d'interfaces web responsive.

Tâche

Tu dois développer une application web HTML dynamique permettant d'explorer les prix du diesel en France sur une période d'un an.

L'application doit afficher une carte interactive de la France permettant à l'utilisateur de naviguer dans les différents niveaux géographiques et de sélectionner une zone.

Lorsqu'une zone est sélectionnée, l'application doit afficher l'évolution du prix du diesel sur cette zone au cours des 12 derniers mois.

L'application doit être fonctionnelle et exploitable, et non constituer uniquement une maquette visuelle.

Contexte

L'application s'adresse au grand public et doit donc privilégier la simplicité d'utilisation, la lisibilité et la compréhension immédiate des informations.

Elle doit fonctionner correctement sur ordinateur, tablette et smartphone.

L'interface doit être responsive et adaptée aux interactions tactiles.

Les données géographiques et les données de prix doivent être traitées comme des données réelles : ne pas inventer de valeurs, de frontières ou de stations.

Si une donnée nécessaire n'est pas disponible, l'application doit l'indiquer explicitement plutôt que d'afficher une information fictive.

Les niveaux de granularité géographique sont les suivants :

  • Pays

  • Région

  • Département

  • Commune

  • Station-service

La navigation doit permettre de passer progressivement d'un niveau géographique au niveau inférieur, tout en conservant un contexte géographique cohérent.

Attendu

L'utilisateur doit pouvoir :

  1. Afficher une carte interactive de la France.

  2. Zoomer et se déplacer sur la carte.

  3. Sélectionner une zone géographique en cliquant ou en appuyant dessus.

  4. Identifier clairement la zone sélectionnée.

  5. Naviguer entre les niveaux Pays → Région → Département → Commune → Station.

  6. Consulter le prix du diesel associé à la zone sélectionnée.

  7. Visualiser l'évolution de ce prix sur les 12 derniers mois sous la forme d'un graphique temporel.

  8. Comprendre immédiatement la période analysée et l'unité du prix.

  9. Revenir facilement au niveau géographique précédent.

  10. Utiliser l'ensemble des fonctionnalités sur smartphone et tablette sans dépendre du survol de la souris.

Le graphique doit être une série temporelle lisible présentant l'évolution du prix du diesel au cours des 12 derniers mois.

Pour chaque zone sélectionnée, afficher au minimum :

  • le nom de la zone ;

  • son niveau géographique ;

  • le prix actuel ou le dernier prix disponible ;

  • la date du dernier relevé disponible ;

  • l'évolution du prix sur les 12 derniers mois ;

  • l'unité utilisée pour le prix.

La carte et le graphique doivent rester synchronisés : toute nouvelle sélection géographique doit mettre à jour les informations et la série temporelle correspondantes.

L'interface doit gérer explicitement les situations suivantes :

  • aucune zone sélectionnée ;

  • aucune donnée disponible pour une zone ;

  • données partielles sur la période ;

  • station sans historique complet ;

  • changement de niveau géographique ;

  • écran de petite taille ;

  • erreur ou indisponibilité d'une source de données.

Privilégie une architecture simple, robuste et maintenable.

Sépare clairement les données, la logique de navigation géographique et l'interface utilisateur.

Avant de considérer l'implémentation comme terminée, vérifie que :

  • la carte est réellement interactive ;

  • les zones géographiques sélectionnables correspondent aux données disponibles ;

  • la sélection d'une zone met effectivement à jour le graphique ;

  • les 12 derniers mois sont correctement calculés ;

  • les dates et les prix sont correctement formatés ;

  • aucune valeur fictive n'est présentée comme une donnée réelle ;

  • l'interface reste utilisable sur smartphone, tablette et ordinateur ;

  • les interactions principales sont accessibles au clavier et au tactile ;

  • aucune fonctionnalité affichée dans l'interface ne reste sans implémentation.

最后修改: 2026年10月5日 星期一 09:40