Reconnaître un site Web 2.0

3,539 views
3,443 views

Published on

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

Published in: Education, Technology, Business
1 Comment
7 Likes
Statistics
Notes
No Downloads
Views
Total views
3,539
On SlideShare
0
From Embeds
0
Number of Embeds
811
Actions
Shares
0
Downloads
0
Comments
1
Likes
7
Embeds 0
No embeds

No notes for slide

Reconnaître un site Web 2.0

  1. 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. 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. 3. Introduction Historique et changements I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
  4. 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. 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. 6. Le Web 2.0 est … une expérience visuelle I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
  7. 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. 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. 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. 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. 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. 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. 13. Le Web 2.0 est… interaction et multimédia I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
  14. 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. 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. 16. Le Web 2.0 est … le web en temps réel I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
  17. 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. 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. 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. 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. 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. 22. Le Web 2.0 est … une histoire de communauté I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
  23. 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. 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. 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. 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. 27. Le Web 2.0 est … attractif et simple d’accès I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
  28. 28. Sélection http://www.slideshare.net/skoden/le-web20en3clics?type=powerpoint I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
  29. 29. Utiliser les services du Web 2.0 pour mieux avancer … I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
  30. 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. 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. 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. 33. Vers le Web 1.0 , 2.0 et au-delà … I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
  34. 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

×