Compilateur d'application pédagogique

Paramètres de l'activité

Niveau scolaire

Matière / Sujet

Objectif Pédagogique

Type d'activité

Style Visuel

Informations Complémentaires

Liens directs vers les IA :

ChatGPT Gemini Claude Mistral

Votre prompt optimisé

Remplissez le formulaire à gauche pour générer un prompt structuré...

Conseil : Copiez ce texte et collez-le dans votre IA préférée. Une fois que l'IA a généré le code HTML, copiez le code et allez dans l'onglet "Compilateur webapp".

Assemblez votre code

Transformez des morceaux de code (HTML, CSS, JS) en un fichier unique prêt à l'emploi.

Nom du fichier final

.html

Code HTML Collez le code principal ici

J'ai du CSS séparé (Style) J'ai du JS séparé (Script)

À quoi sert cet onglet ?

Cet outil prépare votre code pour l'héberger sur La Forge Édu. Il génère le ZIP contenant le fichier de configuration technique (.gitlab-ci.yml) indispensable.

Informations du projet Forge

Nom du projet (sans espaces)

Sera utilisé pour nommer le fichier ZIP.

Votre code HTML

Collez le code complet (ou celui généré dans l'onglet 2)

Personnaliser le README.md

Description pour la Forge

Prêt à exporter ?

L'outil va générer la structure exacte requise par La Forge (GitLab Pages) : index.html, .gitlab-ci.yml et README.md.

Ou télécharger individuellement :

Comment mettre en ligne ?

1
Créer un projet vierge

Sur la Forge, cliquez sur "Nouveau projet" > "Créer un projet vide". Décochez "Initialiser avec un README".
2
Téléverser les fichiers

Téléchargez le ZIP généré ici. Décompressez-le. Dans votre nouveau projet Forge, allez sur le "+", puis "Téléverser un fichier" et glissez les 3 fichiers décompressés.
3
Activation automatique

Le fichier .gitlab-ci.yml va automatiquement déclencher la construction du site. Dans quelques minutes, allez dans "Déploiement" > "Pages" pour voir votre lien !