Emilie, l'ingénieuse ...

Après la mise en valeur du travail de Paula Caterino, cette semaine Thot Cursus, dans son dossier sur les étudiants et les Tice, interroge Emilie Bouvrand sur son métier, ses expériences.
Retrouvez ici le compte-rendu de cet entretien.

Emilie BOUVRAND - MoodleMoot 2011

Suivre Emilie
-> Twitter
-> Google Plus
-> Portfolio

Des idées TIC pour des cours en ligne à forte valeur ajoutée

Retrouvez l'article de Thot cursus mentionnant le travail accompli par Paula Caterino scénarisant une partie de la veille du MoodleLab, et par là même la carte heuristique d'appui qui pourra peut-être vous donner des idées pour booster vos cours Moodle.

Bravo Paula, merci Thot.

Questions pour ... une leçon ! (1)

Pour une utilisation ludique de la leçon ...

Le module standard leçon de Moodle est largement sous-utilisé au sein des espaces de cours. Pourtant il présente des possibilités intéressantes, affichage de contenus divers (médias, sons), embranchement conditionnel, questions aléatoires, activités liées ...
Ce désamour vient essentiellement d'un ressenti négatif à l'ouverture de sa page de configuration qui parait complexe au premier abord mais dont la maîtrise est au final assez rapide et simple.

Son utilisation peut, sous une forme ludique, accompagner la vérification des connaissances de l'apprenant ou venir souligner les points importants d'une ressource parcourue en amont.

Mais revenons quelques instants sur le principe de la leçon.
Une leçon se compose d'un ensemble de pages. Sur chaque page peuvent être présentés des éléments classiques comme du texte ou des images mais aussi des médias (vidéos, éléments audios) ou des inserts issus de sites tiers (cartes, diaporamas, livres PDF).

L'enchainement entre les différentes pages est régit par trois mécanismes :

1. le mode automatique, lorsque la page est terminée, on passe à la suivante (dans l'ordre logique d'avancement);
2. en fonction de la réponse à une question posée. Il existe 5 types de questions possibles (choix multiples, vrai/faux, réponse courte, numérique et appariement). Suivant le degré de justesse de la réponse fournie, l'utilisateur est renvoyé vers une page adaptée (ordre imposé), informations supplémentaires, retour à la case départ, passage à un sujet autre ou toute alternative entre ces différentes solutions;
3. suivant une table de branchement. Le choix (parmi une liste d'options imposées) est alors laissé au participant qui décide du chemin à parcourir.

Et même si l'exemple présenté ici reste basique, la combinaison de ces trois facteurs et les multiples possibilités de chaque agent permettent de nombreuses combinaisons (et il en existe d'autres).

Question pour ...

Une utilisation possible de cette activité est une déclinaison du célèbre jeu télévisé " Questions pour un champion ! " dans laquelle le participant se voit proposer différents indices l'amenant à deviner, sur un sujet donné, la réponse. Plus le nombre d'indices révélés est important moins nombreux sont les points attribués à la découverte de la solution finale.

Transposons le principe à la leçon.
Une première page présente des informations. Elle se termine par une question (éventuellement reportée sur une page spécifique). A chaque échec du participant, une nouvelle série d'indices est proposée sur une nouvelle page avec évidemment une diminution des points attribués en cas de bonne réponse jusqu'à épuisement du nombre de "pages d'indices".
 Ce type de parcours peut facilement se dessiner au préalable sous la forme d'un diagramme afin de mieux visualiser les pages à créer et les actions à leur associer.

Voyons ce que cela donne avec notre exemple sur le diagramme ci-contre.

Une bonne planification aidera à la mise en place de l'activité, à la création des pages, de leur contenu, de leur enchainement et du décompte des points.

Leçon imagée ...

Exemples

Les années 80: la chanson mystère	Essayer	Télécharger
Architecture : le monument mystère	Essayer	Télécharger

Les bonnes adresses du Lab

Le MoodleLab unifie ses adresses web ...

