{% extends 'base.landing.html.twig' %} {% block header_cta_label %}Essayer Scormia{% endblock %} {% block header_active_code %}scormia{% endblock %} {# Couleurs de l'outil (depuis la DB si présentes, sinon repli indigo Scormia). #} {% set c1 = tool is not null and tool.colorPrimary is not null ? tool.colorPrimary : '#1E40AF' %} {% set c2 = tool is not null and tool.colorSecondary is not null ? tool.colorSecondary : '#3B82F6' %} {% set c3 = tool is not null and tool.colorBackground is not null ? tool.colorBackground : '#EEF2FF' %} {% set c1dark = '#1E3A8A' %} {# Dégradé texte réutilisable — pattern documenté par l'atom _atoms/gradient-text (cf. Slidia/Monalisia/Pixia). #} {% set gtStyle = 'background:linear-gradient(135deg,' ~ c1 ~ ',' ~ c2 ~ ');-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;' %} {% block title %}Scormia — Créez des modules SCORM interactifs avec l'IA | Bubul{% endblock %} {% block meta_description %}Transformez un PDF ou un simple sujet en module SCORM interactif : quiz notés, flashcards, exercices. Export SCORM 1.2 pour Moodle et tous les LMS. Bêta gratuite.{% endblock %} {% block meta_keywords %}scormia, création scorm ia, module scorm, pdf vers scorm, export scorm moodle, e-learning interactif, générateur scorm{% endblock %} {% block canonical %}https://bubul.app/outils/scormia{% endblock %} {% block og_title %}Scormia — Vos cours au format SCORM, générés par l'IA.{% endblock %} {% block og_description %}Un PDF ou un sujet suffit : l'IA génère un module e-learning interactif, exportable en SCORM pour Moodle et tous les LMS.{% endblock %} {% block twitter_title %}Scormia — Vos cours au format SCORM, générés par l'IA.{% endblock %} {% block twitter_description %}De votre PDF à un module SCORM interactif en quelques minutes. Quiz, flashcards, exercices. Bêta gratuite sur Bubul.{% endblock %} {% block landing_content %}
{# ================================================ 1. HERO — organisme hero-tool ================================================ #} {% set scormiaHeroMockup %}
{# Barre de fenêtre #}
bubul.app/scormia/editor
{# Aperçu module #}
Module SCORM
{# Bloc texte #}
{# Bloc quiz #}
?
{# Barre d'action #}
Exporter en SCORM
{% endset %} {% include '_organisms/landing/hero-tool.html.twig' with { toolName: 'Scormia', toolIcon: 'bubul-scormia', toolColor: 'primary', h1: 'Votre éditeur SCORM.
Signé Scormia.', subtitle: 'Importez un PDF ou décrivez votre sujet. Scormia génère un cours interactif — texte, quiz notés, flashcards — et l\'exporte en SCORM, prêt pour Moodle et tous les LMS.', badge: 'Créateur de modules SCORM', betaBadge: true, ctaUrl: path('app_login'), ctaLabel: 'Créer un module', gradientStart: c1, gradientEnd: c2, visualHtml: scormiaHeroMockup } only %} {# ================================================ 2. HOW IT WORKS — organisme steps-tool ================================================ #} {% include '_organisms/landing/steps-tool.html.twig' with { variant: 'cards', titleHtml: 'Du PDF au SCORM. En quelques minutes.', subtitle: 'Un support existant ? Importez-le. Vous partez de zéro ? Décrivez votre sujet, l\'IA rédige et structure. Dans les deux cas, vous obtenez un module prêt à déployer.', accentColor: c1, gradientEnd: c2, bgStyle: 'background: color-mix(in srgb, ' ~ c3 ~ ' 45%, white);', steps: [ { num: '1', time: '10 secondes', title: 'Importez ou décrivez', desc: 'Glissez un PDF, ou laissez l\'IA partir d\'un simple sujet. Elle lit, comprend et découpe en parties.' }, { num: '2', time: 'Quelques minutes', title: 'L\'IA génère', desc: 'Texte pédagogique, blocs interactifs et quiz final : le module se construit tout seul, structuré et illustré.' }, { num: '3', time: 'À votre rythme', title: 'Éditez visuellement', desc: 'Ajustez chaque bloc, changez le thème et les couleurs, réorganisez. Ce que vous voyez est ce qui sera exporté.' }, { num: '4', time: '30 secondes', title: 'Exportez en SCORM', desc: 'Téléchargez le paquet SCORM 1.2 et importez-le dans Moodle ou n\'importe quel LMS. Le suivi et la note sont gérés.' } ] } only %} {# ================================================ 3. FEATURES — organisme features-alternating Aperçus (visualHtml) : mockups maison dans le style de la fenêtre du hero, aux couleurs de l'outil (c1/c2/c3). Un par feature. ================================================ #} {# --- Aperçu 1 : PDF → plan structuré généré par l'IA --- #} {% set scormiaFeature1 %}
{# Source PDF + badge IA #}
PDF
✦ IA
{# Structure générée #}
Structure générée
? Quiz final généré
{% endset %} {# --- Aperçu 2 : blocs interactifs (flashcards + associer) --- #} {% set scormiaFeature2 %}
Blocs interactifs au fil du cours
Flashcards
{% for i in 1..3 %}
{% include '_atoms/icon/icon.html.twig' with { name: 'refresh', size: 'xs', colorPrimary: c1, colorSecondary: c1 } only %}
{% endfor %}
Associer
{% for t in ['Glisser-déposer', 'Texte à trous', 'Remise en ordre', 'Frise'] %} {{ t }} {% endfor %}
{% endset %} {# --- Aperçu 3 : export SCORM → carnet de notes du LMS --- #} {% set scormiaFeature3 %}
{# Paquet exporté #}
{% include '_atoms/icon/icon.html.twig' with { name: 'download', size: 'md', colorPrimary: '#ffffff', colorSecondary: '#ffffff' } only %}
module-scorm.zip
SCORM 1.2
{# Carnet de notes #}
Carnet de notes — LMS
✓ 18/20
✓ 15/20
{% endset %} {% include '_organisms/landing/features-alternating.html.twig' with { features: [ { tagLabel: 'Génération par l\'IA', titleHtml: 'Un PDF suffit. L\'IA fait le cours.', desc: 'Scormia lit votre document (ou votre sujet), le structure en parties et sous-parties, rédige un vrai contenu pédagogique et l\'agrémente de blocs de mise en forme. La longueur et la profondeur s\'adaptent à la richesse de la source.', bullets: ['PDF, texte ou simple sujet', 'Structure en parties & sous-parties', 'Rédaction fidèle à votre source'], icon: 'magic-stick-3', iconColor: 'primary', accentColor: c1, screenshotNote: 'Aperçu : génération d\'un module depuis un PDF', visualHtml: scormiaFeature1 }, { tagLabel: 'Vraiment interactif', titleHtml: 'Des activités qui font apprendre.', desc: 'Au fil du texte, Scormia place des activités formatives : flashcards, glisser-déposer, associations, textes à trous, remise en ordre, frises chronologiques. Un quiz final noté vérifie les acquis.', bullets: ['Quiz noté (remonté au LMS)', 'Flashcards, glisser-déposer, associations…', 'Frises, textes à trous, remise en ordre'], icon: 'gamepad', iconColor: 'primary', accentColor: c1, screenshotNote: 'Aperçu : blocs interactifs dans l\'éditeur', visualHtml: scormiaFeature2 }, { tagLabel: 'Prêt pour votre LMS', titleHtml: 'Un paquet SCORM standard.', desc: 'Exportez au format SCORM 1.2, compatible Moodle et l\'ensemble des LMS. Le module autonome embarque tout : contenu, thème, médias. Le score du quiz final remonte automatiquement au carnet de notes.', bullets: ['SCORM 1.2 — Moodle & tous les LMS', 'Paquet autonome (contenu + médias)', 'Score & progression suivis par le LMS'], icon: 'square-academic-cap', iconColor: 'primary', accentColor: c1, screenshotNote: 'Aperçu : export du paquet SCORM', visualHtml: scormiaFeature3 } ] } only %} {# ================================================ 4. ÉCOSYSTÈME — organisme tools-ecosystem ================================================ #} {% include '_organisms/landing/tools-ecosystem.html.twig' with { titleHtml: 'Scormia fait partie de l\'écosystème Bubul', subtitle: 'Une suite d\'outils IA pensés pour l\'enseignement — de la création de cours à la production de contenus.', accentColor: c1, tools: [ { route: 'app_landing_moodia', iconName: 'bubul-moodia', iconColor: 'moodia', iconBg: 'rgba(18,129,228,0.12)', label: 'Moodia', desc: 'Créez un cours Moodle complet (.mbz) à partir d\'un PDF.' }, { route: 'app_landing_slidia', iconName: 'bubul-slidia', iconColor: 'slidia', iconBg: 'rgba(233,30,140,0.12)', label: 'Slidia', desc: 'Générez des présentations professionnelles en un clic.' }, { route: 'app_landing_monalisia', iconName: 'bubul-monalisia', iconColor: 'monalisia', iconBg: 'rgba(124,58,237,0.12)', label: 'Monalisia', desc: 'Générez des infographies pédagogiques en un clic.' }, { route: 'app_landing_castia', iconName: 'bubul-castia', iconColor: 'castia', iconBg: 'rgba(236,72,153,0.12)', label: 'Castia', desc: 'Transformez vos cours en podcasts audio.' }, { route: 'app_landing_sam', iconName: 'bubul-sam', iconColor: 'sam', iconBg: 'rgba(30,64,175,0.12)', label: 'SAM', desc: 'Pilotez vos apprenants et vos cohortes Moodle.' } ] } only %} {# ================================================ 5. FAQ — organisme faq ================================================ #} {% include '_organisms/landing/faq.html.twig' with { title: 'Questions sur Scormia', subtitle: 'Tout ce que vous devez savoir sur la création de modules SCORM.', questions: [ { question: 'Qu\'est-ce que le SCORM, concrètement ?', answer: 'Le SCORM est le format standard des modules e-learning. Un paquet SCORM s\'importe dans n\'importe quel LMS (Moodle, 360Learning, TalentLMS…) et communique avec lui : progression, score, réussite. Scormia produit ce paquet pour vous.', icon: 'book' }, { question: 'Avec quels LMS est-ce compatible ?', answer: 'Scormia exporte au format SCORM 1.2, le plus universellement supporté : Moodle et la quasi-totalité des LMS du marché savent l\'importer et le lire.', icon: 'shield' }, { question: 'Faut-il savoir coder ?', answer: 'Non. Vous importez un PDF ou décrivez un sujet, l\'IA génère le module, et vous l\'ajustez visuellement bloc par bloc. Aucune ligne de code, aucune connaissance technique du SCORM requise.', icon: 'bolt' }, { question: 'Puis-je partir d\'un document existant ?', answer: 'Oui. Importez un PDF : Scormia le lit, le structure en parties et rédige le contenu. Vous pouvez aussi partir d\'un simple sujet et laisser l\'IA tout créer.', icon: 'upload' }, { question: 'Le quiz compte-t-il dans la note du LMS ?', answer: 'Oui. Le quiz final est noté et son score remonte automatiquement au LMS (réussite / échec selon le seuil que vous fixez). Les autres activités (flashcards, glisser-déposer…) sont formatives, pour l\'entraînement.', icon: 'chart' }, { question: 'Puis-je modifier le module après génération ?', answer: 'À tout moment. Le module reste sauvegardé et entièrement éditable : contenu, blocs, thème, couleurs, ordre des parties. Vous ré-exportez le paquet SCORM quand vous voulez.', icon: 'document' } ], accentColor: c1, accentColorDark: c1dark } only %}
{% include '_organisms/landing/footer.html.twig' with {} only %} {# Scroll reveal — pose « .visible » sur les sections « .reveal » (steps, features…). SANS ce script, la CSS partagée (assets/styles/pages/landing.css) les garde à opacity:0 → sections blanches au chargement. Aligné sur moodia/slidia/pixia. #} {% endblock %}