Tout connaître sur les outils du Web 2.0
Du Web 1.0 au Web 3.0 : évolutions vers un web plus participatif Panorama d'outils et services : la panoplie "Web 2.0" Fil RSS et outils de veille
Publication en ligne (CMS, blogs et wikis)
Tags, notations et "intelligence collective"
Outils collaboratifs et bureautiques en ligne
Réseaux sociaux Questions / réponses, précisions Initiation Twitter + autres outils sur demande : Delicious, Netvibes, Wikis, Blogs, Logiciels portables, Bureautique en ligne, Gestion des flux RSS, etc. Matinée PM
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
Le Web 2.0 est un web : 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, ...)‏ Du Web 1.0 au Web 3.0 – le Web 2.0
Volet social – implication des utilisateurs Création (blogs...)‏
Modification (wikis)‏
Manipulation et diffusion (RSS, agrégateurs, widgets, etc.)‏
Structuration (tags, notation)‏ Volet technique AJAX, interfaces simplifiées, interactions dynamiques
Du produit au service : beta permanente, cycles courts Du Web 1.0 au Web 3.0 – le Web 2.0
Volet économique : “gratuité” et nouveaux modèles Changement de modèle économique Freemium (gratuité pour tous + services “premium”)
Opensource et Creative Commons
Modèles coopératifs... Longue traîne (“long tail”)‏ Du Web 1.0 au Web 3.0 – le Web 2.0
Du Web 1.0 au Web 3.0 – Technologies et usages
Mise à disposition d'API = les "poignées" du web, qui servent à manipuler des services tiers : Google maps, Delicious, FlickR... Mashup : combinaison de plusieurs services (via leurs API) Extensions des navigateurs, des logiciels et des services : ajout de nouvelles fonctionnalités, intégration de services tiers Ex. Utilisation de l'API Gnews :  Marumushi Ex. de mashup :  Carte des EPN en Ile-de-France
->  Quelques mashups (delicious)‏