• les Ateliers -> http://ateliers.moodlelab.fr
• la veille (sur Diigo) -> http://diigo.moodlelab.fr
• le blog (ici sur Blogger) -> http://blog.moodlelab.fr (ou http://nouvelles.moodlelab.fr)
• la page G+ -> http://pageplus.moodlelab.fr

Retour sur le MoodleMoot 2011 à Hammamet

Qu'a fait le MoodleLab au Moodle Moot organisé par l'Université Virtuelle de Tunis à Hammamet ?

Qu'a fait le MoodleLab au Moodle Moot organisé par l'Université Virtuelle de Tunis à Hammamet ?Le moodlelab a proposé cette année au MoodleMoot 2011, deux ateliers de découverte et de pratique de la plate-forme, dans l’esprit de Moodle . Ces ateliers sont le résultat de la veille collaborative réalisée au sein du groupe Diigo MoodleLab ainsi qu'une expérimentation réelle de méthodes collaboratives : préparation des ateliers entièrement à distance, en utilisant les cartes mentales, google doc, skype...et bien d'autres outils.


Chaque atelier a été co-animé par deux personnes parmi :

• Émilie Bouvrand, ingénieure pédagogique à l’Université de Bretagne-Sud
• Paula Caterino, ingénieure pédagogique à l’Université de technologie de Troyes
• Jérôme Demiaux, architecte, enseignant-chercheur à l’ENSAL
• Nicole Gévaudan, enseignante à l'Université de Haute-Alsace
• Julien Morice, ingénieur pédagogique à l'École Nationale de Chimie de Rennes

Le premier jour, nous avons eu le plaisir d'être cités par Nicolas Martignoni dans le discours inaugural de ce Moodle Moot organisé par l'Université Virtuelle de Tunis à Hammamet du 27 au 29 juin. La reconnaissance de la communauté francophone, ce n'est pas rien...

Keynote MoodleMoot 2011

View more presentations from Nicolas Martignoni

Atelier "Rendre son cours plus interactif : intégrer des activités qui favorisent la collaboration en s'appuyant sur le web2.0"
L’ objectif de cet atelier est d'expérimenter conjointement avec les participants des usages pédagogiques d’outils du web 2 intégrés à moodle comme :

• les éditeurs de texte collaboratif
• le mindmapping
• les portails personnalisés de ressources et de liens
• les outils de bookmarking
• Voicethread

Quels usages pédagogiques de ces outils ? Comment les intégrer ? Quelles plus-values peuvent-ils apporter dans la construction des apprentissages et les interactions ?
A voir ici : atelier interactivité avec outils web2.0

Atelier "Rendre un cours plus attractif : relooker et enrichir son espace de cours sur Moodle"
L'objectif de cet atelier est de partir d'un cours "ordinaire", "basique"...comme la grande majorité des cours réalisés sur Moodle et de proposer quelques idées pour en agrémenter la présentation.
A voir ici : atelier relookage cours basique

Dans un premier temps, l'espace a été relooké en utilisant toutes les possibilités natives de Moodle : des images cliquables, des styles de titre, des sections cachées...
A voir ici : atelier relookage Moodle

Puis nous avons fait la même chose cette fois en intégrant des éléments Web2.0 (Voki, nuages de tags, BD, vidéos...tout ce qui peut être "embed" dans Moodle)
A voir ici : atelier relookage web2.0

2 ateliers qui connurent un grand succès (merci à tous) ...et qui nous encouragent à être présents au prochain MoodleMoot à Nîmes du 20 au 22 juin 2012.

MoodleLab, Veille et Diigo

Retrouvez toute la veille collaborative du MoodleLab (mais pas que) sur Diigo.

Le MoodleLab se met à la Page

Avec l'arrivée des "pages" sur Google +, le MoodleLab ne pouvait pas ne pas créer la sienne. C'est donc chose faite aujourd'hui.

Du post-it au mur collaboratif ! les outils web 2.0 dans le projet personnel et professionnel (PPP)

L'idée d'utiliser les outils web2.0 a commencé à germer lorsque nous avons démarré la veille collaborative dans notre groupe MoodleLab sur Diigo http://groups.diigo.com/group/moodlelab.

