Cours 1: Panorama des services, fonctionnalités et outils du Web 2.0

Objectif de ce cours :

Ce cours a pour objectif de vous présenter un panorama des services, des fonctionnalités, des outils et des technologies constitutives du Web 2.0

A l'issue de ce cours, vous serez capables de :

Enumérer des sites Internet populaires qui sont représentatifs du Web 2.0

Décrire les caractéristiques fonctionnelles d'un site Web 2.0

Décrire les technologies sous-jacentes du Web 2.0

De contribuer à la création d'un contenu web 2.0 sur un Wiki

Quelques sites Internet représentatifs du Web 2.0

Introduction:

Les sites Internet dits Web 2.0 présentent toutes les caractéristiques suivantes:

· Hébergement de contenus et de médias de différentes natures générés par les utilisateurs

· Partage ou mutualisation de ces contenus

· Création de communautés de partage autour d'une thématique

· Consultation de tout ou partie de leur banque de données

· Mettre à disposition des fonctionnalités communes: le tagging (folksonomie), l'embedding (embarquement du contenu sur d'autres sites), syndication de contenu (flux RSS)

Explication

Certains de ces sites proposent une offre de service gratuite avec des fonctionnalités élémentaires, et une offre payante avec des fonctionnalités avancées.
Exemple avec Flickr qui pour un volume de stockage supplémentaire ou des services permettant de faire développer les photos auprès de franchises partenaires.
Ou encore SlideBoom qui propose des plugins payants pour Ms PowerPoint afin d'exploiter des possibilités de publications avancés.
D'autres comme Dailymotion proposent entre autres de participer à un modèle économique fondé sur le sponsoring de contenus qualifiés.

Diaporama

Visionnez ce diaporama. Vous prendrez connaissance de différents sites qui offrent une multitude de services depuis la mutualisation de contenus de type "savoir et connaissance", de liens, jusqu'à des vidéos, des photos, etc...

N’hésitez pas à visiter quelques-uns de ces sites afin de prendre connaissance de leur offre de service.

.
Pour voir la présentation en plein écran cliquez en bas à droite de la présentation sur l'icône puis recliquez dessus ou appuyez sur ESC pour sortir du mode plein écran à la fin de la présentation.

Quelques outils et fonctionnalités caractétristiques du Web 2.0

Le tagging:

Introduction:

La plupart des sites Web 2.0 permettent de tagger les contenus mis ligne. Une fois le contenu téléchargé sur le site, il est souvent demandé de rentrer des informations supplémentaires. C’est dans les champs Tag que nous entrons ces mots clefs souvent séparés d’une virgule. Une fois tagué c’est au travers de nuages de mots-clefs cliquables que nous utilisons cette fonctionnalité.

Explication

Tagging ou folksonmie ?
Le Tagging est l'expression anglaise triviale qui permet de décrire l'action d'ajouter des mots clefs à une information. La folksonomie est un néologisme qui conceptualise les interactions sociales et cognitives qui émanent des pratiques liées à l'ajout de mots clefs et à l'utilisation de nuages de mots clefs.

Définitions Wikipedia:
Tag
Folksonomie

Vidéo

Cette courte vidéo présente le fonctionement d'un nuage de Tags

Diaporama

Ce diaporama très complet explique les dynamiques qu'engendrent les folksonomies dans l'organisation de l'information sur le Web.

Les flux RSS:

Introduction:

Ce standard est habituellement utilisé pour obtenir les mises à jour d'information dont la nature change fréquemment, typiquement cela peut être des listes de tâches dans un projet, des prix, des alertes de toutes natures, des nouveaux emplois proposés, les sites d'information ou les blogs. Les Podcasts et vidéocasts sont conçus sur ce même standard en utilisant la balise 'Enclosure'. Pour les recevoir, l'utilisateur doit s'abonner au flux, ce qui lui permet de consulter rapidement les dernières mises à jour, à l'aide d'un agrégateur, sans avoir à se rendre sur le site.

Définition Wikipedia:

Flux RSS

Vidéo

Cette vidéo explique l'intéret, le fonctionnement et l'usage qui est fait des flux RSS

Diaporama

Visionnez ce diaporama pour approfondir le fonctionnement des flux RSS, comprendre l'évolution de cette technologie et découvrir quelques outils pour gérer les flux RSS.

Les widgets:

Introduction:

