Z - Archives

Z - Archives Stéphane Métral sam, 30/01/2016

Anciens cours, tutoriels concernant d'anciennes versions de logiciels

Ressources pour les langues

Ressources pour les langues Stéphane Métral mar, 03/03/2009

Utiliser des ressources libres ou gratuites pour l'enseignement des langues

Ces quelques pages contiennent un ensemble de ressources que nous vous invitons à explorer et qui resteront en ligne après le cours. Complémentaires aux explications et démonstrations que nous vous donnerons, ces ressources ne constituent en rien un parcours obligé.
Programme de la journée

Nous vous proposons de vous fixer quelques objectifs que vous vous efforcerez de remplir durant les Travaux Pratiques :

  • installer les extensions Firefox qui vous sont utiles, vous inscrire dans un service en ligne pour sauver vos découvertes
  • trouver des ressources utiles pour un prochain cours, pour un thème que vous allez traiter
  • trouver des ressources, imaginer un scénario pour un type d'activité que vous n'avez jamais réalisé

Les animateurs
Olivier BRISSON et Stéphane METRAL

PS : pour nous contacter après le séminaire

Les outils

Les outils Stéphane Métral mar, 03/03/2009

Se doter d'outils efficaces :

Plus de détails sur ces outils http://metral.info/web2_services

Trouver les ressources

Trouver les ressources Stéphane Métral mar, 03/03/2009

Chercher et trouver les ressources textuelles :

Recherche et utilisation de ressources multimédias

Les portails consacrés aux langues

Comment utiliser les ressources :

Educanet2

Educanet2 Stéphane Métral mer, 25/09/2013

Tutoriels Récents

L'aide en ligne de la plateforme DOP-UIT du canton de Vaud

 

Tutoriels de M. Bertrand Carrard

Tutoriel vidéo (chaîne YouTube de M. dominiquealianjan)

Tutoriels plus anciens (toujours utilisables mais les copies d'écran ne correspondent plus au  "look" actuel d'educanet2)

Un pas à pas illustré à imprimer pour bien débuter

Premiers pas avec educanet2, document créé par Mme Renata JANETT (septembre 09)

Quelques tutoriels animés concernant l'utilisation d'educanet2, pour les enseignants et / ou les élèves

Tout sur educanet2 en 16 lignes

Index de l'aide + liens ves des guides pratiques, des  tutoriels, les adresse des supports cantonaux, les cours  ....

 

JClic

JClic Stéphane Métral lun, 21/04/2008

Programme de la première journée


Qu'est-ce que JClic?

Extrait de la notice JClic sur Framasoft

Jclic est un créateur d’exercices à la Hot Potatoes développé en JAVA. Il permet de faire des jeux de puzzles, d’associations, de dictée, de remise en ordre d’éléments... Le nombre de possibilités est impressionnant, ainsi que le nombre de type de documents supportés (vidéo, son, flash, dessins dont les gifs animés...)
Jclic se compose de 3 modules : JCLIC player, qui permet de lancer les exercices "hors ligne" ; JCLIC author, qui permet de créer des exercices ; et JCLIC Reports, qui permet de centraliser les résultats des élèves.
 
Extrait de la description sur le site de JClic
JClic is a platform for the creation, playing and evaluation of multimedia educational activities, developed in the Java platform.
It's a multi-platform, free software project, based on open standards. It works in Linux, Mac OS X, Windows and Solaris.
 

Après le séminaire

Lors de la dernière matinée, nous traiterons spécifiquement des problèmes que vous aurez rencontrés. Vous pouvez cependant toujours me contacter, entre les deux séances ou après.
En cas de difficulté, deux solutions :

Nota bene

tous les tutoriels sont librement distribuables sous la licence
Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique De Creative Commons.
Je vous remercie de me signaler toute faute qui m'aurait échappée.
Si vous désirez utiliser tout ou partie de ces tutoriels, les modifier, les améliorer il suffit de me contacter et je vous enverrai la version modifiable (Open Office) du tutoriel désiré.
Dans tous les cas, un petit mot (avec un lien, le cas échéant) pour me signaler toute utilisation, toute transformation ou amélioration de ces tutoriels serait grandement apprécié. N'hésitez pas à me contacter.

Mise en route

