epubeditor : tutoriel d'utilisation · scorm (format pour l'elearning) pdf ......
TRANSCRIPT
ePubEditor :Tutoriel d'utilisation
Vinciane Amorini - CC-BY-NC-SA
1.0Octobre 2015Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à
l'Identique : http://creativecommons.org/licenses/by-nc-sa/4.0/fr/
Table desmatières
Objectifs 4
Introduction 5
I - Inscription, profil et langue 6
1. Inscription et connexion au site ................................................................................................... 6
2. Accéder à son profil ...................................................................................................................... 8
3. Changer la langue ........................................................................................................................ 9
II - Création d'un ebook 10
1. Création d'un nouvel ebook ........................................................................................................ 101.1. Onglets ................................................................................................................................................. 111.2. Menu de gauche .................................................................................................................................... 11
2. Onglet Info ................................................................................................................................. 11
3. Onglet Contents ......................................................................................................................... 123.1. Types de contents .................................................................................................................................. 13
4. Types d'insertion de contenu ..................................................................................................... 144.1. Texte avec audio/image/vidéo ................................................................................................................ 144.2. Multiple Choice Question ....................................................................................................................... 154.3. True/False ........................................................................................................................................... 184.4. Closed Gap Fill ..................................................................................................................................... 194.5. Reorder the sequence ............................................................................................................................. 214.6. Matching .............................................................................................................................................. 224.7. Drag and Drop on Text (uniquement web) ............................................................................................... 234.8. Open Gap Fill (uniquement web) ............................................................................................................ 254.9. Folder .................................................................................................................................................. 264.10. Import ODT ....................................................................................................................................... 274.11. Comment insérer un lien, une image, etc? ............................................................................................. 284.12. Icônes de la liste principale .................................................................................................................. 34
5. Theme ........................................................................................................................................ 35
III - Comment rendre mon ebook disponible ? 37
1. Est-ce que mon ebook doit être public ? .................................................................................... 37
2. URL dynamique ......................................................................................................................... 38
3. URL permanente ........................................................................................................................ 39
4. Et les autres options ? ................................................................................................................ 39
IV - Comment répondre ? 41
1. Soumettre une réponse ............................................................................................................... 41
Conclusion 43
4Vinciane Amorini
L'objectif du module est de pouvoir utiliser les fonctionnalités basiques d'ePubEditor.
Objectifs
5Vinciane Amorini
ePubEditor est un service en ligne, en grande partie gratuit, destiné pour le monde de l'éducation,proposé par une société de consultance et de formations aux nouvelles technologies, permettant de créerdes manuels numériques "augmentés", qu'il est possible de partager en ligne ou d'exporter au formatePub pour lecture sur liseuses ou tablettes. Entre l'insertion de vidéos, d'images, de différents typesd'exercices et de son propre contenu, ePubEditor propose un outil simple d'utilisation en italien ou enanglais. Néanmoins, comme l'outil n'est pas traduit en français, certaines subtilités sont difficiles d'accès.Ce tutoriel vous permettra d'y voir plus clair.Je ne suis aucunement affiliée à ePubEditor. L'idée de faire ce tutoriel en français répondait au besoind'avoir un fil conducteur pour une formation sur le service dans une école. Si au départ, je n'avais pastout explicité, afin de permettre à un maximum d'en profiter, j'ai remanié ce premier écrit.
Introduction
Inscription, profil et langue
6Vinciane Amorini
Inscription et connexion au site 6 Accéder à son profil 8
Changer la langue 9
Nous abordons ePubEditor par le commencement : l'inscription, la connexion ainsi que lesparamètres utiles (mot de passe, langage).
1. Inscription et connexion au siteInscription
Pour utiliser ePubEditor, vous devez d'abord vous inscrire. Rendez-vous sur . Ensuite, vous avez deux chemins pour arriver sur le formulaire adhttp://www.epubeditor.it/
hoc :Sign up en haut à droiteSign up, it's free au milieu de la page
Homepage
Ensuite, vous arrivez sur un formulaire où on vous laisse le choix d'utiliser :votre compte Facebookvotre compte Googlevotre adresse email (auquel cas – vérifiezun mot de passe sera envoyé sur celle-cibien que celui-ci ne soit pas dans le dossiers Spams/Indésirables)
Vous pouvez aussi choisir votre plan tarifaire. Ici, nous restons sur la . Enfin,version gratuiteacceptez les conditions d'utilisation.
Inscription, profil etlangue I
Inscription, profil et langue
7Vinciane Amorini
Formulaire d'inscription
Il ne reste plus qu'à vous connecter à votre compte.
RemarqueSi vous êtes connecté à votre compte Google dans votre navigateur, il est possible qu'une fenêtres'ouvre vous demandant si vous désirez vous connecter/inscrire avec celui-ci. Vous n'êtes pas obligéde le faire.
Connexion
Quand vous revenez sur le site, cette fois-ci, vous cliquez sur à côté de . Selon leLogin Sign upmode d'enregistrement, vous pouvez vous connecter via :
votre compte Facebookvotre compte Googleen entrant votre email et votre mot de passe
Formulaire de connexion
Attention : Que faire si j'ai perdu mon mot de passe ?A côté de Password, vous avez " ". Cliquez sur cette phrase pour accéder auForgot your password ?formulaire d'envoi d'un nouveau mot de passe à l'adresse avec laquelle vous vous êtes inscrit.
Inscription, profil et langue
8Vinciane Amorini
2. Accéder à son profilVoici la page sur laquelle vous arrivez après connexion - celle-ci comportera la liste de tous lesebooks que vous aurez créés. Pour accéder à votre profil, cliquez sur votre nom puis sur My
.Profile
Page d'arrivée
Vous pourrez aller changer :votre emailvotre prénom et votre nomvotre mot de passesi vous désirez recevoir ou pas les newsletters d'ePubEditor
Inscription, profil et langue
9Vinciane Amorini
Paramètres de profil
RemarquePour le , il s'agit d'une fonctionnalité réservée au plan PREMIUM TEAM et PREMIUMTeam CodeTEAM EXTENDED. Cela ne nous concerne pas.
3. Changer la langueePubEditor est, à l'heure actuelle, disponible uniquement en anglais et en italien. Si votreinterface est en italien et que vous préférez l'anglais ou vice-versa, il suffit de cliquer sur ledrapeau à côté de votre nom.
Page d'arrivée
Création d'un ebook
10Vinciane Amorini
Création d'un nouvel ebook 10 Onglet Info 11
Onglet Contents 12Types d'insertion de contenu 14
Theme 35
1. Création d'un nouvel ebookPour créer un nouveau document, cliquez sur .New ebook
Page d'arrivée
Vous allez arriver dans l'éditeur. Vous aurez 4 onglets à votre disposition ainsi qu'un menu àgauche.
Création d'un ebookII
Création d'un ebook
11Vinciane Amorini
1.1. OngletsInfo: permet de renseigner un titre, le nom de l'auteur, le langage ainsi qu'unecouvertureContents: ajouter du contenu à votre documentTheme: paramétrer le style du texteOptions: paramétrer l'inclusion du multimédia, de laisser le document public, deconvertir les URL YouTube - voir les parties , , ebook public Reste des options URL
et .dynamique URL permanente
1.2. Menu de gaucheWeb Preview : aperçu de votre ebookShare editing : partager l'édition de l'ebook avec quelqu'unClone ebook : réaliser une copie de l'ebookDelete ebook : supprimer l'ebookExport ebook : exporter l'ebook dans l'un des formats suivants :
EPUB3EPUB2Mini Site Web (payant)SCORM (format pour l'elearning)PDF
Complément : Pour en savoir plus....Format EPUB https://fr.wikipedia.org/wiki/EPUB_(format)http://idpf.org/epub/201http://idpf.org/epub/30Format SCORMhttps://fr.wikipedia.org/wiki/Sharable_Content_Object_Reference_ModelFormat PDFhttps://fr.wikipedia.org/wiki/Portable_Document_Format
2. Onglet InfoC'est ici que vous allez donner un titre à votre document, la langue utilisée, l'auteur (en
Création d'un ebook
12Vinciane Amorini
l'occurrence, ici votre nom et prénom) ainsi qu'une couverture. En ce qui concerne lesmétadonnées SCORM et EPUB, nous ne les aborderons pas. Il s'agit surtout d'options pour leshabitués de ces deux formats.
Onglet info après remplissage
Pour ajouter celle-ci, il ne faut pas oublier, après le choix de l'image, de cliquer sur Uploadcover.Cliquez sur pour sauvegarder les données.Save
3. Onglet ContentsPour ajouter du contenu, cliquez sur . Vous aurez alors divers choix. Tous ont la possibilitéNewd'être mis en aperçu afin de voir si tout correspond à ce que vous désirez.
Vue des possibilités
Attention : De la sauvegarde et du retour en arrièreN'oubliez pas de cliquer sur « Save » ! Afin de revenir sur la table des matières, vousdevez cliquer sur la croix grise dans le coin supérieur droit de la page que vous ajoutez.
Création d'un ebook
13Vinciane Amorini
3.1. Types de contentsTexte avec audio/image/vidéoTexte avec infographie (option payante)Choix multipleTexte à trous avec menu déroulantSéquence à ordonnerPairesTexte à trous en glisser/déposerTexte à trous ouvertGlisser/déposer avec images (option payante)
Création d'un ebook
14Vinciane Amorini
4. Types d'insertion de contenu
Dans cette partie, nous allons aborder les différents types de contenu possibles. Nous verrons plusloin comment insérer un lien, une image, une vidéo ou une formule mathématique (cf. Insertion d'un
, , , , lien Insertion d'une image Insertion d'une vidéo Insertion d'une vidéo YouTube Insertion d'une)formule mathématique
4.1. Texte avec audio/image/vidéoCeci permet d'ajouter votre propre texte, avec l'insertion d'images, d'audio ou de vidéos.L'option vous permet d'inclure cette page dans la table des matières tandis qu'Include in TOC
permet de mettre le titre dans la page.Include the title in page
L'onglet permet d'ajouter une colonne latérale avec des informations (style LeSidebarsaviez-vous ?). Cliquez sur pour en ajouter un.New sidebar item
Complément : Insertion des liens, vidéos, formules mathématiques ou imagesCf.
LienImage
Création d'un ebook
15Vinciane Amorini
VidéoVidéo YouTubeFormule mathématique
Exemple : Aperçu du texte et de la barre latérale
Le saviez-vous ?
4.2. Multiple Choice QuestionIci, vous avez la possibilité de créer un QCM. peut être la question et un motPrompt Textd'explication. Vous pouvez aussi paramétrer une question si vous le désirez
soit à choix multiples ( ) soit avec une unique réponse ( )Multiple Singlenumérotation des réponses ( )Answer numberingréponses mélangées ( )Shuffle the answers
Création d'un ebook
16Vinciane Amorini
L'onglet permet d'ajouter des réponses via le bouton , ainsi qu'uneAnswers New answeréventuelle explication ( ) lorsque l'élève a répondu. Il est également possible deAnswer feedbackdonner un nombre de points à chaque réponse ( ).Score
Création d'un ebook
18Vinciane Amorini
Exemple
Aperçu du QCM
4.3. True/FalseDerrière ce que l'on peut traduire littéralement par vrai/faux se cache en fait un questionnaire àchoix multiple où les intitulés de réponses sont les mêmes et où un seul choix est correct.Cette option fonctionne sur le même principe que précédemment. représente plutôt lesLabel réponses. L'onglet sont les affirmations auxquelles il faut répondre.Statements
Création d'un ebook
19Vinciane Amorini
Exemple
4.4. Closed Gap FillIl s'agit de créer un texte à trous avec choix dans un menu déroulant. Pour ce faire, écrivezvotre texte, choisissez un mot puis cliquez sur le bouton .Create a gap
Création d'un ebook
20Vinciane Amorini
Vous allez pouvoir réaliser votre liste avec d'autres réponses, les bonnes étant précédées d'unastérisque.
RemarqueNotez que les mots concernés s'afficheront en rouge dans l'éditeur.
Création d'un ebook
21Vinciane Amorini
Exemple
Aperçu du texte à trous avec menu déroulant
4.5. Reorder the sequenceIl s'agit de réordonner une séquence définie. L'onglet permet de créer lesItem in sequencedifférents items de celle-ci. Il est à noter ici que l'ordre dans lequel apparaît ceux-ci constituentla séquence correcte. Pour les déplacer, utilisez la double flèche à droite.
Création d'un ebook
22Vinciane Amorini
Exemple
Aperçu de l'ordonnement de la séquence
4.6. MatchingIl s'agit ici de créer un jeu de paires. L'onglet permet la création de celles-ci : Pairs Question
représentera l'item fixe et l'item qui pourra être déplacé.Text Answer Text
Création d'un ebook
23Vinciane Amorini
Exemple
Aperçu du jeu de paires
4.7. Drag and Drop on Text (uniquement web)Cette option est uniquement disponible pour un ebook en ligne. Il s'agit d'un texte àtrous, fonctionnant comme , à la différence queClosed Gap Fill - p. , , , , , ,2 2 2 2 2 2 19les réponses doivent être glissées et déposées sur les bons emplacements.
Création d'un ebook
24Vinciane Amorini
RemarqueNotez que les mots concernés s'afficheront en rouge dans l'éditeur.
Création d'un ebook
25Vinciane Amorini
Exemple
Aperçu du Drag and Drop sur le web
4.8. Open Gap Fill (uniquement web)Cette option est uniquement disponible pour l'ebook en ligne. Il s'agit d'un texte àtrous avec réponse ouverte. Il fonctionne sur le même principe que Closed Gap Fill - p. , ,2 2
. Il est également possible de déterminer si la casse est sensible ou pas (tenir, , , ,2 2 2 2 19compte des majuscules) - -et d'avoir plusieurs réponses possibles (l'une en dessousCase sensitivede l'autre), depuis le formulaire qui apparaît après avoir cliqué sur .Create gap
RemarqueNotez que les mots concernés s'afficheront en rouge dans l'éditeur.
Création d'un ebook
26Vinciane Amorini
Exemple
Aperçu de Open Gap Fill (uniquement pour le web)
4.9. FolderCela permet de créer des dossiers dans l'ebook. Ces dossiers proposent les mêmes options qu'à laracine : texte avec image/audio/vidéo, questions à choix multiple, etc.. On peut imaginer quechaque dossier représente un chapitre.
Création d'un ebook
27Vinciane Amorini
4.10. Import ODTCette option permet d'importer des documents ODT (Microsoft Office permet d'enregistrerceux-ci sous ce format tandis qu'il s'agit de celui par défaut pour OpenOffice et LibreOffice).
Complément : Quels logiciels supportent le format ODT ?Vous trouverez sur Wikipedia tous les traitements de texte supportant ce format : https://en.wikipedia.org/wiki/OpenDocument_software#Word_processors
Création d'un ebook
28Vinciane Amorini
4.11. Comment insérer un lien, une image, etc?4.11.1. Insertion d'un lien
Icône
Pour insérer un lien, cliquez sur l'icône "chaîne".
Formulaire d'insertion
Voici à quoi correspond chaque champ à remplir (ou pas).URL = Adresse du site webText to display = Texte à afficherTitle = Titre du siteLink list = Liste du contenu de votre contenu (si lien interne dans l'ebook)Target = Ouvrir dans une nouvelle fenêtre ou pas
Insertion d'un lien
Création d'un ebook
29Vinciane Amorini
4.11.2. Insertion d'une imageIcône
Cliquez sur l'icône ressemblant à une "peinture" pour arriver sur le formulaire d'insertiond'images
Formulaire d'insertion
Source = Source de l'imageFichier avec la loupe = Accès au (gestionnaire de fichiers)Filemanager
Image description = Description de l'imageImage title = Titre de l'imageClass = Permet de placer à gauche, au centre ou à droite, de déterminer les tailles
Utiliser le Filemanager
Si vous cliquez sur le fichier avec la loupe, vous arrivez sur le . De là, vous pourrezFilemanagertélécharger vos images sur celui-ci.
Flèche vers le haut = Télécharger le fichier
Création d'un ebook
30Vinciane Amorini
+ Dossier = Nouveau dossierTrois boutons du milieu = Affichage des imagesBâtonnets = Trier les images
Si vous cliquez sur l'icône pour télécharger, vous pourrez alors glisser/déposer vos images ou enfaisant un clic, accéder à vos dossiers. Quand l'image se pare d'un petit V vert dans le coinsupérieur droit, cela signifie qu'elle a bien été téléchargée.
Création d'un ebook
31Vinciane Amorini
En passant votre curseur sur une image, un nouveau menu vaapparaître.
Flèche = Télécharger sur votre ordinateurOeil = Voir l'imageCrayon = EditerPoubelle = Supprimer
Cliquez sur l'image que vous voulez insérer dans le texte puis sur OK.Ensuite, vous pouvez encore la redimensionner en déplaçant les carrésblancs.
4.11.3. Insertion d'une vidéoIcône
Pour intégrer une vidéo, cliquez sur l'icône de la pellicule de film.
Formulaire d'insertion
Cette option, concernant les vidéos sur le disque dur de votre ordinateur (premier onglet) oucelles dont vous avez un code (deuxième onglet), fonctionne sur le même principe queembed
Création d'un ebook
32Vinciane Amorini
l'insertion d'une image. Pour l'utilisation du , je vous renvoie à l'Filemanager insertion des.images - p. , , , , , , , ,2 2 2 2 2 2 2 2 29
Rappel : EmbedPour rappel, un code est un code HTML, souvent proposé dans YouTube, Viméo ouembedDailyMotion, que vous copiez puis coller à l'endroit approprié. En français, on traduira cela plutôtpar "embarqué" (embarquer une vidéo par exemple).
4.11.4. Insertion d'une vidéo YouTubeIcône
Pour accéder à ce formulaire, il suffit de cliquer sur l'icône YouTube
Formulaire d'insertion
Vous pouvez rechercher depuis ePubEditor sur la plateforme les vidéos susceptibles de vousintéresser. Et si vous avez déjà une adresse enregistrée quelque part, vous pouvez alors la collerdans le champ .YouTube URL
Création d'un ebook
33Vinciane Amorini
4.11.5. Insertion d'une formule mathématiqueIcône
Pour accéder au formulaire avec les notations mathématiques, cliquez sur la racine carrée surfond jaune.
Formulaire d'insertion
Grâce au WIRIS Editor, vous allez pouvoir insérer des formules mathématiques dans votre page.
Création d'un ebook
34Vinciane Amorini
Il suffit de remplacer les rectangles blancs par du contenu.
Exemple
4.12. Icônes de la liste principaleA présent que l'on a créé quelques modules dans l'ebook, il est possible qu'on doive retournerdans l'un d'entre eux pour l'éditer, qu'on change l'ordre de ceux-ci ou qu'on doive supprimer unsuperflu. Pour ce faire, il suffit de cliquer sur les icônes sur la droite.
Oeil = AperçuCrayon = Editer
Création d'un ebook
35Vinciane Amorini
Croix = SupprimerDeux feuilles = DupliquerFlèche = Déplacer ce contenu dans un autre ebookDouble flèche = Changer l'ordre d'apparition dans l'ebook
Quant au E barré, cela indique que cet exercice ne sera disponible que dans la version web del'ebook.
Remarque : Comment marche le déplacement d'un module d'un ebook à l'autre ?Après avoir cliqué sur l'icône correspondant à cette action, le module va se retrouver après la listedans un encadré dans chaque livre numérique créé. La flèche vers le haut permettra deMoving itemsl'intégrer tandis que la croix le renverra à sa place originelle.
5. ThemeVous pouvez personnaliser le style de votre ebook ici ainsi que d'avoir un aperçu.
Comment rendre mon ebook disponible ?
37Vinciane Amorini
Est-ce que mon ebook doit être public ? 37 URL dynamique 38 URL permanente 39
Et les autres options ? 39
Il existe plusieurs solutions : un export PDF (surtout si vous n'avez aucune barre latérale ouexercice), EPUB ou SCORM. Néanmoins, le plus simple est de passer l'URL de l'ebook sur le web.Nous allons voir ici les deux options possibles.
1. Est-ce que mon ebook doit être public ?Public mais disponible à quiconque ayant le lien
Si vous désirez passer le lien aux personnes concernées mais que le reste de la planète ne peutpas y avoir accès (ou du moins les utilisateurs d'ePubEditor), cochez alors l'option Make your
.ebook freely available through its public URL
Public et ouvert à tous
Si vous désirez que n'importe qui ait accès à votre ebook, vous pouvez alors cocher Include in. Vous vous retrouverez alors dans la liste des ebooks desthe public page of ePubEditor ebooks
utilisateurs d'ePubEditor.
Comment rendre monebook disponible ? III
Comment rendre mon ebook disponible ?
38Vinciane Amorini
Privé
Si vous ne désirez pas donner un accès web à vos ebooks, alors, ne cochez aucune des deuxoptions décrites ci-dessus.
2. URL dynamiqueL'URL dynamique est en fait l'URL telle quelle. Elle est plus longue à écrire et à charger maischaque modification que vous ferez après publication sera prise en compte.
Comment rendre mon ebook disponible ?
39Vinciane Amorini
3. URL permanenteL'URL permanente permet de lancer plus rapidement votre ebook. Elle est également pluscourte à taper. Mais à chaque modification faite, vous devrez de nouveau la générer afin quecelle-ci soit prise en compte.
4. Et les autres options ?Include multimedia
Cette option permet d'inclure tout le contenu multimédia dans votre ebook lors des exports. Iln'est pas nécessaire de le cocher pour l'accès web.
Convert YouTube URLs
Les URL Youtube seront converties en code pour la version web et en lien pour lesembed versions EPUB. Ne la cochez pas si vous mettez en ligne votre ebook - pour l'instant, vousaurez un message d'erreur.
Comment rendre mon ebook disponible ?
40Vinciane Amorini
Semantic Search
Cette option n'est pas disponible en version gratuite, aussi, nous laissons cela de côté.
Comment répondre ?
41Vinciane Amorini
Soumettre une réponse 41
1. Soumettre une réponseSoumettre une réponse
Pour les exercices, pour soumettre une réponse, il faut cliquer sur le bouton . Le bouton Submit permet de voir les bonnes réponses. Notez que pour les voir, il vaut mieux que laSolution
fenêtre de l'aperçu soit en plein écran.
Peut-on réessayer un exercice ?
Une fois les réponses soumises, il est tout à fait possible de réessayer l'exercice. En effet,ePubEditor vous indique si vous aviez répondu correctement ou pas et donc de vous corriger etd'améliorer votre score. Il suffit alors de cliquer sur .Retry
Comment répondre ?IV
Comment répondre ?
43Vinciane Amorini
Nous voilà au terme du tutoriel d'utilisation d'ePubEditor. Si vous avez des problèmes ou des questionsplus spécifiques, n'hésitez pas à contacter l'équipe d'ePubEditor via le lien Help ou Forum.Pour contacter un membre de Pedago-Tic ASBL :
Vinciane Amorini ([email protected])Sylvain Denis ([email protected])Site web : www.pedago-tic.be
Conclusion