Web 2.0
Web 2.0 Stéphane Métral mar, 25/01/2011Pages 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
- Cité par Jenkins : " please describe web 2.0 to me in 2 sentences or less.
You make all the content. they keep all the revenue." -- Bash.org - L'article de Wikipédia http://fr.wikipedia.org/wiki/Web_2
- Un Internet social?
- Web 2.0 The Machine is Us/ing Us : une présentation originale
- pour approfondir voir nos liens sous Ressources
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
- par mail prénom.nom@edu.ge.ch
- poser votre question dans le Forum Support du SEM, rubrique Formation continue
Pour me contacter
- formulaire sur le site: cliquer ici et laisser un message
- par mail : http://scr.im/metral
- 60 vues
Les outils
Les outils Stéphane Métral mar, 25/01/2011Les navigateurs :
- Flock : le navigateur social. Avantages : certaines des possibilités offertes par le biais des extensions sur Firefox font partie du cœur du navigateur. Inconvénients: lourd, plus lent. A réserver à ceux qui n'aiment pas "bricoler" et utilisent intensivement les réseaux sociaux.
- La page de téléchargement (Mac / Win / Linux); les versions portables (Mac / Win)
- Le site officiel (en anglais)
- L'article de WikiPédia sur Flock
- Firefox :
- La page de téléchargement (Mac / Win / Linux); les versions portables (Win / Framakey), Version portable Mac
- Le site officiel francophone
- Geckozone : le portail francophone des logiciels basés sur Gecko (Firefox, Mozilla, Thunderbird, Camino, Nvu, etc.)
- Firefox Add-ons : les modules complémentaires étendent Firefox en vous permettant de personnaliser votre navigation.
Quelques extensions importantes
- Comment installer une extension, tutoriel de Geckozone
- Les dictionnaires
- Les moteurs de recherche
- Sherlock Cherche : plugins de recherche francophone pour Mozilla Firefox
- Firefox Add-ons, les outils de recherche
- ScribeFire
- la dernière version stable (1.4.8 avril 2008); une version avec support de YouTube est en préparation
- le site officiel, avec forum de support (en anglais)
- un petit tutoriel animé (utilisation de ScribeFire au SCAI)
- ScrapBook : permet de sauvegarder en local des pages ou parties de pages (ou mêmes des sites entiers), d'annoter les document sauvés et de les organiser comme des signets. Idéal pour constitue une "banque" de données. Recherche en texte intégral sur les pages sauvées.
- Hyperwords. L'avis éclairé de presse-citron.net ainsi qu'une petite démo animée
- del.icio.us
- Lors du processus d'inscription, il vous sera proposé d'installer l'extension nécessaire
- page d'aide complète mais en anglais
- 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.
- 15 vues
Les services
Les services Stéphane Métral ven, 25/03/2011Les 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 :
- L'ouverture d'un compte Google donne accès à une foule d'applications et de services :
- iGoogle : permet d'agréger en une ou plusieurs pages la plupart des services offerts par Google et d'en ajouter d'autres grâce à un système de widgets
- Gmail : excellente messagerie en ligne qui permet de sortir de la logique réductrice des dossiers pour adopter celle des tags; nombreuses autres possibilités. Présentation de Gmail. Article de WikiPédia.
- Google Reader : un des meilleurs lecteurs de flux en ligne. Visite guidée.
- Google Documents : pour créer des documents, des présentations, des feuilles de calcul en ligne et les partager. Description et présentation de GoogleDocuments.
- Picasaweb pour stocker et partager vos photos
- Google Agenda : agenda en ligne, partageable et exportable. Informations et visite guidée
- Les alertes Google : laisser Google chercher pour vous
- Google CSE (Custom Search Engine) : créer ses propres moteurs de recherche personalisés. Documentation; GMarker, permet d'intégrer rapidement des sites dans ses moteurs. Quelques exemples : moteur de recherche de ce site, moteurs de recherche pour profs de français
- Blogger, un blog ou il évidemment très aisé de poster des photos depuis Picasa et des vidéos depuis YouTube
- La liste de tous les produits Google, la version anglaise plus complète
- Pour choisir sa langue (+de 100), son pays (+ de 130)
-
Le centre d'aide Google (pour tous les produits Google)
- Netvibes : très puissant, bien plus qu'une simple page de départ (startpage); comprend une partie privée et des pages que l'on peut publier
- Ecosystem : l'annuaire de Widgets (petits modules à insérer) de Netvibes
- Article de Wikipédia décrivant Netvibes et retraçant son historique
- Extension Firefox "Ajouter à Netvibes"
- Le Blog de Netvibes : les dernières nouvelles du développement
- Les Univers officiels : des "portails" préparés par des institutions ou des entreprises
- Faq & didacticiels : comment créer une page ? Comment gérer les univers ? ...
- mon Netvibes public
- Pearltrees, assez fun, amusant à utiliser quoiqu'un peu déroutant au début, de nouvelles fonctionalités sont régulièrrement ajoutées.
- Symbaloo, une startpage simple à utiliser
"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
- 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.
- Un exemple, le Campus FLE
Des applications utiles, pour soi, pour enseigner
- Organiser des réunions : Doodle
- Stocker et partager ses fichiers Steekr, Boxnet et DropBox ,en cliquant sur ce lien http://db.tt/HZEawSm vous obtiendrez, 1,25 GO gratuitement (au lieu de 1GO)
- Partager, découvrir, écouter de la musique ou la mettre dans son blog, ses pages web: LastFM, Project Playlist, Jamendo
- Partager des photographies : Picasa liéà Google, Flickr lié à Yahoo, PhotoBucket très fiable
- Partager des vidéos : YouTube lié à Google, Dailymotion, TeacherTube
- Bureautique en ligne : en plus de Google Documents, Zoho Writer, parmi les meilleurs
- Signets :Diigo, delicious,
- MindMap : Mindomo, MindMeister (compatible avec FreeMind), XMind
- Publication et partage de documents en ligne avec possibilité de restreindre les accès Scribd, Calaméo
- Réalisation de tutoriels en ligne ScreenToaster
- Partage d'écran en ligne, visioconférence, TokBox, ShowDocument
- Réalisation de diaporamas, de gifs animés, des avatars ... Bloggif, http://www.aviary.com/, Kizoa, http://www.kizoa.fr/
- 18 vues
La recherche "sociale"
La recherche "sociale" Stéphane Métral ven, 15/05/2009Si 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
- cliquer sur l'url pour voir ce dont il s'agit http://bit.ly/PRVtZ
- Il s'agit d'un blog de Christophe Blasquez, on y trouve l'article (tout en bas) et un lien vers e-book Cultivez votre identité numérique
- trouver qui a posté ce Tweet en premier, il s'agit également de M. Blasquez en cliquant sur son nom @c_blazquez, on accède à sa page Twitter. Son profil contient un lien vers un autre de ses blogs http://blazquez.over-blog.com/ où on trouve d'autres billets sur le sujet et notamment un lien vers un autre e-book, L'identité numérique en question.
- cliquer sur l'url pour voir ce dont il s'agit http://bit.ly/PRVtZ
- 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 :)!
- RT @c_blazquez:Interview d'Emilie Ogez sur l'identité numérique http://bit.ly/PRVtZ, ce Tweet est repris par plusieurs personnes
La recherche avec Technorati
- M. Delcroix utilise des Tags Technorati, un petit clic sur le logo
vous donnera les résultats de cette recherche dans d'autres blogs - sinon aller sur http://technorati.com/ et taper la recherche désirée
- un autre intérêt de Technorati (en plus de chercher dans les blogs plus efficacement que Google) est qu'il propose également tout une série de tags apparentés :
réseaux sociaux, facebook, internet, e-reputation, web, blog, google, identité, web 2.0, usages, personal branding, e-réputation, réputation, enseignement, twitter, le tigre, presse-citron, belgique, blogosphère, marque.Si certains semblent hors de propos, d'autres amènent d'intéressants résultats.
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 :
- 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!
- 3 vues
Les ressources
Les ressources Stéphane Métral sam, 12/04/2008Pour aller plus loin :
- un exemple d'application http://www.effetphi.ch/lesemeur_new/
- nos liens sur le web 2.0
- Deux articles de Danah Boyd Why Web 2.0 matters 1, Why web 2.0 matters 2. Il intéressant de noter que ces articles datent de 2005
- Glossaire Web 2.0 de indexel.net
Répertoires d'outils web 2.0
- Listio, répertoire mis à jour d'applications, sites web 2.0
- Répertoire d'applications 2.0 francophones
- WebApps, un autre répertoire francophone
- Go2Web20, un annuaire Web 2.0. pratique à utiliser, quoiqu'un eu lent à s'afficher, recherche par mots clés, tags. Le site est en anglais. Description en français de son fonctionnement
- Liste de liste web 2.0
- Liste des 100 sites Web2.0 les plus visités
- Les 200 meilleures applications Web2.0 en 41 catégories : les SEOmoz's Awards 2007
- 9 vues
Liste de services Web2.0
Liste de services Web2.0 Stéphane Métral jeu, 14/05/2009Trois listes parmi les plus intéressantes :
- CoolTools : http://cooltoolsforschools.wikispaces.com/
- GotoWeb2.0 : http://www.go2web20.net
- Edutechwiki : http://edutechwiki.unige.ch/en/List_of_web_2.0_applications
Liste commentée (en construction)
- 11 vues
Tutoriels
Tutoriels Stéphane Métral mer, 16/04/2008Vodeclic.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
- Ouvrir un compte, niveau débutant, environ 6 minutes, Débutant, Vodeclic.com
- Régler les paramètres (préférences) généraux, environ 6 minutes, Intermédiaire, Vodeclic.com
- Recevoir des mails de plusieurs comptes, environ 5 minutes, Avancé, Vodeclic.com
- Envoyer des mails depuis plusieurs comptes, environ 7 minutes, Avancé, Vodeclic.com
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.
- 4 vues
Web2.0 for fun
Web2.0 for fun Stéphane Métral ven, 25/03/2011Quelques 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
- Les webradios, la plupar t permettent de créer des playlists et de se créer un réseau correspondant à ses goût musicaux
- LastFM, http://www.lastfm.fr/
- Deezer, http://www.deezer.com/
- Pleazik, http://www.pleazik.com/ (moteur de recherche et écoute en streaming)
- Songza, http://songza.com/, webradio sociale : découvrez et partagez dela muisque avec vos amis
- Blipfm, http://blip.fm/, permet également de créer et partager des playlists
- Grooveshark, http://listen.grooveshark.com/. céation et partage de listes
- playlist.com, http://www.playlist.com/, comme son nom l'indique
- TubeRadio, http://player.tuberadio.fm/
- Jamendo, http://www.jamendo.com/, réseau social de partage musical, écoute et téléchargements gratuits et légaux (musique mise en ligne par les artistes eux-même)
- Mes liens Diigo, sur la musique http://www.diigo.com/user/metral/music
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
- http://www.lacartoonerie.com/, http://goanimate.com/, création de catoon et réseau social tout à la fois, inscription gratuite nécessaire pour crées des animations
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
- 13 vues
Cours Blog
Cours Blog Stéphane Métral dim, 17/02/2008Cours SEM 311 Tu blogues? Vous bloguez?
- Le programme du séminaire
- Qu'est-ce qu'un blog? (lien vers des ressources choisies)
- Exemple de navigation dans un blog
- Le blog utilisé pour le cours
- Les tutoriels
- L'aide du site Le web pédagogique
- L'aide du site Blogsenseignons.be : http://blog.enseignons.be/aide/ (tous deux sont des WordPress Mu)
Nota bene
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.
- 18 vues
Qu'est-ce qu'un blog?
Qu'est-ce qu'un blog? Stéphane Métral ven, 10/10/2008Qu'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 |
- 7 vues
Tutoriels
Tutoriels Stéphane Métral mar, 14/10/2008Les tutoriels concernant le web pédagogique
- Premiers pas (version élève) : se connecter, modifier son profil, proposer un billet, insérer une vidéo
- Insérer des fichiers
- Gestion du blog (pour le prof)
- L'aide disponible sur le site lui-même http://bit.ly/aidewebpedago
Blog à l'école : tutoriels vidéo
WordPressTraining
- Une trentaine de tutoriels vidéo de très bonne facture,mais en anglais uniquement
A imprimer
- Se connecter à son blog (depuis la page d'accueil du blog ou depuis la plage d'accueil de la plateforme)
- Modifier son profil
- Le tutoriel de blogs.enseignons.be
Notre Playlist sur YouTube
SCAI Blog (tutoriels réalisés avec la version 2.2 de WordPress)
- Naviguer dans le blog (sans accéder à la zone réservée)
- Accéder à la zone réservée aux membres (login)
- Ecrire un billet
- Insérer des images
- Insérer des fichiers (texte, multimédia, etc…)
- S'abonner à un Podcast
- Impossible d'écrire?
- Publier facilement sur le SCAI Blog 2
- 1 vue