Contenu web 2.0 et les CMS Le contenu web 2.0 est souvent un contenu généré par les usagers pour le partage et l’organisat...
Objectifs <ul><li>Comprendre le phénomène web 2.0 en relation à la création de contenu web </li></ul><ul><li>Connaître les...
Plan  <ul><li>Présentation </li></ul><ul><li>Avantages et désavantages  </li></ul><ul><li>Caractéristiques de ces sites </...
Le web 2.0 <ul><li>Le web 2.0 est un concept flou qui regroupe plusieurs tendances sociales, technologiques et nouveaux si...
Illustration du web 2.0
Présentation <ul><li>Le contenu web 2.0 depuis 2006  a littéralement explosé sur le web  - flickr, propose 1 milliards de ...
Les désavantages <ul><li>90 % du contenu web 2.0 n’a  pas d’encadrement juridique au niveau du droit d’auteur - les utilis...
Problématique d’intégration <ul><li>Pointer seulement – URL </li></ul><ul><li>Intégration via les cadres </li></ul><ul><li...
Exemples de sites à contenu généré par les usagers <ul><li>Wikipedia, l’encyclopédie de contenu libre </li></ul><ul><li>Sl...
Wikipedia et la blogosphere <ul><li>Wikipedia avec ses 5 millions de pages - 600 000 articles en français - ADQ, article d...
Exemples de sites à contenu généré par les usagers <ul><li>Del.iou.us, les signets en partage </li></ul><ul><li>Bubbl.ious...
Editeur HTML web 2.0
Les documents
Suite
Les caractéristique de ces sites <ul><li>Ces sites de partages social  ont des caractéristiques communs - hébergement grat...
Les caractéristique de ces sites <ul><li>Intégration dans des sites web - fournit le code HTML d’imbrication pour une page...
Intégration dans Moodle <ul><li>On les intègre dans Moodle via l’éditeur HTML  - dans une page web comme resources - dans ...
Prenons un exemple  <ul><li>DailyMotion  </li></ul>
Dailymotion <ul><li>Dalymotion propose  -   des outils d’édition video en ligne  - des groupes autour de concepts </li></ul>
Scribd, papier Flash
Issu, autre papier Flash
Bubble.ious.
Les portails web 2.0 <ul><li>Avec les portails personalisés (netvibes, iggogle, pageflakes, PS), on assiste à la – </li></...
Le mouvement des widgets <ul><li>Le site Netvibes a lancé le mouvement des widgets, ces petits blocs configurables. - sur ...
Portail personalisé <ul><li>Netvibes est un portail personnalisé  composé de widgets - fill RSS - fil rss podcasting - con...
Les blocs Netvibes sont comme des yeux qui surveillent une activité
Il s’agit d’un code HTML <ul><li><a href=&quot;http://www.netvibes.com/subscribe.php?preconfig=5cc2ad7ccc185479cb3dd0d03cb...
Chaque bloc de netvibes
Upcoming SlideShare
Loading in …5
×

Contenu web 2.0

