Les vues en Java EE : XHTML, CSS et JSP

Dimension: px
Commencer à balayer dès la page:

Download "Les vues en Java EE : XHTML, CSS et JSP"

Transcription

1 Les vues en Java EE : XHTML, CSS et JSP La partie vue dans une application java EE concerne la conception et la création des pages visualisées par le client (navigateur dans le cas des applications web). Le but ultime de la création d une page est son affichage dans un navigateur. Elle doit donc utiliser les langages compris par les navigateurs : HTML, XHTML, CSS et JavaScript. I. HTML : Hypertext Markup Language (HTML) est le langage qui prédomine dans les pages web. Il repose sur SGML (Standard Generalized Markup Language), un métalangage standard permettant de définir des langages à marqueurs. HTML utilise des balises, ou marqueurs, pour structurer le texte en paragraphes, listes, liens, boutons, zones de texte, etc. Une page HTML est un document texte utilisé par les navigateurs pour présenter du texte et des images : ce sont des fichiers texte portant souvent l extension.html ou.htm. Une page web est formée d un contenu, de marqueurs permettant de changer certains aspects de ce contenu et d objets externes comme des images, des vidéos, du code JavaScript ou des fichiers CSS. La section "Récapitulatif" du chapitre précédent a montré deux pages JSF, dont l une affichait un formulaire pour créer un nouveau livre. Ci-dessous une page écrite en HTML pur, sans utiliser aucun marqueur JSF. La page AjoutLivre.html <h1>creer un Nouveau Livre</h1> <hr> <table border=0> <TR> <TD>Code du Livre :</TD> <TD><input type=text/></td> <td>titre :</td> <td><input type=text/></td> <td>prix :</td> <td><input type=text/></td> <td>description : <td><textarea name=textarea cols=20 rows=5></textarea> <TR> <TD>Nombre de pages : <td><input type=text/> <td>illustrations : 1

2 <td><input type=checkbox/> </table> <input type=submit value=ajouter> <hr> <body> <html> Normalement, une page HTML valide commence par un marqueur <html> qui agit comme un conteneur du document. Il est suivi des marqueurs <head> et <body>. Ce dernier contient la partie visible ici, un tableau constitué de labels et de champs de saisie, et un bouton. Comme vous pouvez le constater, le fichier AjoutLivre.html ci-dessus ne respecte pas ces règles mais les navigateurs peuvent afficher des pages HTML non valides (jusqu à un certain point). Et on obtient alors, la représentation graphique souhaitée. Pourtant, le code ci-dessus n est pas correctement formaté en termes de XML : La page n a pas de marqueurs <html>, <head> ou <body>. Le marqueur <input type=submit value=ajouter> n est pas fermé. Les marqueurs mélangent les majuscules et les minuscules (<TR> et apparaissent dans le code). La plupart des navigateurs autorisent ce type d erreur et afficheront correctement le formulaire. En revanche, si vous voulez traiter ce document avec des parseurs XML, par exemple, le traitement échouera. Pour en comprendre la raison, étudions une page web qui utilise une structure XML stricte avec XHTML (extensible Hypertext Markup Language). II. XHTML : XHTML a été créé peu de temps après HTML Ses racines puisent dans HTML, mais avec une reformulation stricte en XML. Ceci signifie qu un document XHTML est un document XML qui respecte un certain schéma et peut être représenté graphiquement par les navigateurs. Un fichier XHTML (qui porte l extension.xhtml) peut être directement utilisé comme du XML ou être affiché dans un navigateur. Par rapport à HTML, il a l avantage de permettre une validation et une manipulation du document à l aide d outils XML standard (XSL : extensible Stylesheet Language ou XSLT : XSL Transformations, ). Ci-dessous la version XHTML de la page web précédente. La page AjoutLivre.xhtml <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="en" lang="en"> 2

3 <head> <title>creates a new book</title> </head> <body> <h1> Creer un Nouveau Livre </h1> <table border="0"> <td>code du Livre :</td> <td>titre :</td> <td>prix :</td> <td>description :</td> <td><textarea name="textarea" cols="20" rows="5"></textarea></td> <td>nombre de pages :</td> <td>illustrations :</td> <td><input type="checkbox"/></td> </table> <input name="" type="submit" value="ajouter"/> </body> </html> Notez les différences entre les Listings les deux fichiers : ce dernier respecte une structure stricte et contient les marqueurs <html>, <head> et <body> ; tous les marqueurs sont fermés, même les vides (chaque <td> est fermé et on utilise au lieu de <hr>). Les valeurs des attributs sont toujours entre apostrophes ou entre guillemets (<table border="0"> ou <table border= 0 >, mais pas <table border=0>). Tous les marqueurs sont en minuscules ( au lieu de <TR>). Le respect strict des règles syntaxiques de XML et les contraintes de schéma rendent XHTML plus facile à maintenir et à traiter que HTML, et c est la raison pour laquelle il est désormais le langage préféré pour les pages web. 3

