Atelier : sur ScenariChain, un a





télécharger 70.66 Kb.
titreAtelier : sur ScenariChain, un a
date de publication10.11.2017
taille70.66 Kb.
typeAtelier
m.20-bal.com > droit > Atelier




Tutoriel Topaze

Comment rédiger un grain pédagogique ?

Sarah CLERQUIN


Contenu


Introduction 3

Qu’est-ce qu’une chaine éditoriale ? 3

Un grain pédagogique 3

Glossaire 4

Rédiger un grain de contenu 4

Ajouter un titre 4

Rédiger un premier paragraphe sans mise en forme particulière (information) : 5

Ajouter un nouveau paragraphe dans la partie information (sans mise en forme particulière) 7

Ajouter un Texte illustré 10

Ajouter un paragraphe avec une mise en forme particulière 19

Les Références 20

Insérer une référence 20

Créer une référence (exemple Glossaire) 20

Rangement et nommage des références 21

Les ressources 23

Déposer une ressource dans Scénari  23

Les images  24

Titre des images : 24

Mise à l'échelle 25

Mise en page des images 25

Utilisation de l’item « Galerie d’image » 26

Droit d’utilisation des images et vidéos : 27

Où trouver des images libres de droit ou sous licence CC 27

Les vidéos : 28

Item « Média web » 28

Autres types de Ressources : 28

Conseils 29

Nommage des différents éléments : 29

Organisation des ressources : 29

Intégration progressive des références 29

Externaliser les métadonnées  29

Liens utiles : 29

ScénariChain 29

Modèle Topaze : 29

Illustrer les grains pédagogiques : 30

Source : 30


Introduction

Qu’est-ce qu’une chaine éditoriale ?


  • Logiciel qui permet d’éditer des documents multimédias et des ressources pédagogiques en séparant le contenu de la forme.



Nous utilisons la chaine éditoriale Scénari.

La suite Scenari permet :

  • de définir ou d’utiliser des modèles de publication existants (charte graphique, type…) ;

  • d’agréger différents types de ressources (texte, images, vidéos, présentations flash) mais également différents types d’activités (phase expositive, évaluation…), ceci de façon linéaire ou multilinéaire ;

  • de publier un support web interactif.

Un grain pédagogique





Glossaire


Atelier : sur ScenariChain, un atelier est défini par une chaîne éditoriale (Opale, Topaze…).

Carte heuristique : représentation arborescente de la structure du site construit et des liens entre les nœuds.

Espace : sur ScenariChain, dossier permettant de regrouper des informations par thème.

Fenêtre pop-up : un mot du corps de texte renvoie vers un grain de contenu. La fenêtre s’ouvre alors par-dessus la page en cours.

Grain de contenu : dénomination du logiciel ScenariChain désignant une unité élémentaire de contenu qui se suffit à elle-même. Cela correspond à une page web.

Map : image comportant des zones cliquables renvoyant à certaines parties du site.

Nœud : « brique » du logiciel ScenariChain, également qualifié « d’étape », contenant un grain de contenu. Les nœuds sont liés entre eux : ce sont ces liens qui permettent la navigation sur le site.

Rédiger un grain de contenu



Ajouter un titre



Double Cliquer sur le champ pour indiquer le titre.

Rédiger un premier paragraphe sans mise en forme particulière (information) :



Titre si nécessaire

Contenu du 1er paragraphe



Ajouter un nouveau paragraphe dans la partie information (sans mise en forme particulière)



Cliquer sur l’étoile Rouge à la suite du paragraphe.



Choisir Texte



Ajouter un Texte illustré


Exemple du rendu final :


Cliquer sur l’étoile Rouge à la suite du paragraphe.



Choisir Texte Illustré



Un nouveau champ apparait



Choisir la position du texte par rapport à l’image : Droite ou gauche





Double-cliquer ici pour sélectionner l’image


c:\users\clerquin.mtp\appdata\local\microsoft\windows\temporary internet files\content.ie5\98leri6o\mc900433883[1].png

Image doit être déposée dans Scénari (voir la partie : Comment déposer une ressource dans Scénari)


Double-cliquer ici pour sélectionner l’image


Les images ne sont cliquables que si elles sont insérées dans un texte illustré.

 c:\users\clerquin.mtp\appdata\local\microsoft\windows\temporary internet files\content.ie5\98leri6o\mc900433883[1].pngPour qu’une image soit cliquable, sa taille doit être suffisamment grande. La taille est modifiable dans l’onglet « visualisation».


