Tout connaître sur les outils du Web 2.0
<ul><li>Du Web 1.0 au Web 3.0 : évolutions vers un web plus participatif </li></ul><ul><li>Panorama d'outils et services :...
Publication en ligne (CMS, blogs et wikis)
Tags, notations et &quot;intelligence collective&quot;
Outils collaboratifs et bureautiques en ligne
Réseaux sociaux </li></ul></ul><ul><li>Questions / réponses, précisions </li></ul><ul><li>Initiation Twitter </li></ul>+ a...
Du Web 1.0 au Web 3.0 – Principes 2.0 vs 1.0
Du Web 1.0 au Web 3.0 – Principes 2.0 vs 1.0
<ul><li>Le Web 2.0 est un web : </li></ul><ul><ul><li>Centré sur l'utilisateur et personnalisé
Social et communautaire
Standard et interopérable : échange de données, mise à disposition de services
Modulaire : services reliés mais indépendants
Collectif : s'appuie sur « l'intelligence des foules » ( crowdsourcing )‏
Riche : nouvelles interfaces (AJAX, Flex, ...)‏ </li></ul></ul>Du Web 1.0 au Web 3.0 – le Web 2.0
<ul><li>Volet social – implication des utilisateurs </li></ul><ul><ul><li>Création (blogs...)‏
Modification (wikis)‏
Manipulation et diffusion (RSS, agrégateurs, widgets, etc.)‏
Structuration (tags, notation)‏ </li></ul></ul><ul><li>Volet technique </li></ul><ul><ul><li>AJAX, interfaces simplifiées,...
Du produit au service : beta permanente, cycles courts </li></ul></ul>Du Web 1.0 au Web 3.0 – le Web 2.0
<ul><li>Volet économique : “gratuité” et nouveaux modèles </li></ul><ul><ul><li>Changement de modèle économique </li></ul>...
Opensource et Creative Commons
Modèles coopératifs... </li></ul></ul></ul><ul><ul><li>Longue traîne (“long tail”)‏ </li></ul></ul>Du Web 1.0 au Web 3.0 –...
Du Web 1.0 au Web 3.0 – Technologies et usages
<ul><li>Mise à disposition d'API = les &quot;poignées&quot; du web, qui servent à manipuler des services tiers : Google ma...
->  Quelques mashups (delicious)‏
Prochain SlideShare
Chargement dans…5
×

"Tout savoir sur les outils du Web 2.0

4 006 vues

Publié le

Le support de présentation utilisé lors de la formation du 1er décembre 2009 à Peipin,, dans le cadre du réseau ERIC-Territoires Numériques.

Publié dans : Formation, Technologie
1 commentaire
8 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
4 006
Sur SlideShare
0
Issues des intégrations
0
Intégrations
596
Actions
Partages
0
Téléchargements
167
Commentaires
1
J’aime
8
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

