joël ronez[Cup Of Tea]blog.ronez.netjoel@ronez.net

Écriture & nouveaux supportsHypertexte, flux, & autres hasards de l’écosystème numérique

1er et 5 décembre 2006Paris

Ressources sur ce séminaire :

http://ronez.typepad.com/seminaire/

Ce qui a changé avec Internet

Qu’est-ce qui a changé avec Internet

> Rapport à l’espace

Qu’est-ce qui a changé avec Internet

> Rapport au temps

#1- Immédiateté

1 mn

Qu’est-ce qui a changé avec Internet

> Rapport au temps

#2- Flux VS périodique

Qu’est-ce qui a changé avec Internet

> Mode d’indexation

DEWEY

TAGS

Qu’est-ce qui a changé avec Internet

> Mode d’archivage

www.archive.org

2006 1997

Qu’est-ce qui a changé avec Internet

> Demande de valeur ajoutée

ServicesContenuTransparenceValeur d’usage

> Possibilité d’utiliser facilement un dispositif

> Interaction intuitive

> Service rendu

Qu’est-ce qui a changé avec Internet

> La valeur d’usage (usability)

Plus grande attente public- public moins indulgent, moins patient, plus averti

Besoin de réactivité / immédiateté

Besoin de services

Comportement :Réactivité – Simplicité - Usabilité

Qu’est-ce qui a changé avec Internet

> Demande de valeur ajoutée

1 > Les militaires2 > L’élite technico-scientifique académique3 > Les programmeurs4 > Les communautés virtuelles5 > Les entrepreneurs

6 > Les opérateurs de symboles

Qu’est-ce qui a changé avec Internet

> Les 6 cultures d’Internet

http://zeroseconde.blogspot.com/2006/09/les-6-cultures-dinternet.html

Les modes de lecture d’uncontenu multimédia

From Jean-Marc Hardy

Les modes de lecture d’un contenu multimédia

> Recherche / Consommation

Les modes de lecture d’un contenu multimédia

> Scanning / Reading

> 79 % des internautes lisent en diagonales> 16% lisent mot à mot

Les modes de lecture d’un contenu multimédia

> Textes VS Images

Les modes de lecture d’un contenu multimédia

> Lecture en « F »

From Jakob Nielsen

http://www.useit.com/alertbox/reading_pattern.html

Les modes de lecture d’un contenu multimédia

> Lecture en « F »

From Laurent Goffin

http://www.gwix.net/web_gwix/article.asp?filID=233

Les modes de lecture d’un contenu multimédia

> Lecture en « F »

From Laurent Goffin

http://www.gwix.net/web_gwix/article.asp?filID=233

Les modes de lecture d’un contenu multimédia

> Les zones prioritaires

Les modes de lecture d’un contenu multimédia

> A noter

> On lit 25 % moins vite à l’écran

> Les internautes scrollent

> Les internautes consultent plusieurs sites en même temps

From Jean-Marc Hardy

L’écriture multimédia est

hypertexte

L’écriture multimédia est hypertexte

> La culture du fragment

L’écriture multimédia est hypertexte

> Vers l’intérieur et l’extérieur

Vers le contenu profond -dans le temps-dans l’arborescence

Vers les ressources externes

L’écriture multimédia est hypertexte

> Renseigner ses liens

L’écriture multimédia est

structurée

Flux RSS Real Simple Syndication

> Un nouveau format d’échange d’information

Blog

contentOther Blogs & sites

content

Feed aggregator(software)

content

Blog search engines(technorati, google blog search..)

Flux RSS

> Qui diffuse en RSS ?Flux RSS

> Tous les blogs

> Certains sites web (presse, ministères, …)

> Moteurs spécialisés(technorati, …)

> Qu’est-ce qu’on diffuse ?Flux RSS

> Entête, résumé

> Contenu complet

> Images

> Son -> Podcasting > Vidéo -> Videocasting VS Broadcasting

Sur le blog

Via un agrégateur

> Comment les lire ?Flux RSS

> Navigateurs(Mozilla, plug-ins)

> Agrégateurs en lignes

> Agrégateurs desktop

> « Sites 2.0 » (Netvibes, Google perso)

Feeddemon,NewsNetWire

> Evolution du RSS :Flux RSS

Compatibilité SMTP / RSS

RSS

SMTPSMTP

RSS

BlogsSite web

courrielcourriel

BlogsSite webmobile

Outils:> Outlook> Gmail> etc.

> Spectre étendu : 700 fils RSS / heure

RSS & veille

> Gains quantitatifs

> Gains qualitatifs

> Filtres internes au contenu > Syndication sous différents formats> Syndication personnalisée /mot clé > Chaînage automatique dans SI entreprise

Social Software / Web 2.0

Yossi VardiICQ

« What is the killer application ?

The killer application is the people »

Premier âge de l’Internet : -> Adaptation au media

Deuxième âge :-> Ére du partage

Ce qui compte n’est plus de détenir une information, mais de savoir la partager

Nouvelles sociabilitésNouveaux codesNouvelle cultureNouveaux outils

> Encore un changement d’ère ?Social Software / Web 2.0

