Dans cette séance nous allons présenter les grosses évolutions du web, dans la mouvance de ce que l'on appelle le "web 2.0". On peut considérer que la phase suivante (web 3.0 ?) a déjà commencé...

Rappels historiques :

Vidéo "histoire de l'internet de 1957 à nos jours", n'oubliez pas d'activer les sous-titres (petite flèche vers le haut, en bas à droite du lecteur) :
Les débuts du web sous l'oeil du W3C, par fabien Gandon
Le web et son futur ! Rappel historique et inventaire des technologies, par Fabien Gandon.

Le Web 2.0 c'est quoi ?

Du Web aux wikis : une histoire des outils collaboratif (par Michel Buffa) : pour bien comprendre l'évolution du web vers le web 2.0 ou le "web social" que l'on connait aujourd'hui,cet article retrace les premiers pas de l'internet, la naissance du web et son évolution vers un web servant non pas à relier des documents entre eux, mais des personnes.
Video qui présente le concept du wiki pour ceux qui ne le connaissent pas :
Principales caractéristiques du web 2.0 :

La vidéo détaille en réalité ce qu'a décrit Tim O'Reilly (l'inventeur du terme web 2.0) dans son article fondateur de 2006.

L'entreprise 2.0 c'est quoi ?

Vidéo présentant ce que l'on appelle "l'entreprise 2.0" :

Vidéo sur l'utilisation des wikis dans les entreprises :

Livre blanc sur l'entreprise 2.0 : whitepaper_bk_08_09.pdf (576ko)

Et le web 3.0 ? C'est "l'autre nom du web sémantique" !

Video "semantic web for noobs", intro très très basique sur le web sémantique. Nous étudierons le web sémantique plus en détails dans de prochaines séances.

Travaux pratiques : rappels sur AJAX

Introduction

Pour cette première séance, et avant d'aller plus loin, il est important de mettre en oeuvre un environnement de développement (eclipse ou netbeans) et de se remémorer les principes de la technologie AJAX, ainsi que les bonnes méthodes pour debugger ce type d'applications. Pour ceux qui se sentent à l'aise avec cette technologie, ne faites que les exercices du début mettant en oeuvre le debugger javascript firebug, il est nécessaire que vous maitrisiez cet outil pour les prochaines séances de ce cours.

Ressources

Le cours se base sur des ressources disponibles sur le web. Comme nous allons utiliser des technos web Java, vous pouvez consulter/télécharger les ressources suivantes qui vous seront utiles :

Le site javapassion.com qui contient denombreux tutoriaux sur la programmation web.
Cours de technos web de l'an dernier : http://miageprojet2.unice.fr/Programme_des_enseignements/Applications_Web
Transparents sur JSP 2.0, en particulier, lisez bien les sections sur la JSTL et sur le langage EL. Les parties concernant la création de Tags jsp personnalisés est également très pertinente : jsp2.pdf (4Mo)
Cours de javascript pour ceux qui ont tout oublié : http://www.editeurjavascript.com/cours/index.php

Environnement de travail

Requis :

netbeans 6.7.1 version J2EE (qui vient avec tomcat) ou
eclipse Ganymède + tomcat 6.x + plugin sysdeo tomcat launcher
jdk 6.x

Pour les TPs à venir, nous allons utiliser un IDE (netbeans ou eclipse), il vous faudra également utiliser tomcat 6.x ainsi qu'un JDK 6.x. Vérifiez en tapant dans un shell ou dans une fenêtre dos que vous utilisez bien la version de java qu'il faut. Tapez "java -version" pour vérifier, et vérifiez que le compilateur javac est bien dans votre PATH.

La première séance se fera sous NETBEANS ! Sauf si vous avez déjà un environnement éclipse prêt pour développer des applications web (tomcat installé etc.) L'avantage de netbans pour ce premier TP est qu'il vient avec Tomcat intégré, ce qui évitera de nous faire perdre trop de temps. Vous êtes invités d'ici le prochain cours, pour ceux qui préfèrent eclipse, à installer votre environnement pour le développement d'applications web à l'aide de cette plate-forme. En attendant, netbeans est très bien...

Pour Eclipse, je vous recommande le plugin tomcat de sysdeo (http://www.eclipsetotale.com/tomcatPlugin.html).

Travail à faire : les bases d'ajax dans des applis web Java

Le premier TP vient d'un site contenant des tutoriaux fait par Sun Microsystems, et se base sur Netbeans (qui est installé sur vos machines en /usr/local/java/netbeans je pense).

Vous pourrez faire fonctionner les exercices soit avec glassfish (activer l'option "deploy on save" dans vos projets, pour ne pas que ça rame trop), ou tomcat (plus léger, le déploiement est plus rapide).

Récupérez cette archive : http://www.javapassion.com/handsonla...jaxbasics2.zip
Dezippez l'archive et ouvrez le fichier index.html
Faites les exercices 0.1 et 0.2 (installer firebug le debugger javascript dans firefox, mette firefox comme browser par défaut dans netbeans),
puis faites les exercices 1, 3, 4, et 5

Récupéré depuis "http://miageprojet2.unice.fr/index.php?title=Intranet_de_Michel_Buffa/Cours_web_2.0_2009/Introduction_au_web_2.0%2F%2F3.0"