1,835 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,835
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
22
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 24 dispositives -- 1 hrs de dsicussions mai 2008
  • Contenu web 2.0

    1. 1. Contenu web 2.0 et les CMS Le contenu web 2.0 est souvent un contenu généré par les usagers pour le partage et l’organisation de l’information par affinité. Mai 2008
    2. 2. Objectifs <ul><li>Comprendre le phénomène web 2.0 en relation à la création de contenu web </li></ul><ul><li>Connaître les forces et faiblesses de ce nouveau contenu et comment l’intégrer dans votre gestionnaire de contenu </li></ul>
    3. 3. Plan <ul><li>Présentation </li></ul><ul><li>Avantages et désavantages </li></ul><ul><li>Caractéristiques de ces sites </li></ul><ul><li>Analyse d’un cas : DailyMotion </li></ul><ul><li>Les licences actuelles </li></ul><ul><li>Les principaux sites de partage de contenus </li></ul>
    4. 4. Le web 2.0 <ul><li>Le web 2.0 est un concept flou qui regroupe plusieurs tendances sociales, technologiques et nouveaux sites web </li></ul><ul><li>Selon O’reilley, le web 2.0 n’est plus une toile construit par des informaticiens mais par tout le monde grace au CMS - blog, site personnel - wiki, site de travail collaboratif - plate-forme pédagogique - portail web, site de communauté - les sites de partage de contenu web 2.0 </li></ul>
    5. 5. Illustration du web 2.0
    6. 6. Présentation <ul><li>Le contenu web 2.0 depuis 2006 a littéralement explosé sur le web - flickr, propose 1 milliards de photos - youTube, 100 millions de séquences vidéos - odeo, des milliers de fichiers MP3 </li></ul><ul><li>Les avantages - hébergement gratuit - classé par tag - une profusion de contenu numérique gratuit facilement intégrable à nos projets - contenu tres granulaire </li></ul>
    7. 7. Les désavantages <ul><li>90 % du contenu web 2.0 n’a pas d’encadrement juridique au niveau du droit d’auteur - les utiliser sont à vos risques et péril - un risque de disparition sans contrôle </li></ul><ul><li>Le contenu doit être retransposer dans un contexte organisationelle efficace - au sein d’un parcours pédagogique - retransposition/redécoupage parfois impossible - commercialisation parfois difficile </li></ul>
    8. 8. Problématique d’intégration <ul><li>Pointer seulement – URL </li></ul><ul><li>Intégration via les cadres </li></ul><ul><li>Intégration via les codes </li></ul><ul><li>Récupération du fichier </li></ul>
    9. 9. Exemples de sites à contenu généré par les usagers <ul><li>Wikipedia, l’encyclopédie de contenu libre </li></ul><ul><li>Slideshare, diaporamas en partage </li></ul><ul><li>Flickr, les photos en partage </li></ul><ul><li>YouTube, les vidéos en partage </li></ul><ul><li>Scribd, le texte en partage </li></ul>
    10. 10. Wikipedia et la blogosphere <ul><li>Wikipedia avec ses 5 millions de pages - 600 000 articles en français - ADQ, article de qualité </li></ul><ul><li>La blogosphere sont des réseaux de blogs traitant des mêmes sujets - offre beaucoup de contenu directement utilisable - attention qualité variable </li></ul>
    11. 11. Exemples de sites à contenu généré par les usagers <ul><li>Del.iou.us, les signets en partage </li></ul><ul><li>Bubbl.ious, partage de diagrammes </li></ul><ul><li>Odeo, partage de podcasting </li></ul><ul><li>Google Calendar </li></ul>
    12. 12. Editeur HTML web 2.0
    13. 13. Les documents
    14. 14. Suite
    15. 15. Les caractéristique de ces sites <ul><li>Ces sites de partages social ont des caractéristiques communs - hébergement gratuit - publication publique par défaut mais privé possible - classement par mots-clés – nuage de mots - regroupement par affinités et mots-clés </li></ul><ul><li>Parfois elle offre - propose un classement par licences créatives commons - des commentaires par objet numérique - un systeme de note ou côte par objet numérique </li></ul>
    16. 16. Les caractéristique de ces sites <ul><li>Intégration dans des sites web - fournit le code HTML d’imbrication pour une page web standard ou dans des blogs standard wordpress, typepad </li></ul><ul><li>Veille sur les nouveaux éléments - notification par email - fournit un fil RSS pour suivre les actualités </li></ul>
    17. 17. Intégration dans Moodle <ul><li>On les intègre dans Moodle via l’éditeur HTML - dans une page web comme resources - dans les étiquettes de contenu web </li></ul><ul><li>Ou encore dans le bloc HTML </li></ul>
    18. 18. Prenons un exemple <ul><li>DailyMotion </li></ul>
    19. 19. Dailymotion <ul><li>Dalymotion propose - des outils d’édition video en ligne - des groupes autour de concepts </li></ul>
    20. 20. Scribd, papier Flash
    21. 21. Issu, autre papier Flash
    22. 22. Bubble.ious.
    23. 23. Les portails web 2.0 <ul><li>Avec les portails personalisés (netvibes, iggogle, pageflakes, PS), on assiste à la – </li></ul><ul><li>-montée des interfaces enrichies - des réseaux sociaux - du contenue générés par internautes </li></ul>
    24. 24. Le mouvement des widgets <ul><li>Le site Netvibes a lancé le mouvement des widgets, ces petits blocs configurables. - sur le bureau - dans le navigateur </li></ul><ul><li>On peut faire apparaître dans les blocs Moodle, un widget Netvibes - on peut récupérer le code HTML </li></ul>
    25. 25. Portail personalisé <ul><li>Netvibes est un portail personnalisé composé de widgets - fill RSS - fil rss podcasting - contenu texte - moteur de recherche multimedia - services divers </li></ul><ul><li>Netvibes et un cms propriétaire qui exploitent les interfaces enrichies ajax notamment </li></ul>
    26. 26. Les blocs Netvibes sont comme des yeux qui surveillent une activité
    27. 27. Il s’agit d’un code HTML <ul><li><a href=&quot;http://www.netvibes.com/subscribe.php?preconfig=5cc2ad7ccc185479cb3dd0d03cb1cc96&quot; target=&quot;_blank&quot;><img src=&quot;http://www.netvibes.com/img/add2netvibes.gif&quot; border=&quot;none&quot; width=&quot;91&quot; height=&quot;17&quot; alt=&quot;Add to Netvibes&quot; /></a> </li></ul>
    28. 28. Chaque bloc de netvibes

    ×