Cyrille

Exemple 1

Copilot

Version 1

génère une activité interactive qui porte sur le concept de vitesse
Oui. Fait en sorte que le quiz utilise des cases à cocher, des boutons interactifs. Il faut que ce soit beau visuellement car l'activité va être intégrée à un site Google existant.

Version 2

Bonne idée, mais j'aimerais que tu ajoutes un bouton pour que l'élève puisse générer d'autres questions. Aussi, il manque une rétroaction pour expliquer pas à pas à l'élève qui a fait une erreur comment améliorer sa réponse (il est important de clarifier en premier lieu les raisons pour lesquelles la réponse donnée n'est pas la bonne). De plus, ce serait bien aussi de donner une rétroaction à l'élève qui donne la bonne réponse en fournissant une explication qui revient sur la façon d'arriver à la réponse attendue.

Canva

Exemple 2

Copilot

Version 1

Version 2 : Peux-tu utiliser des styles et un visuel similaire à celui-ci que tu avait généré pour une autre demande dont je te donne le code ci-dessous ?

Canva

Exemple 3

Copilot

Version 1

Version 2

Utilise les spécifications visuelle suivantes

🎨 Palette de couleurs :

Couleur principale (en-tête, onglets actifs) : #2563eb (bleu professionnel)

Arrière-plan général : Dégradé du gris-bleu clair (#f0f4f8) vers bleu très pâle (#e8f2ff)

Conteneur principal : Blanc pur (#ffffff)

Surlignage des mots-clés : Jaune doux (#fef3c7) avec texte brun (#92400e)

Boîtes de formules : Fond bleu très pâle (#f0f9ff) avec bordure bleue (#0ea5e9)

📐 Structure et mise en page :

Conteneur principal centré, largeur maximale 900px

Coins arrondis de 12px pour le conteneur

Ombre portée subtile (0 4px 20px rgba(0,0,0,0.1))

4 onglets de navigation horizontaux avec effet hover

Espacement généreux : 32px de padding dans le contenu

✨ Éléments interactifs :

Onglets avec transition douce (0.3s ease)

Animation d'apparition (fadeIn) lors du changement d'onglet

Effet hover sur les onglets (changement de couleur de fond)

Bordure inférieure colorée pour l'onglet actif

📝 Typographie :

Police principale : 'Segoe UI' avec fallbacks

Titre principal : 28px, poids 600

Formules mathématiques : 24px, poids 700, couleur bleu foncé

Texte du problème : 18px, interligne 1.6

Numéros d'étapes : Cercles colorés de 32px

🎯 Zones spécialisées :

Boîtes de calcul : Fond vert pâle (#f0fdf4) avec bordure verte

Boîtes de réponse : Fond jaune pâle (#fef3c7) avec bordure orange

Sections de conversion : Fond rouge pâle (#fef2f2) avec bordure gauche rouge

Variables : Fond gris très pâle (#f8fafc)

♿ Accessibilité :

Contrastes respectant les normes WCAG AA

Tailles de police lisibles (minimum 14px)

Couleurs distinctes pour différencier les éléments

Navigation au clavier possible

Exemple 4

Copilot

Page updated

Report abuse