|
|
--- |
|
|
title: Eduhtml Creator Apple Style |
|
|
emoji: 👀 |
|
|
colorFrom: blue |
|
|
colorTo: yellow |
|
|
sdk: gradio |
|
|
sdk_version: 5.42.0 |
|
|
app_file: app.py |
|
|
pinned: false |
|
|
short_description: 🎓 EduHTML Creator - Générateur de contenu éducatif HTML |
|
|
--- |
|
|
|
|
|
# 🎓 EduHTML Creator |
|
|
|
|
|
Transformez n'importe quel document en contenu éducatif HTML interactif avec un design inspiré d'Apple. |
|
|
|
|
|
## 🎯 Objectif éducatif |
|
|
|
|
|
Cette application utilise l'intelligence artificielle pour créer des pages HTML éducatives élégantes et interactives à partir de vos documents. L'objectif est de faciliter l'apprentissage grâce à : |
|
|
|
|
|
- **Apprentissage par le visuel** - Design moderne et épuré |
|
|
- **Apprentissage par l'interaction** - Expérience engageante avec quiz interactifs |
|
|
- **Apprentissage par la structuration** - Organisation claire des informations |
|
|
- **Apprentissage par la mémorisation** - Design soigné et interactions fluides |
|
|
- **Apprentissage par le jeu** - Quiz pour tester et renforcer les connaissances |
|
|
|
|
|
## 🚀 Fonctionnalités |
|
|
|
|
|
- **Modèles LLM supportés** : |
|
|
- Gemini 2.5 Flash (Google AI) - *API gratuite incluse* |
|
|
- ChatGPT 5 (OpenAI) |
|
|
- Claude Sonnet 4 (Anthropic) |
|
|
- Gemini 2.5 Pro (Google AI) |
|
|
|
|
|
- **Sources de documents supportées** : |
|
|
- Texte copié/collé |
|
|
- Liens Web |
|
|
- Fichiers PDF, Word, Excel, PowerPoint, TXT |
|
|
|
|
|
- **Fonctionnalités du HTML généré** : |
|
|
- Design inspiré d'Apple |
|
|
- Navigation interactive |
|
|
- Quiz d'évaluation |
|
|
- Barre de progression de lecture |
|
|
- Responsive design |
|
|
- Fact-checking intégré |
|
|
|
|
|
## 🛠️ Installation |
|
|
|
|
|
1. Clonez ce repository |
|
|
2. Installez les dépendances : `pip install -r requirements.txt` |
|
|
3. Configurez les variables d'environnement (optionnel pour Gemini) |
|
|
4. Lancez l'application : `python app.py` |
|
|
|
|
|
## 🔑 Configuration des API |
|
|
|
|
|
- **Gemini 2.5 Flash** : API gratuite incluse (jusqu'à épuisement) |
|
|
- **Autres modèles** : Clé API requise |
|
|
|
|
|
## 📱 Utilisation |
|
|
|
|
|
1. Sélectionnez votre modèle LLM préféré |
|
|
2. Ajoutez votre clé API si nécessaire |
|
|
3. Fournissez votre document (texte, URL ou fichier) |
|
|
4. Cliquez sur "Générer le HTML" |
|
|
5. Téléchargez et visualisez votre contenu éducatif |
|
|
|
|
|
## 🎨 Design |
|
|
|
|
|
Le design s'inspire du site web d'Apple avec : |
|
|
- Palette de couleurs sophistiquée (blanc, noir, nuances de gris) |
|
|
- Typographie élégante |
|
|
- Espacement généreux |
|
|
- Coins arrondis et ombres subtiles |
|
|
- Animations fluides |
|
|
|
|
|
## 📄 Structure du HTML généré |
|
|
|
|
|
- En-tête avec métadonnées |
|
|
- Introduction contextuelle |
|
|
- Contenu interactif principal |
|
|
- Quiz d'évaluation |
|
|
- Synthèse et points clés |
|
|
- Fact-checking |
|
|
- Section "Aller plus loin" |
|
|
- Bas de page avec crédits |
|
|
|
|
|
## 🌐 Déploiement sur Hugging Face Spaces |
|
|
|
|
|
Cette application est prête pour le déploiement sur Hugging Face Spaces avec la configuration Gradio intégrée. |
|
|
|
|
|
## 👨💻 Développé par |
|
|
|
|
|
Prompt développé par [Pierre GUILLOU](https://www.linkedin.com/in/pierreguillou) |
|
|
|