Zoom

Onglet Visualisation




 

Ajouter un paragraphe avec une mise en forme particulière



Cliquer sur l’étoile Rouge à la section




Les différents types d’encadré :

L’encadré doit être choisi en fonction de la nature de l’information

Exemple de rendu final – Encadré de type Remarque :

Attention aux champs obligatoires !

Certains champs doivent être remplis de maniéré obligatoire. Lorsque ces champs ne sont pas remplis, une croix rouge apparait à gauche du champ dans le formulaire avertissant qu'il est nécessaire de le remplir. De la même manière, lorsqu'un item crée n'est pas complètement ou correctement rempli, une croix rouge apparait sur cet item dans votre atelier.

Si les items ou les champs comportent des croix rouges, il se peut que la génération des documents ne fonctionne pas du tout ou que certaines pages soient incomplètes.

Les Références


Quatre types de références peuvent être utilises dans votre contenu :

● Abréviation ;

● Glossaire;

● Bibliographie;

● Références.

Insérer une référence

Créer une référence (exemple Glossaire)


Il existe une façon simple pour introduire des références qui vous épargnera quelques difficultés. Voici cette procédure simplifiée :
► Créez d'abord votre référence dans votre atelier en passant par Créer un item

► Une fois la référence créée dans l'atelier, retourné dans votre grain pédagogique