"Tout savoir sur les outils du Web 2.0

  1. 1. Tout connaître sur les outils du Web 2.0
  2. 2. <ul><li>Du Web 1.0 au Web 3.0 : évolutions vers un web plus participatif </li></ul><ul><li>Panorama d'outils et services : la panoplie &quot;Web 2.0&quot; </li></ul><ul><ul><li>Fil RSS et outils de veille
  3. 3. Publication en ligne (CMS, blogs et wikis)
  4. 4. Tags, notations et &quot;intelligence collective&quot;
  5. 5. Outils collaboratifs et bureautiques en ligne
  6. 6. Réseaux sociaux </li></ul></ul><ul><li>Questions / réponses, précisions </li></ul><ul><li>Initiation Twitter </li></ul>+ autres outils sur demande : Delicious, Netvibes, Wikis, Blogs, Logiciels portables, Bureautique en ligne, Gestion des flux RSS, etc. Matinée PM
  7. 7. Du Web 1.0 au Web 3.0 – Principes 2.0 vs 1.0
  8. 8. Du Web 1.0 au Web 3.0 – Principes 2.0 vs 1.0
  9. 9. <ul><li>Le Web 2.0 est un web : </li></ul><ul><ul><li>Centré sur l'utilisateur et personnalisé
  10. 10. Social et communautaire
  11. 11. Standard et interopérable : échange de données, mise à disposition de services
  12. 12. Modulaire : services reliés mais indépendants
  13. 13. Collectif : s'appuie sur « l'intelligence des foules » ( crowdsourcing )‏
  14. 14. Riche : nouvelles interfaces (AJAX, Flex, ...)‏ </li></ul></ul>Du Web 1.0 au Web 3.0 – le Web 2.0
  15. 15. <ul><li>Volet social – implication des utilisateurs </li></ul><ul><ul><li>Création (blogs...)‏
  16. 16. Modification (wikis)‏
  17. 17. Manipulation et diffusion (RSS, agrégateurs, widgets, etc.)‏
  18. 18. Structuration (tags, notation)‏ </li></ul></ul><ul><li>Volet technique </li></ul><ul><ul><li>AJAX, interfaces simplifiées, interactions dynamiques
  19. 19. Du produit au service : beta permanente, cycles courts </li></ul></ul>Du Web 1.0 au Web 3.0 – le Web 2.0
  20. 20. <ul><li>Volet économique : “gratuité” et nouveaux modèles </li></ul><ul><ul><li>Changement de modèle économique </li></ul></ul><ul><ul><ul><li>Freemium (gratuité pour tous + services “premium”)
  21. 21. Opensource et Creative Commons
  22. 22. Modèles coopératifs... </li></ul></ul></ul><ul><ul><li>Longue traîne (“long tail”)‏ </li></ul></ul>Du Web 1.0 au Web 3.0 – le Web 2.0
  23. 23. Du Web 1.0 au Web 3.0 – Technologies et usages
  24. 24. <ul><li>Mise à disposition d'API = les &quot;poignées&quot; du web, qui servent à manipuler des services tiers : Google maps, Delicious, FlickR... </li></ul><ul><li>Mashup : combinaison de plusieurs services (via leurs API) </li></ul><ul><li>Extensions des navigateurs, des logiciels et des services : ajout de nouvelles fonctionnalités, intégration de services tiers </li></ul><ul><li>Ex. Utilisation de l'API Gnews : Marumushi </li></ul><ul><li>Ex. de mashup : Carte des EPN en Ile-de-France
  25. 25. -> Quelques mashups (delicious)‏
  26. 26. -> Liste d'API et de mashups </li></ul>Du Web 1.0 au Web 3.0 : API, widgets et mashups
  27. 27. -> Vidéo &quot;Life 2.0&quot; Du Web 1.0 au Web 3.0 : sources de données structurées
  28. 28. <ul><li>Convergence des technologies de communication </li></ul><ul><li>Un web multisupport : TV, téléphone, ordinateur, objets communicants... </li></ul><ul><li>Un web portable et a/synchrone : online/offline, déport des applications « desktop » sur le web, synchronisation... </li></ul><ul><li>Un web décentralisé, utilisant des données structurées : microformats, RDF,... </li></ul><ul><li>Un web « intelligent » : applications capables de tirer partie des « métadonnées » associées aux pages web </li></ul>Du Web 1.0 au Web 3.0 : la convergence
  29. 29. <ul><li>« Web 2.0 : the machine is us » : </li></ul>-> http://dotsub.com/view/aea442b2-8a07-4a2b-8ad4-de73b51aa0ed Du Web 1.0 au Web 3.0 – Intermède vidéo..
  30. 30. Panorama d'outils et de services « Web 2.0 »
  31. 31. Panorama d'outils et de services « Web 2.0 »
  32. 32. Panorama d'outils et de services « Web 2.0 »
  33. 33. Fils RSS et outils de veille (agrégateurs)‏ <ul><li>XML et fils RSS, syndication de contenu </li></ul><ul><li>Alertes, conversion RSS->Mail, PDF, etc. </li></ul><ul><li>Création et traitement des flux (Pipes, XFruits...) </li></ul><ul><li>Netvibes , iGoogle , Newsgator , etc. </li></ul>Panorama d'outils et de services « Web 2.0 »
  34. 34. Publication en ligne (CMS, blogs et wikis)‏ <ul><li>CMS : SPIP, Joomla, Drupal (thésaurus), etc. </li></ul><ul><li>Blogs : web-log (carnet de bord) -> évolution des usages </li></ul><ul><li>Wikis : « lire et écrire le web » </li></ul>-> Convergence des outils de publications : plugins, extensions, widgets... Au final, les fonctionnalités sont souvent les mêmes ; l'adéquation à un projet permet de choisir en fonction : facilité d'usage, disponibilité de l'outil, compétences techniques, communauté, etc. Panorama d'outils et de services « Web 2.0 »
  35. 35. Tags, notations et &quot;intelligence collective&quot; <ul><li>Les « systèmes de social bookmarking » permettent : </li></ul><ul><ul><li>Sélection manuelle de ressources qualifiées
  36. 36. Suivi de la veille d'autres utilisateurs (abonnements)
  37. 37. Tri et catégorisation des ressources </li></ul></ul><ul><li>Ils peuvent être utilisés pour : </li></ul><ul><ul><li>Retrouver ses liens favoris
  38. 38. Le KM (gestion des connaissances)
  39. 39. La veille, personnelle et/ou collective </li></ul></ul><ul><li>Systèmes de notations et intelligence collective : </li></ul><ul><ul><li>Les utilisateurs créent de la valeur en qualifiant les ressources
  40. 40. Utilisés par certains acteurs pour la recherche (reconnaissance de l'écriture, de photos, de vidéos, etc.) </li></ul></ul>Panorama d'outils et de services « Web 2.0 »
  41. 41. Outils collaboratifs et bureautiques en ligne <ul><li>Ex. Doodle, Google Docs, Zoho, Slideshare... </li></ul><ul><ul><li>Travail à plusieurs sur tous types de documents
  42. 42. Partage et diffusion de présentations
  43. 43. Planification de RV, sondages
  44. 44. Réservations d'événements
  45. 45. Conférences (et visio-), tableau blanc, partage d'écran
  46. 46. Synchronisation d'agenda, de contacts (ordinateur, téléphone)
  47. 47. etc. </li></ul></ul>Panorama d'outils et de services « Web 2.0 »
  48. 48. Réseaux sociaux <ul><li>Ex. MySpace , Viadeo , Linkedin , Facebook (fr) ... </li></ul><ul><ul><li>Social networking (« réseautage social »)?
  49. 49. Effets de seuil, masse critique : FlickR, DailyMotion, Youtube...
  50. 50. Théorie des liens faibles : connexion d'univers très divers
  51. 51. Utilisation pour le marketing, la recherche d'emploi, de partenaires pour des projets, le recrutement, etc.
  52. 52. Explosion du nombre d'utilisateurs (+30% sur Facebook entre octobre 2008 et janvier 2009...)?
  53. 53. Apparition de plateformes sociales opensource... </li></ul></ul>Panorama d'outils et de services « Web 2.0 »
  54. 54. En guise de conclusion.. -> Si vous arrivez à savoir ce que vous cherchez, et que c'est un outil relativement 'simple', cela existe probablement déjà ! Reste à trouver où... ...et comment l'adapter à vos besoins ! Quelqu'un a sans doute déjà posé la question quelque part ;~) ‏
  55. 55. <ul><li>Agrégateur : logiciel ou service permettant de rassembler plusieurs sources (d'informations, de services), sur une page ou une interface unique
  56. 56. API : Application Programming Interface , interface de programmation d'application, permettant d'accéder à ses fonctions (et données), afin de créer de nouveaux services (ou de nouvelles interfaces pour cette application)‏
  57. 57. Arborescence : structure récursive en arbre ; comprend une racine unique, des noeuds internes (ou branches, ramifications ayant des fils) et des feuilles (éléments sans fils)‏.
  58. 58. Blog : de web-log, système de publication chronologique
  59. 59. CMS : Content Management Systems – Systèmes de Gestion de Contenu (par ex. SPIP , Typo3 , Drupal , Joomla , etc.)‏
  60. 60. Co-marquage : intégration au sein d'un site d'informations fournies et mises à jour par un site tiers
  61. 61. Desktop : bureau ; désigne à la fois le fond de l'écran, et les ordinateurs classiques ; s'oppose
  62. 62. FAQ : Frequently Asked Questions , Foire Aux Questions
  63. 63. Interface : frontière et jonctions entre 2 entités ; interface graphique, de programmation, homme-machine (IAM) ; façade publique permettant d'avoir prise sur un objet </li></ul>Glossaire 1/3
  64. 64. <ul><li>Mashup : service construit en s'appuyant sur plusieurs services tiers, via leurs API (par exemple des images FlickR sur une carte GoogleMaps)‏
  65. 65. Mindmap : carte mentale/heuristique/des idées – « diagramme qui représente les connexions sémantiques entre différentes idées, les liens hiérarchiques entre [...] concepts intellectuels » ( wikipedia )‏
  66. 66. « On the cloud » : dans les nuages ; désigne le déport sur le web : les applications web, le stockage de données en ligne
  67. 67. PHP : Hypertext Preprocessor – langage de programmation web côté serveur, qui permet de générer du code (généralement du HTML)‏
  68. 68. RSS : format XML de flux de données de syndication facilement lisible
  69. 69. SEO : search engine optimization , optimisation du référencement
  70. 70. SGDB : Système de Gestion de Base de Données
  71. 71. SPIP : Système de Publication pour l'Internet Partagé – CMS avec cache basé sur PHP/SQL, orienté édition collaborative de magazine web, avec rubriquage hiérarchisé et chaîne éditoriale de validation des article
  72. 72. SQL : Structured Query Language – langage structuré de requêtes, permettant d'interroger et de manipuler un SGDB </li></ul>Glossaire 1/3
  73. 73. <ul><li>Syndication : mise à disposition d'une partie d'un site web, afin qu'elle puisse être utilisée par d'autres sites ; souvent utilisés pour annoncer les derniers articles parus, RSS et Atom sont les formats XML les plus courants de syndication de contenus, appelés fils/flux d'actualités, ou ( news)feeds </li></ul><ul><li>Tags : ou balise, marqueur, drapeau, étiquette ; élément de signalisation permettant d'affecter des propriétés à un objet, par exemple des mots-clefs qui permettent de caractériser un document
  74. 74. Veille : Processus régulier de recherche, d'analyse et de sélection pertinente d'informations, dans le but d'explorer les possible s
  75. 75. Widget : petit outil permettant d'accomplir un tâche particulière (obtenir des informations, fournir un service, etc.) et embarquables dans une interface web ou desktop ; les widgets peuvent être utilisés comme interface entre services web distincts
  76. 76. XML : eXtensible Markup Language – langage de balisage générique et extensible, très structuré ; la syntaxe XML présente de nombreux avantages pour le stockage et l'échange d'informations, dont celui d'être un fichier texte facilement lisible tant par les machines que par les personnes </li></ul>Glossaire 1/3
  77. 77. Merci pour votre attention ! <ul><li>Réseau des ERIC – Territoires Numériques </li></ul><ul><ul><li>Site du réseau http://eric.regionpaca.fr/
  78. 78. Contacts :
  79. 79. Jézabel Roullée [email_address]
  80. 80. Pierre Orsatelli [email_address] </li></ul></ul><ul><li>Florian Daniel </li></ul><ul><ul><li>Conseil en projets et stratégie internet chez Proposition / Items International
  81. 81. Profils publics et coordonnées http://id.facyla.net/
  82. 82. Veille publique http://soup.facyla.net/ </li></ul></ul>

×