Mise en route Stéphane Métral mar, 06/05/2008

Installation

Les modules

Une fois JClic installé on dispose de 3 modules :

  • JClic permet de lire les exercices créés (utile pour tester les exercices créés). Il peut être utilisé par les élèves aussi, mais il est possible de publier les exercices sur un site internet, ils seront alors lus par le navigateur.
  • JClic-author est le module de création des exercices.
  • JClic-reports permet une gestion de base de données pour garder trace du travail réalisé par les élèves.

Principes de base

Note : il est toujours beaucoup plus rapide d'effectuer certaines opérations avant même d'ouvrir JClic, ou tout autre logiciel de création, d'ailleurs.
  • Réfléchir à son projet et ébaucher les exercices projetés avec un bon vieux crayon et une feuille de papier
  • Rassembler tous les documents (exercices, textes, questions, définitions, ....) déjà créés et potentiellement réutilisables dans le projet
  • Rassembler tous les média nécessaires (son, images, vidéos, ...)

Réglages de base

Réglages de base Stéphane Métral mar, 20/05/2008

Démarrage

Les exercices (appelés Activités) JClic sont contenus dans des projets. Impossible de créer quoi que ce soit sans projet. Utiliser un des excellents tutoriels cités dans les ressources et visionner les tutoriels animés.

  • Lancer JClic-author 
  • Créer  un nouveau projet
  • Importer les fichiers dans la librairie média
  • Insérez un écran d'accueil
  • Démarrage de JClic, tutoriel animé

Réglages communs à toutes les activités

Toutes les activités JClic présentent 4 onglets dont trois (Options, Fenêtre, Messages) offrent les mêmes possibilités de paramétrage. Le quatrième onglet  Palette, étant, lui, spécifique à l'activité concernée. Au début, ne pas perdre pas trop de temps dans les multiples options. Ne régler que les options principales. On pourra toujours y revenir plus tard, voire même copier / coller certains réglages.

Les onglets

Astuces

Astuces Stéphane Métral mer, 21/05/2008

Problèmes et astuces pour les résoudre :

  • Parfois, dans l'onglet Activités  la prévisualisation d'une activité ne fonctionne pas correctement
activité 
  • En pareil cas, utiliser la prévisualisation disponible dans l'onglet Séquences
Séquences
  • Afin d'éviter d'avoir à recommencer sans cesse les mêmes réglages utiliser le bouton Copier les attribut, également disponible depuis le menu Editer.
Copier attributs
  • On peut aussi Copier / Coller une activité depuis le menu Editer.
  • L'outil Forme permet de changer la forme des pièces dans le cadre. Surtout utile pour les puzzles, il peut néanmoins être utilisé dans d'autres activités. Attention à l'outil Cuts :
Cuts

  • Il convient d'utiliser Cuts avant toute autre manipulation! Appliqué à une Association, par exemple, il efface le contenu des cases déjà remplies! 
  • Ne pas oublier de cliquer sur OK, pour valider les manipulations effectuées dans le Constructeur de formes. Selon la résolution d'écran, le bouton OK, situé tout au bas de la fenêtre n'apparaît pas.
  • Attention : un projet JClic, ne supporte, apparemment, pas plus de 20 activités. Il est possible d'en faire plus mais elles ne sont pas enregistrées!
  • Quand une modification apportée à une activité ou à une séquence n'est pas prise en compte, choisir Fichier  / Enregistrer sous et écraser le projet récalcitrant.

Ressources

Ressources Stéphane Métral ven, 09/05/2008

Nos tutoriels animés :

Quelques exemples sur ce site :

Les fichiers pour les exercices :

Les tutoriels à imprimer :

Quelques liens utiles :

Web 2.0

Web 2.0 Stéphane Métral mar, 25/01/2011

Pages conçues à l'origine pour un cours et modifiées depuis (dernières modifications janvier 2011)

Pour une impossible définition : quelques axes de réflexion

En résumé :

L'émergence de nouvelles technologies a permis l'apparition du web 2.0 qui se définit principalement par opposition au web 1.0... et au web 3.0.

  • le web 1.0 : utilisateur-consommateur de produits mis en lignes
  • le web 2.0 : censément collaboratif, utilisateur-producteur, donne son avis, ajoute du contenu,
  • le web 3.0 : l'Internet des objets communiquant entre eux directement (voir http://del.icio.us/lesemeur/InternetOfThings )

