AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript"

Transcription

1 AJAX Ajax 1 AJAX Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript Utilise: HTML pour le marquage XML pour représenter les résultats CSS pour la présentation JavaScript pour récupérer les données et les afficher Ajax 2 1 1

2 Rôle de JavaScript Définit une objet pour envoyer des requêtes HTTP Initie la requête Obtient l'objet de requête (Request) Désigne une fonction callback pour traiter la réponse Définit des événements d'arrivée de la réponses Initie des requêtes GET ou POST Attend que la réponse soit arrivée Manipule la réponse et extrait le résultat Traite le résultat Construit les éléments d'affichage Ajax 3 Modèle Ajax Navigateur Interface usager Navigateur Interface usager Appel JavaScript HTML + CSS Machine JavaScript Requête HTTP HTML + CSS Requête HTTP XML Serveur web Serveur web/xml Documents Web Programme Documents Web Programme Ajax 4 2 2

3 Interactions asynchrones Lorsqu'on soumet un formulaire, JavaScript envoie une requête à un serveur, obtient le résultat et rafraichit l'écran avec les nouvelles données Sans l'intervention explicite de l'usager L'usager peut continuer à utiliser l'application web pendant que le navigateur cherche de l'information du serveur. Formulaire sans bouton submit <form name="mf"> Name: <input type="text" name="username" /> Time: <input type="text" name="time" /> </form> </body> </html> Ajax 5 Transaction Ajax Une transaction consiste en Ouverture de la connexion avec open() On y spécifie la méthode (GET, POST ou HEAD): L'envoi de données avec send() (si POST) La réception de la réponse du serveur Ajax 6 3 3

4 Transactions Ajax xmlhttp.open("head","demo.jsp",true); Server: Microsoft-IIS/5.1 Date: Fri, 17 Nov :47:47 GMT Content-Type: text/xml Accept-Ranges: bytes Last-Modified: Fri, 17 Nov :07:51 GMT Content-Length: 21 xmlhttp.send(null); xmlhttp.open("get","demo.jsp?prenom=abdel&nom=obaid",true); Server: Microsoft-IIS/5.1 Date: Fri, 17 Nov :47:47 GMT Content-Type: text/xml Accept-Ranges: bytes Last-Modified: Fri, 17 Nov :07:51 GMT Content-Length: 200 Donnees de la response xmlhttp.send(null); Ajax 7 Transactions Ajax xmlhttp.open("post","demo.jsp",true); Server: Microsoft-IIS/5.1 Date: Fri, 17 Nov :47:47 GMT Content-Type: text/xml Accept-Ranges: bytes Last-Modified: Fri, 17 Nov :07:51 GMT Content-Length: 200 Donnees de la response xmlhttp.setrequestheader("content-type","application/x-www-form-urlencoded;"); xmlhttp.send("fprenom=abdel&nom=obaid"); Ajax 8 4 4

5 L'objet XMLHttpRequest Contient la requête du client Ajax Les méthodes utilisées pour créer un objet XMLHttpRequest dépendent du navigateur Internet Explorer: new ActiveXObject("Microsoft.XMLHTTP"); FireFox, Safari, : new XMLHttpRequest(); Ajax 9 Envoi de la requête <script type="text/javascript"> var requete; function obtenirobjetrequete() { if (window.activexobject) { return(new ActiveXObject("Microsoft.XMLHTTP")); else if (window.xmlhttprequest) { return(new XMLHttpRequest()); function envoyerrequete() { requete = obtenirobjetrequete(); requete.onreadystatechange = traiterreponse ; requete.open("get", "URL", true); requete.send(null); function traiterreponse () { if (requete.readystate == 4) { alert("reponse recue : "+ requete.responsetext); </script> Ajax