4 III. CSS : CSS (Cascading Style Sheets) sert à décrire la présentation d un document écrit en HTML ou en XHTML. Il permet de définir les couleurs, les polices, la disposition et les autres aspects de la présentation d un document et, donc, de séparer son contenu (écrit en XHTML) de sa présentation (écrite en CSS). Comme HTTP, HTML et XHTML, les spécifications de CSS sont édictées par le W3C (World Wide Web Consortium). Supposons, par exemple, que vous vouliez modifier les labels de la page AjoutLivre.xhtml pour qu ils soient tous en italique (font-style: italic), de couleur rouge (color : #550000) et dans une taille de police plus grande (font-size: 20px;). Au lieu de répéter ces modifications pour chaque marqueur, il suffit de définir un style CSS (dans un marqueur <style type="text/css">) et de lui donner un alias (par exemple LesTitres et LesLignes) : la page appliquera alors ce style pour tous les éléments qui utilisent cet alias afin de modifier leur présentation (<h1 class=" LesTitres">). La page AjoutLivre.xhtml avec des styles CSS <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="en" lang="en"> <head> <title>ajout d un livre</title> <style type="text/css">. LesTitres { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #550000; font-style: italic; }.LesLignes { font-family: Arial, Helvetica, sans-serif; color: #000000; font-style: italic; } </style> </head> <body> <h1 class=" LesTitres ">Ajout d un livre</h1> <table border="0"> <td class="leslignes">code du livre :</td> <td class="leslignes">titre :</td> <td class="leslignes">prix :</td> 4

5 <td class="leslignes">description :</td> <td><textarea name="textarea" cols="20" rows="5"></textarea></td> <td class="leslignes">nombre de pages :</td> <td class="leslignes">illustrations :</td> <td><input type="checkbox"/></td> </table> <input name="" type="submit" value="ajouter"/> </body> </html> Dans cet exemple, le code CSS est intégré à la page XHTML mais, dans une vraie application, tous les styles seraient placés dans un fichier à part qui serait importé par la page web. Le webmestre peut ainsi créer un ou plusieurs fichiers CSS pour différents groupes de pages et les contributeurs de contenu peuvent écrire ou modifier leurs pages sans être concernés par l aspect final de leurs documents. À l affichage tous les labels sont désormais en italique et le titre de la page apparaît en rouge. IV. JavaScript : Les langages que nous avons évoqués jusqu à maintenant permettent de représenter le contenu statique et les aspects graphiques d une page web. Cependant, une page doit souvent interagir avec l utilisateur en affichant du contenu dynamique. Ce contenu dynamique peut être traité par des technologies côté serveur comme JSP ou JSF, mais les navigateurs peuvent également en produire de leur côté en exécutant du code JavaScript. JavaScript est un langage de script pour le développement web côté client. Contrairement à ce que son nom pourrait laisser supposer, il n a rien à voir avec le langage de programmation Java car c est un langage interprété et faiblement typé. Avec JavaScript, il est possible de créer des applications web dynamiques en écrivant des fonctions qui agissent sur la structure arborescente d une page. Il a été standardisé par l ECMA (European Computer Manufacturers Association) sous le nom d ECMAScript. Toute page écrite en respectant les standards XHTML, CSS et JavaScript devrait s afficher et se comporter de façon quasiment identique avec tout navigateur respectant ces normes. L exemple ci-dessous contient un exemple de code JavaScript d une page qui affiche un formulaire permettant de saisir des informations sur un livre. Le prix du livre doit être fourni par l utilisateur côté client avant d atteindre le serveur : une fonction JavaScript (prixvalide()) permet de valider ce champ en testant s il est vide ou non. 5

6 La page AjoutLivre.xhtml avec du JavaScript <?xm1 version="1.0" encoding="utf-8"?> <!DOCTYPE htm1 PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona1//EN" " <htm1 xm1ns=" xm1:1ang="fr"> <head> <tit1e>ajout d un Livre</tit1e> <script type="text/javascript"> function prixvalide() { if (document.gete1ementbyid("prix").va1ue == "") { document.gete1ementbyid("prixerreur").innerhtml = "Le prix doit être mentionné!"; } </script> </head> <body> <h1>ajout d un Livre</h1> <tab1e border="0"> <td>code du livre :</td> <td>titre :</td> <td>prix :</td> <td><input id="prix" type="text" onblur="javascript:prixvalide()"/> <span id="prixerreur"/> </td> <td>description :</td> <td><textarea name= textarea cols= 20 rows= 5 ></textarea></td> <td>nombre de pages :</td> <td><input type= text /></td> <td>illustrations :</td> <td><input type= checkbox /></td> </table> <input name= type= submit value= Ajouter /> 6

7 </body> </html> Dans le code ci-dessus, la fonction prixvalide() est intégrée dans la page au moyen d un marqueur <script> et est appelée lorsque le champ de saisie du prix perd le focus (représenté par l événement onblur). Elle utilise l objet document implicite qui représente la page XHTML. L appel getelementbyid( prix ) recherche un élément ayant un identifiant «prix» (<input id= prix >) : on récupère sa valeur et l on teste si elle est vide. Si c est le cas, la fonction recherche un autre élément appelé prixerreur (getelementbyid( prixerreur )) et fixe sa valeur à "Le prix doit être mentionné!". Cette procédure de validation affichera donc le message d erreur, si le prix n a pas été indiqué. V. Java Server Pages (JSP) : Nous venons de présenter des technologies et des langages, comme XHTML ou CSS, qui représentent le contenu et l aspect visuel d une page web. Pour ajouter de l interactivité et modifier dynamiquement des parties d une page, vous pouvez utiliser des fonctions JavaScript qui s exécuteront dans le navigateur mais, la plupart du temps, vous devrez faire appel à une couche métier d EJB pour afficher des informations provenant d une base de données. Ce contenu dynamique peut être obtenu à l aide de JSP (ou JSF avec JSP ou Facelets, comme nous le verrons au chapitre suivant). JSP a été ajouté à J2EE 1.2 en 1999 et permet de créer dynamiquement des pages web en réponse à une requête d un client. Les pages sont traitées sur le serveur et compilées sous forme de servlets. Les pages JSP ressemblent à des pages HTML ou XHTML, sauf qu elles contiennent des marqueurs spéciaux pour effectuer des traitements sur le serveur et appeler du code Java côté serveur. La plupart du travail de JSP repose sur l API servlet. Les servlets ont été créées pour permettre à un serveur d accepter des requêtes HTTP des clients et de créer des réponses dynamiques. Comme JSP, elles peuvent se servir de n importe quelle ressource serveur comme les EJB, les bases de données, les services web et d autres composants. Les JSP sont dynamiques parce qu elles exécutent du code Java pour former une réponse en fonction d une requête. Les JSP s exécutent sur un serveur dans le conteneur de servlets et répondent aux requêtes des clients, qui sont des utilisateurs accédant à une application web au moyen d un navigateur via HTTP, le même protocole que celui qu ils utilisent pour demander des pages XHTML au serveur. a. Cycle de vie d une JSP : Le conteneur de servlets gère le cycle de vie d une JSP en : compilant le code JSP dans une servlet chargeant et initialisant la JSP 7

8 traitant les requêtes des clients et les faisant suivre à la JSP renvoyant les réponses aux clients (ces réponses ne contiennent que des marqueurs HTML ou XHTML pour pouvoir s af%cher dans un navigateur) déchargeant la JSP et arrêtant de lui envoyer des requêtes (lorsque le serveur s arrête, par exemple). Une page JSP pouvant produire du code HTML ou XHTML, vous pouvez utiliser des extensions différentes pour l indiquer.jsp pour HTML et.jspx pour XHTML. Remarque : Une JSP valide peut ne contenir que des marqueurs HTML : vous pourriez sauvegarder son code dans un fichier.jsp et le déployer dans un conteneur de servlets qui renverrait alors une simple page HTML. En fait, une page JSP ressemble à du HTML, mais elle peut également contenir des marqueurs supplémentaires qui permettent d ajouter du contenu dynamique afin que les réponses produites dépendent des requêtes. La spécification JSP définit les éléments suivants : directives scripts actions Remarque : Comme nous le verrons dans cette partie du cours, il existe deux syntaxes pour ces éléments : la syntaxe XML pour les pages XHTML : <jsp:directive attributs/> et la syntaxe JSP ( qui n est pas conforme à XML) : <%@ attributs %>. b. Directives : Les directives fournissent des informations sur la JSP et ne produisent rien. Il existe trois directives : page, include et taglib. Les deux syntaxes possibles sont : <%@ directive attributs %> ou <jsp:directive attributs /> La directive page : La directive page sert à indiquer les attributs de page tels que le langage de programmation de la page (Java dans notre cas), le type MIME (text/plain ; text/html, ), l encodage des caractères de la réponse, si la JSP est une page d erreur,... Exemple : <%@ page contenttype= text/html; ISO language= java %> ou <jsp:directive.page contenttype= text/html; ISO language= java /> La directive include : La directive include sert à inclure une autre page (HTML, XHTML ou JSP) dans la page courante. Vous pouvez l utiliser pour inclure une page standard ( par exemple, un en-tête ou un pied de page) dans plusieurs JSP. 8

9 Exemple : <%@ include file= header.jsp %> ou <jsp:directive.include file= header.jsp /> La directive taglib : La directive taglib déclare qu une page utilise l une de ces bibliothèques en l identifiant de façon unique par une URI et un préfixe. Avec la syntaxe XML, ces deux informations sont regroupées dans un espace de noms unique (xmlns). Exemple : Dans l exemple suivant, la bibliothèque de marqueurs est utilisée dans la page via le préfixe c : <%@ taglib uri= prefix= c %> ou <jsp:root xmlns:c= > c. Scripts : Les scripts incluent du code Java permettant de manipuler des objets et d effectuer des traitements affectant le contenu. Ils sont de trois types : déclaration, scriptlet et expression Ils peuvent utiliser les syntaxes suivantes : <%! La declaration %> ou bien <jsp:declaration>ceci est une déclaration</jsp:declaration> <% Le scriptlet %> ou bien <jsp:scriptlet>ceci est un scriptlet</jsp:scriptlet> <%= L expression %> ou bien <jsp:expression>ceci est une expression</jsp:expression> Les déclarations permettent de déclarer les variables ou les méthodes qui seront disponibles pour tous les autres scripts de la page. La déclaration n apparaît que dans la JSP traduite (c est-à-dire dans la servlet), pas dans ce qui est envoyé au client. Exemple : L exemple suivant déclare une instance d ArrayList qui sera globale à toute la page : <%! ArrayList lstlv = new ArrayList(); %> Ou bien, avec la syntaxe XML <jsp:declaration> ArrayList lstlv = new ArrayList(); </jsp:declaration> Les scriptlets contiennent du code Java permettant de décrire les actions à réaliser en réponse aux requêtes. Ils peuvent servir à effectuer des itérations ou à exécuter conditionnellement d autres éléments de la JSP. 9

10 Comme les déclarations, le code d un scriptlet n apparaît que dans la JSP traduite (la servlet). Exemple : L exemple suivant ajoute un objet Lv (Livre) à l ArrayList déclarée plus haut : <% lstlv.add(new Livre( Java EE, 20, Livre de programmation, , 241, true)); %> Ou bien avec la syntaxe XML <jsp:scriptlet> lstlv.add(new Livre( Java EE, 20, Livre de programmation, , 241, true)); </jsp:scriptlet> Les expressions servent à envoyer la valeur d une expression Java au client. Elles sont évaluées au moment de la réponse et leur résultat est converti en chaîne de caractères puis inséré dans le résultat affiché par le navigateur. Le fragment de code suivant, par exemple, affichera le code d un livre Lv : Exemple : <%= Lv.getCode()%> ou bien <jsp:expression>lv.getcode()</jsp:expression> avec la syntaxe XML. Remarque : Les déclarations, les scriptlets et les expressions doivent contenir du code Java correct. Si vous choisissez d utiliser la syntaxe XML, leur contenu doit également être du XML valide. Le code suivant, par exemple, déclare une ArrayList globale de livres en utilisant une classe générique : <%! ArrayList<Livre> books = new ArrayList<Livre>(); %> Si vous voulez faire la même déclaration dans un format XML strict, vous ne pouvez pas utiliser les symboles < et > car ils sont réservés à l ouverture et à la fermeture des marqueurs XML. Vous devez alors, utiliser une section CDATA (qui signifie Character DATA) afin que le parseur XML ne tente pas de l analyser et l exemple devient <jsp:declaration><![cdata[ ArrayList<Livre> books = new ArrayList<Livre>(); ]]></jsp:declaration> 10

11 d. Actions : Les actions standard sont définies par la spécification JSP et forcent la page à effectuer certaines actions (inclure des ressources externes, faire suivre une requête vers une autre page ou utiliser les propriétés d objets Java). Elles ressemblent à des marqueurs HTML car elles sont représentées par des éléments XML préfixés par jsp (<jsp:usebean>, <jsp:include>, etc.). Le Tableau ci-dessous énumère toutes les actions disponibles. Tableau : Éléments des actions JSP Action usebean setproperty getproperty include forward param plugin params element attribute body Description Associe une instance d objet à une portée donnée et à un identifiant. Fixe la valeur d une propriété d un bean. Affiche la valeur d une propriété d un bean. Permet d inclure des ressources statiques et dynamiques dans le même contexte que celui de la page courante. Fait suivre la requête courante à une ressource statique, une JSP ou une servlet dans le même contexte que celui de la page courante. Utilisé avec les éléments include, forward et params. La page incluse ou transférée verra l objet requête initial avec les paramètres originaux, plus les nouveaux. Permet à une JSP de produire du HTML contenant des constructions spécifiques au navigateur (OBJECT ou EMBED), qui provoquera le téléchargement d une extension. Passe des paramètres. Fait partie de l action plugin. Définit dynamiquement la valeur du marqueur d un élément XML. Définit un attribut XML. Fait partie de l action element. Définit le corps d un élément XML. Fait partie de l action element. Résumé et Exemple récapitulatif : Tous ces éléments permettent d invoquer du code Java et toutes sortes de composants (EJB, bases de données, services web, etc.). À titre d exemple, nous allons créer une page qui affichera une liste de livres stockés dans une ArrayList. Ici, nous n accéderons pas à une base de données : nous nous contenterons d une ArrayList initialisée avec un nombre déterminé d objets Livre, que nous parcourrons pour afficher les attributs de chaque livre (Code, titre, description,...). Nous avons besoin de plusieurs éléments pour construire cette page. Comme le montre le 11

12 code ci-desoous, il faut importer les classes java.util.arraylist et Livre avec une directive page import= java.util.arraylist %>). Puis on déclare un attribut lstlv, instance d ArrayList, afin qu il soit accessible à toute la page (<%! ArrayList<Livre> lstlv = new ArrayList<Livre>(); %>). Ensuite, un scriptlet ajoute des objets livres dans une ArrayList et un autre parcourt cette liste avec une instruction for. Pour afficher les attributs de chaque livre, nous utilisons des éléments expression (<%= book. gettitre()%>). Voilà le code complet de cette page : La page listerlivres.jsp <%@ page import="javaee.tp1.livre" %> <%@ page import= java.util.arraylist %> <%! ArrayList<Livre> lstlv = new ArrayList<Livre>(); %> <html> <head> <title>liste Des Livres</title> </head> <body> <h1>liste de tous les livres</h1> <% lstlv.add(new Livre( Java EE, 20, Livre de programmation, , 241, true)); lstlv.add(new Livre( La Physique Nucléaire, 20, Livre scientifique, , 341, true)); lstlv.add(new Livre( Le pauvre, 20, Roman, , 441, false)); %> <table border= 2 > <td>code</td> <td>titre</td> <td>prix</td> <td>description</td> <td>nombre de pages</td> <td>illustrations</td> <% Livre Lv; for (int i = 0; i < lstlv.size(); i++) { Lv = lstlv.get(i); %> <td><%= Lv.getCode()%></td> <td><%= Lv.getTitre()%></td> <td><%= Lv.getPrix()%></td> <td><%= Lv.getDescription()%></td> 12

13 <td><%= Lv.getNbPage()%></td> <td><%= Lv.getIllustrations()%></td> <% } // fin de l instruction for %> </table> </body> </html> Vous remarquerez que l on peut librement entrelacer du code Java, des marqueurs HTML et du texte. Tout ce qui est dans un scriptlet (entre <% et %>) est du code Java qui sera exécuté sur le serveur et tout ce qui est à l extérieur est du texte qui sera affiché dans la page de réponse. Notez également que le bloc de l instruction for commence et se termine dans des scriptlets différents. Une JSP peut donc rapidement devenir difficile à relire si l on commence à trop mélanger des marqueurs HTML avec du code Java. En outre, il n y a pas de séparation entre le logique métier et la présentation, ce qui complique la maintenance des pages car on mélange deux langages destinés à deux catégories d intervenants : Java pour les développeurs métiers et XHTML/CSS pour les concepteurs web. Ce problème sera résolu aux chapitres qui suivent. 13

