Pages récentes

Modifier
la page

Nouvelle
page

Imprimer
la page
Page modifiée à 09:17, 28 Oct 2009 par MichelBuffa
0

Introduction au web 2.0/3.0

De $1

Version de 21:52, 21 Nov 2024

cette version.

Revenir à liste des archives.

Voir la version actuelle

    1. 1.1.
  2. 2. Contexte
  3. 3. Rappels historiques :
  4. 4. Le Web 2.0 c'est quoi ?
  5. 5. L'entreprise 2.0 c'est quoi ?
      1. 5.1.1. Et le web 3.0 ? C'est "l'autre nom du web sémantique" !
    2. 5.2. Travaux pratiques : rappels sur AJAX
      1. 5.2.1. Introduction
      2. 5.2.2. Ressources
      3. 5.2.3. Environnement de travail
      4. 5.2.4. Travail à faire : les bases d'ajax dans des applis web Java

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) :
  • 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 :
  • Cette vidéo est également très "parlante" pour montrer cette évolution :

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).

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

 

 
Powered by MindTouch Deki Open Source Edition v.8.08