Contexte
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) :
- Le web et son futur par Fabien Gandon. Cette présentation est détaillée dans l'article suivant : Les débuts du web sous l'oeil du W3C.
Le 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