Support de la journée de formation SKODEN " Comment reconnaitre un site Web 2.0"

1. Journée de professionnalisation des acteurs
de la formation en Bretagne
Programme 2009 - 24 mars
Comment reconnaître un site Web 2.0 ?
Intervenante: Isabelle Dremeau
Consultante- formatrice
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

2. Programme
9h30- 12h30
Introduction
Le Web 2.0 est …
expérience visuelle - interaction & multimédia
le web en temps réel - le web est communauté
attractivité & simplicité
Conclusion
14h00 – 17h00
Atelier
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

3. Introduction
Historique et changements
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

4. Essence d’un concept
« Brainstorming » Octobre 2004
Tim O’Reilly
Dale Dougherty
Texte explicatif de Tim O’Reilly (traduit en français)
http://www.internetactu.net/?p=6421
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

5. Les changements
Technologies : ajax, open source,
Économie : Principe
ruby, RIA - Rich Internet Application
de la longue traine
L’internaute crée la
Le Web est une
plus- value. plateforme
L’internaute crée le contenu Intelligence collective
(Wikipédia)
(user generated content )
Extrait de http://www.slideshare.net/darmano
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

6. Le Web 2.0 est …
une expérience visuelle
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

7. Architecture des sites 2.0
http://www.ishopyoushop.com/
• Centré sur le contenu / Blocs identifiables
• Peu de colonnes / Contenu distinct de l’entête
• Bords arrondis / occupation horizontale de l’espace
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

8. Design : effets 2.0
• formes étoilées, arrondies, effet 3D, ombre
• icônes originales, mascottes , taille de police plus
grande, style collage/ scrapbooking
• place à l’espace, importance du blanc
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

9. Design : effets 2.0
• des rayures
• du dégradé (gradient)
• des fonds aux textures riches
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

10. Les couleurs
• Acidulées ou soutenues
• Sites web avec deux couleurs prédominantes
• un choix pas si innocent que cela
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

11. Nom 2.0 & Logo 2.0
• My /mon, noms accolés, orthographe phonétique
• simple, court , ajout de « beta », police arrondie ,
détourage blanc
• gras, dessin non incorporé, bicolore
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

12. Trois sites à la loupe
http://www.dogcity.fr/
http://www.axasante.fr/Index.aspx
https://www.vous-et-la-ratp.net/
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

13. Le Web 2.0 est…
interaction et multimédia
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

14. Interactions de l’internaute
• Écrire des commentaires.
• Liens vers des Blogs ou Wikis
• Noter des articles, recommander
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

15. Les éléments multimédias
• Fichiers audio téléchargeables : podcasts
• Vidéos insérées sur le site
• interfaces interactives multimédia centrées
vers le consommateur
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

16. Le Web 2.0 est …
le web en temps réel
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

17. Les flux RSS
• Really Simply Syndication
(Syndication vraiment simple)
• Fichier au format XML
contenant du texte formaté
• Informe des dernières
actualités d’un site ou d’une
partie d’un site
• Possibilité de filtrer les infos
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

18. Les flux RSS
Exemple avec :
http://reader.google.com/
• lecture via un lecteur de flux à installer (AlertInfo, feedreader)
• En utilisant un agrégateur intégré au navigateur ou un service
en ligne (Google reader)
• lecture des flux dans sa boîte email (Thunderbird)
• Agrégateur en tant que services (netvibes, iGoogle) / widgets
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

19. Les Mashups
• Application basée sur une combinaison de plusieurs API -
Application Program Interface - interfaces de programmation ouverte
• Utilisation de services tels Google maps / Google earth ( bornes
Wi-Fi)
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

20. Les widgets
• Mini-applications à
insérer
– Derniers visiteurs
– Géolocalisation
– Nombre de visiteurs en
ligne
– Présence en ligne
– Dernières nouvelles
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

21. Le phénomène Twitter
• Service de micro-blogging
• Informe en temps réel
• messages de 140 caractères maximum
• Beaucoup de services annexes
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

22. Le Web 2.0 est …
une histoire de communauté
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

23. le Tag
Créé avec http://www.wordle.net/
http://www.flickr.com/photos/mansszat/
• mot clé, étiquette
• nuage de tags, classés par ordre alphabétique
• taille de caractère dépendant de la fréquence de
citation
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

24. Bookmarking social
• partage, organisation, consultation de signets en ligne
• tag apposé sur tout document (articles, vidéos, images …)
• Principe de la folksonomy : indexation communautaire
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

25. Réseaux sociaux
• groupes formés suivant des affinités thématiques
• pertinence des contenus via une recherche
• recommandations
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

26. Diffusion du contenu
C’est un « outil juridique qui garantit à la fois la protection des droits
de l'auteur d'une œuvre artistique et la libre circulation du contenu
culturel de cette œuvre » (Wikipédia)
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

27. Le Web 2.0 est …
attractif et simple d’accès
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

28. Sélection
http://www.slideshare.net/skoden/le-web20en3clics?type=powerpoint
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

29. Utiliser les services du Web 2.0
pour mieux avancer …
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

30. Pourquoi s’en priver ?
• Technologies validées
• Services souvent gratuits
• Sites au design attractif
• Pas de maintenance
• Facilité d'accès
• Ergonomie simplifiée
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

31. L’ internaute 2.0
• partage des expériences authentiques
• acquiert de nouvelles compétences
(recherche, multimédia, expression )
• intensifie son rapport au groupe
• est autonome face aux NTIC
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

32. Les valeurs 2.0
• un développement personnel, social et
professionnel à un même niveau
• un esprit de partage et de collaboration
• l’innovation et la créativité
• la liberté de participer
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

33. Vers le Web 1.0 , 2.0 et au-delà …
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0

34. Merci de votre attention !
Isabelle Dremeau
Consultante-formatrice
Contact: idremeau@wanadoo.fr
24 mars 2009
http://skoden.region-bretagne.fr/
I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0