Your SlideShare is downloading. ×
Web 2.0 - CGA Guadeloupe
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web 2.0 - CGA Guadeloupe

370

Published on

Diaporama et notes de la formation que j'ai animée (Xavier LAIR), qui a eu lieu le mercredi 20 octobre 2010 au CGA de la Guadeloupe sur le thème "Web 2.0"

Diaporama et notes de la formation que j'ai animée (Xavier LAIR), qui a eu lieu le mercredi 20 octobre 2010 au CGA de la Guadeloupe sur le thème "Web 2.0"

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
370
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Xavier LAIR
    Chargé de Mission TI - FCGA
    Mercredi 20 octobre 2010
    Le Web 2.0
    Au service des internautes !
  • 2. Des techniquesde plus en plus complexes…
    http://www.microsoft.com/surface/
    pour …des usagesde plus en plus intuitifs
  • 3. Web 2.0 ?
  • 4. Web 2.0 ?
    «Le nombre d'internautes augmente fortement, de nouveaux outils et comportements émergent. Certains parlent du Web 2.0 comme d’une vraie révolution au service de la productivité et de l'appropriation par tous de techniques autrefois réservées à des informaticiens. Récupérer du contenu, publier vos informations, les partager, n'a jamais été aussi simple. Venez en faire l'expérience. ..»
  • 5. Quid ? Essai de définition
    Web 1.0 : l'internaute se voyait imposé un parcours figé auquel il devait forcément s'adapter (exe : écran, télé, écouteur, ...)
    Web 2.0 : l'internaute est placé au centre d'un monde figé mais paramétrable.(exe : table numérique, télé perso, mobile, …)
    Web 3.0 : le monde tourne automatiquement et se construit en permanence autour de l'internaute, son profil, son cheminement et ses désirs !(A inventer…)
  • 6. Du Web 1.0 au Web 2.0
    Web 1.0 : Conçu comme un grand livre composé de pages reliées entre elles par des liens hypertextes, le web 1.0 s'est contenté de reproduire les modèles connus de l'édition papier. Une conception aujourd'hui dépassée
    Web 1.0 : l'internaute se voyait imposé un parcours figé auquel il devait forcément s'adapter.Il est spectateur !!
  • 7. Web 1.0 …un grand livre… une conception dépassée
    Webmaster
    Site web
    Logiciels hors lignebureautique etc.
    Internautes
  • 8. Les techniques et les comportements changent
    S’appuyant sur des technologies matures, le web se restructure en un gigantesque réseau de bases de données et de services exposés grâce à des techniques (flux RSS, Atom et autres API XML) . Une plate-forme de développement planétaire dont les internautes s'emparent.
    On est dans des structures d’échange, on identifie dans chaque site ce qui est le plus important (les objets xml et non les pages html)
  • 9. Du Web 1.0 au Web 2.0
    Les progrès technologiques de ces dernières années ne sont pas les seules ferments de cette évolution. Les internautes ont changé. Plus nombreux, connectés en haut débit, ils s'impliquent de plus en plus dans la création de «leur» réseau: ils ne se contentent plus de lire, mais publient aussi des données.
    On passe d’une collection de sites web à une plateforme informatique à part entière, fournissant des contenus à intégrer et des applications web aux utilisateurs.
    Web 2.0 : l'internaute est placé au centre d'un monde figé mais qu’il peut paramétrer.
  • 10. Web 2.0 …une gigantesque base de données
    Webmaster
    ?
    Site web
    Internautes
    Logiciels en lignebureautique etc.
  • 11. L’internaute prend le pouvoir …
     
     
  • 12. Des exemples d’application
    Publier et partager facilement de l’information -> Blogs…
    Travailler de façon collaborative sur un projet -> Wiki
    Travailler avec des logiciels en ligne en intégrant des contenus sur un site -> google, flickr, etc.
    Surveiller et récupérer l’information publiée (veille technologique, intelligence économique) -> lecteur de flux rss- > netvibes, …
  • 13. 1) Les blogsL’internaute au cœur du web
    Simple journal intime, ou véritable outil de communication la blogosphere prend de l’ampleur , mais au fait pourquoi ?
    Accessibilité a tous
    Facilite de gestion
    Interactivité
    Intégration de flux RSS
    Exemple : http://www.canalblog.com
  • 14. Le RSS…
    Qu’est-ce que le RSS ?
    RSS est un format dit de “syndication de contenu Internet”.
    La syndication permet d’établir des échanges d’informations (textes, liens, images) entre sites internet, qui sont automatiquement mis à jour.
    Ce dispositif permet notamment d’afficher sur un site des informations issues d’un autre site tout en conservant sa propre mise en page et sa propre charte graphique (on parle de publication en marque blanche)
  • 15. Tout se partage !
    MON SITEImporter et exporter des contenus
    Articles, photos, images, vidéos, favoris, documents, applications, …
    GOOGLE
  • 16. La valse de l’échange
  • 17. Wikipedia : exemple de wiki
  • 18. Les pages personnalisées
    Surveiller et récupérer l’information publiée (veille technologique, intelligence économique) Travailler avec des logiciels en ligne en intégrant des contenus sur un site …
    Ex : Google (igoogle)
    Lecteur de flux rss
    Intégration d’applications d’autres sites etc,
    Ex Netvibes
    Même fonctionnement mais plus riche en fonctionnalités
  • 19. La lutte pour l’informationest commencée ..
    © 2010 Fcga.
     
     
  • 20. Ateliers, tests etc.
    Voici le contenu du tableau papier.
  • 21.
  • 22.
  • 23. CTRL + V = Coller
  • 24. Là où il y a un code <> ou embed…
    … Il y a un copier/collerqui permet d’intégrerfacilement la vidéo
    dans un site, blog, etc.
    Il n’est pas nécessairede comprendre le code !
    Vidéossur dailymotion, youtube, viméo, watt, etc.
    CTRL + C puis CTRL + V
  • 25. Là où il y a un code <> ou embed…
    … Il y a un copier/collerqui permet d’intégrerfacilementla photo, le diaporama,dans un site, un blog, etc.
    Il n’est pas nécessairede comprendre le code !
    Photossur Flickr, Picasa, etc.
    CTRL + C puis CTRL + V
  • 26. Les médias ont aussi des flux Rss
    Vous pouvez aussi être averti, grâce aux flux rss, de la mise à jour de vidéos, de photos, d’audios, etc.
  • 27. Exemple de sites
    Wikipédia (l’encyclopédie universelle)-> tout le monde peut participer !
  • 28. Delicious(service de Yahoo)
    Gestion des favoris en ligne – notion de TAGS
    La première fois, il faut créer un compte, en cliquant sur
    Joinnow
    Les fois suivantes, pourse connecter,il faut cliquer sur
    Sign in
  • 29. Delicious
    Gestion des favoris en ligne – notion de TAGS
    Pourquoi utiliser Delicious ?
    • Les favoris sont en ligne, donc sauvegardés …
    • 30. Les favoris peuvent être multi-classables (notion de tags)On peut classer un favori dans social et fiscal à la fois.
    Exemple pour le compte xlair.
    http://www.delicious.com/fiscal ou http://www.delicious.com/fiscal
    - On peut les partager avec d’autres personnes etc.
  • 31. flickRde Yahoophotos, diaporamas partagés
  • 32. flickRde Yahoophotos, diaporamas partagés
    Quelquefois on ajuste un peu le code
    WIDTH = LARGEUR
    HEIGHT = HAUTEUR
    Les mesures son en pixels !(pas en cm)
  • 33. En marge…Deux logiciels de capture d’écran
    Utipu(http://www.utipu.com/tipcam-download/)
    Très bon logiciel mais le site en ligne a été fermé aux européens.
    Cependant, le logiciel fonctionne en local sur l’ordinateur. Vous pouvez le télécharger. Il faut un micro-casque.
  • 34. En marge…Deux logiciels de capture d’écran
    Jing(http://www.techsmith.com/jing/)
  • 35. Dailymotionde nombreuses vidéos et outils
  • 36. Dailymotionde nombreuses vidéos et outils
  • 37. Google AgendaCréer et partager son agenda
  • 38. Google DocumentsCréer et partager ses documents
  • 39. iGooglePages personalisées
    Pour ajouterdes flux Rssou des gadgets,
    cliquer sur la droite
    « Ajouter des Gadgets »
  • 40. iGooglePages personnalisées
    Des gadgets,
    flux Rss
  • 41. En marge…Autant des sites, autant de comptes…
    De plus en plus de personnes s’identifient avec un seul compte …
    Celui deFaceBookou de Twitterqui servent de clé de passage dans de nombreux sites.
    Cela évite d’avoir trop de comptes à créer et à retenir.
  • 42. NetvibesPages personnalisées
  • 43. NetvibesPages personnalisées
    Pour« ajouter du contenu »,
    il faut cliquer sur lebouton vert.
    Puis choisissez un module et faites le glisservers le bas.
    Si c’est un flux Rss, copier/coller l’adresse du flux dans la zone « ajouter un flux »
  • 44. NetvibesPages personnalisées
    Vous pouvez avoir de nombreux espaces
    privés et publics
  • 45. NetvibesPages personnalisées
    Pour publier quelque chose de l’espace privé vers le public, il suffit de cliquer sur partager et de choisir
    « copier vers votre page »
  • 46. Synthèse
    Copier/Coller
    Flux RSS
    Notion de TAGS(mots clés donnés par l’utilisateur)
    <> ou embedcodes à coller dans un blog ou site
    Delicious (gestion des favoris en ligne)

×