Technologies de l’Internet dynamique 2/7 : Conception d'un site dynamique et introduction au JavaScript CNAM – cycle C

Quel langage pour quel rôle ? Des recouvrements mais des rôles bien établis Il faut se forcer à utiliser le langage le plus adapté ! (Ex: rollover d'images) 23/01/2006 : 18h30-21h30 Aurélien Barbier-Accary

Répartition de la charge : séquence d'utilisation Côté serveur : base de données MySQL patrons de pages PHP+XHTML+CSS données extérieures de requête Création dynamique d'une page statique ! Côté client : petites adaptations possibles (en local !) graphiques : DHTML(JavaScript)+CSS contenu : <div>,<span> + JavaScript 23/01/2006 : 18h30-21h30 Aurélien Barbier-Accary

Aurélien Barbier-Accary Exemple d'un diaporama Quel côté (client-serveur) ? Quel langage ? Choix des photos de la gallerie Choix des quelques vignettes visibles Zoom sur une vignette pointée Tri des photos par nom ou par date Affichage écran Vs affichage imprimante ... Il n'y a pas toujours qu'une solution, mais il y en a toujours une meilleure. 23/01/2006 : 18h30-21h30 Aurélien Barbier-Accary

Aurélien Barbier-Accary Conception d'un site Il faut gérer : Des pages statiques (accueil, news, ...) Des images du site (icônes, logos, ...) Des patrons de pages dynamiques Des images de contenu (photos, ...) Des scripts Une base de données Tri = gain de temps des Màjs 23/01/2006 : 18h30-21h30 Aurélien Barbier-Accary

Contenu de notre site projet Fonctionnalités basiques : Consultation de recettes Recherche de recettes par ??? ??? Fonctionnalités étendues : Adaptation des quantités au nb. de pers. Dépôt d'avis des internautes A quoi avez-vous pensé ? 23/01/2006 : 18h30-21h30 Aurélien Barbier-Accary

Aurélien Barbier-Accary Organisation du site Ouvrez un document texte nommé cnam-xy.txt et décrivez succintement L'arborescence des répertoires Les fichiers de chacun de ces répertoires fixez les noms dès maintenant Uploadez votre fichier sur : ftpperso.free.fr Login/Pwd: aurelien.barbier / cnamcnam répertoire: tmp 23/01/2006 : 18h30-21h30 Aurélien Barbier-Accary

Introduction au JavaScript Allez sur la page du cours sur JavaScript Insertion d'un script : 4 possibilités Syntaxe similaire au C/C++ mais : Variables typées implicitement Tableaux indexés et associatifs Fontions à nombre d'arguments variable Trouver un objet: les pbs commencent... InternetExplorer : document.all[] Recommandations W3C: getElementById() Voir la fonction findObj() du cours DOM/DHTML 23/01/2006 : 18h30-21h30 Aurélien Barbier-Accary