Pour me contacter, si vous êtes enseignat au DIP de Genève

Pour me contacter

Tags

Les outils

Les outils Stéphane Métral mar, 25/01/2011

Les navigateurs  :

Attention : trop d'extensions ou des extensions mal programmées peuvent ralentir Firefox ou considérablement augmenter sa consommation de ressources. Choisissez vos extensions avec soin et n'hésitez pas à supprimer celles que vous n'utilisez pas. En rouge les indispensables!

Quelques extensions importantes

"Folksonomy : contraction de "folk" et de "taxonomy", la folksonomy est le classement réalisé par les internautes du monde entier lorsqu'ils "taguent" des pages et sites web sur des sites de référence comme del.icio.us. C'est en quelque sorte un nouveau "Google" constitué manuellement par et pour les internautes." Tiré de du Glossaire Web 2.0 de indexel.net. Voir également l'article de WikiPédia : folksonomie.
  • del.icio.us
  • Diigo, encore meilleur que delicious, à mon avis.
    • importation de tous ses signets delicious
    • possiblité de créer des groupes, de sauvegarde sur delicious, de twitter, de créer des listes
    • mon Diigo
  • Stumbleupon : permet, selon ses intérêts, de voter et de découvrir des sites commentés par d'autres internautes. Il est possible de surfer sans s'inscrire mais bénéficier des fonctions avancées, il est nécessaire de s'inscrire. Télécharger l'extension.
  • Technorati : moteur de recherche spécialisé dans le domaine des blogs. Les extensions, le plugin de recherche.
  • Nouveau FEBE: pour sauvegarder / restaurer les extensions, mots de passe, marque-pages de Firefox.

Extensions pour personnaliser son environnement et pour développer des sites

  • Web developer : plein d'outils pour le développement des sites. Traduction française de l'extension.
  • Greasemonkey : pour personnaliser l'affichage, supprimer la publicité dans gmail ... à l'aide scripts. Plus de 16.000 scripts disponibles ....
  • gDocsBar : le parfait compagnon pour GoogleDocs (extension inofficielle)
  • ColorZilla :permet très simplement de récupérer la couleur d'un pixel d'une page web dans tous les formats (rvb, hexa ...)

Nouveau MozBackup : pour sauvegarder /restaurer les profils de vos application de la suite Mozilla (Firefox, ThunderBird, ...)

La syndication

  • Googlereader : un des meilleurs lecteurs de flux d'informations en ligne. Nécessite d'ouvrir un compte Google. Facile d'utilisation, son interface ressemble à celle de Gmail.

 

Les services

Les services Stéphane Métral ven, 25/03/2011

Les services Web 2.0

De nombreux services, de véritables portails web, permettent de personnaliser son environnement et de réunir les applications les plus utiles à l'aide de widgets. Quelques exemples :

"We define social network sites as web-based services that allow individuals to

  • (1) construct a public or semi-public profile within a bounded system,
  • (2) articulate a list of other users with whom they share a connection, and
  • (3) view and traverse their list of connections and those made by others within the system. The nature and nomenclature of these connections may vary from site to site." Repris de  Social Network Sites: Definition, History, and Scholarship  Boyd et Ellison

Les réseaux sociaux

De nombreux réseaux sociaux existent, il est intéressant de savoir en quoi ils consistent puisque nos élèves les utilisent. Si certains (Tagged, HI5),  ne présentent guère d'intérêt pédagogique, d'autres, par contre, offrent des possibilités pédagogiques fort intéressantes, notamment NING. Par ailleurs, les savoir-faire acquis dans un réseau de type FaceBook, seront très utiles à nos élèves lorsqu'is devront utiliser des réseaux sociaux professionnels du type Viadéo ou Linkedin.
  • FaceBook, Orkut, pour mettre en relation les amis de ses amis
  • MySpace "met gratuitement à disposition de ses membres enregistrés un espace web personnalisé, permettant d'y faire un blog d'y entreposer ses compositions musicales et d'y remplir diverses informations personnelles. Il est ainsi connu pour héberger de nombreux sites de groupes de musique et de DJs." Suite de l'article sur WikiPédia
  • Ning permet de créer et de gérer très simplement son propre réseau totalement ouvert ou aux seuls membres agréés. Comprend messagerie, forum, partage de photographies et de vidéos, blogs. Chaque membre possède un identifiant propre et unique pour tous les sites Ning.