Impliquée depuis 5 ans dans le PPP, je constatais qu'il était difficile de mobiliser les étudiants et les enseignants sur ce sujet. Or, l’accompagnement de l‘étudiant dans la réflexion sur son Projet Personnel et Professionnel (PPP) est de plus en plus intégré dans l’ensemble des cursus universitaires. L'aspect « Personnel » du PPP repose sur une réflexion sur soi, l’aspect « Professionnel » s’articule autour de la connaissance des métiers et des milieux professionnels.

Les outils Web 2.0 permettent de rendre ces activités plus interactives, plus collaboratives, plus ludiques aussi. Simples d’utilisation, les étudiants se les approprient vite et créent facilement du contenu (murs collaboratifs, nuages de tags, posters multimedia, mindmaps, BD…).

Focus sur un retour d’expérience à l’IUT de Mulhouse avec des étudiants de 1ère année, avec un parti pris, utiliser au maximum les outils web2.0

Carte conceptuelle récapitulant l'organisation du PPP



Les murs collaboratifs pour le brainstorming
Nous avons démarré avec un brainstorming sur les métiers possibles après la formation (ici un DUT GLT Gestion logistique et transport), de manière classique avec des post-it, collés dans un premier temps sur l’écran de l’ordinateur. Puis nous avons partagé ces post-it sur un mur collaboratif.
Intérêts :

• partager l’information en un même endroit
• interagir en direct sur les métiers et leur relation avec la formation
• trier les métiers par le choix des couleurs
• ajouter des tags sur chaque post-it

Les mindmaps, glogs et murs pour la présentation des métiers

L’objectif étant de favoriser la créativité et l’imagination, nous avons laissé le libre choix de l’outil aux étudiants. Les 3 outils proposés permettaient chacun le travail collaboratif en ligne.

• Linoit : mur collaboratif http://en.linoit.com/
• Glogster : poster multimedia http://www.glogster.com/
• Mindmeister : mindmap http://www.mindmeister.com/fr

Une sélection d’autres outils était proposée dans un webmix réalisé avec Symbaloo : http://www.symbaloo.com/mix/tools-web-2-0-ppp

Les nuages de tags, glogsters pour la présentation de soi
Après avoir travaillé en présentiel en cours de techniques d'expression sur des tests de personnalité, réalisé leur portrait chinois, réfléchi à comment ils se voyaient dans l'avenir, les étudiants ont réalisé un glogster personnel pour se présenter. Ce dernier travail a le plus mobilisé les étudiants, avec quelque fois même un surinvestissement ! Beaucoup de créativité dans les réalisations, d'imagination, de petits montages vidéos réalisés avec leurs téléphones portables, appareils-photos, et de l'enthousiasme ! un temps fort dans le PPP !
Quelques exemples
http://pierreg.glogster.com/glog-6062
http://pauliner.glogster.com/connaissance-de-soi/

Au final
Les étudiants découvrent d’autres méthodes de travail, acquièrent de nouvelles compétences, se créent une identité numérique positive, développent leur autonomie, leur créativité et leur imagination, apprennent à collaborer, tout en avançant dans la construction de leur projet personnel et professionnel.

Au-delà de leur mise en œuvre dans le cadre du PPP, ces outils ouvrent des possibilités inédites en matière d’applications pédagogiques !

Incredible StartPage, extension Chrome

Google Chrome propose, lors de la création d'un nouvel onglet, une page par défaut composée des vignettes des pages le plus souvent utilisées ainsi que la liste des onglets récemment fermés.
Incredible StartPage se positionne comme une alternative à cette page.
On y retrouve les éléments précédents mais aussi les favoris, une zone de note qui peut être synchronisée avec Gmail ou des comptes Google, des thèmes graphiques modifiables et plein d'options qu'il convient de paramétrer.

Incredible StartPage

ICyte : gestion collaborative de liens internet

ICyte est un service web qui vous permet d'enregistrer les pages internet visitées, de les classer par dossiers, appelés projets, ou grâce à un système de marqueurs (tags) puis de les retrouver rapidement grâce à un moteur de recherche performant.
Les liens et les projets peuvent aussi être partagés avec des utilisateurs choisis, en simple consultation ou en totale collaboration, ajout, édition, modification et suppression.