> Blogs & social software

TCP/IP On connecte des ordinateurs

Internet On connecte des réseaux

HTML On connecte des contenus

Blogs… On connecte des gens

Tribute to Joi Ito

Social Software / Web 2.0

Système logiciel facilitant la communication de groupe, la construction et la solidification de liens sociaux, le travail collaboratif, le jeu à plusieurs, la création collective, donc organisés autour des outils de l'Internet.

http://fr.wikipedia.org/wiki/Social_software

Social Software / Web 2.0

Social Software

[…]Les partisans de l'approche Web 2.0 pensent que l'utilisation du Web s'oriente de plus en plus vers l'interaction entre les utilisateurs, et la création de réseaux sociaux rudimentaires, pouvant servir du contenu exploitant les effets de réseau, avec ou sans réel rendu visuel et interactif de pages Web. En ce sens, les sites Web 2.0 agissent plus comme des points de présence, ou portails web centrés sur l'utilisateur que les sites webs traditionnels

http://fr.wikipedia.org/wiki/Web_2.0

Social Software / Web 2.0

Web 2.0

Social Software / Web 2.0

> Web 2.0

2 aspects principaux :

> Interfaces riches, interactivité

> Participation des individus qui fournissent du contenu

Social Software / Web 2.0

> Caractéristiques service Web 2.0

> Simplicité de création profil

Social Software / Web 2.0

> Caractéristiques service Web 2.0

> Personnalisation de l’interface

Social Software / Web 2.0

> Caractéristiques service Web 2.0

> Auto-indexation -> tags

Tag cloud

Social Software / Web 2.0

> Caractéristiques service Web 2.0

> Espace privé / partagé / public

Social Software / Web 2.0

> Caractéristiques service Web 2.0

> Communauté qui valide

Social Software / Web 2.0

> Caractéristiques service Web 2.0

> Différents formats personnalisablesde diffusion

> RSS / XML -> Syndication & agrégation

Social Software / Web 2.0

Web 2.0

http://www.zdnet.fr/actualites/internet/0,39020774,39334479,00.htm

    DoubleClick              -->     Google AdSense     stockage photo        -->     partage de photos     Britannica Online     -->     Wikipedia     sites personnels      -->     blogs    page vues                 -->     cout au clic     publication                -->    partage     CMS  -->   wikis     annuaires (taxonomy) --> tags (folksonomy)

Social Software / Web 2.0

Web 1.0 Web 2.0

Social Software / Web 2.0

> Les applications en ligne

> Netvibes

> Courrier- gmail

> Suites bureautiques :- writely, numsum, gliffy, Thumstaks

Social Software / Web 2.0

Et le contenu ?

Nous sommes tous des créateurs de contenus

La frontière entre correspondance, publication, collaboration et discussion disparaît

> Conclusion > Tendances 2006Social Software / Web 2.0

David SifryTechnorati CEO

www.technorati.com

« The web is not about “pages”, it’s about people communicate to each other.

The web is a conversation stream.

And hyperlink it’s not a link between document, but a form of social gesture »

Social Software / Web 2.0

David SifryPDG Technorati

www.technorati.com

« Arrêtons de parler de pages, à propos du web

Le web est un flux de conversations

Et le lien hypertexte n’est pas un lien entre documents, mais une forme d’action sociale »

Social Software / Web 2.0

> Social Software : définition

Outils pour partager et interconnecter :Social BookmarkingPartage de bookmarks(ex www.blogmarks.net)

Social networkingPartage de contacts(ex www.linkedin.com)

WIKIPartage de contenu(ex. www.wikipedia.org)

blogsPartage d’expérience, d’opinions, etc.

- idées- informations- opportunités- connaissance- contacts- …

Social Software / Web 2.0

> Le wiki : définition

Un site web dynamique permettant à tout individu d’en modifier les pages à volonté

Social Software / Web 2.0

Le blog:Le premier format éditorial né du web

"Les blogs et leur écosystème, immiscés entre le courrier électronique et le web, sont le maillon manquant dans la chaîne de communication…

Ils se rapprochentde la promesse originelle du web, dans la mesure où ils sont le premier outil qui arendu facile -ou au moins simplifié- l'action de publier sur le web".

> Un blog qu’est-ce que c’est ?

Un site web…

... composé d’articles

classés par date…

… et par catégories

Les blogs

> Un blog qu’est-ce que c’est ?

Un système de publicationsimplifié

Les blogs

Les retroliens

Les « feed » RSS

Les permaliens

Les commentaires

> Les nouveautés de formatLes blogs

un ton et un contenu informel

un format court et concis

un grande sensibilité à l’actualité

> Les nouveautés de contenuLes blogs

Les « blogrolls » prolongentla visite et incluent le blog dans une communauté

> Une interconnexionLes blogs

> Typologie de blogs

> Blog personnel : journal extime> Blog journalistique> Blog d’expert> Blog d’élu / politique / dirigeant> Blog marketing> Metablog : un blog sur les blogs> Blogs de passionnés> Blogs militant, engagé> Blogs collectifs, thématiques