Des applications utiles, pour soi, pour enseigner

La recherche "sociale"

La recherche "sociale" Stéphane Métral ven, 15/05/2009

Si je m'intéresse à la question de l'identité numérique au lieu d'utiliser le sempiternel Google, je peux choisir d'autres stratégies.

La recherche dans Twitter

  • particulièrement indiquée si je désire connaître les développements les plus récents sur la question.
  • dans son compte Twitter taper "identité numérique"
  • cliquer sur More pour obtenir plus de résultats
    • RT @c_blazquez:Interview d'Emilie Ogez sur l'identité numérique http://bit.ly/PRVtZ, ce Tweet est repris par plusieurs personnes

    • chercher les personnes qui on posté plusieurs Tweet sur ce sujet, et aller voir leur page Twitter et leur site. On peut ainsi découvrir le très riche et très intéressant blog d'Eric Delcroix les z'ed. La lecture des billets trouvés par une recherche sur les termes "identité numérique" ou clic sur le tag, devrait vous occuper un moment :)!

La recherche avec Technorati

La recherche dans Diigo

  • dans Diigo une recherche sur "identité numérique", apporte 164 résultats (15 mai 09)
  • ensuite en cliquant sur l'avatar d'un des "Top contributors" , Eric Delcroix, par exemple, on a accès à ses liens sur le sujet et à trois intéressantes options :
    • un bouton "Add to watch list" afin d'être prévenu chaque fois qu'il ajoutera un nouveau lien comportant ce tag
    • un bouton pour s'abonner au fil rss
    • un bouton pour jouer ces liens dans un Webslide (les pages présentées restent cliquables!)
  • une recherche sur e-reputation, donne d'autres résultats, notamment ce dossier, du site http://www.les-infostrateges.com/ qui s'intéresse tout particulièrement à la gestion et à la maîtrise de l'information.

NB : si les références trouvées ne suffisaient pas, effectuer les mêmes démarches en anglais!

Les ressources

Les ressources Stéphane Métral sam, 12/04/2008

Pour aller plus loin :

Répertoires d'outils web 2.0

Tutoriels

Tutoriels Stéphane Métral mer, 16/04/2008

Vodeclic.com

  • Nombreux tutoriels animés, notamment concernant Firefox et Gmail
  • Recherche par catégorie (bandeau) ou par un moteur. Taper la recherche désirée et, dans la page des résultats, utiliser les options offertes sous Filtrer pour affiner la recherche.
  • Ne pas hésiter à cliquer sur Plein écran afin de mieux voir.

Gmail

Notre Playlist sur YouTube

  • Lien vers la liste
  • Notre playlist ci-dessous. Cliquer sur le triangle pour lancer la première vidéo.  Survoler l'écran avec la souris, les vignettes des autres vidéos apparaissent. Survoler la vignette, le titre de la vidéo apparaît. Cliquer sur la vignette, la vidéo désirée se lance.

Web2.0 for fun

Web2.0 for fun Stéphane Métral ven, 25/03/2011

Quelques services web2.0 pour se détendre

  • La plupart de ces services exigent une inscription (gratuite),  les rares services payant mentionnés offrent une petite partie de leur contenu gratuitement
  • Certains permettent de se connecter avec son ID Facebook, Twitter, Google et évidemment de publier directement dans divers réseaux sociaux

Musique en ligne

Cloud Gaming (pour connexions hauts débits)

  •  Onlive.com, http://www.onlive.com/, jouer aux derniers jeux, XBox ou PS3 sur votre PC ou Mac, sans rien installer, payant mais avec quelques démos gratuites
  • Valvesoftware.com, http://www.valvesoftware.com/, éditeur de jeux offrant ses productions en ligne, payant mais offre des démos ou voire même des week-ends gratuits, http://store.steampowered.com/, nécessite l'installation d'un software gratuit (Mac / PC)
  • 10 sites proposant du cloudgaming

