EDIT Vendredi 9, 8h40
La version sous-titrée par nos soins de cette vidéo est ici

Gros buzz autour d'une leçon magistrale d'anthropologie sur le Web 2.0. Michael Wesch démontre qu'une vidéo de 5 minutes postée sur YouTube vaudra toujours mieux que n'importe quel polycop'. Ça me rappelle la pub Linux par IBM : casting prestigieux, leçons éclairantes.
La leçon est tellement belle que je vous en propose non seulement la vidéo, mais aussi sa traduction. Étape suivante ? Il est question d'un sous-titrage...

Ici est insérée une animation. Celle-ci sera parfaitement visible sur notre site, avec javascript activé et le plugin idoine.

Il y a donc la technologie, l'information, la structuration de cette dernière, mais aussi le logiciel client (l'ouverture du système d'extensions de Firefox est exemplaire du Web2.0). Une très bonne leçon de choses, que j'aurais pu publier sur Plantages!, mais en l'absence d'indication de licence, et donc de droit de copie, je peux tout juste me permettre de publier la traduction sur un site non-commercial [EDIT: l'auteur m'a précisé sa licence : CC By-Nc]. Peut être une des données associées à un document des plus pertinentes en ces temps de batailles de copyrights, DRM abscons et entrepreneurs souhaitant monétiser le « contenu généré par l'utilisateur ».

Vidéo remarquée chez Tristan Nitot et chez Netwizz. Merci à Xylpho<

Une main écrit au crayon
Le texte est linéaire
Le texte est unilinéaire
Le texte est censé être unilinéaire
Le texte est souvent censé être unilinéaire
Le texte est unidirectionnel écrit sur papier
Le texte est écrit dans un logiciel d'édition
Le texte numérique est différent
Le texte numérique est plus flexible
Le texte numérique est déplaçable
Le texte numérique est surtout... hyper
L'hypertexte est surtout...
L'hypertexte peut pointer
ici
virtuellement partout
Dans un navigateur, on recherche les anciennes versions de yahoo.com dans les archives du web.
La version choisie est celle du 17 Octobre 1996. On nous en montre le code source HTML dans un éditeur simplifié. Le texte est inséré dans le code source
La plupart des premiers sites web furent écrits en HTML
Le HTML fut conçu pour définir la structure d'un document web.
<P> est un élément structurel désignant un “paragraphe”
<LI> est aussi un élément structurel désignant un “élément de liste”
Tandis que le HTML grandissait, y fut ajoutés plus d'éléments.
Incluant des éléments stylistiques comme <B> pour la mise en gras et <I> pour les italiques.
Ce type d'éléments définissaient comment le contenu devait être formaté.
En d'autres termes, le fond et la forme devinrent inséparables en HTML
Le code disparaît, la fenêtre de l'éditeur est vide.
Le texte numérique peut faire mieux.
Le contenu et la forme peuvent être séparés
Dans le navigateur web, l'utilisateur appelle la page de garde de CNN, et clique sur son flux RSS. On nous en montre le code source dans l'éditeur simplifié. Le texte s'insère après la première ligne qui contient la balise <?xml
Le XML fut conçu dans cette optique.
L'éditeur descend dans le code
<title> ne défini pas la forme. Il défini le contenu.
De même que <link>
et <description>
et virtuellement tout autre élément dans ce document.
Ils décrivent le contenu, pas la forme.
L'information peut donc être exportée,
libérée des contraintes de son aspect.
Fondu de la page de CNN, vers l'interprétation de son flux RSS par Netvibes. Le pointeur clique sur un onglet “blogs anthro”[pologie]. Chaque page web est fondu dans le rendu de son flux. Même effet avec l'onglet “journaux d'anthro”.
Page de garde de Google.com. Le texte s'inscrit dans la case de recherche
Avec le fond séparé de la forme, les utilisateurs n'ont plus besoin d'apprendre un code compliqué pour publier un contenu sur le web.
Le pointeur clique sur le bouton “j'ai de la chance”.
Fondu sur la création d'un compte Blogger “Beyond Etext” et l'affichage de son premier billet “Bonjour, Monde !”.
Fondu sur l'article de C|net « un blog naît toutes les demi-secondes ».
Page blanche sur un champ de saisie et un bouton “Chercher”.
Et bien au-delà du texte...
Le champ de recherche se trouve être celui d'une page de YouTube. Quelques extraits de vidéo, puis enchaînement sur Flickr, dont une photo est insérée dans un blog.
Retour sur la page de garde de Google
Le XML facilite l'automatisation de l'échange d'informations
Deux sites peuvent “fusionner” mutuellement leurs données
Le texte est supprimé. « flickr maps » est entré, la souris clique sur le bouton “J'ai de la chance”
Le texte continue dans une barre de recherche d'une barre d'outil d'un navigateur
Qui va organiser toutes ces données ?
La souris clique sur le bouton “Étiqueter” de del.icio.us dans la barre de boutons de Firefox. Un formulaire d'information pour Digital Ethnography s'ouvre. Le curseur entre des tags :
numérique ethnographie hypermédia anthropologie
Retour sur la question « Qui va organiser toutes ces données ? »
Nous
Vous
Retour sur la page de garde de Google.
XML + TOI & Moi créer un réseau organisé en base de données
Un réseau organisé en base de données est différent
Le réseau est différent
Nous sommes le réseau
Fondu sur l'article de Wired « We are the web ». Dans l'article sont surlignés certains extraits :
Quand nous publions puis étiquetons des images,
Nous apprenons à la Machine
Chaque fois que nous créons un lien,
nous lui enseignons une idée.
Réfléchissez aux 100 milliards de clics humains par jour sur une page Web.
enseignant à la Machine
« la Machine » est surligné dans le texte. Un menu contextuel s'ouvre, dans le sous-menu de l'extension Diigo sur l'option “Surligner et accoler une note”. Une page blanche d'éditeur s'ouvre en surimpression dans la page web
Nous sommes la machine.
Retour à une page blanche d'un éditeur textuel.
Le texte numérique ne consiste plus uniquement à relier des informations ...
L'hypertexte ne consiste plus uniquement à relier des informations ...
Le Web ne consiste plus uniquement à relier des informations ...
Le Web relie des informations ...
Le Web relie ...
Le Web relie les gens ...
Le Web 2.0 relie les gens ...
... des gens partageant, échangeant, et collaborant ...
Fondu sur l'article « Web 2.0 » de la Wikipédia anglophone (article équivalent dans la version francophone). Le curseur clique sur “éditer cet article”. Le curseur efface le champ texte (NE PAS LE FAIRE CHEZ VOUS !).
Nous devrons repenser certaines choses ...
Nous devrons repenser le droit d'auteur
Nous devrons repenser la notion d'auteur
Nous devrons repenser l'identité
repenser les éthiques
repenser les esthétiques
repenser les rhétoriques
repenser la gouvernance
repenser la vie privée
repenser le commerce
repenser l'amour
repenser la famille
repenser nous-mêmes.
Carton final. Pas de curseur texte ou souris
par Michael Wesch
Professeur-assistant d'Anthropologie Culturelle. Université d'État du Kansas.