Forger son Projet IA personnel

← Les principes · 14 diapositives · flèches ou clic pour avancer

Kickoff · Semaine 1 · Le socle IA individuel

Forger son Projet IA personnel

L'espace d'idéation individuel qui retient l'architecture de votre boutique.

La notion de projet : l'espace qui se souvient

Toutes les plateformes offrent le même concept, sous quatre noms :

Claude : un Projet ChatGPT : un Projet Gemini : un Gem Grok : un Projet ou un espace de travail
LE PROJET votre espace personnel, au nom de la boutique Les instructions principales du projet les normes du cours et la charte : toujours vraies Les fichiers du projet fiche de sujet, devis fonctionnel, HTML retenu chaque conversation hérite de tout Une conversation la page d'accueil Une conversation la page des produits Une conversation le paiement en ligne Les conversations du projet : une page à la fois, jamais le site au complet
Projet Web Transactionnel · Le socle IA2

L'Anatomie de votre Matrice

1 LE PROMPT SYSTÈME les règles de comportement invisibles et permanentes - relues avant chaque réponse 2 LES FICHIERS DU PROJET fiche HTML la mémoire, le HTML, le contexte 3 LA FENÊTRE DE CHAT Génère la page d'accueil de ma boutique… Voici le fichier accueil.html, sémantique et en français… Votre requête ponctuelle… les requêtes ponctuelles et l'action
Projet Web Transactionnel · Le socle IA3

Section 1

Le Prompt Système

La Loi

Projet Web Transactionnel · Le socle IA4

L'âme du projet : Le Prompt Système

Un prompt normal est un ordre ponctuel dans le chat. Le problème ? Au bout de dix messages, l'IA 'oublie' vos consignes de départ.

Le Prompt Système (ou Instructions Personnalisées) résout ce problème. C'est le règlement intérieur de votre IA. C'est une configuration cachée que l'IA est forcée de relire en secret avant CHAQUE réponse. Elle n'oubliera jamais son rôle ni son niveau d'expertise.

Projet Web Transactionnel · Le socle IA5

Le hack psychologique : Valorisez-vous

Les IA calibrent leur niveau de réponse sur le vôtre. Si vous vous présentez comme un étudiant débutant, l'IA vous fournira du code simpliste (le syndrome du 'Hello World'). Pour obtenir du code industriel, vous devez hacker ce comportement et exiger que l'IA vous traite en professionnel.

​Je suis le Directeur Technique d'une startup web. Je conçois une plateforme transactionnelle robuste et moderne. Ne m'explique pas les concepts de base. Donne-moi directement du code de niveau production, propre, structuré et sémantique. Mon rôle est de valider l'architecture, ton rôle est d'agir comme mon développeur Front-End Senior. Voici le contexte de notre boutique : [COLLER LA DESCRIPTION DE LA FICHE ICI]
Projet Web Transactionnel · Le socle IA6

Où configurer votre matrice ?

Claude
Utilisez la fonctionnalité "Projects". Dans les paramètres, définissez le Rôle (Role) de l'IA sur "Software Engineering" (Ingénierie), puis collez votre contexte dans les instructions personnalisées (Custom Instructions).
ChatGPT
Allez dans vos paramètres et utilisez Custom Instructions, ou créez un GPT personnalisé.
Gemini
Utilisez la fonctionnalité Gems pour créer une instance avec des instructions permanentes.

L'étudiant ne doit avoir aucun doute sur où cliquer : le Prompt Système vit dans cet espace de configuration, quelle que soit la plateforme.

Projet Web Transactionnel · Le socle IA7

Section 2

La Mémoire du Projet

Le Contexte

Projet Web Transactionnel · Le socle IA8

La source de votre contexte

Tout comme pour la génération de code, le contexte de votre Projet IA ne s'invente pas : il provient de votre Fiche de choix de sujet (Mission 1). C'est le contenu de cette fiche qui viendra nourrir l'IA pour lui donner les fondations de votre boutique.

LA FICHE DE CHOIX DE SUJET rédigée à la Mission 1 du kickoff Nom du projet Coéquipiers Description de la boutique « La serre urbaine vend des plantes rares aux collectionneurs… » LE CONTEXTE DU PROJET les fondations de votre boutique « La serre urbaine vend des plantes rares aux collectionneurs… » collée dans le Prompt Système et les fichiers du projet copier-coller
Projet Web Transactionnel · Le socle IA9

Le carburant de l'IA : Votre Prototype HTML

À l'étape précédente du cours, vous avez généré un prototype HTML de votre boutique. C'est une mine d'or d'informations.

Téléversez ces fichiers HTML dans votre nouveau Projet IA. Ils fourniront à la machine l'ADN visuel et la structure sémantique exacte de votre projet. Elle saura exactement ce que vous construisez avant même de rédiger le Devis.

Votre prototype HTMLgénéré à la mission 4
Les fichiers du projettéléversés : l'ADN de votre boutique
Projet Web Transactionnel · Le socle IA10

Section 3

L'Action

La Discussion

Projet Web Transactionnel · Le socle IA11

Le prompt d'initialisation : forger l'espace

Nouveau projetdans le site d'IA
Nom = votre boutiqueex : Vélos du Plateau
Instructions du projetle prompt ci-dessous
Documentsla description de la boutique
​Tu m'aides à bâtir la boutique [sujet] du cours Projet Web Transactionnel, en français.
  • À coller dans les instructions du projet, en remplaçant [sujet] par votre boutique
  • Le projet est personnel : chaque étudiant(e) forge le sien
Projet Web Transactionnel · Le socle IA12

Exploiter le projet : quoi mettre où

La description du projet
Le commerce, avec des mots : ce que la boutique vend, et à qui. « La serre urbaine vend des plantes rares aux collectionneurs de Montréal. »
Les instructions du projet
Ce qui est toujours vrai, pour toutes les conversations. « Réponds en français. Code sémantique en français : id uniques, classes systématiques. Charte : vert forêt et crème. »
Le prompt de la conversation
La demande du moment : UNE page, son contenu précis. « Génère la page de paiement : le produit choisi, le montant, l'action payer. »
  • Les fichiers du projet complètent le tout : la fiche de sujet, le devis fonctionnel, le HTML retenu par l'équipe
  • Le test : la phrase que vous recopiez dans chaque prompt appartient aux instructions

Le gabarit d'instructions prêt à copier est dans le diaporama Paramétrer ses projets IA (mission 5 du kickoff).

Projet Web Transactionnel · Le socle IA13

Le socle est prêt

Votre matrice est configurée et son contexte est figé. Ce Projet IA est maintenant le puissant moteur d'exécution de votre équipe, mais n'oubliez jamais : le cerveau de l'opération, c'est vous.

Il va vous servir immédiatement à rédiger le Devis (Mission 5), mais il sera aussi votre développeur principal pour générer tout le code HTML et CSS de votre application finale.

VOTRE PROJET IA la Matrice configurée Rédiger le Devis fonctionnel Mission 5 - tout de suite Générer le code HTML/CSS final Missions futures - votre développeur principal
Projet Web Transactionnel · Le socle IA14