TP JEE Développement Web en Java. Dans ce TP nous commencerons la programmation JEE par le premier niveau d une application JEE : l application web.

TP JEE Développement Web en Java. Dans ce TP nous commencerons la programmation JEE par le premier niveau d une application JEE : l application web. ASTRIUM - Toulouse JEE Formation 2013 TP JEE Développement Web en Java Dans ce TP nous commencerons la programmation JEE par le premier niveau d une application JEE : l application web. Figure 1 Architecture

Plus en détail

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv> Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Module BD et sites WEB

Module BD et sites WEB Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

HTML, CSS, JS et CGI. Elanore Elessar Dimar HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML

Plus en détail

Programmation Internet Cours 4

Programmation Internet Cours 4 Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web

Plus en détail

XML, PMML, SOAP. Rapport. EPITA SCIA Promo 2004 16 janvier 2003. Julien Lemoine Alexandre Thibault Nicolas Wiest-Million

XML, PMML, SOAP. Rapport. EPITA SCIA Promo 2004 16 janvier 2003. Julien Lemoine Alexandre Thibault Nicolas Wiest-Million XML, PMML, SOAP Rapport EPITA SCIA Promo 2004 16 janvier 2003 Julien Lemoine Alexandre Thibault Nicolas Wiest-Million i TABLE DES MATIÈRES Table des matières 1 XML 1 1.1 Présentation de XML.................................