Création d'un compte. Bien que l'utilisation à titre personnel de ce service soit payante, les institutions éducatives bénéficient pour l'ensemble de ses membres (administratifs, enseignants et étudiants) de l'entière gratuité de toutes les fonctionnalités proposées. Une seule condition doit cependant être respectée, lors de la création du compte, l'utilisateur doit obligatoirement indiquer comme adresse de courriel celle fournie par son établissement. Toute autre entrée verra la création du compte échouée. Le survol de l'image ci-contre vous dévoilera quelques indications supplémentaires quant au remplissage du formulaire de création de votre compte

Zoom sur image

Mise à jour du 01 novembre 2011.
Deux des services présentés ci-dessous ne semblent plus opérationnels, BigImg et Phlook.
Cela est d'autant plus dommage qu'ils étaient nos deux préférés.

Bonjour,

Aujourd'hui, découverte de quelques outils, softwares locaux ou services déportés en ligne, permettant d'embarquer une image dans une  page web mais pas seulement (sinon une simple balise HTML suffirait). Quelques options, comme le zoom, le déplacement dans l'image, l'ajout de commentaires et bien d'autres sont en effet offertes par ces solutions.

BigImg.it - http://bigimg.it/
Un des plus simples, sinon le plus simple et aussi mon préféré.
Le site propose un générateur de code qui vous permettra, en deux temps et trois clics, à partir de l'URL d'une image, de produire le bout de code (une iframe) à insérer dans votre page web.
A noter : l'image n'est pas téléchargée sur le site et aucune présence de script dans le code généré, donc peu de risque de se voir refuser l'insertion de ce code.

Un exemple avec cette magnifique photo prise au MoodleMoot 2010 à Troyes.
(lien rompu)
Un clic active ou désactive les effets. La molette centrale permet d'agrandir ou de réduire. Le déplacement de la souris assure, au besoin,  le déplacement dans l'image.
Un lien permet également d'afficher l'image en plein écran (de navigateur).

Phlook - http://www.phlook.com/
Plus complet, voici Phlook. Lui aussi permet l'insertion sur un blog, un site web ou un forum de photos interactives sur lesquelles on peut alors zoomer. Mais il est aussi possible, via un menu qui apparaît au survol de l'image, de commenter, approuver, agrandir, partager via email ou récupérer le code d'embarquement de l'image.
Cette dernière est obligatoirement déposée sur le site (compte obligatoire) qui offre jusqu'à 100Mo/mois de stockage.
A noter, la présence discrète d'un lien vers le site source.
Le code généré, un embed, renvoie vers une animation flash. Le site visé doit donc permettre l'insertion de ce type de code.