Un Widget est un outil disponible sur un système d'exploitation tel que windows XP ou mac os X, une page web ou un blog. Les Widgets proposent habituellement des informations ou des divertissements. Par exemple, certains affichent les cours de la bourse ou des informations météorologiques alors que d'autres permettent de jouer à des jeux vidéos.

Définition Wikipedia:

Widget

Vidéo

Regardez cette vidéo qui explique ce que sont les Widgets, comment elles fonctionnent et à quoi elles peuvent servir.

Diaporama

Regardez ce diaporama pour approfondir vos connaissances sur les principes et les technologies utilisées pour créer et utiliser des Widgets.

Les technologies sous-jacentes du web 2.0

AJAX:

Introduction:

AJAX est un acronyme signifiant Asynchronous JavaScript and XML (« XML et Javascript asynchrones ») et désignant une solution informatique libre pour le développement d'applications Web.

· AJAX n'est pas une technologie en elle-même mais un terme qui évoque l'utilisation conjointe d'un ensemble de technologies libres couramment utilisées sur le Web :

· HTML (ou XHTML) pour la structure sémantique des informations ;

· CSS pour la présentation des informations ;

· DOM et JavaScript pour afficher et interagir dynamiquement avec l'information présentée ;

· L’objet XMLHttpRequest pour échanger et manipuler les données de manière asynchrone avec le serveur Web.

Explication

Même si Ajax peut sembler complexe pour les non-initiés il ne s'agit que d'une fonction JavaScript parmi tant d'autres.

JavaScript est un langage de script permettant manipuler des données dans une page HTML

Qu'est ce qu'Ajax?

C'est le plus important à comprendre, on confond souvent Ajax avec le DHTML, or, Ajax est tout simplement un nom donné à l'objet XMLHttpRequest permettant de communiquer avec le serveur de façon asynchrone, tout les effets visuels que l'on trouve sur les sites "Ajax" sont du DHTML.

L’origine d'Ajax?

Le principe d'Ajax est né en 2001 avec l'objet ActiveX XMLHttp de Internet Explorer, néanmoins, les autres navigateurs n'étant pas compatible ActiveX, cet objet ne s’est donc pas développé. Ensuite Mozilla créa l’objet JavaScript XMLHttpRequest et fut suivi par les autres navigateurs.

Le terme AJAX a été introduit par Jesse James Garrett, le 18 février 2005.

Comment fonctionne Ajax?

AJAX ou Asynchronous JavaScript And XML (« XML et JavaScript asynchrones »), comme le signale son nom, communique avec le serveur grâce à JavaScript et récupère les données en XML.

Diaporama

Ajax

View SlideShare presentation or Upload your own.

Flash:

Introduction:

Adobe Flash (anciennement Macromedia Flash; nom original FutureSplash Animator) ou simplement Flash se réfère à Adobe Flash Player et à un logiciel multimédia utilisé pour créer le contenu de Adobe Engagement Platform (tel qu'une application Internet, jeux ou vidéos). Flash Player, développée et distribuée par Adobe Systems (qui acheta Macromedia en 2005), est une application client fonctionnant sur la plupart des navigateurs Web. Ce logiciel permet la création de graphiques vectoriels et de bitmap, un langage script appelé ActionScript et un stream bi-directionnel de l'audio et vidéo.

Explication

Adobe Flash est un logiciel d'environnement de développement intégré (IDE), une machine virtuelle utilisée par un player Flash ou serveur flash pour lire les fichiers Flash. Mais le terme « Flash » peut se référer à un lecteur, un environnement ou à un fichier d'application.

Depuis son lancement en 1996, la technologie Flash est devenue une des méthodes les plus populaires pour ajouter des animations et des objets interactifs à une page web ; de nombreux logiciels de création et OS sont capables de créer ou d'afficher du Flash. Flash est généralement utilisé pour créer des animations, des publicités ou des jeux vidéo. Il permet aussi d'intégrer de la vidéo en streaming dans une page, jusqu'au développement d'applications Rich Media.

Les fichiers Flash, généralement appelés "animation Flash" sont au format .swf. Ils peuvent être inclus dans une page web et lus par le plugin Flash du navigateur, ou bien interprétés indépendamment dans le lecteur Flash Player.

Définition wikipedia:

Flash

Synthèse du cours

Diaporama

Vous trouverez dans ce diaporama quelques principes pour appréhender le Web aujourd'hui. Ce diaporama est une synthèse des technologies, des outils et des usages qui constituent le web d'aujourd'hui.