Plus en détail

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

Plus en détail

Formation HTML / CSS. ar dionoea

Formation HTML / CSS. ar dionoea Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations

Plus en détail

SII Stage d informatique pour l ingénieur

SII Stage d informatique pour l ingénieur SII Stage d informatique pour l ingénieur Création d un site Web École nationale supérieure de techniques avancées SII Stage d informatique pour l ingénieur 1 / 15 L informatique et le temps qui passe...

Plus en détail

Classe ClInfoCGI. Fonctions membres principales. Gestion des erreurs

Classe ClInfoCGI. Fonctions membres principales. Gestion des erreurs Utilisation des classes de PourCGI par Michel Michaud, version 2002-11-23 Les fichiers PourCGI.h et PourCGI.cpp rendent disponibles deux classes et une fonction libre qui permettent de faire facilement

Plus en détail

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec

Plus en détail

Séance d ED n 5 : HTML et JavaScript

Séance d ED n 5 : HTML et JavaScript Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

Programmation Web. Madalina Croitoru IUT Montpellier Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance

Plus en détail

Chapitre IX. L intégration de données. Les entrepôts de données (Data Warehouses) Motivation. Le problème

Chapitre IX. L intégration de données. Les entrepôts de données (Data Warehouses) Motivation. Le problème Chapitre IX L intégration de données Le problème De façon très générale, le problème de l intégration de données (data integration) est de permettre un accès cohérent à des données d origine, de structuration