Les blogs

> Les usages corporateLes blogs

> Typologie de blogs internes

> Blogs de salariés(IBM : 4 000 blogueurs, Compass)

> Blogs évènements(rebranding blog, Cap Gemini)

> Blogs KM> Blogs projet> Blogs expression

(syndicat, association, ..)> Blogs intranet

Les blogs

> En résumé : pourquoi ça marche ?

> Faible coût> Facilité (déploiement, utilisation, …)> Gestion automatique de l’information

- catégorie- adresse permanente- indexation minimale : auteur, date, titre, tag

> Services collaboratifs- commentaires

- gestion droits utilisateurs

Les blogs

> En résumé : pourquoi ça marche ?

> Projets à cycle court :- d’une ½ heure à ½ journée

> Logique de participation

> Acte valorisant de publication

Les blogs

(0)accueil

1-1

conseil

4-1Dirigea

nts

2-1En

France

4-2Comité éthique

1-2

conception

1-4Nos

atouts

2-2Etranger

3-1Philosophie

1-3audit

1Activités

4-3partenai

res

3-2exemple

s

3-3Référenc

esA

Contact

BMentions légales

CCrédits

2Implantati

ons

3Notre métier

4Hommes &

réseaux

…vers l’exhaustif

Architecture de l’information hypertexte

> Au niveau d’un site

Du synthétique…

Architecture de l’information hypertexte

> Au niveau d’un site

Laisser voir ce qu’il y a en profondeur …

www.europarl.eu.int

www.liberation.fr

Importance desmicro-contenus

+ Neuf + Important+ Proche

+ général+ détails+ explicatif

Who ? When ? Where ? Why ? What ?

Architecture de l’information hypertexte

> Au niveau d’un texte

> La pyramide inversée

Architecture de l’information hypertexte

> La pyramide inversée(ex dépêche AFP)

Essentiel

Détail

(AFP) Mardi 16 novembre 2005

Un incendie « non accidentel » a endommagé dans la nuit de mardi à mercredi les locaux d’une école maternelle à Lunel (Hérault); a-t-on appris auprès du groupement de gendarmerie de Languedoc-Roussillon.

Cet incendie, « qui n’est pas accidentel » mais dont les causes restaient indéterminées, a pris vers 22h30 et endommagé des locaux qui ne sont pas des salles de class, ce qui devrait permettre à l’école de rouvrir lundi, a-t-on précisé.

La gendarmerie de la brigade territoriale de Lunel et la brigade de rapprochement et d’investigation judiciaire à Montpellier ont été chargées de l’enquête.

MONTPELLIER –Une école maternelle dans l’Hérault endommagée par un incendie

Architecture de l’information hypertexte

> Les 5 W

Who When Where Why What

+ How How Much

Qui Quand Où Pourquoi Quoi

+ Comment Combien

Remettons la pyramide à l’envers…

« le web 2.0 est juste un jargon » Tim Berners-Lee

J’ai été surpris par ce billet, résumant la pensée de Tim Berners Lee (inventeur du concept « web 2.0 »). Son recul vis à vis du sujet, nous laisse entrevoir une bulle, aussi instable que la première…

A l’aube d’une bulle internet 2.0, Tim Berners Lee remet les pendules à l’heure dans une récente interview :L’interviewer : "Vous savez, à propos du Web 2.0, une explication fréquemment avancée est que le Web 1.0 consistait à connecter des ordinateurs et à rendre l’information disponible. Le Web 2.0 lui connecte les individus et facilite leur collaboration. Est-ce la façon dont vous voyez le Web 2.0 ?"

Les bonnes pratiques éditoriales sur le web

Ecrire concis & faire court Le web n’est pas le papier Du synthétique vers l’exhaustif L’essentiel toujours en premier Une idée / paragraphe Ne pas vouloir trop en dire Mettre en relief Penser à l’indexation Contextualiser Avoir la plus forte valeur d’usage (usability)

Si le séminaire durait 10 minutes…

Les bonnes pratiques éditoriales pour le web

La titraille

Faire des titres informatifs

Georges Simenon est mort Maigret casse sa pipe

INFORMATIF INCITATIF

Aérer, donner du reliefLes bonnes pratiques éditoriales pour le web

> Intertitres> Illustrations> Tableaux> Gras (éviter l’italique)> Mise en exergue (retrait, guillemet, fond de couleur,) > Eviter la justification> Découper en paragraphes

Ecrire multimédiaLes bonnes pratiques éditoriales pour le web

> Les photos - recadrées sur détail- avec apport informatif- balises ALT et TITLE- légendées

> Son : podcasting> Vidéo > Animation

Et surtout…

> Proposez des ressources complémentaires(ex lemonde.fr)

Ecrire hypertexteLes bonnes pratiques éditoriales pour le web

> Intitulé clair

> Pas de redondance

> Au sein du texte VS sur la droite

> Indiquer si pas HTML (PDF, etc…)

> Vers où je vais ?

> Utiliser l’infobulle

Attention au registre !

Les bonnes pratiques éditoriales pour le web

> L’humour, c’est moins risqué

à l’oral !