Option web 2.0 Master 1 informatique 2011

Ce cours intitulé "web 2.0", ce qui commence un peu à dater, va essayer d'aborder les aspects du web "récent", c'est-à-dire des deux ou trois dernières années. En 2005 l'appellation "web 2.0" a été introduite par Tim O'Reilly et est devenue célèbre. Aujourd'hui nous sommes dans le "web des objets", "le web social", "le web de données", "le web 3.0", un seul terme ne suffit plus. Ce cours abordera à la fois les aspects techniques qui sont à la base de cette évolution, mais aussi certains aspects plus sociologiques, commerciaux, philosophiques.

La trame de ce cours sera l'écriture d'un jeu faisant appel à des technologies telles que : Web Services REST, HTML5, Ajax, linked-data, web sémantique, etc.

Je vous conseille d'utiliser Eclipse WTP avec le serveur glassfish v3 ou netbeans 6.9.1 version la plus complète (elle vient avec tout, rien de plus à installer), à prendre sur cette page : http://netbeans.org/downloads/index.html

Cours et TP

Cours 1 : Intro au web 2.0, web services REST

Pour la culture : Histoire du web/ du web jusqu'au web 2.0¹⁰
Web services REST : les deux cours ci-dessous sont intéressants pour récupérer les supports et pour faire (à la maison) les TPs pour les plus curieux. Cette année le TP sera un TP "fil rouge" long mélangeant diverses technologies (api facebook + html 5 + linked data/web sémantique entre autres)
- Principe des web services REST et compréhension d'un serveur exposant des services REST : Web services REST : jersey + serveur Grizzly embarqué¹¹
- Utilisation des APIs REST de Youtube et Flickr : Utilisations d'API du web 2.0 et Web Services REST¹² (support de cours inclu)

Travail à effectuer aujourd'hui

TP de la séance 1 : utilisation de l'API REST de Facebook et de Google Maps¹³ pour localiser vos amis FB sur une carte (plus tard on se servira de cette application pour démarrer une session de jeu avec eux)

Cours 2 : HTML5 : Canvas, WebSockets, Web Storage

Support de cours : page sur les ressources HTML5¹⁴, le support présenté en cours est celui du site http://www.html5rocks.com¹⁵
TP 2 et 3 (à rendre) : écriture d'un programme de type paint en HTML5/javascript¹⁶ multi-participants, intégrant un module de chat. Utilise le widget Canvas de HTML5, les apis web storage et web sockets.
TP4: Creation d'un jeu et intégration dans Facebook¹⁷

Page de ressources JQuery pour ceux qui veulent apprendre à utiliser ce framework javascript en comprenant ce qu'ils font : Ressources JQuery¹⁸

Cours 3 et TP5 : web sémantique, utilisation du Linked Open Data (Freebase, DBpedia)

Web Sémantique / Web of Data / Linked Open Data¹⁹

Page de ressources NodeJS (pour héberger des applications, faire du JQuery côté serveur, etc) : Ressources Node.js²⁰

Notes de bas de page

¹ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011#Introduction
² http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011#Ressources_pour_ceux_qui_n'ont_pas_suivi_de_cours_web_avant
³ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011#Cours_et_TP
⁴ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011#Cours_1.c2.a0.3a_Intro_au_web_2.0.2c_web_services_REST
⁵ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011#Cours_2.c2.a0.3a_HTML5_.3a_Canvas.2c_WebSockets.2c_Web_Storage
⁶ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011#Cours_3.c2.a0et_TP5_.3a_web_s.c3.a9mantique.2c_utilisation_du_Linked_Open_Data_(Freebase.2c_DBpedia)
⁷ http://netbeans.org/downloads/index.html
⁸ http://www.editeurjavascript.com/cours/index.php
⁹ http://deptinfo.unice.fr/~renevier/introweb/
¹⁰ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance1_%3a_Intro_au_web_2.0_et_web_services_REST/Histoire_web_2
¹¹ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance1_%3a_Intro_au_web_2.0_et_web_services_REST/TP1_Web2_2010
¹² http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Cours_web_2.0_2009/Utiilisations_d'API_du_web_2.0_et_Web_Services_REST
¹³ http://miageprojet2.unice.fr/index.php?title=Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011/TP_:_utilisation_de_l'API_REST_de_Facebook_%2b_Google_Maps
¹⁴ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011/HTML5
¹⁵ http://www.html5rocks.com
¹⁶ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011/TP2_%3a_un_paint_HTML5
¹⁷ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011/TP4%3a_Creation_la_jeux_et_integration_dans_Facebook
¹⁸ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011/Ressources_JQuery
¹⁹ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011/Web_S%c3%a9mantique_%2f%2f_Web_of_Data_%2f%2f_Linked_Open_Data
²⁰ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011/Ressources_Node.js

Option web 2.0 Master 1 informatique 2011

De $1

Table des matières

Introduction