Journée de professionnalisation des acteurs
          de la formation en Bretagne

           Programme 2009 - 24 mars


C...
Programme
                9h30- 12h30


              Introduction
           Le Web 2.0 est …
 expérience visuelle - inte...
Introduction
Historique et changements




   I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
Essence d’un concept
       « Brainstorming » Octobre 2004

                                Tim O’Reilly
       Dale Dough...
Les changements
                                                         Technologies : ajax, open source,
     Économie :...
Le Web 2.0 est …
une expérience visuelle



    I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
Architecture des sites 2.0




                                            http://www.ishopyoushop.com/


• Centré sur le ...
Design : effets 2.0




• formes étoilées, arrondies, effet 3D, ombre
• icônes originales, mascottes , taille de police pl...
Design : effets 2.0




• des rayures
• du dégradé (gradient)
• des fonds aux textures riches


          I. Dremeau, 18 n...
Les couleurs




• Acidulées ou soutenues
• Sites web avec deux couleurs prédominantes
• un choix pas si innocent que cela...
Nom 2.0 & Logo 2.0




• My /mon, noms accolés, orthographe phonétique
• simple, court , ajout de « beta », police arrondi...
Trois sites à la loupe

                     http://www.dogcity.fr/




                          http://www.axasante.fr/I...
Le Web 2.0 est…
interaction et multimédia


     I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
Interactions de l’internaute




• Écrire des commentaires.
• Liens vers des Blogs ou Wikis
• Noter des articles, recomman...
Les éléments multimédias




• Fichiers audio téléchargeables : podcasts
• Vidéos insérées sur le site
• interfaces intera...
Le Web 2.0 est …
le web en temps réel



   I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
Les flux RSS
                 • Really Simply Syndication
                  (Syndication vraiment simple)

               ...
Les flux RSS
                                              Exemple avec :



                                            h...
Les Mashups




• Application basée sur une combinaison de plusieurs API -
Application Program Interface - interfaces de p...
Les widgets
               • Mini-applications à
                  insérer


                   – Derniers visiteurs
     ...
Le phénomène Twitter




•   Service de micro-blogging
•   Informe en temps réel
•   messages de 140 caractères maximum
• ...
Le Web 2.0 est …
une histoire de communauté



      I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
le Tag




                                                 Créé avec http://www.wordle.net/


    http://www.flickr.com/p...
Bookmarking social




• partage, organisation, consultation de signets en ligne
• tag apposé sur tout document (articles,...
Réseaux sociaux




• groupes formés suivant des affinités thématiques
• pertinence des contenus via une recherche
• recom...
Diffusion du contenu




 C’est un « outil juridique qui garantit à la fois la protection des droits
de l'auteur d'une œuv...
Le Web 2.0 est …
attractif et simple d’accès



    I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
Sélection




http://www.slideshare.net/skoden/le-web20en3clics?type=powerpoint
            I. Dremeau, 18 nov. 2008 – For...
Utiliser les services du Web 2.0
      pour mieux avancer …




        I. Dremeau, 18 nov. 2008 – Formation des acteurs -...
Pourquoi s’en priver ?
•   Technologies validées
•   Services souvent gratuits
•   Sites au design attractif
•   Pas de ma...
L’ internaute 2.0

• partage des expériences authentiques

• acquiert de nouvelles compétences
(recherche, multimédia, exp...
Les valeurs 2.0
• un développement personnel, social et
professionnel à un même niveau

• un esprit de partage et de colla...
Vers le Web 1.0 , 2.0 et au-delà …




          I. Dremeau, 18 nov. 2008 – Formation des acteurs - Web 2.0
Merci de votre attention !
       Isabelle Dremeau
       Consultante-formatrice


     Contact: idremeau@wanadoo.fr

    ...
Prochain SlideShare
Chargement dans…5
×

Reconnaître un site Web 2.0

3 692 vues

Publié le

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

Publié dans : Formation, Technologie, Business
1 commentaire
7 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
3 692
Sur SlideShare
0
Issues des intégrations
0
Intégrations
811
Actions
Partages
0
Téléchargements
0
Commentaires
1
J’aime
7
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×