Plus en détail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

INTRODUCTION A JAVA. Fichier en langage machine Exécutable INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

< Atelier 1 /> Démarrer une application web

< Atelier 1 /> Démarrer une application web MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE

Plus en détail

Petite définition : Présentation :

Petite définition : Présentation : Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 1 BERNIER François http://astronomie-astrophotographie.fr Table des matières Installation d un serveur HTTP (Hypertext Transfer

Plus en détail

Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech

Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

Plus en détail

Module : programmation site Web dynamique Naviguer entre les pages via site map

Module : programmation site Web dynamique Naviguer entre les pages via site map Module : programmation site Web dynamique Naviguer entre les pages via site map Soit le site web suivant qui est constitué de six pages web : On veut créer un menu constitué de trois nœuds principaux générale

Plus en détail

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information

Plus en détail

4. SERVICES WEB REST 46

4. SERVICES WEB REST 46 4. SERVICES WEB REST 46 REST REST acronyme de REpresentational State Transfert Concept introduit en 2000 dans la thèse de Roy FIELDING Est un style d architecture inspiré de l architecture WEB En 2010,

Plus en détail

Les outils de création de sites web

Les outils de création de sites web Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site

Plus en détail

Les services usuels de l Internet

Les services usuels de l Internet Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet Courrier électronique (mail) - protocole SMTP (Simple Mail Transfer Protocol) inclut maintenant tous types