Traitement de l'image

  • Pour traiter et partager ses photographies, en plus des très connus, Picasa lié à Google,  Flickr lié à Yahoo, PhotoBucket est très fiable et propose un éditeur convivial et puissant
  • Réalisation de diaporamas, de gifs animés, d'avatars ... Bloggif, http://www.bloggif.com/
  • Kizoa, http://www.kizoa.fr/, création de diaporama et retouche photo
  • http://www.befunky.com/, appliquez toute une séries d'effets en ligne, très simple à utliliser, aucune inscription requise
  • http://www.imagechef.com, plein d'effets fun et délirants, s'inscrire ou sauver son travail (clic droit + Enregistrer l'image sous ...) avant de quitter le site
  • http://simpsonizeme.com/, transformez-vous en Simpson (très souvent surchargé et inaccessible!)
  • Liens vers des générateurs pour créer divers types d'effet, type Polaroid, mélange de texte et photos, générateurs de BD, etc, à explorer

La suite d'Aviary

  • Aviary propose sur son site, http://www.aviary.com/, toute une série d'outils gratuits et très performants, éditeur audio, photo, vidéo, capture d'écran

Cartoon

Inclassable

  • Une incroyable liste de générateurs divers, des plus sérieux (webdesign) aux plus farfelus (générateurs de noms égyptiens), de quoi s'occuper un certain temps, malheureusement la liste date un peu et certains liens ne fonctionnent plus

 

 

Cours Blog

Cours Blog Stéphane Métral dim, 17/02/2008

Cours SEM 311 Tu blogues? Vous bloguez?


Nota bene

tous les tutoriels sont librement distribuables sous la licence
Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique De Creative Commons.
Je vous remercie de me signaler toute faute qui m'aurait échappée. Un petit mot (avec un lien, le cas échéant) pour me signaler toute utilisation, toute transformation ou amélioration de ces tutoriels serait grandement apprécié. N'hésitez pas à me contacter.

 

Qu'est-ce qu'un blog?

Qu'est-ce qu'un blog? Stéphane Métral ven, 10/10/2008

Qu'est-ce qu'un blog? 

Il est facile de trouver, sur Internet, une foule de sites répondant à cette question. Voici quelques définitions, quelques ressources et quelques dossiers concernant, plus particulièrement, les blogs à usage pédagogique : 

L’article sur les Blogs de Wikipedia historique, format, définition, aspects sociaux, liens, lexique, ...
Le dossier Blogs et Enseignement chez Thot "Ce dossier veut faire découvrir ces nouveaux outils qui favorisent la communication et le travail collaboratif pour mieux comprendre leurs potentiels pédagogiques et pour mieux les intégrer dans la salle de classe".
Le répertoire des blogs éducatifs francophones chez THOT

Divers types de blog (réflexion, didactique, utilisation des TIC, blogs disciplinaires, ...)

Blog sur Internet :  uUne arme d'information massive qui requiert de la prudence! publié par le SEM (Service Ecoles-Médias) du canton de Genève
Les weblogs dans l’éducation, dossier d'Educa.ch Liens, exemples, définitions, ressources
Droit d'auteur et éducation, autre dossier d'Educa.ch indispensable avant de se lancer
Les caractéristiques d'un blog Concis (1 p.) et clair, par le créateur d'une société hébergeant des blogs
Les blogs, entre outils de publication et espaces de communication
(Plan du mémoire / lien pour télécharger le mémoire)
Plus fouillé (160 p.), le très intéressant (tout particulièrement les premiers chapitres, plus généraux)  mémoire d'Angelina Grarreau
Mes liens sur les blogs (delicious) Technique (plugins, wordpress), réflexion, baladodiffusion (podcasting), exemples de blogs pédagogiques (fle), ...
SCAI Blog

http://sem.unige.ch/scai/wp/04/2009/blog-et-gestion-de-lheterogeneite/ 
 

Le blog de mon école

Gestion d’une classe hétérogène : exemples tirés de la pratique
Utilisations pédagogiques d’un blog

Tutoriels

Tutoriels Stéphane Métral mar, 14/10/2008

Les tutoriels concernant le web pédagogique

Blog à l'école : tutoriels vidéo

WordPressTraining

A imprimer

Notre Playlist sur YouTube

 

SCAI Blog (tutoriels réalisés avec la version 2.2 de WordPress)