► A l’endroit de votre choix, saisissez le texte qui portera le lien de votre référence (titre de l'ouvrage pour une référence bibliographique, mot pour le glossaire...)

► Sélectionnez ce fragment de texte : il se met en surbrillance

► Glissez/déposez l'item de votre atelier vers votre formulaire et placez-la exactement sur la zone de surbrillance

► Le fragment de texte de votre formulaire se colore et se surligne: la référence est correctement associée à votre contenu.



Création d’un Item Glossaire



Sélection du mot dans le grain



En cliquant sur l’icône « crayon », sélectionner Glossaire



Le mot du glossaire apparait souligné en violet.

Rangement et nommage des références


Comme pour les ressources, pensez à classer vos différents types de références dans des espaces spécifiques : bibliographie, abréviation, glossaire etc ; ceci facilitera le repérage de vos différents items. Par ailleurs, veillez à adopter des noms d'item à la fois courts et significatifs pour repérer rapidement les items dans votre arborescence. Laissez les noms d'item par défaut rendrait rapidement impraticable l'usage des références.

Les ressources

Déposer une ressource dans Scénari 


Il existe deux possibilités pour déposer des ressources :

  • Par glisser/déposer

  • Comme un item

La méthode par glisser/déposer permet d’importer plusieurs ressources en même temps.


Glisser les dans un espace de l’atelier

Sélectionner les ressources à déposer


On peut également déposer les ressources une à une.

  1. Ajouter un item

  2. Sélectionner le type de ressources

  3. Importer la ressource




Les images 


Les images peuvent être déposées au format jpeg ou png. En ce qui concerne les images, pour le web, un poids inférieur à 1 Mo est suffisant soit une taille de 800 X 600 pixels. Pour ce faire, le logiciel de retouche d’image (exemple, le logiciel libre Irfanview) peut être utilisé.

Titre des images :


Dans l’onglet Propriété > Titre



  • indiquer les sources des photos dans le titre.

Mise à l'échelle


Vous pouvez ajuster les dimensions d'une image. Dans la zone de gauche, vous pouvez forcer une remise à l'échelle de l'image, soit en complétant une des deux zones "%" ou "em", soit en faisant glisser le curseur d'échelle sur la barre verticale.



Dans la zone de droite, vous avez un aperçu de l'image à côté d'un texte de référence précisant la méthode la plus intuitive pour obtenir la bonne taille. Ce mécanisme de remise à l'échelle dans Scenari est en général recommandé par rapport au redimensionnement de l'image dans un logiciel de dessin, car il ne dégrade pas la qualité de votre image originale, vous pouvez facilement changer d'avis.

Mise en page des images


Pour qu’une image soit intégrée dans le texte du grain, il faut l’ajouter comme un « texte illustré ». Si l’image est ajoutée comme une « ressource », elle apparaît au centre de la page.

Il est impossible de mettre deux photos côte à côte et les images ne sont cliquables que si elles sont insérées dans un texte illustré.

Pour mettre plusieurs images au même niveau, vous devez réaliser un montage préalable avec un logiciel de traitement d’image.

Exemple :


Utilisation de l’item « Galerie d’image »


La est une ressource qui permet de générer un jeu de vignettes et un diaporama.

Si les dimensions des images d'origine sont inférieures, l'application conserve la taille des images d'origine. Si les dimensions des images d'origine sont supérieures, un redimensionnement proportionnel sera automatiquement appliqué. Pour un bon rendu visuel, il est conseillé de composer des galeries d'images à partir d'images ayant des tailles identiques ou quasiment identiques.

Exemple :



►Créez un item galerie d'image pour assembler vos images en procédant comme suit :

1. Créez un item galerie d'image en passant par ce chemin : Ressource> Vidéo, sons, Interaction > Galerie d'image.

2. Nommez cet item dans le champ Nom de l'item ;

3. Donnez un Titre à votre galerie dans la fenêtre édition

4. Associez la première image à l'emplacement existant par défaut dans votre galerie.

5.Puis, avec l'icône Etoile d'insertion , créez autant d'emplacements que vous le souhaitez

6. Glissez/déposez vos autres images sur ces emplacements

► Enregistrez votre item avec la Disquette

► Retournez dans votre formulaire et, à l'emplacement choisi, utilisez l'Etoile d'insertion pour créer un bloc de type Ressource

► Glissez/déposez votre item Galerie sur l'icône Association de ressource de votre formulaire pour insérer la galerie dans votre contenu

► Enregistrez votre formulaire et générez une publication pour vérifier le résultat

Droit d’utilisation des images et vidéos :


Les images sont protégées par le droit d’auteur. Vous ne pouvez pas utiliser une image sans l’autorisation de l’auteur.

Certains auteurs diffusent leurs images avec la licence Créative Commons. Vous pouvez donc utiliser leurs images sous les conditions indiquées dans la licence.

c:\users\clerquin.mtp\documents\projet_pampa\tache 9\droits & copyright\cape.emn.fr\droits\res\tab_creative.png

Au minimum, il faut indiquer la paternité de l’œuvre (c’est-à-dire le nom de l’auteur)

Le but des licences Creative Commons est de fournir un outil juridique qui garantit à la fois la protection des droits de l'auteur d'une œuvre et la libre circulation du contenu culturel de cette œuvre afin de contribuer à un patrimoine d'œuvres accessibles dans le domaine public.

Si vous souhaitez utiliser une image qui n’est pas libre de droits, vous pouvez demande l’autorisation de l’auteur pour l’utiliser dans un cadre non commerciale et pédagogique.

Toutes ces règles sont également valables pour l’utilisation de vidéo, même celles trouvaient sur des sites de partage de vidéo tel que YouTube ou DailyMotion.

Où trouver des images libres de droit ou sous licence CC


Il existe plusieurs sites pour trouver des images :

- Des photos :
    - Photo-libre: http://www.photo-libre.fr/
    - Wikimedia : http://commons.wikimedia.org/wiki/Accueil
    - http://www.niffylux.com/toute-image.html
    - http://wir.free.fr/Wir/

- Des pictogrammes :
    -http://www.iconfinder.com/
   - http://openclipart.org/

Les vidéos :


ScenariChain® autorise plusieurs formats vidéo, toutefois lors de la génération, le format Flash est le seul à avoir fonctionné avec tous les navigateurs.



Vous pouvez également ajouter des vidéos provenant de site de partage de vidéo à l’aide de l’item « Média web ».

  1. Récupérer le « code d’intégration » de la vidéo dans le site de partage.

  2. Copier le dans la zone dédiée de l’item « Média web »



Attention : Vous devez avoir obtenu l’autorisation préalable de l’auteur de la vidéo ou vous assurez d’utiliser une vidéo sous licence CC

Item « Média web »


L'item Média Web permet d'associer à votre module des contenus issus des sites tel que You Tube (vidéo), Canal U (vidéo), Scribd (Pdf), WIMS (exercices scientifiques dynamiques) et tous les autres sites de partage qui permettent de présenter un objet dans votre interface Web en copiant/collant un fragment de code contenant cet objet. Notez bien que la ressource reste distante et ne sera accessible qu'avec une connexion internet.

Autres types de Ressources :


Vous pouvez également ajouter :

  • Des animations flash

  • Du son

  • Des documents de type tableur les tableaux ODS sont transformés en image PNG dans la page, et en SWF dans la loupe.

  • Des formules LaTex

  • Etc.…


Conseils

Nommage des différents éléments :


Ne pas utiliser d’accent, de caractères spéciaux ni d’espace.

Organisation des ressources :


Pensez à organiser vos ressources dans des espaces dédiés à chaque type de ressource : un espace pour les images, un espace pour les tableaux, un espace pour les vidéos. Ceci vous facilitera le travail si un jour vous souhaitez retrouver une ressource précise !

Intégration progressive des références


Le glossaire, la bibliographie, les acronymes et les métadonnées sont à intégrer au fur et à mesure de la création des grains pour éviter les oublis.

Externaliser les métadonnées 


Il est judicieux de les externaliser pour les utiliser à diverses reprises.

Liens utiles :

ScénariChain


Lien pour le téléchargement de la chaine éditoriale, Scénari 3.7.2.00:

Documentation  : http://scenari-platform.org/projects/opale/doc/opale/userGuide/co/03-interface.html

Modèle Topaze :


 Lien pour télécharger Topaze 1.2 (prendre la dernière version) :http://scenari-platform.org/projects/topaze/files/

 Une documentation : http://tice.mines-paristech.fr/projetopa/genDocGuide/co/guideWeb.html

Illustrer les grains pédagogiques :


- Des photos :
    - Photo-libre: http://www.photo-libre.fr/
    - Wikimedia : http://commons.wikimedia.org/wiki/Accueil
    - http://www.niffylux.com/toute-image.html
    - http://wir.free.fr/Wir/

- Des pictogrammes :
    -http://www.iconfinder.com/
   - http://openclipart.org/

- Pour faire des schémas et infographies:
   - http://www.easel.ly/ 
   - http://visual.ly/
   - http://piktochart.com/

- Pour faire des BD:
   -http://stripgenerator.com/strip/create/
   - http://toonlet.com/

- Pour créer des nuages de mots:
- http://www.tagxedo.com/app.html 

et en supplément, un carte heuristique magique qui regroupe tous les liens utiles pour la création d'un cours numérique : http://www.mindmeister.com/78905114?title=enrichir-mon-cours-moodle-avec-les-outils-du-web

Source :


Ce tutoriel a été réalisé à l’aide :

  • du travail des étudiantes en PEI (Maëva Bourgeois, Elise Coquillart, Morgane Cournarie et Claire Fassino)

  • de la Documentation logicielle Opale (Céline Bur, Catherine Heyvaerts, Stéphane Poinsart)

similaire:

Atelier : sur ScenariChain, un a iconAtelier sur le règlement

Atelier : sur ScenariChain, un a iconAtelier sur les plantes
«notre campement» (tables, bancs, parasols toute une organisation) sur les dunes face à la mer. Yvonne et Anne Marie nous ont rejoints...

Atelier : sur ScenariChain, un a icon«La nutrition en médecine générale» Atelier fil rouge Animateurs
«journalistes» et ont reporté ce qui a été échangé pendant cette journée. Cet exercice a eu pour but de les initier à la rédaction...

Atelier : sur ScenariChain, un a iconAtelier du medicament
«médicaments requérant une sécurisation de la prescription, de la dispensation, de la détention, du stockage, de l’administration...

Atelier : sur ScenariChain, un a iconAtelier de réflexion sur la langue française
«se flétrir» : Bot. Didact. Qui ne peut se flétrir. Fig. Gloire immarcescible. «La jeunesse plus forte que le temps, la jeunesse...

Atelier : sur ScenariChain, un a icon1 atelier poids lourds (garage) de 5 200 m
«Transports Bauthon» est spécialisée dans le transport de lots de marchandises non dangereuses (des lots partiels aux lots complets)...

Atelier : sur ScenariChain, un a iconAtelier P3
«pseudo-mécanique»). Ce purpura est gênant socialement, dure de 10 à 15 jours mais est plus «sûr», source de moins de risques «thermiques»....

Atelier : sur ScenariChain, un a iconAtelier de Renforcement de Capacités des Organisations de la Société...
«Combler l’écart en matière de transparence, de redevabilité et de droits de l’homme au sein des banques publiques d’investissement...

Atelier : sur ScenariChain, un a iconAtelier informatique : seance no 1 Accéder au traitement de texte,...
«Microsoft Office Word 2007». Tu es maintenant dans le logiciel de traitement de texte qui va te

Atelier : sur ScenariChain, un a iconAtelier ld





Tous droits réservés. Copyright © 2016
contacts
m.20-bal.com