Plus en détail

Compte Rendu d intégration d application

Compte Rendu d intégration d application ISMA 3EME ANNEE Compte Rendu d intégration d application Compte Rendu Final Maxime ESCOURBIAC Jean-Christophe SEPTIER 19/12/2011 Table des matières Table des matières... 1 Introduction... 3 1. Le SGBD:...

Plus en détail

Internet. DNS World Wide Web. Divers. Mécanismes de base Exécution d'applications sur le web. Proxy, fire-wall

Internet. DNS World Wide Web. Divers. Mécanismes de base Exécution d'applications sur le web. Proxy, fire-wall Internet DNS World Wide Web Mécanismes de base Exécution d'applications sur le web Divers Proxy, fire-wall 1 Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des

Plus en détail

Création de formulaires interactifs

Création de formulaires interactifs SESSION 16 Création de formulaires interactifs Programme de la session Lancer un sondage en utilisant divers éléments d'entrée de formulaire Traiter les entrées utilisateur Activer un script à partir d'un

Plus en détail

Normes techniques 2011

Normes techniques 2011 Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique

Plus en détail

Notes pour l utilisation d Expression Web

Notes pour l utilisation d Expression Web EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface

Plus en détail

Cours CCNA 1. Exercices

Cours CCNA 1. Exercices Cours CCNA 1 TD3 Exercices Exercice 1 Enumérez les sept étapes du processus consistant à convertir les communications de l utilisateur en données. 1. L utilisateur entre les données via une interface matérielle.

Plus en détail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

Plus en détail

ENVOI EN NOMBRE DE Mails PERSONNALISES

ENVOI EN NOMBRE DE Mails PERSONNALISES MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel

Plus en détail

Formulaire pour envoyer un mail

Formulaire pour envoyer un mail Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est

Plus en détail

FileMaker Server 11. Publication Web personnalisée avec XML et XSLT

FileMaker Server 11. Publication Web personnalisée avec XML et XSLT FileMaker Server 11 Publication Web personnalisée avec XML et XSLT 2007-2010 FileMaker, Inc. Tous droits réservés. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, Californie 95054 FileMaker est une

Plus en détail

Failles XSS : Principes, Catégories Démonstrations, Contre mesures

Failles XSS : Principes, Catégories Démonstrations, Contre mesures HERVÉ SCHAUER CONSULTANTS Cabinet de Consultants en Sécurité Informatique depuis 1989 Spécialisé sur Unix, Windows, TCP/IP et Internet Séminaire 15 ans HSC Failles XSS : Principes, Catégories Démonstrations,

Plus en détail

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/

Plus en détail

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09 INFORMATIQUE & WEB Code du diplôme : CP09 Passionné par l informatique et le web, vous souhaitez obtenir une certification dans un domaine porteur et enrichir votre CV? PARCOURS CERTIFICAT PROFESSIONNEL

Plus en détail

Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012

Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Sana Sellami sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Connaître les principales techniques pour la création de sites web Se familiariser avec les langages du web Rendre dynamique le

Plus en détail

Avant-propos 1. Avant-propos...3 2. Organisation du guide...3 3. À qui s'adresse ce guide?...4

Avant-propos 1. Avant-propos...3 2. Organisation du guide...3 3. À qui s'adresse ce guide?...4 Les exemples cités tout au long de cet ouvrage sont téléchargeables à l'adresse suivante : http://www.editions-eni.fr. Saisissez la référence ENI de l'ouvrage EP5EJAV dans la zone de recherche et validez.

Plus en détail

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier

Plus en détail

Mise en œuvre des serveurs d application

Mise en œuvre des serveurs d application Nancy-Université Mise en œuvre des serveurs d application UE 203d Master 1 IST-IE Printemps 2008 Master 1 IST-IE : Mise en œuvre des serveurs d application 1/54 Ces transparents, ainsi que les énoncés

Plus en détail

www.evogue.fr SUPPORT DE COURS / HTML

www.evogue.fr SUPPORT DE COURS / HTML L i a m T A R D I E U www.evogue.fr SUPPORT DE COURS / HTML Sommaire Sommaire... 2 Présentation... 3 Introduction... 3 Fonctionnement... 3 Historique... 4 Navigateurs... 6 Définition... 6 Historiquement...

Plus en détail

STID 2ème année : TP Web/PHP

STID 2ème année : TP Web/PHP STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Application Web et J2EE