Zoom.it - http://www.zoom.it/
Simple, efficace, sexy.
A partir de l'adresse URL de l'image à embarquer, le site génère du javascript qu'il est nécessaire d'insérer dans un élément de la page web, vous devez donc y être autorisé.
Au survol de l'image, un menu (en bas à droite) apparaît permettant les actions attendus dans ce genre d'outils, zoom avant, zoom arrière, retour à la position d'origine et le basculement plein écran.
Tourner la molette centrale permet également de zoomer (ou zoomer arrière) en recentrant l'image sur la localisation du mulot.
Pas de compte nécessaire (d'où aucune possibilité de gérer ses insertions). L'image est certainement uploadée sur les serveurs de l'application.

Un lien permet également de renvoyer vers le site de création.

Closr.it - http://www.closr.it/
...

Un lien permet également de retourner vers le site de création.

Zoomy - http://www.redeyeoperations.com/plugins/zoomy/
...

Zoomify - http://www.zoomify.com/
Zoomify Express est la déclinaison gratuite d'un logiciel plus conséquent dédié à l'affichage d'images numériques sur les sites web. Son utilisation reste simple et ne nécessite que peu de manipulations.
Le dépôt, par glisser-déposer, d'une image sur l'application génère un dossier rempli des découpes miniatures de l'image et qui permettront l'affichage agrandi de l'image originale.
Un exemple de script HTML + Flash permet, par le remplacement du chemin d'accès vers le dossier des miniatures, d'obtenir le code à insérer dans la page web. Cela implique que le site autorise une telle insertion. Enfin, le script appelant une animation flash, cette dernière doit également être soit déposée sur le site, soit accessible via le web.
Le résultat est très agréable.
Cette méthode permet de garder la main sur les images à embarquer mais nécessite de pouvoir déposer et l'animation et le dossier de miniatures.

Embarquement immédiat ...

Les solutions délocalisées de création et de stockage de documents sont diverses et variées, citons les deux principales, les Google Apps et la suite Microsoft en ligne.Généralement, ces sites permettent également " d'embarquer" les éléments dans des pages web, de façon quasi transparente, agrémentant ainsi leur composition et permettant une grande souplesse.

Mais comment insérer ces différentes ressources, c'est précisément l'objet de ce billet, qui va essayer de vous accompagner dans vos démarches d'insertion.

Ma première insertion :
une feuille de tableur issue de la suite Google Documents.

Le résultat est visible dans cet autre billet traitant du stockage délocalisé.
Un diaporama-tutoriel issu de la version web de Powerpoint , amusant non ?
Dans la deuxième partie du tutoriel, nous découvrirons comment appliquer cette méthode au sein d'un espace de cours d'une plateforme propulsée par Moodle en insérant ce même document sous forme d'une étiquette, d'une page web ou encore comme simple lien.

150Go dans les nuages

Internet, via une floppée de sites de services plus ou moins gratuit, permet un stockage totalement délocalisé de nos données numériques.
Les avantages sont nombreux, accès depuis n'importe quel ordinateur connecté de la planète, moins de soucis de sauvegardes régulières, protection contre la perte ou la casse de son matériel ... contre très peu d'inconvénients généralement liés à la pérennité du site hébergeant nos fichiers et la nécessité d'une connexion au réseau.
Certains sites proposent des services additionnels comme le partage des fichiers avec des tiers, la collaboration entre utilisateurs, une gestion fine des données, des envois par mail ou via les réseaux sociaux, facebook, twitter ...
Des bandeaux publicitaires sont souvent présents mais jamais gênants.

En voici une liste non exhaustive qui offre un minimum de 150Go de stockage sans aucune charge financière. (enfin quand elle sera finalisée)

> >La feuille en pleine fenêtre

Portails Personnalisés

Symbaloo

l'image originale

La construction de chaque onglet est très, très longue ... mais c'est normal, il faut récupérer le lien, choisir la couleur, une icône, l'emplacement ... Au final, chaque onglet (weblist) peut être partagé avec le monde entier, des partenaires choisis par mail ou par diffusion d'une URL classique. J'ai également tenté d'embarquer via une iframe cette URL, mais la version partagée est beaucoup moins marrante que la version originale. Voici donc une weblist partagée regroupant les flux rss des Ateliers. Cliquez sur une icône, le flux s'affiche dans la partie centrale -> weblist partagée

Favorisy

Autre créateur de portail personnalisé. le site Ressemble curieusement à Symbaloo en moins joli mais en plus ergonomique. En français. LE POINT NÉGATIF c'est l'imposition faite des catégories (onglets) et la présence de sites "partenaires" impossibles à supprimer (publicité oblige voir image). Au final, il ne reste que trois onglets réellement personnalisables, partageables ou non. Copie d'écran montrant une catégorie (news) avec la présence des sites "recommandés". L'insertion d'un site sur plusieurs cases est d'ailleurs impossible.

Start.io

Encore un générateur de portail personnalisé. le site Un bookmarklet permet de facilement récupérer les liens. Nécessite un compte pour la création et la gestion du portail. Beaucoup plus simple que les précédents, notamment grâce au bookmarklet vraiment très pratique (comme celui de diigo), il n'est pas possible ici de faire différents onglets ou de gérer des partages (tout est public avec la bonne adresse) mais l'interface est entièrement configurable (couleurs et autres). Copie d'écran du test et la page du test (je vous recommande le lien "the big picture")