diff --git a/custom/epoc-theme/epoc.html b/custom/epoc-theme/epoc.html index cf369e3d08ad55408df61c4ca677e704f0b16290..b2264b07a3890c433b0e65ef9fcd52bad3bf2e97 100644 --- a/custom/epoc-theme/epoc.html +++ b/custom/epoc-theme/epoc.html @@ -29,12 +29,22 @@ <i class="fa fa-lock"></i></a> Cette formation est réservée au personnel Inria. </p> {% endif %} + {% if page.meta.qrcode %} + <h3 class="h3-large mb-5">Télécharger la formation</h3> + <ol class="mb-4"> + <li>1. Télécharger l'application ePoc (<a class="underline" href="{{ page.meta.apple_link if page.meta.apple_link else config.extra.apple_link }}">iOS</a> ou <a class="underline" href="{{ page.meta.google_link if page.meta.google_link else config.extra.google_link }}">Android</a>)</li> + <li>2. Cliquer sur le bouton ajouter un ePoc</li> + <li>3. Scanner le QR Code ci -dessous :</li> + </ol> + <img src="{{page.meta.qrcode }}" alt="QR code pour télécharger {{ page.meta.title }}"> + {% else %} <a class="btn-solid-lg" href="{{ page.meta.apple_link if page.meta.apple_link else config.extra.apple_link }}"> <i class="fab fa-apple"></i>Télécharger </a> - <a class="btn-solid-lg" href="{{ page.meta.google_link if page.meta.apple_link else config.extra.google_link }}"> + <a class="btn-solid-lg" href="{{ page.meta.google_link if page.meta.google_link else config.extra.google_link }}"> <i class="fab fa-google-play"></i>Télécharger </a> + {% endif %} </div> <div class="xl:text-right"> <img class="inline" src="{{ page.meta.img }}" alt="Screenshot {{ page.meta.title }}" /> diff --git a/docs/epocs/E012MC.md b/docs/epocs/E012MC.md new file mode 100644 index 0000000000000000000000000000000000000000..028ebbf95a90c89984692a83addb7fb0a007180a --- /dev/null +++ b/docs/epocs/E012MC.md @@ -0,0 +1,13 @@ +--- +title: "Produire mon 1er ePoc" +description: "Découvrez l'éditeur \"ePoc Editor\" et créez votre première formation mobile learning, courte, ludique, en quelques clics. " +short: "Découvrez comment créer votre première formation mobile learning, courte, ludique, en quelques clics." +img: /images/accueil-E012MC.png +thumb: /images/thumb-E012MC.png +qrcode: /images/qr-E012MC.png +template: epoc-theme/epoc.html +--- + + + + diff --git a/docs/guide/user/getting-started.md b/docs/guide/user/getting-started.md index 46f06726267f0186163bd4bbacdcb3254f3dc279..35a5ce0d7dc15490bc0187a1f0e9253863f51eec 100644 --- a/docs/guide/user/getting-started.md +++ b/docs/guide/user/getting-started.md @@ -31,3 +31,25 @@ Dans ce guide nous ferons la distinction des termes suivants : - Page : un élément qui compose un chapitre. Une page contient un titre et un ou plusieurs contenus disposés verticalement. On peut passer d'une page à l'autre en swipant de droite à gauche - Contenu : un élément qui compose une page. Un contenu peut être du texte, des images, des tableaux, des graphiques et d'autres éléments de contenu. + +## Mon premier ePoc + +Le parcours de l'ePoc "Produire mon 1er ePoc" vous guide pas à pas pour la découverte d'ePoc Editor, l'application de bureau pour construire votre ePoc. +En suivant les étapes de l'ePoc "Produire mon 1er ePoc" sur votre mobile, vous pouvez en parallèle, avec ePoc Editor sur votre ordinateur, découvrir son interface, expérimenter la création de contenus, le paramétrage d'évaluation puis l'export de votre premier ePoc au format .epoc, prêt à être téléchargé et suivi sur l'application mobile. + +### Synopsis + +Conçue comme un accompagnement structuré et ludique, l'apprenant est guidé pas à pas pour découvrir l'éditeur d'ePoc et expérimenter comment : + +• Structurer votre parcours pédagogique +• Créer des contenus variés +• Paramétrer une évaluation +• Exporter votre ePoc pour lecture sur l'application mobile + +### Informations pratiques + +• Télécharger [ePoc Editor](/editor/) sur votre ordinateur (MacOS, Windows, Linux), +• Suivre les modules de l'ePoc "[Produire mon 1er ePoc](/epocs/E012MC)" sur votre téléphone mobile tout en expérimentant les fonctionnalités présentées. +• Durée de l'apprentissage : 40 min (10 min par module) + + diff --git a/docs/images/accueil-E012MC.png b/docs/images/accueil-E012MC.png new file mode 100644 index 0000000000000000000000000000000000000000..72c40f9d41de0b4308742f9c0531b998182ab57d Binary files /dev/null and b/docs/images/accueil-E012MC.png differ diff --git a/docs/images/qr-E012MC.png b/docs/images/qr-E012MC.png new file mode 100644 index 0000000000000000000000000000000000000000..8528ff4c1123c4a7935e8c89dc617313be164a7d Binary files /dev/null and b/docs/images/qr-E012MC.png differ diff --git a/docs/images/thumb-E012MC.png b/docs/images/thumb-E012MC.png new file mode 100644 index 0000000000000000000000000000000000000000..2efac7389e6c79eede7fa0404144bfe09a80d684 Binary files /dev/null and b/docs/images/thumb-E012MC.png differ