Application Web et J2EE Application Web et J2EE Servlet, JSP, Persistence, Méthodologie Pierre Gambarotto Département Informatique et Math appli ENSEEIHT Plan Introduction 1 Introduction Objectfis

Plus en détail

Cours en ligne Développement Java pour le web

Cours en ligne Développement Java pour le web Cours en ligne Développement Java pour le web We TrainFrance info@wetrainfrance Programme général du cours Développement Java pour le web Module 1 - Programmation J2ee A) Bases de programmation Java Unité

Plus en détail

HTML/CSS - Travaux Pratiques 2

HTML/CSS - Travaux Pratiques 2 HTML/CSS - Travaux Pratiques 2 Le but de ces séances de TP est de se familiariser avec le format HTML et les feuilles de style CSS pour la création de pages web. Pour cela, vous utiliserez emacs sous Linux

Plus en détail

Introduction à Microsoft InfoPath 2010

Introduction à Microsoft InfoPath 2010 Introduction à Microsoft InfoPath 2010 Couplé à Microsoft SharePoint Designer 2010, InfoPath 2010 simplifie la création de solutions de bout en bout sur SharePoint Server 2010, qui contiennent des formulaires

Plus en détail

Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)

Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé) Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages

Plus en détail

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES Contact Traffic : Audrey Pluot-Etourneau apluot@staff.aufeminin.com LES FORMATS CLASSIQUES Nom du Format Dimension du Format Poids Max Fichiers Acceptés

Plus en détail

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado - RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et

Plus en détail

Introduction aux «Services Web»

Introduction aux «Services Web» Introduction aux «Services Web» Sana Sellami sana.sellami@univ-amu.fr 2014-2015 Modalité de contrôle de connaissances Note de contrôle de continu Note projet Evaluation du projet la semaine du 17 novembre

Plus en détail

Utilisation d objets : String et ArrayList

Utilisation d objets : String et ArrayList Chapitre 6 Utilisation d objets : String et ArrayList Dans ce chapitre, nous allons aborder l utilisation d objets de deux classes prédéfinies de Java d usage très courant. La première, nous l utilisons

Plus en détail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,

Plus en détail

Architecture JEE. Objectifs attendus. Serveurs d applications JEE. Architectures JEE Normes JEE. Systèmes distribués

Architecture JEE. Objectifs attendus. Serveurs d applications JEE. Architectures JEE Normes JEE. Systèmes distribués Architecture JEE. Objectifs attendus Serveurs d applications JEE Systèmes distribués Architectures JEE Normes JEE couches logicielles, n-tiers framework JEE et design patterns 2007/02/28 Eric Hébert.eheb@yahoo.fr

Plus en détail

Glossaire. www.themanualpage.org ( themanualpage.org) soumises à la licence GNU FDL.

Glossaire. www.themanualpage.org ( themanualpage.org) soumises à la licence GNU FDL. Glossaire Ce glossaire contient les termes techniques et de spécialité les plus employés dans cette thèse. Il emprunte, pour certaines d entre elles, les définitions proposées par www.themanualpage.org

Plus en détail

XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition)

XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition) Présentation du langage XML 1. De SGML à XML 17 2. Les bases de XML 18 2.1 Rappel sur HTML 18 2.2 Votre premier document XML 19 2.3 Les avantages de XML 21 3. La syntaxe XML 21 3.1 La première ligne du

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

Module http MMS AllMySMS.com Manuel d intégration

Module http MMS AllMySMS.com Manuel d intégration Module http MMS AllMySMS.com Manuel d intégration Objectif du document... 3 1 Envoi de MMS par requête http... 4 1.1 Format de la requête utilisée... 4 1.2 Arborescence et explication des balises du flux

Plus en détail

Théorie : internet, comment ça marche?

Théorie : internet, comment ça marche? Théorie : internet, comment ça marche? L histoire d internet 1969 Tout débute aux Etats-Unis. Les soviétiques ont lancé leur satellite Spoutnik en 1957 et les américains ont peur d une guerre nucléaire.

Plus en détail

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

Plus en détail

Introduction aux concepts d ez Publish

Introduction aux concepts d ez Publish Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de

Plus en détail

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN

Plus en détail

COMPRENDRE L ARCHITECTURE DES WEB SERVICES REST. Amosse EDOUARD, Doctorant

COMPRENDRE L ARCHITECTURE DES WEB SERVICES REST. Amosse EDOUARD, Doctorant COMPRENDRE L ARCHITECTURE DES WEB SERVICES REST Amosse EDOUARD, Doctorant Organisation Cours Magistral 24/11/2014 26/11/2014 01/12/2014 Travaux Dirigés 26/11/2014 28/11/2014 01/11/2014 08/11/2014 Evaluation

Plus en détail

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique

Plus en détail

L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248

L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations

Plus en détail

HTTP. Technologies du Web. Programmation Web côté serveur. Mastère spécialisé Management et nouvelles technologies, 16 novembre 2009

