Mes outils

Paramètres de l’outil

Ces paramètres s’appliquent en enregistrant. Pour changer les boutons, les calculs ou les résultats proposés, utilisez l’assistant IA ci-dessous.

Nom de l’outil Description courte

Cette présentation accompagne votre outil. Elle ne modifie pas son fonctionnement.

Public de l’outil

Conservation des informations

Créer mon outil avec l’IA

Préparer ma demande à l’IA

Ces choix préparent votre demande. Ils ne modifient pas le code de l’application : copiez la demande dans votre IA, puis collez ses trois nouveaux blocs à l’étape 3.

Demandez le code à votre IA

Votre idée et vos choix sont réunis dans une demande prête à l’emploi. Copiez-la, collez-la dans votre IA habituelle, puis demandez-lui de créer l’outil.

Voir la demande préparée

Fournis trois blocs de code distincts et complets : HTML, CSS et JavaScript, à copier dans les trois onglets de « Mes outils » d’Outils EPS. N’impose aucun framework. Le HTML doit être un fragment de contenu, sans document complet ni balises script ou style. Le CSS et le JavaScript doivent être fournis sans balises englobantes.

L’outil doit être autonome, fonctionner hors ligne et s’adapter au téléphone, à la tablette et à l’ordinateur, avec des boutons faciles à toucher (au moins 44 px).

Contraintes impératives de compatibilité :
- Le JavaScript s’exécute dans un Worker isolé avec un DOM virtuel limité, sans accès au DOM réel du navigateur.
- Utilise document.getElementById de préférence. querySelector et querySelectorAll ne prennent en charge que les sélecteurs simples : #identifiant, .classe ou nom de balise.
- Pour afficher ou modifier le contenu, utilise textContent ou innerText. Pour les champs, utilise value, checked et disabled.
- Prépare uniquement les résultats explicitement demandés dans les consignes de partage ci-dessous. Les identités, consignes, titres et messages d’état ne sont jamais des résultats à transmettre.
- Pour les styles, utilise le bloc CSS, className, classList.add/remove/contains/toggle (sans second argument) ou des affectations simples comme element.style.backgroundColor = "red".
- Si nécessaire, utilise document.createElement et appendChild. Préfère toutefois prévoir tous les éléments dans le bloc HTML.
- Pour les interactions, utilise addEventListener avec click, input, change ou keydown. Les événements exposent seulement type, target, currentTarget, key, preventDefault et stopPropagation. Évite la délégation d’événements ; attache les écouteurs directement aux éléments concernés.
- Math et les minuteries setTimeout/setInterval sont disponibles. Les mises à jour visuelles sont asynchrones. Prépare les éléments fixes dans le HTML, puis actualise seulement les valeurs qui changent. Ne reconstruis pas toutes les lignes à chaque action. Pour un chronomètre, rafraîchis l’affichage au plus 10 fois par seconde ; pour un compteur, seulement après une action. N’installe jamais plusieurs minuteries pour le même affichage.
- Utilise des balises de contenu simples, des boutons, labels, inputs, selects, options, textareas et outputs. Pour les inputs, seuls text, number, range, checkbox, radio, button, color, date et time sont pris en charge.
- N’utilise pas innerHTML, insertAdjacentHTML, attributs onclick, dataset, parentNode, removeChild, mesures de mise en page, canvas, SVG, images, liens, formulaires, iframe, audio ou vidéo.
- Pour jouer un son, utilise exclusivement outilSon.jouer("bip"), outilSon.jouer("double"), outilSon.jouer("fin") ou outilSon.jouer("depart"). outilSon.arreter() coupe le son en cours. Ces fonctions ne renvoient pas de promesse. Les sons sont intégrés et fonctionnent hors ligne, sans fichier externe ni AudioContext accessible au code de l’outil. L’utilisateur doit cliquer sur « Activer les sons » dans le lecteur avant de démarrer son timer. Limites : un signal par seconde, moins d’une seconde par signal, volume modéré fixe. Les demandes supplémentaires, inconnues, avant activation ou lorsque la page est masquée sont ignorées. Prévois toujours une alerte visuelle en complément ; le son n’est pas garanti en arrière-plan ou écran verrouillé.
- N’utilise aucune bibliothèque, police, image, script, style ou autre ressource externe, ni fetch, WebSocket, import, navigation ou fenêtre pop-up.
- Aucun accès direct aux cookies, à localStorage, à IndexedDB, à Supabase ou à la base interne d’Outils EPS. Les éventuelles sélections scolaires passent uniquement par outilEPS et les autorisations explicites de l’enseignant.
[[CONSIGNES_MEMOIRE]]
- Limite le code total à 300 000 caractères et le contenu à moins de 2 000 nœuds HTML. Évite les boucles bloquantes et les mises à jour intensives.

Vérifie que ta proposition respecte ces contraintes avant de répondre. Si une fonction demandée est incompatible, explique-le et propose une solution utilisant uniquement les possibilités ci-dessus.

Collez chacun des trois blocs dans l’onglet correspondant. Essayez votre outil, puis enregistrez-le pour le retrouver dans Mes outils.

Les choix de l’étape 1 préparent la demande à l’IA. Pour changer le fonctionnement d’un outil existant, remplacez son code par la nouvelle réponse de l’IA avant d’enregistrer.

Conseils techniques, si besoin

Le prompt contient déjà les règles de compatibilité. L’outil fonctionne hors ligne dans un moteur isolé avec un affichage limité. Les ressources externes, les bibliothèques et l’accès direct à la base sont interdits. Seule votre sélection autorisée peut être transmise à l’outil. Utilisez les trois blocs HTML, CSS et JavaScript fournis sans balises englobantes.

Les données utilisées sont repérées dans le code. Vous choisirez les élèves avant de lancer l’outil.

Paramètres de l’outil

Préparer ma demande à l’IA

Décrivez votre idée en détail

Demandez le code à votre IA

Erreur de l’outil

Erreur de l’outil

Supprimer cet outil ?

Mes créations

Créer un outil

Paramètres de l’outil

Préparer ma demande à l’IA

1 Décrivez votre idée en détail

2 Demandez le code à votre IA

3 Collez la réponse de l’IA

Données nécessaires au bon fonctionnement

Mon outil

Erreur de l’outil

Décrivez votre idée en détail

Demandez le code à votre IA

Collez la réponse de l’IA