En effet, le fondateur de Madmagz avait posté un premier commentaire, qui apportait déjà des précisions intéressantes. Dans un second commentaire, daté de ce jour, il nous tient au courant des nouvelles fonctionnalités, dont deux très intéressantes en contexte de formation ou scolaire :

• la possibilité d’inviter des coauteurs
• la possibilité d’éditer jusqu’à 10 magazines simultanément (alors qu’avant on était obligé de publier le magazine en cours d’édition avant de pouvoir en créer un nouveau.

Quelques autres nouveautés aussi, que je vous laisse découvrir dans son commentaire. Et pour vous tenir au courant de toutes les nouveautés : http://fans.madmagz.com/fr/category/nouveautes-madmagz

Recommandation trouvé sur l’excellent site http://cursus.edu/

Il s’agit pour le moment d’une version beta, mais elle fonctionne correctement.
Vous pouvez accéder à des Apps réalisées par d’autres, mais surtout vous pouvez créer vos propres apps, si besoin en partant d’une app existante, c’est parfois plus facile.

Il y a en tout vingt types d’apps possibles, certaines classiques (qcm, classement), d’autres beaucoup moins (classement chronologique, puzzle de classement…).

Une fois créée, vous pouvez publier votre app sur le site, ou bien pas : dans ce cas, le site vous fournit un lien ou un code d’intégration html, qui va l’afficher dans votre blog, comme ceci (ne mégotez pas trop sur le contenu, c’est un petit test fait en cinq minutes, je manquais un peu d’inspiration )

Il y a apparemment des fonctions prévues intéressantes, comme un export au format scorm (la norme d’intégration de modules dans des plateformes de e-learning), pour certaines apps un export pour intégrer dans Author Book d’Apple (le nouvel outil Apple pour construire ses propres livres ou manuels numériques).

On peut aussi gérer une classe et inscrire ses élèves ou étudiants ou stagiaires, et mettre à leur disposition les apps créées par l’enseignant ou les élèves (je n’ai pas encore testé).

En espérant qu’en version définitive cela ne soit pas payant ou reste accessible sinon… à suivre donc. Pour ma part je vais continuer à tester et sans doute produire des apps un peu plus « intelligentes » et en rapport avec de vrais contenus de formation…

A suivre donc…

Je suis resté en version gratuite pour créer le n°1 d’une (peut-être) longue série de magazines autour de la photo et des outils informatiques : « bpmultimedia » (c’est aussi le nom de mon blog personnel, consacré à mes « balades photo »:  www.bpmultimedia.fr).

En une demie-journée environ, j’ai ainsi créé un magazine de seize pages, dont je ne suis pas pas mécontent   Vous pouvez le voir ici : http://madmagz.com/fr/magazine/137362

Voici en quelques mots comment cela fonctionne :

• vous vous rendez sur le site http://madmagz.com/fr et vous créez un compte d’utilisateur (c’est gratuit)
• vous cliquez sur Créer un magazine et choisissez un modèle : en version gratuite, un seul modèle disponible
• l’interface de création s’ouvre

Tout à gauche, une barre d’outils, pour ajouter / supprimer des pages – modifier l’ordre des pages – avoir un aperçu de votre magazine dans l’interface web / en pdf – sauvegarder le travail en cours – publier votre magazine

Ensuite les vignettes des pages : cliquer sur une page pour qu’elle apparaisse dans la zone de travail à droite

Quand vous cliquez sur un élément (photo ou texte), les outils de modification apparaissent : charger une image ou modifier le texte (police, taille pour l’ensemble de la zone de texte – gras ou italique + couleur pour le texte sélectionné.

• n’oubliez pas de sauvegarder très régulièrement votre travail en cours (j’ai perdu le contenu de deux pages lors de mon test et j’ai dû les refaire).
• ATTENTION ! Une fois votre magazine publié, vous ne pouvez plus rien modifier, seulement le supprimer. Vérifiez donc bien que tout est OK avant de le publier (mon conseil : utilisez l’aperçu pdf pour vérifier. Cet aperçu pdf est inexploitable hormis cette fonction de vérification, car il présente un tatouage madmagz, mais il est très pratique pour vérifier en grand format que tout est ok dans les moindres détails.
• si vous le souhaitez, en payant une dizaine d’euros, vous pourrez obtenir une copie pdf non tatouée ; et si vous êtes un pro pour une centaine d’euros vous obtiendrez un pdf haute définition avec traits de coupe pour envoyer à un imprimeur.
• notez que Madmagz vous propose également de vous envoyer une version papier du magazine, un devis est établi en ligne avant commande (à titre indicatif, mon magazine de 16 pages me couterait 12,50 € frais d’envois compris). Et si vous pensez pouvoir vivre de votre prose (!), vous pouvez proposer votre magazine à la vente en ligne sur le site, si si ! Mais à mon avis il faut en vendre beaucoup, car vous touchez un pourcentage sur chaque vente, mais il faut que vous atteigniez au moins 100 € pour qu’on vous paye…
• en payant une vingtaine d’euros, vous obtenez une version en ligne « premium » : vous pourrez alors mettre le logo de votre institution ou société à la place de logo Madmagz dans le lecteur web et un lien vers un site de votre choix. Vous aurez aussi accès aux statistiques de consultation. Enfin, c’est la seule façon de pouvoir insérer des vidéos dans votre magazine en ligne, en sachant que vous ne pourrez insérer que des vidéos déjà mises en ligne sur Youtube.

L’interface est bien conçue, la création assez fluide, mis à part le temps de chargement des images dans le système, ce qui est cependant tout à fait normal dans tous les systèmes en ligne.

Madmagz : un outil pédagogique

Ce peut-être à mon avis un très bon outil pédagogique :

- pour faire s’exprimer par écrit sur le web, avec l’avantage sur le blog qu’il peut s’agir d’une parution unique, sans obligation de poursuivre le projet dans le temps,
- pour apprendre à soigner une mise en page graphique de style magazine (dans le cadre d’une sensibilisation à la presse ou d’un projet multidisciplinaire)
- pour faire connaitre au grand public sa production (projet de classe, rapport de stage, TPE…) ou le compte-rendu d’un événement sans passer par un site web dédié (j’ai trouvé sur le site un journal de voyage de classe en Allemagne) et pourquoi pas proposer à chaque participant d’en garder une trace papier.

Voir quelques exemples.
Voir ce blog.
Et celui-ci (Madmagz et les Travaux personnels encadrés)

Quelques remarques et regrets, dans un bilan globalement positif (version gratuite) :

• de nombreux modèles de page sont disponibles, mais on ne peut pas ajouter / retirer d’éléments (images ou zones de texte) à la page, seulement les modifier
• une fois insérée, une image ne peut pas être déplacée d’une zone image à l’autre : il faut en réinsérer une nouvelle et attendre donc pendant le téléversement
• impossible de redimensionner ou déplacer les zones image ou texte ; si vous ne souhaitez pas d’une zone de texte proposée dans le modèle, il faut effacer le texte lorem ipsum (texte bidon destiné à remplir la zone de texte), mais vous ne pouvez rien mettre à la place. Par contre, pas moyen d’effacer les images de la page modèle, il faut absolument les remplacer par une image de votre cru
• vous pouvez sélectionner du texte et le mettre en gras, en italique, en couleur. Par contre si vous modifiez la police ou la taille, cela modifie l’ensemble du texte de la zone de texte. Pas moyen de justifier le texte
• en version gratuite, une seule et même disposition des photos dans les pages portfolio, ce qui les rend un peu monotone. Mais si vous savez bien utiliser un logiciel de montage photo, vous pouvez très bien créer un photomontage de votre choix, en respectant le rapport hauteur / largeur d’une page de magazine et l’insérer en pleine page. Par contre pas d’importation possible à partir de Word ou de Publisher
• j’ai essayé sur ma tablette : très bien en lecture (on feuillette le magazine avec le doigt), mais galère en création, surtout quand le clavier virtuel recouvre la zone de texte où on voudrait écrire et qu’on ne peut pas bouger la page.

Mais bon, il ne faut pas trop en demander ! C’est déjà un très bel outil dans sa version gratuite. je crois que pour le n°2 de mon magazine, je tenterai la version payante, et s’il y a des différences notables, je vous en ferai part.

Ajout (13.03.2012) : je viens d’acheter la version pdf de mon magazine ; comme annoncé par le site Madmagz, les photos sont en basse résolution, mais c’est tout à fait acceptable à l’affichage.

IMPORTANT : une fois en ligne il est facile de récupérer le code d’intégration de votre magazine, pour l’ajouter dans votre blog ou site web (je ne l’ai pas fait ici, car l’article est déjà bien long et fourni, mais vous pouvez voir ce que cela donne sur mon blog perso). On obtient le code à partir d’une icone </> présente sur le player : après publication, lancer la lecture du magazine à partir de la rubrique Archives de votre compte Madmagz.

Site officiel et tutoriel en ligne :

• le site Madmagz : http://madmagz.com/fr
• Chaine Madmagz sur Youtube

et comme ils sont sympas chez Madmagz, voici leur tutoriel, simple, sans prétention et efficace

En créant un compte (gratuit), on peut mettre en ligne ces vidéos.

Jing est proposé par la société qui produit Snagit (captures d’écran) et Castasia Studio (capture et montage de vidéos pour la formation), c’est un gage de qualité.

J’ai récemment lu nun article qui expliquait comment une ensiegnante québécoise utilisait ce logiciel pour corriger des travaux d’étudiants en les annotant et commentant en audio, puis en mettant les vidéo-corrections à leur disposition : voir ici.

Je vous ai préparé une petite démonstration de Jing, réalisée avec Camstasia Studio : voir la démo.

Imaginez : vous souhaitez utiliser collectivement (vidéoprojection) en classe une page internet, comme celle-ci :

Cliquez pour agrandir

Ce qui vous intéresse, c’est l’article, pas l’en-tête du site, les menus de navigation et surtout pas les nombreuses publicités… Et bien si vous avez installé le module Clearly pour Firefox, voici ce que vous obtiendrez par un simple clic sur un bouton ajouté dans la barre de Firefox :

Cliquez pour agrandir

Magique, non ?

Et si vous voulez en conserver une trace, il y a un lien direct pour sauvegarder sous Evernote (pour ceux qui ne connaissent pas : prise de notes texte, photo, vidéo, à partir de la webcam ou de l’APN, du web, de mails – compatible PC, Ipad et smartphones sous Android – automatiquement synchronisées entre vos différents appareils). Et si vous utilisez un autre module complémentaire de Firefox, Scrapbook (voir mon article), vous allez pouvoir enregistrer la page web sur votre PC : j’ai testé, c’est bien la version « allégée » que Scrapbook enregistre ; vraiment magique !

A noter :

• Clearly fonctionne bien avec les blogs, mais il n’affiche que le premier article, le plus récent ; si vous souhaitez afficher un autre article, en général en cliquant sur son titre, il s’affichera seul, donc Clearly pourra le traiter.
• Vous pouvez aussi aficher n’importe quelle page dans Clearly en faisant un clic droit sur le lien qui y mène et en choisissant Clearly dans le menu contextuel.
• J’ai testé avec un site « non blog », en html : cela fonctionne aussi, mais ce site utilise des « blocs » (balise div), c’est je pense ce qu’analyse Clearly pour n’afficher que le contenu principal
• j’ai donc testé sur un « vieux » site html sans balises div… et bien cela fonctionne aussi… Bravo Clearly !

Bon, j’espère que les publicitaires qui achètent des emplacements sur les sites ne vont pas me trainer en justice ! Mais c’est pour la bonne cause : en contexte d’enseignement ou de formation, nous n’avons déontologiquement pas le droit de faire de publicité auprès de nos élèves ou stagiaires, et pas besoin tout simplement. Et cet « allègement » de la page web à étudier en classe / en formation va recentrer l’attention des élèves / stagiaires sur le contenu à étudier !

Pour installer Clearly :

Dans Firefox, menu Outils / modules complémentaires –> Catalogue : entrez clearly dans le moteur de recherche des modules, puis installez…

Dans les commentaires, un lecteur propose un autre outil, Tranquility. J’ai testé, mais Clearly m’intéresse plus grâce à la petite barre d’oputil à droite (voir détail dans les commentaires).

Il existe un outil simple et efficace pour écrire en ligne un texte à plusieurs mains… le Framapad.

Il est gratuit, simple à prendre en main, les options de collaboration sont bien pensées :

• auteurs repérés par des couleurs,
• chat associé,
• gestion des versions,
• historique.

Cliquer pour agrandir

Et le choix des collaborateurs est facile et efficace : on les inscrit (si le groupe de collaborateurs doit souvent travailler ensemble), ou bien, pour des collaborations occasionnelles, on rend le pad public, on le protège par un mot de passe, on communique aux collaborateurs l’URL et le mot de passe. Ils n’auront qu’à inscrire leur nom et à choisir une couleur.

Par contre, pas de possibilité de mise en page sophistiquée, on reste en texte seul avec gras, italique, puces, rien de plus. Il faudra en fin de travail récupérer le texte et le mettre en page avec un autre outil. Attention, exportez en html, la version texte seule présente des problèmes d’encodage du texte, donc des caractères bizarres au lieu des caractères accentués – la fonction export en word est prévue sur la version complète [Etherpad, à héberger soi même sur un serveur], mais a été désactivée sur cette version en ligne.

Je vous ai préparé quelques diapositives pour vous faire une première idée : voir le diaporama.

N’hésitez pas à vous rendre sur le site de Framapad, ils proposent deux tutoriels bien faits et un espace de test.

I-Spring crée une animation flash à partir d’un  Powerpoint…
Pourquoi transformer vos Powerpoint en Flash ?

• pour diffuser votre Powerpoint sans Powerpoint, tout simplement dans un navigateur web
• pour mettre en ligne votre Powerpoint sur un site web ou un blog

Comment cela fonctionne-t-il ?

• il faut télécharger un logiciel sur le site I-Spring (version gratuite) : http://www.ispringsolutions.com/free_powerpoint_to_flash_converter.html et l’installer sur son PC
• pour pouvoir télécharger, il faut créer un compte, le site ne vous demande pas beaucoup de données personnelles et vous recevrez une clef de licence gratuite ; attention, si vous avez sur votre PC un Microsoft Office en version 64 bits, bien choisir la version 64bits de I-Spring (un lien vous la propose)
• quand le logiciel est installé, un onglet supplémentaire apparait dans votre Powerpoint :

Vous construisez votre Powerpoint normalement… quand c’est fait, cliquez sur Publish, indiquez un dossier où enregistrer la présentation I-Spring, réglez les paramètres à votre guise (c’est en anglais, désolé !) et produisez votre présentation flash. Après sa création, elle va s’ouvrir automatiquement dans votre navigateur web et vous verrez le résultat.

Pour revenir ensuite sur la présentation et la lire sur un PC ou une clef USB, il suffira de double-cliquer sur le fichier index.html contenu dans le dossier de destination. Tout est contenu dans le dossier (le fichier index.html, le fichier flash .swf et un fichier avec les scripts Javascript), qu’il suffira de copier sur une clef pour transporter la présentation d’un PC à un autre.

Pour mettre votre présentation en ligne, téléversez par FTP le dossier chez votre hébergeur et faites un lien vers le fichier index.html.

Deux fonctions intéressantes :

• insertion de vidéos à partir de Youtube :

•  il suffit de copier-coller l’adresse de la vidéo à partir de votre navigateur internet.
• ATTENTION pour la lecture : pas de souci si vous mettez votre production en ligne, la vidéo sera lue dans un lecteur intégré à votre présentation; le seul souci éventuel serait la disparition de Youtube de la vidéo en question : en effet, I-Spring ne fait qu’un lien vers Youtube, il n’incorpore pas le fichier vidéo.
• Par contre, le lecteur intégré ne fonctionne pas lors d’une lecture locale, c’est à dire à partir du dossier sur votre PC. A la place de la vidéo, il y a un message + un lien « …watch online… » ; or Flash Player, pour des raisons de sécurité, va bloquer l’accès à un site internet ou à des fichiers extérieurs… il faut cliquer alors sur paramètres et dans l’onglet « Avancé », cliquer sur le bouton « Paramètres de l’emplacement approuvé » et ajouter l’emplacement (le dossier) où vous stockez vos présentations I-Spring (c:/dossier). Le clic sur le lien « Watch online » ouvrira alors le site Youtube sur la page de la vidéo que vous avez intégrée à votre présentation I-Spring.
• insertion de fichiers .swf (animations flash)

• un message va vous prévenir, à juste titre, que tous les fichiers swf ne seront pas lus. En effet, certains fichiers swf sont indépendants, d’autres dépendent pour être lus correctement d’une page html de lancement et de scripts javascript –> faites le test, vous ne risquez rien !

Démo

Je vous ai (rapidement) préparé une petite démo : voir la démo (ouvre un nouvel onglet ou une nouvelle fenêtre).

Vous noterez le lien discret vers le site I-Spring ; si vous connaissez le langage html, vous pourrez facilement le retirer de la page index.html, mais je trouve que ce ne serait pas fair-play, puisque i-spring vous met cet outil parfaitement fonctionnel à disposition gratuitement, le minimum est de renvoyer vers le site et d’en faire profiter d’autres

La version payante de I-Spring ajoute des options de web-design (personnalisation de la page web). Et il existe des outils permettant de produire des quiz à un format compatible avec les plateformes de formation à distance. I-Spring propose des licences éducation gratuites. Voir cette page.

Comparaison I-Spring / Author Point Lite

• facilité d’utilisation : comparable ; tous les deux s’intègrent à Powerpoint. I Spring est peut-être un peu plus facile à utiliser
• Author-Point Lite ne permet pas d’insérer dans votre présentation des vidéos Youtube ou des animations Flsh (.swf)
• I-Spring ne permet pas de construire un sommaire, d’indiquer le nom de l’auteur, de faire une recherche dans la présentation (voir la démo Author Point Lite : fonctions dans la colonne de gauche)
• I-Spring ne permet pas de voir les commentaires des diapos Powerpoint (désolé, je n’ai pas intégré cette fonction dans ma démo d’Author Point Lite) : si on coche ce paramètre, une petite icône « bulle de texte » apparait en bas à droite et montre les commentaires de vos diapos powerpoint (pratique pour la formation à distance : vous mettez en commentaire des diapos ce que vous diriez en présentiel en présentant votre powerpoint. I-Spring ne permet pas non plus l’impression directe d’une diapo.

Ma conclusion : I-Spring pour la facilité d’utilisation, l’intégration de vidéos et d’animations / Author Point Lite pour les fonctionnalités ajoutées à la présentation, importantes pour un formateur ou un enseignant.

Je vous fait part aujourd’hui de ma découverte du moment : le moteur de sites et de blog Weebly…

Mes premiers essais montrent de grandes possibilités, même en version gratuite. Il me reste bien entendu à le tester plus à fond pour me faire une opinion complète, mais l’outil me semble très prometteur, pour bâtir son site perso, mais aussi pour autoriser ses élèves ou étudiants à créer leur site ou blog (si tel est votre projet, souscrivez à un compte « éducation »). Comme pour tout compte gratuit il y a des limites et certains outils ne sont opérants que sur un compte payant, mais la version gratuite permet de faire déjà pas mal de choses et la version payante reste abordable.

Parmi les fonctions découvertes (en version gratuite) :

• l’ajout facile de pages et d’éléments sur ces pages par glisser-lâcher : un texte, un texte avec photo, une photo, un diaporama, une galerie photo, une vidéo Youtube, une carte Google, un fichier à télécharger, un formulaire à remplir… – le lecteur vidéo et audio pour lire VOS propres fichiers sans passer par Youtube n’est dispo qu’en version payante
• l’ajout de blogs (articles automatiquement datés)
• la personnalisation du design : grand choix de templates, possibilité de les personnaliser ; si on connait le langage css, on peut intervenir directement sur la feuille de style ; sinon, on peut intervenir de façon intuitive sur pas mal d’éléments.
• la possibilité de désigner d’autres administrateurs qui pourront, au même titre que vous, agir sur l’ensemble du site
• la possibilité d’inscrire vos élèves ou étudiants, qui pourront écrire des blogs, publics ou privés (c’est vous qui décidez)
• l’interface est en français (avec encore de temps en temps quelques éléments non traduits)

Bref, apparemment du beau et du bon ! Et qui va techniquement au delà des possibilités (déjà intéressantes) du Web Pédagogique, tout en proposant une interface intuitive pour les non-initiés. A suivre donc…

Le site weebly

Un (modeste) exemple, que je continuerai à bâtir.

Imaginez : à partir d’une image, vous délimitez des zones de détail. L’élève pourra cliquer sur le détail, zoomer et lire un commentaire que vous avez associé à ce détail.

Le résultat est lu dans le navigateur internet, en local ou bien entendu en ligne.

On peut ajouter des liens… et sans doute d’autres choses encore… : je n’ai pas encore tout exploré… On peut aussi créer des « quiz », ou plutôt des questions, avec affichage de la réponse au clic. Sachez en tout cas que certes j’ai une certaine habitude de la prise en main de nouveaux outils informatiques (!), mais que là j’ai battu un record pour la prise en main de l’outil dans ses fonctions de base : moins d’une heure pour produire un premier échantillon « montrable » : voir ici.

Et cette fois ci, je n’aurai pas besoin de vous faire un tutoriel vidéo, au CRDP de Versailles, ils ont tout prévu : l’aide intégrée au logiciel est claire et ils ont fait un tuto vidéo… Le tout est accessible à partir de cette page : http://images-actives.crdp-versailles.fr/

Voir aussi cet article