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)