6 Exemple <html> <body> <script type="text/javascript"> function ajaxfunction() { var xmlhttp; try { requete=new XMLHttpRequest(); // Firefox, Opera, Safari catch (e) { try { requete=new ActiveXObject("Msxml2.XMLHTTP"); // IE catch (e) { try { requete=new ActiveXObject("Microsoft.XMLHTTP"); catch (e) { alert("votre navigateur ne supporte pas AJAX!"); </script> return false; <form name="mf"> Name: <input type="text" name="username" /> Time: <input type="text" name="time" /> </form> </body> </html> Ajax 11 Requête HTTP Les requêtes se font grâce à des l'objet de requête dans un script JavaScript et les méthodes open() et send(): open() a 3 paramètres: Méthode HTTP (GET, POST,...) URL de la page demandée (ex. Page PHP) Flag de synchronisme (true/false). send() a un paramètre: données envoyées au serveur si la méthode POST ou null si la méthode set GET.. httprequest.open('post', ' true); httprequest.setrequestheader('content-type', 'application/x-www-form-urlencoded'); httprequest.send("prenom=abdel&nom=obaid&tel= " ); Ajax

7 Réponses asynchrones En asynchrone, on n'attend pas la réponse. On doit écrire un code pour attendre. Fonction Callback qui attend l'arrivée d'un événement "Changement dans l'état de la réponse" État de la réponse désigné par la propriété readystate qui prend une valeur ente 0 et 4. Une valeur de 4, signifie que la réponse du serveur a été reçue entièrement et qu elle est prête pour le traitement. L'événement est capturé par la propriété onreadystatechange de l'objet requete On lui spécifie la fonction Callbak requete = new XMLHttpRequest(); requete.overridemimetype('text/xml'); requete t.onreadystatechange = fonctiondetraitement; if (requete.readystate == 4) { // Réponse reçue else { // pas encore prête Ajax 13 Traitement de la réponse L état de la réponse est désigné par une valeur de 0 à 4. 4: réponse du serveur reçue entièrement et prête pour le traitement. 0 : requête non initialisée 1 : en cours de chargement 2 : données chargées 3 : données en cours d'interaction if (requete.readystate == 4) { // Réponse reçue else { // pas encore prête Ajax

8 Réponse du serveur Les propriétés responsetext et responsexml de XMLHttpRequest contiennent la réponse du serveur. responsetext. Contient la réponse en tant que chaine de caractères. On peut la mettre sous forme texte HTML responsexml : contient la réponse sous forme de document XML. On peut la manipuler avec les API DOM appropriées. Ajax 15 Propriétés de XMLHttpRequest Onreadystatechange: appelée pour traiter la réponse du serveur readystate: Contient l état de la réponse du serveur. A chaque fois que cette propriété change, la fonction onreadystatechange sera exécutée. responsetext: stocke les données reçues en format texte responsexml: Stocke les données reçues en tant qu'objet XML getallresponseheaders() : retourne les valeurs des entêtes HTTP getresponseheader(header) : retourne la valeur d'un lentête HTTP. setrequestheader(entete,valeur) : assigne une valeur à un entête. send(données) : envoie un requête au serveur dont l'url est spécifiée dans open(): Ajax

9 Exemple Affichage de readystate function etat() { var requete; var vcontenu = document.getelementbyid("contenu"); requete = new XMLHttpRequest(); requete.open("head", " true); requete.onreadystatechange= function() { vcontenu.innerhtml += "Etat: " + requete.readystate + "<br/>"; requete.send(null); ajax_etat.hml Ajax 17 Exemple Lecture de données texte function Requete (URL) { var requetehttp= false; if (window.xmlhttprequest) { requetehttp = new XMLHttpRequest(); if (requetehttp.overridemimetype) { requetehttp.overridemimetype('text/xml'); else if (window.activexobject) { try { requetehttp = new ActiveXObject("Msxml2.XMLHTTP"); catch (e) { try { requetehttp = new ActiveXObject("Microsoft.XMLHTTP"); catch (e) { if (!requetehttp) { alert('abandon : Impossible de créer une instance XMLHTTP'); return false; requetehttp.onreadystatechange = changercontenu(requetehttp); requetehttp.open('get',url, true); requetehttp.send(null); Ajax

10 Exemple Lecture de données texte <script type="text/javascript"> function lire() var requete; try{ requete = new XMLHttpRequest(); catch (e){ try{ requete = new ActiveXObject("Msxml2.XMLHTTP"); catch (e) { try{ requete = new ActiveXObject("Microsoft.XMLHTTP"); catch (e){ alert("votre navigateur ne supporte pas Ajax!"); return false; Ajax 19 Exemple Lecture de données texte requete.onreadystatechange = function(){ if(requete.readystate == 4){ document.getelementbyid("texte").innerhtml=requete.responsetext; requete.open("get", "texte1.txt", true); requete.send(null); </script> </head> <body> <button onclick="lire()"> Lire le fichier texte </button> <div id="texte"> </div> </body> </html> ~obaid/php/jax1.html Ajax

11 Traitement des requêtes On peut traiter les requêtas en utilisant plusieurs technologies : Servlets et JSP Langages de programmation classique (C, C++) Langages dédiés: PHP, Ruby,... Ajax 21 Exemple avec POST <script type="text/javascript"> function obtenirobjectrequete() { if (window.activexobject) { return(new ActiveXObject("Microsoft.XMLHTTP")); else if (window.xmlhttprequest) { return(new XMLHttpRequest()); else {return(null); function envoyerrequete(param) { requete = obtenirobjectrequete(); requete.onreadystatechange = traiterreponse; requete.open("post", "chercher2.php", true); requete.setrequestheader("content-type","application/x-www-form-urlencoded"); requete.send("nomprof="+param); function traiterreponse() { if ((requete.readystate== 4) && (requete.status==200)) { document.getelementbyid("contenu").innerhtml= requete.responsetext; </script> ~obaid/php/ajax4_2.html Ajax

12 Exemple avec POST <?php $profs = array ( "Obaid"=>array( "PK-4740", "3206","Teleinformatique" ), "Tremblay"=>array ("PK-4435","8213","Genie logiciel"), "Laforest"=>array("PK-4725","7790","Combinatoire"); ); $leprof=$_post["nomprof"]; // nomprof dans le formulaire if (isset($profs[$leprof][0]) ){ echo "Nom du professeur: ". $leprof."<br />"; echo "Bureau: ". $profs[$leprof][0]."<br />"; echo "Téléphone: ". $profs[$leprof][1]."<br />"; echo "Domaine: ". $profs[$leprof][2]."<br />"; else { echo "Ce prof n'existe pas!";?> ~obaid/php/chercher2.php Ajax 23 Envoi de la réponse en XML Le serveur peut lire les données d'un fichier XML. Le serveur peut lire des données d'un fichier et en extraire certains selon les critères de l'usager. Le serveur peut produire du code XML dynamiquement. Ajax

13 Exemple- Données XML <profs> <prof> <prof> </prof> </profs> <nom>obaid</nom> <bureau>pk-4740</bureau> <poste>3206</poste> <specialites> <specialite> Teleinformatique</specialite> <specialite> Reseaux sans fil</specialite> </specialites> </prof> <nom>laforest</nom> <bureau>pk-4740</bureau> <poste>3206</poste> <specialites> <specialite>algorithmique</specialite> <specialite>combinatoire</specialite> </specialites> profs.xml Ajax 25 Réponses en XML On récupère les résultat XML grâce à l'objet responsexml. On identifie les éléments DOM recherchés: lesprofs=reponse.getelementsbytagname("prof"); On parcourt l'arbre à partir de ces éléments: for (i=0;i<lesprofs.length;i++) { textehtml=textehtml+ "<srtong>"+ lesprofs[i].childnodes[0].nodevalue+"</strong> : " + lesprofs[i].childnodes[1].nodevalue+"<br />" On place le résultat dans la page HTML: document.getelementbyid("contenu").innerhtml=textehtml Ajax

14 Reponses XML <html> <head> <style type="text/css"> #Contenu { color: red; font-size: x-large; </style> <script type="text/javascript"> function obtenirobjectrequetexml() { if (window.activexobject) { return(new ActiveXObject("Microsoft.XMLHTTP") ); else if (window.xmlhttprequest) { return(new XMLHttpRequest()); else { return(null); function envoyerrequetexml(param) { requete = obtenirobjectrequetexml(); requete.onreadystatechange = traiterreponsexml; requete.open("get", "profs.xml", true); requete.send(null); ~obaid/php/ajax_xml.html Ajax 27 Reponses XML function envoyerrequetexml(param) { requete = obtenirobjectrequetexml(); requete.onreadystatechange = traiterreponsexml; requete.open("get", "profs.xml", true); requete.send(null); function traiterreponsexml() { if ((requete.readystate == 4) && (requete.status == 200)) { reponseenxml=requete.responsexml; var sortiexml=""; listeelements=reponseenxml.getelementsbytagname("nom"); for (i=0;i<listeelements.length;i++) { sortiexml=sortiexml + listeelements[i].childnodes[0].nodevalue + "<br />"; document.getelementbyid("contenu").innerhtml=sortiexml; </script> </head> Ajax

15 Produire des données XML Le serveur produit du contenu XML Le client extrait les données qui l'intéressent <?php header("content-type: text/xml"); echo "<?xml version='1.0'?>\n"; $fleurs=array("anemones", "BoutonsdOr", "Chevrefeuille", "Coquelicots", "Crocus", "Jacinthes", "Jonquilles", "Marguerite", "Mimosa", "Narcisse", "Orchidees", "Primeveres", "Tulip es", "Violettes", "Zinnia"); echo "<fleurs>\n"; foreach ($fleurs as $f) { echo "<fleur>"; echo $f; echo "</fleur>\n"; echo "</fleurs>";?> ~obaid/php/fleurs.php Ajax 29 Recevoir des données XML <!-- Fichier: fleurs.html --> <html> <head> <style type="text/css"> img { width: 100px; </style> <script type="text/javascript"> var cimages=new Array(); cimages["primeveres"]="primevere.jpg"; cimages["jonquilles"]="jonquille.jpg"; cimages["narcisse"]="narcisse.jpg"; cimages["tulipes"]="tulipe.jpg"; cimages["jacinthes"]="jacinthe.jpg"; cimages["crocus"]="crocus.jpg"; var lesfleurs; function cherche() { var requete = new XMLHttpRequest(); requete.onreadystatechange = function(){ if(requete.readystate==4 && requete.status==200) { xmldoc = requete.responsexml; lesfleurs = xmldoc.getelementsbytagname("fleur"); fleurs.html rangerfleurs(); Ajax

16 Recevoir des données XML requete.open("get", "fleurs.php", true); requete.send(null); function rangerfleurs(){ var listefleurs ; listefleurs="<table>" ; var n, i=1; for (n = 0; n < lesfleurs.length; n++ ) { var unefleur = lesfleurs[n].firstchild.nodevalue; var photo="photos/"+cimages[unefleur]; listefleurs += "<td>" + unefleur + "<td>"+ "<img src=\'"+photo+"\'>"; if (i%4==0) listefleurs+= "<tr>"; i++; listefleurs = listefleurs + "</table>" ; document.getelementbyid("conteneur").innerhtml=listefleurs; </script> </head> fleurs.html Ajax 31 Invocation par saisie partielle On peut activer la recherche dans un document XML en utilisant une partie d'un nom Comme Google suggest On utilise l'événement on keyup Des qu'on entre un caractère on récupère le contenu courant d'un champ <form name='formulaire1'> Nom: <input type='text' onkeyup="chercher(this.value);" name='nom' /> </form> Ajax

17 Récupération de données Pour retrouver les éléments sur la base d'un contenu partiel dans le serveur (PHP) on utilise la méthode substr() Pour retrouve un donne partielle fournie par le client dans une valeurs. if(substr($valeur,0, strlen($donnee))==$donnee) { Ajax 33 Exemple Le client émet une donnée partielle (de noms de fleurs) et attend les résultats de manière asynchrone. Le serveur émet les noms de fleurs qui commencent par cette donnée partielle Le client affiche ces fleurs et les images qui leur sont associées. fleurs1.html fleurs1.php Ajax

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2 LIRMM Université Montpellier 2 May 13, 2009 Quelques clés de compréhension Asynchronous JavaScript And XML (adossé à JavaScript comme à XML) 2005, J.Garret, popularité accrue au travers de quelques applications

Plus en détail

Introduction Implantation Format des données Restriction. Programmation WEB. Ajax. Programmation licence. IUT de Fontainebleau.

Introduction Implantation Format des données Restriction. Programmation WEB. Ajax. Programmation licence. IUT de Fontainebleau. Ajax IUT de Fontainebleau 1 er mars 2015 Sommaire Introduction 1 Introduction 2 3 4 Sommaire Introduction 1 Introduction 2 3 4 Introduction AJAX se base sur l objet JavaScript XMLHttpRequest qui permet

Plus en détail

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion... Table des matières Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...7 Bibliographie : http://fr.wikipedia.org/wiki/asynchronous_javascript_and_xml

Plus en détail

Introduction à Ajax. CNAM le 2013 O. Pons S. Rosmorduc

Introduction à Ajax. CNAM le 2013 O. Pons S. Rosmorduc 2013 Introduction à Ajax CNAM le 2013 O. Pons S. Rosmorduc 1 / 18 Principe général de fonctionnement Faire des requettes http sans avoir recharger une page entiere. Communication de javascript avec les

Plus en détail

PHP. Olivier Aubert 1/24

PHP. Olivier Aubert 1/24 PHP Olivier Aubert 1/24 Introduction PHP = Hypertext PreProcessor Site officiel : http://www.php.net Créé en 1994 par Rasmus Lerdorf (Personal Home Page Tool) 1995 : ajout de la gestion des formulaires

Plus en détail

Programmation Web Avancée AJAX

Programmation Web Avancée AJAX 1/28 Programmation Web Avancée AJAX Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017

Plus en détail

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE III Les événements Programmation objet et événementielle en JavaScript - SRC

Plus en détail

Cours Web - Javascript

Cours Web - Javascript Cours Web - Javascript Thierry Vaira BTS IRIS Avignon tvaira@free.fr v0.1 Objectifs Se familiariser avec le langage Javascript et acquérir une pratique minimale. Être capable d intégrer des scripts clients

Plus en détail

Java script. DU CMSI : Création et Maintenance des Sites Internet. Wadi TAHRI

Java script. DU CMSI : Création et Maintenance des Sites Internet. Wadi TAHRI Java script DU CMSI : Création et Maintenance des Sites Internet Plan Évolution vers le web dynamique Définition du langage JavaScript Avantages Difficultés Codage Exercices Évolution -1- Avant pages Internet

Plus en détail

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS CODE COMPLET ET COMMENTÉ DE L INTERFACE TABLE DES MATIÈRES 1.

Plus en détail

Développement Partie Cliente

Développement Partie Cliente ISI 1022 : Jean-Noël Sorenti. Année 2002/2003 Développement Partie Cliente ISI 1022 : 1 ISI 1022 : Développement Partie Cliente Le développement partie cliente concerne tout développement étant interprété

Plus en détail

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s):

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s): Formation JavaScript : Perfectionnement Objectif(s): Comprendre l'approche AJAX Comprendre l'objet XMLHttpRequest Durée : 2 jour(s) Pré-requis : Bonnes connaissances en (X)HTML, CSS et JavaScript Public

Plus en détail

Les Framework Java DWR. Claude Duvallet 1/13. Université du Havre UFR Sciences et Techniques 25 rue Philippe Lebon - BP 540 76058 LE HAVRE CEDEX

Les Framework Java DWR. Claude Duvallet 1/13. Université du Havre UFR Sciences et Techniques 25 rue Philippe Lebon - BP 540 76058 LE HAVRE CEDEX Les Java DWR Claude Duvallet Université du Havre UFR Sciences et Techniques 25 rue Philippe Lebon - BP 540 76058 LE HAVRE CEDEX Claude.Duvallet@gmail.com http://litis.univ-lehavre.fr/ duvallet/ Claude

Plus en détail

DOM - Document Object Model

DOM - Document Object Model DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et

Plus en détail

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques Contenu Statique Le client envoie une requête avec un nom de fichier Le serveur répond en lui retournant

Plus en détail

Javascript 2 PARTIE : EVENEMENTS ET OBJETS

Javascript 2 PARTIE : EVENEMENTS ET OBJETS Javascript 2 PARTIE : EVENEMENTS ET OBJETS 1. Programmation événementielle 2. Principe 3. Les événements 4. Gestionnaire d événement 5. Classe et Objet 6. Objets d une page Web 7. Objets divers 8. Exemple

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

Dom, XML, Lecture de fichiers

Dom, XML, Lecture de fichiers Projet de développement web : Développement côté client Chapitre 4 Dom, XML, Lecture de fichiers Page 1 / 11 Table des matières Table des matières Introduction DOM : Document Object Model Structure habituelle

Plus en détail

Bibliothèques graphiques

Bibliothèques graphiques Bibliothèques graphiques Cilia Mauro Octobre 2012 ANF DevWeb ASR Bibliothèques graphiques Plan Introduction Choix d une bibliothèque Dygraphs RGraph Highcharts Introduction Modèles colorimétriques 1 pixel

Plus en détail

JQuery. Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36

JQuery. Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36 JQuery 1/36 JQuery Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36 JQuery Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 3/36 Définition

Plus en détail

Introduction à la Simulation

Introduction à la Simulation ou comment créer votre premier jeu vidéo Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Aspect visuel souhaité Aspect visuel souhaité Code source de la page HTML Feuille

Plus en détail

Échange et mise à jourde documents XML via le Web p.1/46

Échange et mise à jourde documents XML via le Web p.1/46 Échange et mise à jour de documents XML via le Web Échange et mise à jourde documents XML via le Web p.1/46 CGI : Common Gateway Interface Principe : on déclenche une action (un programme) sur la machine

Plus en détail

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014 1 Le langage JavaScript TD N 3 Module IntegWEB MMI 1 2013/2014 Jeu les tables de multiplication 2 Code HTML 3 apprendre les tables de multiplication

Plus en détail

XML - Semaine 6. XML - Semaine 6. Pierre Nerzic. février-mars 2016. 1 / 42 Pierre Nerzic

XML - Semaine 6. XML - Semaine 6. Pierre Nerzic. février-mars 2016. 1 / 42 Pierre Nerzic XML - Semaine 6 Pierre Nerzic février-mars 2016 1 / 42 Pierre Nerzic Le cours de cette semaine présente l API XML DOM permettant de produire et traiter un document XML : Principes, Création et modification

Plus en détail

Eclipse et quelques notions de Jquerry

Eclipse et quelques notions de Jquerry Eclipse et quelques notions de Jquerry Tout d abord, une petite présentation s impose. Eclipse est un outil de développement qui permet d éditer du code et de visualiser le résultat grâce à des émulateurs

Plus en détail

Séance d Exercices Dirigés HTML et JavaScript

Séance d Exercices Dirigés HTML et JavaScript Séance d Exercices Dirigés HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: 2) Par la suite on veut un document composé de deux frames, l'une nommée

Plus en détail

Présentation. Les surnoms de JS. Historique. Programmation Web

Présentation. Les surnoms de JS. Historique. Programmation Web Présentation Programmation Web JavaScript Jean-Christophe Deneuville jean-christophe.deneuville@xlim.fr Historique JavaScript est un langage reprenant quelques éléments de syntaxe de Java On l intègre

Plus en détail

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP Formulaires HTML et PHP, interactions avec le client IUT de Fontainebleau 6 avril 2015 1 Formlaire et traitement 2 Texte Cases à cocher Listes Upload de fichiers Sommaire Formlaire et traitement 1 Formlaire

Plus en détail

Caractéristiques principales

Caractéristiques principales JAVASCRIPT HarmWeb Introduction Le Javascript est un langage "de script" "orienté objet" : Initialement élaboré par Netscape en association avec Sun Microsystem. Standardisé par un comité spécialisé, l'ecma

Plus en détail

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration statiques LIF4 - Initiation aux Bases de données : E.Coquery emmanuel.coquery@liris.cnrs.fr http ://liris.cnrs.fr/ ecoquery Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis

Plus en détail

Le client/serveur dans le cas du Web

Le client/serveur dans le cas du Web Le client/serveur dans le cas du Web Olivier Flauzac & Cyril Rabat olivier.flauzac@univ-reims.fr cyril.rabat@univ-reims.fr Licence 3 Info - Info0503 - Introduction à la programmation client/serveur 2015-2016

Plus en détail

Formulaire de contact avec Xtreme Web Designer

Formulaire de contact avec Xtreme Web Designer Formulaire de contact avec Xtreme Web Designer Pour faire un formulaire avec Xtreme Web Designer, j'utilise 5 pages, vous n'êtes pas obligé, en effet 2 pages peuvent suffir mais c'est moins jolie. Donc

Plus en détail

Eléments du langage. Eléments du langage PHP. Variables. Variables

Eléments du langage. Eléments du langage PHP. Variables. Variables Eléments du langage Eléments du langage PHP Séparation des instructions Comme en C, C++, Perl, les instructions doivent être séparées par un point virgule. Les commentaires // Ceci est un commentaire sur

Plus en détail

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA AJAX Sommaire Introduction Applications Web Applications AJAX Avantages / Inconvénients Exemple Introduction AJAX, ou Asynchronous JavaScript And XML («XML et Javascript asynchrones»), est un acronyme

Plus en détail

Plusieurs façons de communiquer AJAX? Communication, manière facile. AJAX en jquery

Plusieurs façons de communiquer AJAX? Communication, manière facile. AJAX en jquery Programmation web AJAX Jean-Christophe Dubacq IUT de Villetaneuse S3 2013 AJAX A Jean-Christophe Dubacq (IUTV) Programmation web S3 2013 1 / 33 Le modèle classique Jean-Christophe Dubacq (IUTV) Programmation

Plus en détail

I Installation de EasyPHP 1.8

I Installation de EasyPHP 1.8 Administration de réseau Le protocole SNMP I Installation de EasyPHP 1.8 Cédric Humbert Page 1/8 L endroit où l on déposera nos dossiers contenant les fichiers html sera : C:\Program Files\EasyPHP1-8\www

Plus en détail

ITII Programmation Web FMC Page 1

ITII Programmation Web FMC Page 1 Programmation Web FMC Page 1 Définition d'ajax AJAX signifie Asynchronous JavaScript and XML : c'est un ensemble de technologies (CSS, JavaScript, XML...) utilisées ensemble afin de permettre des communications

Plus en détail

AJAX. Cours Nouvelles Technologies du web

AJAX. Cours Nouvelles Technologies du web AJAX Cours Nouvelles Technologies du web Application traditionnelle Application WEB traditionnelle : Le client envoie une requête HTTP Le serveur renvoie une page Requête 1 Réponse 1 Html Génération du

Plus en détail

PHP et XML. Traitements de XML

PHP et XML. Traitements de XML PHP et XML XML et PHP 1 Traitements de XML Deux approches pour manipuler des documents XML: Approche DOM: Utilise un analyseur (Parser) qui transforme le document XML en structure d'arbre. Il faut parcourir

Plus en détail

Exercices d application. Lab. JavaScript

Exercices d application. Lab. JavaScript Exercices d application Lab JavaScript l'instruction write() Directives :calcul du carré d un nombre Implémenter le JavaScript présenté en cours fonction de calcul du carré d un nombre dans un fichier

Plus en détail

Programmation Internet. Cours 7. kn@lri.fr http://www.lri.fr/~kn

Programmation Internet. Cours 7. kn@lri.fr http://www.lri.fr/~kn Programmation Internet Cours 7 kn@lri.fr http://www.lri.fr/~kn Plan 1 Systèmes d'exploitation (1/2) 2 Systèmes d'exploitation (2/2) 3 Réseaux, TCP/IP 4 Web et HTML 5 CSS 6 PHP : Introduction 7 PHP : expressions

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Arbres Expressions Mathématiques Structure arborescente de l expression

Plus en détail

Programmation MySQL/PHP. Programmation MySQL/PHP p.1/19

Programmation MySQL/PHP. Programmation MySQL/PHP p.1/19 Programmation MySQL/PHP Programmation MySQL/PHP p.1/19 CGI et bases de données Principe : création de documents à partir d une BD MySQL se charge du stockage, de la protection des données, de l interface

Plus en détail

Systèmes d'informations

Systèmes d'informations Systèmes d'informations C'est un ensemble d'outils pour stocker / gérer / diffuser des informations / des données Le stockage : Bases de données + SGDBR La gestion : Saisie, Mise à jour, Contrôle La diffusion

Plus en détail

http://deptinfo.unice.fr/~renevier/progwebserveur Intervenants : Elena Cabrio, Guillaume Perez, Philippe Renevier Gonin

http://deptinfo.unice.fr/~renevier/progwebserveur Intervenants : Elena Cabrio, Guillaume Perez, Philippe Renevier Gonin http://deptinfo.unice.fr/~renevier/progwebserveur Intervenants : Elena Cabrio, Guillaume Perez, Philippe Renevier Gonin Philippe.Renevier@unice.fr Introduction à la programmation côté serveur avec php

Plus en détail

https://angularjs.org/ Gilles Landais -AngularJS 1

https://angularjs.org/ Gilles Landais -AngularJS 1 https://angularjs.org/ 1 Présentation Le Framework AngularJS https://angularjs.org/ Framework javascript depuis 2009 Aujourd'hui (wikipedia) le framework est utilisé dans >8,400/1,000,000 sites web Open-source

Plus en détail

Introduction. Crédit photo: http://ptitecocci.deviantart.com

Introduction. Crédit photo: http://ptitecocci.deviantart.com Introduction AJAX: Asynchronous Javascript and XML Similarités entre les WebServices et les requêtes XmlHttpRequest. (REST Services) Une requête est passée, elle contient une fonction et des paramètres.

Plus en détail

Introduction. Javascript. L événement onsubmit. Javascript et les formulaires. IFT1147 Programmation Serveur Web avec PHP

Introduction. Javascript. L événement onsubmit. Javascript et les formulaires. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Au delà du HTML création dynamique de Javascript, d images et de fichiers PDF Introduction PHP ne permet pas seulement de générer du code HTML. On peut, entre

Plus en détail

Tutoriel sur les bases de HTML et de PHP

Tutoriel sur les bases de HTML et de PHP Tutoriel sur les bases de HTML et de PHP Cours : Inf7214 Développement de logiciel Date : Hiver 2009 Ce tutoriel vous donne un aperçu du développement d application WEB avec les langages HTML et PHP. Vous

Plus en détail

Applications Web. Web 2.0, web services, 18/01/2016. Plan du cours. Introduction Application Web Web/Web 2.0/Web 3.0 HTML 5 Web Services Ajax

Applications Web. Web 2.0, web services, 18/01/2016. Plan du cours. Introduction Application Web Web/Web 2.0/Web 3.0 HTML 5 Web Services Ajax Applications Web Web 2.0, web services, Hubert Segond Orange Labs Année 2015-16 Plan du cours Introduction Application Web Web/Web 2.0/Web 3.0 HTML 5 Web Services Ajax Syndication de contenu & outils de

Plus en détail

TP JAVASCRIPT OMI4 jquery et ses Plungins

TP JAVASCRIPT OMI4 jquery et ses Plungins TP JAVASCRIPT OMI4 jquery et ses Plungins Objectifs de ce TP : découvrir quelques exemples d utilisation de la bibliothèque jquery et également quelques plugins. Exercice 1 : gestion d un bouton rollover

Plus en détail

Accès au SGBD MySQL avec PHP

Accès au SGBD MySQL avec PHP Accès au SGBD MySQL avec PHP Introduction Un des très grand avantage de PHP, est sans aucun doute l'accès facile à différentes bases de données telles que Oracle, Sybase, PostgreSQL ou MySQL que nous allons

Plus en détail

Les formulaires, le langage JavaScript

Les formulaires, le langage JavaScript Les formulaires, le langage JavaScript Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/ 1 / 45 Plan 1 Les formulaires en HTML 2 Le noyau du JavaScript Les

Plus en détail

Environnement Client/Serveur. Cours 7 JavaServer Pages (1) kn@lri.fr

Environnement Client/Serveur. Cours 7 JavaServer Pages (1) kn@lri.fr Environnement Client/Serveur Cours 7 JavaServer Pages (1) kn@lri.fr Plan 1 Rappels sur les systèmes d'exploitations / Communication par mémoire partagée 2 Réseaux généralités, IP, UDP 3 TCP, Rappels sur

Plus en détail

Tp1 Ema EMACS Développement Web

Tp1 Ema EMACS Développement Web Tp1 Ema EMACS Développement Web 1/ Description de l application : Notre première application Web a pour objectif de gérer une liste de todo (truc à faire) : Diagramme de classe simplifié : Application

Plus en détail

NFA016 : Les formulaires. Les formulaires. Les formulaires (exemple)

NFA016 : Les formulaires. Les formulaires. Les formulaires (exemple) O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Les balises: NFA016 : Les formulaires Les formulaires form : début de formulaire input : différents types de bouton et zone de saisie textarea

Plus en détail

Javascript : les bases du langage

Javascript : les bases du langage Javascript : les bases du langage Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 Université Lille 1 - Licence 1 SESI Technologies du Web 1 1 Javascript présentation partielle,

Plus en détail

AJAX Licence 3 ère Année

AJAX Licence 3 ère Année BDWeb : AJAX Licence 3 ère Année Fabrice Lefèvre 2010 Asynchronous Javascript + XML nom donné à un ensemble de techniques préexistantes dépend essentiellement de XMLHttpRquest, un objet coté client utilisable

Plus en détail

Langages et technologies du Web 1

Langages et technologies du Web 1 Langages et technologies du Web 1 Manuel ATENCIA manuel.atencia-arcas@upmf-grenoble.fr Objectifs Comprendre le fonctionnement du World Wide Web Produire des documents web statiques et dynamiques 1 2 vocabulaire

Plus en détail

COMPTE RENDU M. Mouad EL MERCHICHI CRJJ GB. Ceci est un résumé du travail effectué dans les TP concernant les scriptlets et le modèle MVC.

COMPTE RENDU M. Mouad EL MERCHICHI CRJJ GB. Ceci est un résumé du travail effectué dans les TP concernant les scriptlets et le modèle MVC. COMPTE RENDU M. Mouad EL MERCHICHI CRJJ GB Ceci est un résumé du travail effectué dans les TP concernant les scriptlets et le modèle MVC. Page 0 Sommaire Introduction... 2 TP I : Scriptlets et Actions...

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

framework MVC pour applications Web Servlets JSP Philippe GENOUD UJF Février 2010 1

framework MVC pour applications Web Servlets JSP Philippe GENOUD UJF Février 2010 1 framework MVC pour applications Web Servlets JSP Philippe GENOUD UJF Février 2010 1 Rappel Architecture MVC Serveur Internet (Serveur HTTP + Serveur Servlet/JSP) Serveur SGBD Requête HTTP Controleur Controleur

Plus en détail

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Gestion des fichiers Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Dans le chapitre précédent, vous avez appris à stocker des données dans une

Plus en détail

Conception de sites web : examen final

Conception de sites web : examen final Conception de sites web : examen final Jean-Baptiste.Vioix@u-bourgogne.fr 17 février 2006 Nom : Prénom : 1 Questions de cours (4 pts) Pour les questions de cours, rayez la ou les réponses fausses. 1.1

Plus en détail

Programmation Internet

Programmation Internet Programmation Internet Protocole HTTP DHTML Javascript Ivan Madjarov, MCF, IUT R&T, 2002 2011 Programmation Internet Partie I Protocole HTTP Ivan Madjarov, MCF, IUT R&T, 2002 2011 Le Protocole HTTP HTTP

Plus en détail

HTTP et le Web. 2010 Pearson France Perl moderne Sébastien Aperghis-Tramoni, Damien Krotkine, Jérôme Quelin

HTTP et le Web. 2010 Pearson France Perl moderne Sébastien Aperghis-Tramoni, Damien Krotkine, Jérôme Quelin 21 HTTP, le protocole de transfert à la base du Web est devenu omniprésent. Parce qu il est le seul protocole dont il est quasi certain qu il passera à travers les proxies et les firewalls, celui-ci est

Plus en détail

Black Bear CMS www.bbcms.fr mars 2012 Copyright 2012 Olivier Blais. Guide de développement

Black Bear CMS www.bbcms.fr mars 2012 Copyright 2012 Olivier Blais. Guide de développement Black Bear CMS www.bbcms.fr mars 2012 Copyright 2012 Olivier Blais Guide de développement Sommaire Variables templates... 3 Script code... 5 Classes... 6 Fonctions... 7 Variables d applications... 9 Validator

Plus en détail

L1 Option Programmation Web côté Serveur - Contrôle continu n 1

L1 Option Programmation Web côté Serveur - Contrôle continu n 1 L Option Programmation Web côté Serveur - Contrôle continu n Veuillez noircir les cases correspondantes à votre numéro d étudiant ( case/colonne). Si votre N est, il faut noircir le dans la ère colonne,

Plus en détail

Conception de sites Web TP n o 5

Conception de sites Web TP n o 5 Conception de sites Web TP n o 5 Objectif : Dans ce TP, vous mettrez en œuvre le langage PHP afin de gérer, entre autres, un compteur de visites, le formulaire que vous avez intégré à votre blog ainsi

Plus en détail

Pour écrire des scripts Javascript, vous devez utiliser votre éditeur HTML en mode Source ou HTML et non en mode Normal.

Pour écrire des scripts Javascript, vous devez utiliser votre éditeur HTML en mode Source ou HTML et non en mode Normal. Premier script à faire soi même Il faut bien débuter un jour, alors allons y! Avec un script simplissime : alert("c'est mon 1er script"); Ce qui a pour effet d afficher un message d alerte : Votre éditeur

Plus en détail

Introduction à XML. 1. Notions de base. Introduction à XML

Introduction à XML. 1. Notions de base. Introduction à XML Introduction à XML INTRODUCTION À XML 1. NOTIONS DE BASE 2. EXEMPLE SIMPLE 3. SYNTAXE XML 3.1. LES CARACTÈRES SPÉCIAUX 4. DTD 5. DOCUMENT XML AVEC FEUILLE DE STYLE CSS 6. XLS ET XSLT 6.1. EXEMPLE DE DOCUMENT

Plus en détail

Réussir l intégration de CinetPay

Réussir l intégration de CinetPay Page 1 sur 15 Réussir l intégration de CinetPay Version 1.5.2 Page 2 sur 15 SUIVI, HISTORIQUE Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa Nom Date/Visa Nom Date/Visa

Plus en détail

Chapitre 06. Internet

Chapitre 06. Internet Chapitre 6: Internet 99 Chapitre 06 Internet Chapitre 6: Internet 100 Accès à l internet - Il faut ajouter dans le fichier «AndroidManifest.xml» les autorisations nécessaires pour permettre l accès à l

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

LIF4 - Programmation Web - cours PHP 2

LIF4 - Programmation Web - cours PHP 2 LIF4 - Programmation Web - cours PHP 2 Fabien Duchateau fabien.duchateau [at] univ-lyon1.fr Université Claude Bernard Lyon 1 2015-2016 http://liris.cnrs.fr/fabien.duchateau/ens/lif4/ 1/65 Rappel du cours

Plus en détail

Programmation du Web : Présentation du Web dynamique

Programmation du Web : Présentation du Web dynamique Programmation du Web : Présentation du Web dynamique Jean-Baptiste Vioix (Jean-Baptiste.Vioix@u-bourgogne.fr) IUT de Dijon-Auxerre - LE2I http://jb.vioix.free.fr 1-8 Présentation Nécessité du web dynamique

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Moteurs de recherche et formulaires HTML Jean-Michel FOLLIN jmfollin@univ-lr.fr

Plus en détail

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document Examen d'informatique module INF112 1ère session 2003-2004 sans calculatrice, sans document Le barème est indicatif Sauf indiqué contraire, dans les questions à choix multiples, il peut (ou non) y avoir

Plus en détail

Une rapide introduction à HTML / CGI

Une rapide introduction à HTML / CGI Une rapide introduction à HTML / CGI Patrick Fuchs Université Paris 7 Equipe de Bioinformatique Génomique et Moléculaire PLAN 1. Généralités 2. Les Bases d HTML 3. Outils HTML avancés 4. HTML dynamique

Plus en détail

ISBN : 2-212-11407-9

ISBN : 2-212-11407-9 Groupe Eyrolles, 2005, ISBN : 2-212-11407-9 Table des matières Avant-propos................................................ XV CHAPITRE 1 Introduction..................................................

Plus en détail

Le protocole HTTP. Sources. Caractéristiques de HTTP. Objectifs. Une transaction typique (2) Une transaction typique (1)

Le protocole HTTP. Sources. Caractéristiques de HTTP. Objectifs. Une transaction typique (2) Une transaction typique (1) Sources Le protocole Supports de cours de Olivier Glück (Lyon 1) Livres cités en bibliographie Le web Sylvain Brandel Sylvain.brandel@liris.univ-lyon1.fr http://bat710.univ-lyon1.fr/~sbrandel M1 Informatique

Plus en détail

Hack.lu PIGS [500pts]

Hack.lu PIGS [500pts] Hack.lu PIGS [500pts] Pirates International Gold Shipping Write-up par sh4ka - 30/10/2010 Contact: andre DOT moulu AT sh4ka DOT fr Ce document décrit la méthode que j ai utilisé pour résoudre l épreuve

Plus en détail

«Anatomie» d une application web Servlets - JDBC

«Anatomie» d une application web Servlets - JDBC «Anatomie» d une application web Servlets - JDBC Patrick REIGNIER - Philippe GENOUDUJF Février 2005 1 L application histogramme de notes HistoServlet HistoServlet HistogramModel HistogramModel (objet (objet

Plus en détail

Formation web. Antoine Souques. 25 février 2010 ECP

Formation web. Antoine Souques. 25 février 2010 ECP Formation web ECP 25 février 2010 Pré-requis Présentation Formation HTML/CSS Formation PHP (pour l'ajax) Ce qu'on sait faire Faire des pages web (HTML/CSS) Avoir des pages évolutives (PHP) stocker et consulter

Plus en détail

SOCIETE MONETIQUE TUNISIE SPS. «Serveur de Paiement Sécurisé» *****************************************

SOCIETE MONETIQUE TUNISIE SPS. «Serveur de Paiement Sécurisé» ***************************************** SOCIETE MONETIQUE TUNISIE «Serveur de Paiement Sécurisé» ***************************************** Spécifications Techniques d Usagers du Commerce Electronique. FONCTIONNEMENT Le Système de Paiement Sécurisé

Plus en détail

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite 1 INSCRIPTION À UN SITE On suppose que l'inscription à un site offre de nombreux avantages. Pour s'inscrire à ce site il faut saisir :

Plus en détail

II Les éléments de base du langage JavaScript

II Les éléments de base du langage JavaScript II Les éléments de base du langage JavaScript Comme dans tous les langages de programmation, il est important de pouvoir stocker des valeurs, d effectuer des opérations, des tests, des boucles Le Javascript

Plus en détail

Exercices et corrections. Licence QCI - module O21

Exercices et corrections. Licence QCI - module O21 Exercices et corrections Licence QCI - module O21 Exercice 1 Ecrivez le squelette d une page avec les caractéristiques suivantes - encodage : utf-8 - titre de la page : première page XHTML - auteur : vous

Plus en détail

Programmation Web Avancée JQuery

Programmation Web Avancée JQuery 1/27 Programmation Web Avancée JQuery Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017

Plus en détail

Un langage qui a la classe. Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Un langage qui a la classe. Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Un langage qui a la classe Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Suite de valeur indexé Soit par indice : $Tab[0] = "first one"; Soit par association (en utilisant une

Plus en détail

Table des matières. JavaScript. Exemple : Google. Ajax. client navigateur AJAX JSON DOM. 1ère partie. page non rechargée!

Table des matières. JavaScript. Exemple : Google. Ajax. client navigateur AJAX JSON DOM. 1ère partie. page non rechargée! JavaScript Table des matières MC - Programmation Web riche AJAX ème année - S, cours - /5-5 Marcel Bosc Département informatique IUT de Villetaneuse Université Paris- ère partie Exemple : Google page non

Plus en détail

Programmation Internet Partie II

Programmation Internet Partie II Programmation Internet Partie II JavaScript Le script côté client Ivan Madjarov, IUT R&T, 2002 2013 DHTML Le HTML dynamique Le DHTML n'est pas un standard! C est une appellation qui désigne un rassemblement

Plus en détail

Introduction Web. 1ère année, cours - 5/5. Marcel Bosc 2011-2012

Introduction Web. 1ère année, cours - 5/5. Marcel Bosc 2011-2012 Introduction Web 1ère année, cours - 5/5 Marcel Bosc 2011-2012 Département informatique IUT de Villetaneuse Université Paris-13 table des matières Types en PHP Classes et objets Organisation code PHP CMS

Plus en détail

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE I JavaScript: script côté client Programmation objet et événementielle en

Plus en détail

IFT1148 Introduction

IFT1148 Introduction IFT1148 Introduction Michael Blondin Direction de l enseignement de service en informatique Université de Montréal Hiver 2011 1 / 17 HTML Le HTML (ou XHTML) est un langage de balisage permettant de décrire

Plus en détail

Qu'est-ce qu'un Web Service?

Qu'est-ce qu'un Web Service? WEB SERVICES Qu'est-ce qu'un Web Service? Un Web Service est un composant implémenté dans n'importe quel langage, déployé sur n'importe quelle plate-forme et enveloppé dans une couche de standards dérivés

Plus en détail

«14_Synthese _PHP_MySQL_cours_4»

«14_Synthese _PHP_MySQL_cours_4» «14_Synthese _PHP_MySQL_cours_4» Maintenant que nous nous sommes connectés à la base de données et y avons mis des informations via un formulaire (cours 13), nous allons voir comment interroger nos tables

Plus en détail

CG 2009 1. On veut disposer d'un site dont le contenu soit géré. automatiquement : ajouter un élément (article de catalogue,

CG 2009 1. On veut disposer d'un site dont le contenu soit géré. automatiquement : ajouter un élément (article de catalogue, PHP & bases de données Problématique PLAN Solutions sans base de données Avantages / Inconvénients Serveur HTTP et serveur BdD Exemple de mysql Base de données mysql API PHP Exemples CG 2009 1 Problématique

Plus en détail