HTTP. Technologies du Web. Programmation Web côté serveur. Mastère spécialisé Management et nouvelles technologies, 16 novembre 2009 HTTP Technologies du Web Programmation Web côté serveur Pierre Senellart (pierre.senellart@telecom-paristech.fr) Mastère spécialisé Management et nouvelles technologies, 16 novembre 2009 P. Senellart (TELECOM

Plus en détail

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables

Plus en détail

Faculté de Génie Chaire industrielle en infrastructures de communication. La technologie XML. Wajdi Elleuch

Faculté de Génie Chaire industrielle en infrastructures de communication. La technologie XML. Wajdi Elleuch Faculté de Génie Chaire industrielle en infrastructures de communication La technologie XML Wajdi Elleuch Octobre 2004 SOMMAIRE Content : - XML : Définition - XML : Solution pour des applications réparties

Plus en détail

TP1. Outils Java Eléments de correction

TP1. Outils Java Eléments de correction c sep. 2008, v2.1 Java TP1. Outils Java Eléments de correction Sébastien Jean Le but de ce TP, sur une séance, est de se familiariser avec les outils de développement et de documentation Java fournis par

Plus en détail

Dans l'article précédent, vous avez appris

Dans l'article précédent, vous avez appris Pour les débutants Les différents formats de sortie proposés par PHPExcel La bibliothèque orientée objet PHPExcel permet de lire et créer des fichiers pour tableurs. Dans cette série d articles, vous apprendrez

Plus en détail

Architectures Web Services RESTful

Architectures Web Services RESTful Architectures Web Services RESTful Alexandre Denis Alexandre.Denis@inria.fr Inria Bordeaux Sud-Ouest France ENSEIRB PG306 REST REST Representational State Transfer Roy Fielding (2000) Décollage vers 2006-2007

Plus en détail

WebSSO, synchronisation et contrôle des accès via LDAP

WebSSO, synchronisation et contrôle des accès via LDAP 31 mars, 1er et 2 avril 2009 WebSSO, synchronisation et contrôle des accès via LDAP Clément Oudot Thomas Chemineau Sommaire général Synchronisation d'identités WebSSO et contrôle des accès Démonstration

Plus en détail

Développement des Systèmes d Information

Développement des Systèmes d Information Développement des Systèmes d Information Axe ISI Camille Persson Institut Fayol / LSTI / ISCOD École Nationale Supérieure des Mines de Saint-Etienne 158 cours Fauriel, 42000 Saint-Etienne persson@emse.fr

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Gestion Électronique de Documents et XML. Master 2 TSM

Gestion Électronique de Documents et XML. Master 2 TSM Gestion Électronique de Documents et XML Master 2 TSM I n t r o d u c t i o n Les formats de données F o r m a t s d e d o n n é e Format de donnée : manière de représenter des informations dans un document

Plus en détail

FileMaker Server 12. publication Web personnalisée avec XML

FileMaker Server 12. publication Web personnalisée avec XML FileMaker Server 12 publication Web personnalisée avec XML 2007-2012 FileMaker, Inc. Tous droits réservés. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, California 95054 FileMaker et Bento sont

Plus en détail

CREATION d UN SITE WEB (INTRODUCTION)

CREATION d UN SITE WEB (INTRODUCTION) CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. Le framework YUI et le développement 4D Par Olivier DESCHANELS, Responsable Programme 4D S.A. Note technique 4D-201004-08-FR Version 1 - Date 1 avril 2010 Résumé Dans la présente note technique, nous allons

Plus en détail

Projet Java EE Approfondi

Projet Java EE Approfondi EISTI Projet Java EE Approfondi Manuel d installation du framework Stripes Amaury Languillat, Yann Gonzalez, Arnaud Recher, Vincent Laronde, Anys Mechkar 10 Manuel d installation Téléchargement On part

Plus en détail

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents

Plus en détail

Architecture Multi-Niveaux

Architecture Multi-Niveaux Architecture Multi-Niveaux Patrick FELIX (felix@labri.fr) Franck RUBI (rubi@labri.fr) Département Informatique IUT Bordeaux1 12 novembre 2007 Architecture Multi-Niveaux 1 Plan 1. Introduction : vers une

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

Environnements de Développement

Environnements de Développement Institut Supérieur des Etudes Technologiques de Mahdia Unité d Enseignement: Environnements de Développement BEN ABDELJELIL HASSINE Mouna m.bnaj@yahoo.fr Développement des systèmes d Information Syllabus

Plus en détail

Logiciels de référencement

Logiciels de référencement Outils Logiciels de référencement Afin de contrôler la qualité de son référencement, d optimiser et d améliorer son positionnement, il peut être utile d utiliser des outils couvrant tout ou partie du référencement.

Plus en détail

Activité sur Meteor. Annexe 1 : notion de client-serveur et notion de base de données

Activité sur Meteor. Annexe 1 : notion de client-serveur et notion de base de données Activité sur Meteor Annexe 1 : notion de client-serveur et notion de base de données Notion de client-serveur Que se passe-t-il lorsque vous tapez dans la barre d'adresse de votre navigateur «http://www.google.fr»?

Plus en détail

Document Object Model (DOM)

Document Object Model (DOM) Document Object Model (DOM) Jean-Claude Charr Maître de conférences IUT de Belfort Montbéliard Université de Franche Comté Description générale Définit un standard pour accéder aux documents structurés

Plus en détail