"Tout savoir sur les outils du Web 2.0

  • 1.
    Tout connaître surles outils du Web 2.0
  • 2.
    Du Web 1.0au Web 3.0 : évolutions vers un web plus participatif Panorama d'outils et services : la panoplie "Web 2.0" Fil RSS et outils de veille
  • 3.
    Publication en ligne(CMS, blogs et wikis)
  • 4.
    Tags, notations et"intelligence collective"
  • 5.
    Outils collaboratifs etbureautiques en ligne
  • 6.
    Réseaux sociaux Questions/ réponses, précisions Initiation Twitter + autres outils sur demande : Delicious, Netvibes, Wikis, Blogs, Logiciels portables, Bureautique en ligne, Gestion des flux RSS, etc. Matinée PM
  • 7.
    Du Web 1.0au Web 3.0 – Principes 2.0 vs 1.0
  • 8.
    Du Web 1.0au Web 3.0 – Principes 2.0 vs 1.0
  • 9.
    Le Web 2.0est un web : Centré sur l'utilisateur et personnalisé
  • 10.
  • 11.
    Standard et interopérable: échange de données, mise à disposition de services
  • 12.
    Modulaire : servicesreliés mais indépendants
  • 13.
    Collectif : s'appuiesur « l'intelligence des foules » ( crowdsourcing )‏
  • 14.
    Riche : nouvellesinterfaces (AJAX, Flex, ...)‏ Du Web 1.0 au Web 3.0 – le Web 2.0
  • 15.
    Volet social –implication des utilisateurs Création (blogs...)‏
  • 16.
  • 17.
    Manipulation et diffusion(RSS, agrégateurs, widgets, etc.)‏
  • 18.
    Structuration (tags, notation)‏Volet technique AJAX, interfaces simplifiées, interactions dynamiques
  • 19.
    Du produit auservice : beta permanente, cycles courts Du Web 1.0 au Web 3.0 – le Web 2.0
  • 20.
    Volet économique :“gratuité” et nouveaux modèles Changement de modèle économique Freemium (gratuité pour tous + services “premium”)
  • 21.
  • 22.
    Modèles coopératifs... Longuetraîne (“long tail”)‏ Du Web 1.0 au Web 3.0 – le Web 2.0
  • 23.
    Du Web 1.0au Web 3.0 – Technologies et usages
  • 24.
    Mise à dispositiond'API = les "poignées" du web, qui servent à manipuler des services tiers : Google maps, Delicious, FlickR... Mashup : combinaison de plusieurs services (via leurs API) Extensions des navigateurs, des logiciels et des services : ajout de nouvelles fonctionnalités, intégration de services tiers Ex. Utilisation de l'API Gnews : Marumushi Ex. de mashup : Carte des EPN en Ile-de-France
  • 25.
    -> Quelquesmashups (delicious)‏
  • 26.
    -> Listed'API et de mashups Du Web 1.0 au Web 3.0 : API, widgets et mashups
  • 27.
    -> Vidéo"Life 2.0" Du Web 1.0 au Web 3.0 : sources de données structurées
  • 28.
    Convergence des technologiesde communication Un web multisupport : TV, téléphone, ordinateur, objets communicants... Un web portable et a/synchrone : online/offline, déport des applications « desktop » sur le web, synchronisation... Un web décentralisé, utilisant des données structurées : microformats, RDF,... Un web « intelligent » : applications capables de tirer partie des « métadonnées » associées aux pages web Du Web 1.0 au Web 3.0 : la convergence
  • 29.
    « Web 2.0 :the machine is us » : -> http://dotsub.com/view/aea442b2-8a07-4a2b-8ad4-de73b51aa0ed Du Web 1.0 au Web 3.0 – Intermède vidéo..
  • 30.
    Panorama d'outils et de services « Web 2.0 »
  • 31.
    Panorama d'outils etde services « Web 2.0 »
  • 32.
    Panorama d'outils etde services « Web 2.0 »
  • 33.
    Fils RSS etoutils de veille (agrégateurs)‏ XML et fils RSS, syndication de contenu Alertes, conversion RSS->Mail, PDF, etc. Création et traitement des flux (Pipes, XFruits...) Netvibes , iGoogle , Newsgator , etc. Panorama d'outils et de services « Web 2.0 »
  • 34.
    Publication en ligne(CMS, blogs et wikis)‏ CMS : SPIP, Joomla, Drupal (thésaurus), etc. Blogs : web-log (carnet de bord) -> évolution des usages Wikis : « lire et écrire le web » -> 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.
    Tags, notations et"intelligence collective" Les « systèmes de social bookmarking » permettent : Sélection manuelle de ressources qualifiées
  • 36.
    Suivi de laveille d'autres utilisateurs (abonnements)
  • 37.
    Tri et catégorisationdes ressources Ils peuvent être utilisés pour : Retrouver ses liens favoris
  • 38.
    Le KM (gestiondes connaissances)
  • 39.
    La veille, personnelleet/ou collective Systèmes de notations et intelligence collective : Les utilisateurs créent de la valeur en qualifiant les ressources
  • 40.
    Utilisés par certainsacteurs pour la recherche (reconnaissance de l'écriture, de photos, de vidéos, etc.) Panorama d'outils et de services « Web 2.0 »
  • 41.
    Outils collaboratifs etbureautiques en ligne Ex. Doodle, Google Docs, Zoho, Slideshare... Travail à plusieurs sur tous types de documents
  • 42.
    Partage et diffusionde présentations
  • 43.
  • 44.
  • 45.
    Conférences (et visio-),tableau blanc, partage d'écran
  • 46.
    Synchronisation d'agenda, decontacts (ordinateur, téléphone)
  • 47.
    etc. Panorama d'outilset de services « Web 2.0 »
  • 48.
    Réseaux sociaux Ex. MySpace , Viadeo , Linkedin , Facebook (fr) ... Social networking (« réseautage social »)?
  • 49.
    Effets de seuil,masse critique : FlickR, DailyMotion, Youtube...
  • 50.
    Théorie des liensfaibles : connexion d'univers très divers
  • 51.
    Utilisation pour lemarketing, la recherche d'emploi, de partenaires pour des projets, le recrutement, etc.
  • 52.
    Explosion du nombred'utilisateurs (+30% sur Facebook entre octobre 2008 et janvier 2009...)?
  • 53.
    Apparition de plateformessociales opensource... Panorama d'outils et de services « Web 2.0 »
  • 54.
    En guise deconclusion.. -> 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.
    Agrégateur : logiciel ou service permettant de rassembler plusieurs sources (d'informations, de services), sur une page ou une interface unique
  • 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.
    Arborescence : structurerécursive en arbre ; comprend une racine unique, des noeuds internes (ou branches, ramifications ayant des fils) et des feuilles (éléments sans fils)‏.
  • 58.
    Blog : de web-log, système de publication chronologique
  • 59.
    CMS : Content Management Systems – Systèmes de Gestion de Contenu (par ex. SPIP , Typo3 , Drupal , Joomla , etc.)‏
  • 60.
    Co-marquage : intégrationau sein d'un site d'informations fournies et mises à jour par un site tiers
  • 61.
    Desktop : bureau ; désigne à la fois le fond de l'écran, et les ordinateurs classiques ; s'oppose
  • 62.
    FAQ : Frequently Asked Questions , Foire Aux Questions
  • 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 Glossaire 1/3
  • 64.
    Mashup : service construit en s'appuyant sur plusieurs services tiers, via leurs API (par exemple des images FlickR sur une carte GoogleMaps)‏
  • 65.
    Mindmap : cartementale/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.
    « 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.
    PHP : Hypertext Preprocessor – langage de programmation web côté serveur, qui permet de générer du code (généralement du HTML)‏
  • 68.
    RSS : formatXML de flux de données de syndication facilement lisible
  • 69.
    SEO : search engine optimization , optimisation du référencement
  • 70.
    SGDB : Système de Gestion de Base de Données
  • 71.
    SPIP : Systèmede 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.
    SQL : Structured Query Language – langage structuré de requêtes, permettant d'interroger et de manipuler un SGDB Glossaire 1/3
  • 73.
    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 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.
    Veille : Processusrégulier de recherche, d'analyse et de sélection pertinente d'informations, dans le but d'explorer les possible s
  • 75.
    Widget : petitoutil 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.
    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 Glossaire 1/3
  • 77.
    Merci pour votreattention ! Réseau des ERIC – Territoires Numériques Site du réseau http://eric.regionpaca.fr/
  • 78.
  • 79.
    Jézabel Roullée [email_address]
  • 80.
    Pierre Orsatelli [email_address] Florian Daniel Conseil en projets et stratégie internet chez Proposition / Items International
  • 81.
    Profils publics etcoordonnées http://id.facyla.net/
  • 82.
    Veille publique http://soup.facyla.net/