INSA - ASI TechnoWeb : AJAX 1/40. Technologie Web AJAX. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18,

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

Download "INSA - ASI TechnoWeb : AJAX 1/40. Technologie Web AJAX. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18,"

Transcription

1 INSA - ASI TechnoWeb : AJAX 1/40 Technologie Web AJAX Alexandre Pauchet INSA Rouen - Département ASI BO.B.RC.18, pauchet@insa-rouen.fr

2 INSA - ASI TechnoWeb : AJAX 2/40 Plan 1 Introduction 2 Fonctionnement 3 Conclusion

3 INSA - ASI TechnoWeb : AJAX 3/40 Introduction (1/5) Description AJAX : Asynchronous Javascript And XML Nom donné à un ensemble de techniques pré-existantes. Défaut principal des applications web classiques : À chaque requête, toute la page est rechargée à chaque fois lenteur excès de consommation de bande-passante blocage lors de l attente des réponses manque de réactivité

4 INSA - ASI TechnoWeb : AJAX 4/40 Introduction (2/5) Principes d AJAX Utiliser le DOM 1 pour sélectionner la partie de la page que l on souhaite modifier Utiliser le Javascript pour faire les requêtes, accéder et modifier le bon noeud du DOM Le serveur traite la requête de l utilisateur (CGI, PHP, Servlet, contenu statique, etc.) pendant que l utilisateur continue d interagir avec la page On utilise un objet spécial, XMLHttpRequest, pour gérer l aspect asynchrone (utilisation de callbacks) applications web équivalentes aux applications de bureau : Gmail, Writely, Google SpreadSheet, Netvibes, etc. 1. Document Object Model

5 INSA - ASI TechnoWeb : AJAX 5/40 Introduction (3/5) Inconvénients d AJAX Le client doit avoir activé Javascript : nécessité de proposer deux interfaces Problèmes de compatibilité entre navigateurs Problèmes de maintenance des applications Perte de repères par rapport aux fonctionnalités classiques d un navigateur : boutons Back et Recharger, affichage de la source, sauvegarde d une page, etc.

6 INSA - ASI TechnoWeb : AJAX 6/40 Introduction (4/5) Premier exemple get.html (script) < script type ="text / javascript " src =" Scripts /wait.js"></ script > < script type ="text / javascript " > // <!-- function submitform () { var req = null ; document. forms. formulaire. saisie. value=" Démarrage... "; req = new XMLHttpRequest (); req. onreadystatechange = function () { if(req. readystate == 4){ if(req. status == 200) { wait (1000) ; document. forms. formulaire. saisie. value ="Reçu : " + req. responsetext ; else { document. forms. formulaire. saisie. value =" Erreur : code retourné " + req. status + " " + req. statustext ; ; req. open (" GET ", " Data / data. txt ", true ); req. send ( null ); // --> </ script >

7 INSA - ASI TechnoWeb : AJAX 7/40 Introduction (5/5) Premier exemple get.html (formulaire) <form id=" formulaire " method ="" action =""> <p><input type=" button " value=" Requête " onclick=" javascript : submitform ()"/></p> <p><input type ="text " id=" saisie " size ="32" value =""/></p> </ form > wait.js function wait ( delay ) { var date = new Date (); var curdate = null ; do { curdate = new Date (); while ( curdate - date<delay ); ; data.txt Texte du fichier TXT.

8 INSA - ASI TechnoWeb : AJAX 8/40 Fonctionnement (1/14) La classe XMLHttpRequest Les attributs de la classe XMLHttpRequest readystate : code d état ; 0 4 "prêt" status : code HTTP (200 : ok, 404 : page non trouvée, etc.) responsetext : données chargées dans une chaîne de caractères. responsexml : données chargées sous forme XML, les méthodes du DOM servent à les extraire. onreadystatechange : propriété activée par un événement de changement d état. On lui assigne une fonction. Les méthodes de la classe XMLHttpRequest open(mode, url, boolean) : effectuer une requête avec mode : type de requête, "GET" ou "POST" url : fichier avec son chemin sur le disque boolean : true (asynchrone) / false (synchrone) en option on peut ajouter un login et un mot de passe. send("chaine") : données à envoyer ; null pour un GET

9 INSA - ASI TechnoWeb : AJAX 9/40 Fonctionnement (2/14) Diagramme de séquence Source :

10 INSA - ASI TechnoWeb : AJAX 10/40 Fonctionnement (3/14) Construction d une requête Les 3 étapes de la construction d une requête 1 Création d une instance xhr = new XMLHttpRequest (); 2 Définition de la fonction de callback en attente de la réponse xhr. onreadystatechange = function (){ // instructions de traitement de la réponse if ( xhr. readystate == 4) { // Reçu, OK else { // Attendre... ; 3 Envoi de la requête xhr. open (" GET "/" POST ", " requête ", true ); xhr. send ( null / data );

11 INSA - ASI TechnoWeb : AJAX 11/40 Fonctionnement (4/14) Problèmes de compatibilité // Objet de la fenêtre courant if ( window. XMLHttpRequest ){ xhr = new XMLHttpRequest (); // Firefox, Safari,... else // Version ActiveX if ( window. ActiveXObject ) { xhr = new ActiveXObject ( Msxml2. XMLHTTP ); // Internet Explorer // xhr = new ActiveXObject (" Microsoft. XMLHTTP "); // anciennes versions

12 INSA - ASI TechnoWeb : AJAX 12/40 Fonctionnement (5/14) Lire dans un fichier XML Lecture dans un fichier texte Utilisation directe de xhr.responsetext Lecture dans un fichier XML Assigner le fichier XML à une variable : var doc = xhr.responsexml; Lire un élément grâce au DOM : doc.getelementsbytagname( root ).item(i); Lire le fils d un élément : element.firstchild.data; Rappel Informations sur le DOM sur le W3C :

13 INSA - ASI TechnoWeb : AJAX 13/40 Fonctionnement (6/14) Exemple getxml.html (script) < script type ="text / javascript " src =" Scripts /wait.js"></ script > < script type ="text / javascript "> // <!-- function submitform () { var req = new XMLHttpRequest (); document. forms. formulaire. saisie. value=" Démarrage... "; req. onreadystatechange = function () { if(req. readystate == 4){ if(req. status == 200) { var doc = req. responsexml ; var element = doc. getelementsbytagname ( racine ).item (0) ; wait (1000) ; document. forms. formulaire. saisie. value = element. firstchild.data ; else { document. forms. formulaire. saisie. value =" Erreur : code retourné " + req. status + " " + req. statustext ; ; req. open (" GET ", " Data / data. xml ", true ); req. send ( null ); // --> </ script >

14 INSA - ASI TechnoWeb : AJAX 14/40 Fonctionnement (7/14) Exemple getxml.html (formulaire) <form id=" formulaire " method ="" action =""> <p><input type=" button " value=" Requête " onclick=" submitform ()"/></p> <p><input type ="text " id=" saisie " size ="32" value =""/></p> </ form > data.xml <? xml version=" 1.0 " encoding="utf -8"?> < racine > Texte XML. </ racine >

15 INSA - ASI TechnoWeb : AJAX 15/40 Fonctionnement (8/14) Écrire dans une page Modification du document : Il est possible de référencer une zone de la page en cours... <div id=" zone "> texte à remplacer... </ div >... pour y afficher des informations document. getelementbyid (" zone "). innerhtml texte "; = " nouveau Remarque innerhtml est propriétaire innerhtml n est pas supporté par tous les navigateurs (Firefox<1.5 createtextnode/appendchild)

16 INSA - ASI TechnoWeb : AJAX 16/40 Fonctionnement (9/14) Exemple getdiv.html <body > <form name =" formulaire " method ="" action =""> <p><input type =" button " value =" Requête " onclick =" submitform ()"/></p> </ form > <div id="zone ">texte à remplacer... </div> </ body > <foot > < script type ="text / javascript " src =" Scripts /wait.js"></ script > < script type ="text / javascript ">// <!-- function submitform () { var req = new XMLHttpRequest (); req. onreadystatechange = function () { if(req. readystate == 4){ if(req. status == 200) { wait (1000) ; document. getelementbyid ("zone "). innerhtml = req. responsetext ; else { document. getelementbyid ("zone "). innerhtml = " Erreur : code retourné " + req. status + " " + req. statustext ; ; req. open (" GET ", " Data / data. txt ", true ); req. send ( null ); // --></ script > </ foot >

17 INSA - ASI TechnoWeb : AJAX 17/40 Fonctionnement (10/14) Envoi de données Envoi en GET : les arguments sont inclus dans la requête xhr = new XMLHttpRequest (); xhr. open (" GET ", "ajax - get. php? param1 = value1 & param2 = value2 ", true ); xhr. send ( null ); Envoi en POST : l argument de send est au format des paramètres de la méthode POST ; les données sont séparées par des & xhr = new XMLHttpRequest (); xhr. open (" POST ", "ajax -post - text. php ", true ); xhr. setrequestheader (" Content - Type ", " application /xwww -form - urlencoded "); var data = " argname1 =" + val1 + "& argname2 =" + val2...; xhr. send ( data );

18 INSA - ASI TechnoWeb : AJAX 18/40 Fonctionnement (11/14) Exemple saisie.html <body > <form id=" formulaire " method ="" action =""> <label > Prénom </ label ><input type ="text " id=" prenom " size ="10"/> <label >Nom </ label ><input type ="text " id="nom " size ="20"/><br/> <input type =" button " value =" Requête " onclick =" submitform ()"/> </ form > </ body > <foot > < script type ="text / javascript "> // <-- function submitform () { var xhr = new XMLHttpRequest (); xhr.open ("POST ", " Scripts / write.php ", true ); xhr. setrequestheader ("Content -Type ", " application /x-www -form - urlencoded "); var prenom = document. forms. formulaire. prenom. value ; var nom = document. forms. formulaire.nom. value ; var data = " prenom ="+ prenom +"&nom ="+ nom +"\n"; xhr. send ( data ); ; // --> </ script > </ foot >

19 INSA - ASI TechnoWeb : AJAX 19/40 Fonctionnement (12/14) Exemple write.php <? php $posted = & $_POST ; $prenom = $posted [" prenom "]; $nom = $posted [" nom "]; $file = fopen ("../ Data / noms. txt ", "a"); if( $file!= false ) { fwrite ( $file, $prenom." ". $nom ); fclose ( $file );?>

20 INSA - ASI TechnoWeb : AJAX 20/40 Fonctionnement (13/14) Appel à un script CGI hello.html <body > <form id=" formulaire " method ="" action =""> <label >Nom </ label ><input type ="text " id="nom " size ="20"/><br/> <input type =" button " value =" Requête " onclick =" submitform ()"/> </ form > <p id=" zone "></p> </ body > <foot > < script type ="text / javascript ">// <!-- function submitform () { var req = new XMLHttpRequest (); req. onreadystatechange = function () { if(req. readystate == 4){ if(req. status == 200) { document. getelementbyid ("zone "). innerhtml = req. responsetext ; else { document. getelementbyid ("zone "). innerhtml = " Erreur : code retourné " + req. status + " " + req. statustext ; ; req. open (" POST ", "/~paucheta /cgi - bin / read. cgi ", true ); req. setrequestheader ("Content -Type ", " application /x-www -form - urlencoded "); req.send ("nom ="+ document. forms. formulaire.nom. value +"\n"); // --></ script > </ foot >

21 INSA - ASI TechnoWeb : AJAX 21/40 Fonctionnement (14/14) Appel à un script CGI read.cgi #!/ usr / bin / perl $requete = <STDIN >; ( $argument, $nom ) = split (/=/, $requete ); chop ( $nom ); print " length ( $nom )"; open (fnoms,"../ Data /noms.txt ") die "Pb d ouverture du >; print "Content -type : text / plain \n\n"; foreach $element ) { if ( index ($element,$nom ) >-1) { $sentence = " Bonjour $element!"; if ( length ( $sentence ) >0 length ($nom )==0) { print " $sentence -$nom -"; else { print "Je ne vous connais pas, mais bonjour $nom!";

22 INSA - ASI TechnoWeb : AJAX 22/40 AJAX avec JQuery AVANTAGES DE JQUERY Compatibilité tout navigateur Simplification de la syntaxe

23 INSA - ASI TechnoWeb : AJAX 23/40 $(ID).LOAD(URL, DATA,CALLBACK()) Charge le contenu d une URL dans un élément du DOM url : adresse de la page à charger data : paramètres à joindre à l url («x=1&y=2») callback : fonction appelée à chaque changement d état

24 INSA - ASI TechnoWeb : AJAX 24/40 QU EST-CE QU UN CALLBACK Les fonctions de callback permettent de récupérer le résultat Car AJAX est asynchrone : l exécution du code continu sans attendre la fin de l exécution de l appel AJAX.

25 INSA - ASI TechnoWeb : AJAX 25/40 $(ID).LOAD EN GET OU POST Suivant le formatage de data, la requête sera en GET ou POST GET = mis en cache par les navigateurs et les proxys POST = non mis en cache Syntaxe GET var data = «x=1&y=2»; // chaîne de caractères Syntaxe POST var data = { i:1, y: 2; // tableau

26 INSA - ASI TechnoWeb : AJAX 26/40 AJAX en jquery Load en GET load3-get.html <! DOCTYPE html > <html > <head > <meta http - equiv="content -type " content="text /html ; charset=utf -8" /> <title >Exemple AJAX / jquery </ title > </head > <body > <div id=" contenu ">Ce contenu va être remplacé par l appel Ajax </div > </body > <foot > <script src="// ajax. googleapis.com /ajax /libs / jquery /1.8.2/ jquery.min.js "></ script > <script > var data = " nom = Jack "; $( # contenu ).load ( Scripts /get.php, data ); </ script > </foot > get.php <? php $nom = $_GET [" nom "]; echo " Salut $nom!";?>

27 INSA - ASI TechnoWeb : AJAX 27/40 AJAX en jquery Load en POST load3-post.html <! DOCTYPE html > <html > <head > <meta http - equiv="content -type " content="text /html ; charset=utf -8" /> <title >Exemple AJAX / jquery </ title > </head > <body > <div id=" contenu ">Ce contenu va être remplacé par l appel Ajax </div > </body > <foot > <script src="// ajax. googleapis.com /ajax /libs / jquery /1.8.2/ jquery.min.js "></ script > <script > var data = { nom : John ; $( # contenu ).load ( Scripts /post.php, data ); </ script > </foot > post.php <? php $nom = $_POST [" nom "]; echo " Salut $nom!";?>

28 INSA - ASI TechnoWeb : AJAX 28/40 $.GET(URL, DATA,CALLBACK()) ET $.POST() Récupère des données du serveur en GET ou en POST url : adresse de la page à charger data : paramètre à joindre à l url ( «x=1&y=2» ou {i:1, j:2 ) callback : fonction appelée à chaque changement d état <html>! <head>! <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>! <script>! $.get( nouveaucontenu.php,function(data, status, xhr) {! if (status == "error") {! alert( erreur + xhr.status + " " + xhr.statustext);! else {! alert( Contenu récupéré : + data);!! );! </script>!

29 INSA - ASI TechnoWeb : AJAX 29/40 AJAX en jquery Méthode $.get(url, DATA, CALLBACK()) jquery-get.html <! DOCTYPE html > <html > <head > <meta http - equiv="content -type " content="text /html ; charset=utf -8" /> <title >Exemple AJAX / jquery </ title > </head > <body > <div id=" contenu ">Ce contenu va être remplacé par l appel Ajax </div > </body > <foot > <script src="// ajax. googleapis.com /ajax /libs / jquery /1.8.2/ jquery.min.js "></ script > <script > var data = " nom = Jack "; $. get ( Scripts / get. php, data, function ( received, status, xhr ) { if( status == " error ") { alert ( erreur + xhr. status + " " + xhr. statustext ); else { $( # contenu ). html ( " Reçu : " + received ); ); </ script > </foot >

30 INSA - ASI TechnoWeb : AJAX 30/40 AJAX en jquery Méthode $.post(url, DATA, CALLBACK()) jquery-post.html <! DOCTYPE html > <html > <head > <meta http - equiv="content -type " content="text /html ; charset=utf -8" /> <title >Exemple AJAX / jquery </ title > </head > <body > <div id=" contenu ">Ce contenu va être remplacé par l appel Ajax </div > </body > <foot > <script src="// ajax. googleapis.com /ajax /libs / jquery /1.8.2/ jquery.min.js "></ script > <script > var data = { nom : " Jack "; $. post ( Scripts / post. php, data, function ( received, status, xhr ) { if( status == " error ") { alert ( erreur + xhr. status + " " + xhr. statustext ); else { $( # contenu ). html ( " Reçu : " + received ); ); </ script > </foot >

31 INSA - ASI TechnoWeb : AJAX 31/40 SAME ORIGIN POLICY Les ajax doivent être sur le même domaine, sinon interdit. URL Page URL Ajax OK/NOK OK OK NOK NOK NOK NOK Aussi bien valable en javascript qu en Jquery

32 INSA - ASI TechnoWeb : AJAX 32/40 $.ajax(url [, SETTINGS]) La méthode à tout faire <html>! <head>! <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>! <script>! $.ajax({! type: 'GET',! url: 'mapage.php',! timeout: 3000,! success: function(data) {! alert(data);,! error: function() {! alert('la requête n a pas abouti');! );! </script>!

33 INSA - ASI TechnoWeb : AJAX 33/40 AJAX en jquery Méthode $.ajax(url[,settings]) jquery-ajax-post.html <! DOCTYPE html > <html > <head > <meta http - equiv="content -type " content="text /html ; charset=utf -8" /> <title >Exemple AJAX / jquery </ title > </head > <body > <div id=" contenu ">Ce contenu va être remplacé par l appel Ajax </div > </body > <foot > <script src="// ajax. googleapis.com /ajax /libs / jquery /1.8.2/ jquery.min.js "></ script > <script > var data = " nom = Jack "; $. ajax ({ type : POST, url : Scripts / post. php, data : data, success : function ( received ) { $( # contenu ). html ( " Reçu : " + received );, error : function () { alert ( Problème AJAX ); ); </ script > </foot >

34 INSA - ASI TechnoWeb : AJAX 34/40 $.getscript(url,callback()) Ajoute un javascript sur la page N est pas restreint pas la «Same origin policy» <html>! <head>! <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>! <script>! $.getscript( nouveaujavascript.js );! </script>!

35 INSA - ASI TechnoWeb : AJAX 35/40 $.getjson(url,data,callback()) Charge des données formatées en JSON! N est pas restreint pas la «Same origin policy» <html>! <head>! <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>! <script>! $.getjson( donnee.json, function(data) {! alert( Nom : +data.nom+ Prenom : +data.prenom);! );! </script>!

36 INSA - ASI TechnoWeb : AJAX 36/40 $.getjson(url,data,callback()) index.php

37 INSA - ASI TechnoWeb : AJAX 37/40 $.getjson(url,data,callback()) ajax.php

38 INSA - ASI TechnoWeb : AJAX 38/40 Conclusion (1/3) Conclusion Technologie encore jeune (dans son utilisation), donc les outils sont toujours en cours de conception (API, utilisation du DOM, Design patterns, etc.) Permet de faire des interfaces évoluées sur des clients web "légers" (pas de plugin à télécharger) Problèmes de compatibilité (XMLHttpRequest n est pas standard!) À connaître, mais risque encore de fortement évoluer dans les prochaines années...

39 INSA - ASI TechnoWeb : AJAX 39/40 Conclusion (2/3) Perspectives pour AJAX Autres outils en développement Autres bibliothèques Javascripts (ex : Dojo) OpenLazlo : description en XML (aspects statiques) et JavaScript (aspects dynamiques) d une application exécutée en Flash au niveau du client intégration des avantages de Flash et du développement à l aide d XML/JavaScript : plus de problèmes de compatibilité XUL : description d applications en XML. Spécialisé pour le moteur Gecko (Firefox/Mozilla) XAML : un peu le même genre, pour Windows Vista

40 INSA - ASI TechnoWeb : AJAX 40/40 Conclusion (3/3) Sources

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

Ajax, RIA et HTML5. 9.1 Prise en charge d Ajax

Ajax, RIA et HTML5. 9.1 Prise en charge d Ajax 9 Ajax, RIA et HTML5 Au soaire de ce chapitre UU Prise en charge d Ajax UU Bibliothèques JavaScript UU Extensions CSS de WebKit UU Applications Internet riches mobiles UU HTML5 Ajax, HTML5 et RIA, coent

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

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

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

SYSTÈMES D INFORMATIONS

SYSTÈMES D INFORMATIONS SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.

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

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

Techniques de Programmation pour Internet

Techniques de Programmation pour Internet Séance 7 Transactions par CGI Année Spéciale Informatique ENSIMAG 2002-2003 James L. Crowley Anullé Le but de l'exercice est d'introduire un certain nombre de constructions en PERL utiles pour la programmation

Plus en détail

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,

Plus en détail

Stockage du fichier dans une table mysql:

Stockage du fichier dans une table mysql: Stockage de fichiers dans des tables MYSQL avec PHP Rédacteur: Alain Messin CNRS UMS 2202 Admin06 30/06/2006 Le but de ce document est de donner les principes de manipulation de fichiers dans une table

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

Pack Fifty+ Normes Techniques 2013

Pack Fifty+ Normes Techniques 2013 Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié

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

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

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

Mise en place d un serveur Proxy sous Ubuntu / Debian

Mise en place d un serveur Proxy sous Ubuntu / Debian BTS INFORMATIQUE DE GESTION Option Administrateur Réseaux Benoît VERRON Activité n 1 Mise en place d un serveur Proxy sous Ubuntu / Debian Présentation d un Proxy Un proxy (serveur mandataire) est un serveur

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

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

Joomla! Création et administration d'un site web - Version numérique

Joomla! Création et administration d'un site web - Version numérique Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique

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

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

Sécurité des applications web. Daniel Boteanu

Sécurité des applications web. Daniel Boteanu I F8420: Éléments de Sécurité des applications web Daniel Boteanu Architecture des applications web Client légitime Internet HTTP 浀 HTML Server Web 2 Architecture des applications web Client légitime Internet

Plus en détail

EXTENSION de Microsoft Dynamics CRM 2013. Réf FR 80452

EXTENSION de Microsoft Dynamics CRM 2013. Réf FR 80452 EXTENSION de Microsoft Dynamics CRM 2013 Réf FR 80452 Durée : 3 jours A propos de ce cours : Ce cours offre une information interactive et détaillée sur le développement d extensions pour Microsoft Dynamics

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

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

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

Sessions en ligne - QuestionPoint

Sessions en ligne - QuestionPoint Sessions en ligne - QuestionPoint Configuration du navigateur Internet Explorer Dernière mise à jour : 12 mai 2012 Vous trouverez dans ce guide les procédures pour configurer votre navigateur Internet

Plus en détail

Mysql avec EasyPhp. 1 er mars 2006

Mysql avec EasyPhp. 1 er mars 2006 Mysql avec EasyPhp 1 er mars 2006 Introduction MYSQL dérive directement de SQL (Structured Query Language) qui est un langage de requètes vers les bases de données relationnelles. Il en reprend la syntaxe

Plus en détail

Cette application développée en C# va récupérer un certain nombre d informations en ligne fournies par la ville de Paris :

Cette application développée en C# va récupérer un certain nombre d informations en ligne fournies par la ville de Paris : Développement d un client REST, l application Vélib 1. Présentation L application présentée permet de visualiser les disponibilités des vélos et des emplacements de parking à la disposition des parisiens

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

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

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

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

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

Panel des technologies Web

Panel des technologies Web Panel des technologies Web pierre.jean@mines-ales.fr version 0.14 Objectif Un panorama des technologies Web pour comprendre leurs positionnements et leurs utilisations Questions Evaluation Sommaire Avant

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

SHERLOCK 7. Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5

SHERLOCK 7. Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5 SHERLOCK 7 Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5 Cette note montre comment intégrer un script Java dans une investigation Sherlock et les différents aspects de Java script. S T E M M E R I M A G I N

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

Démonstration de la mise en cache via HTML 5 sur iphone

Démonstration de la mise en cache via HTML 5 sur iphone Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent

Plus en détail

Publication dans le Back Office

Publication dans le Back Office Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008

Plus en détail

PLUGINS Guide du Développeur STEPHANE FERRARI. P l u X m l 5.4

PLUGINS Guide du Développeur STEPHANE FERRARI. P l u X m l 5.4 PLUGINS Guide du Développeur STEPHANE FERRARI P l u X m l 5.4 Table des matières Présentation de PluXml...5 Principales caractéristiques...5 Pré-requis...6 Procédure d'installation...6 Procédure de mise

Plus en détail

Hébergement de site web Damien Nouvel

Hébergement de site web Damien Nouvel Hébergement de site web Plan L'hébergeur Le serveur web Apache Sites dynamiques 2 / 27 Plan L'hébergeur Le serveur web Apache Sites dynamiques 3 / 27 L'hébergeur L'hébergeur sous-traite l'architecture

Plus en détail

Alfstore workflow framework Spécification technique

Alfstore workflow framework Spécification technique Alfstore workflow framework Spécification technique Version 0.91 (2012-08-03) www.alfstore.com Email: info@alfstore.com Alfstore workflow framework 2012-10-28 1/28 Historique des versions Version Date

Plus en détail

Développement d applications Internet et réseaux avec LabVIEW. Alexandre STANURSKI National Instruments France

Développement d applications Internet et réseaux avec LabVIEW. Alexandre STANURSKI National Instruments France Développement d applications Internet et réseaux avec LabVIEW Alexandre STANURSKI National Instruments France Quelles sont les possibilités? Publication de données Génération de rapports et de documents

Plus en détail

BIRT (Business Intelligence and Reporting Tools)

BIRT (Business Intelligence and Reporting Tools) BIRT (Business Intelligence and Reporting Tools) Introduction Cette publication a pour objectif de présenter l outil de reporting BIRT, dans le cadre de l unité de valeur «Data Warehouse et Outils Décisionnels»

Plus en détail

L3 informatique TP n o 2 : Les applications réseau

L3 informatique TP n o 2 : Les applications réseau L3 informatique TP n o 2 : Les applications réseau Sovanna Tan Septembre 2009 1/20 Sovanna Tan L3 informatique TP n o 2 : Les applications réseau Plan 1 Transfert de fichiers 2 Le Courrier électronique

Plus en détail

FileMaker Server 14. Guide de démarrage

FileMaker Server 14. Guide de démarrage FileMaker Server 14 Guide de démarrage 2007-2015 FileMaker, Inc. Tous droits réservés. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, Californie 95054 FileMaker et FileMaker Go sont des marques

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

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

BES WEBDEVELOPER ACTIVITÉ RÔLE

BES WEBDEVELOPER ACTIVITÉ RÔLE BES WEBDEVELOPER ACTIVITÉ Le web developer participe aux activités concernant la conception, la réalisation, la mise à jour, la maintenance et l évolution d applications internet/intranet statiques et

Plus en détail

FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères

FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères FORMATION PcVue Mise en œuvre de WEBVUE Journées de formation au logiciel de supervision PcVue 8.1 Lieu : Lycée Pablo Neruda Saint Martin d hères Centre ressource Génie Electrique Intervenant : Enseignant

Plus en détail

Manuel d utilisation du site web de l ONRN

Manuel d utilisation du site web de l ONRN Manuel d utilisation du site web de l ONRN Introduction Le but premier de ce document est d expliquer comment contribuer sur le site ONRN. Le site ONRN est un site dont le contenu est géré par un outil

Plus en détail

CHAPITRE 11. Temps réel Remy Sharp

CHAPITRE 11. Temps réel Remy Sharp CHAPITRE 11 Temps réel Remy Sharp LE WEB EN TEMPS RÉEL fait partie de ces aspects d Internet qu on apprécie d utiliser mais qui peuvent être assez effrayants quand il faut les mettre en place. Ce chapitre

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

ASP.NET MVC 4 Développement d'applications Web en C# - Concepts et bonnes pratiques

ASP.NET MVC 4 Développement d'applications Web en C# - Concepts et bonnes pratiques Introduction 1. Introduction 11 2. La plateforme de développement web de Microsoft 11 3. Définition du modèle de programmation MVC 14 4. L'historique d'asp.net MVC 17 4.1 ASP.NET MVC 1 (2008) 17 4.2 ASP.NET

Plus en détail

Attaques de type. Brandon Petty

Attaques de type. Brandon Petty Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme

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

Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework

Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework L'objectif de ce document est de poser des bases de réflexion sur la modélisation d'un projet réalisé

Plus en détail

Technologie Web. Conception de sites Web. Alexandre Pauchet. INSA Rouen - Département ASI. INSA - ASI TechnoWeb : Rappels UML 1/21

Technologie Web. Conception de sites Web. Alexandre Pauchet. INSA Rouen - Département ASI. INSA - ASI TechnoWeb : Rappels UML 1/21 INSA - ASI TechnoWeb : Rappels UML 1/21 Technologie Web Conception de sites Web Alexandre Pauchet INSA Rouen - Département ASI BO.B.RC.18, pauchet@insa-rouen.fr INSA - ASI TechnoWeb : Rappels UML 2/21

Plus en détail

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

Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server. Sébastien Boutard Thomas David

Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server. Sébastien Boutard Thomas David Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server Sébastien Boutard Thomas David Le plan de la présentation Petit retour sur les environnements de développement ArcGIS Server

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

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.

Plus en détail

Architectures web/bases de données

Architectures web/bases de données Architectures web/bases de données I - Page web simple : HTML statique Le code HTML est le langage de base pour concevoir des pages destinées à être publiées sur le réseau Internet ou intranet. Ce n'est

Plus en détail

Projet de Semestre. Page Web Didactique de Visualisation d Algorithme. Université de Genève - semestre de printemps 2012

Projet de Semestre. Page Web Didactique de Visualisation d Algorithme. Université de Genève - semestre de printemps 2012 Nouvelles Technologies de l Information et de la Communication Projet de Semestre Page Web Didactique de Visualisation d Algorithme Université de Genève - semestre de printemps 2012 Pierre Künzli, Adrien

Plus en détail

La programmation orientée objet Gestion de Connexions HTTP Manipulation de fichiers Transmission des données PHP/MySQL. Le langage PHP (2)

La programmation orientée objet Gestion de Connexions HTTP Manipulation de fichiers Transmission des données PHP/MySQL. Le langage PHP (2) Le langage PHP (2) Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/ 1 / 54 1 La programmation orientée objet 2 Gestion de Connexions HTTP 3 Manipulation

Plus en détail

VXPERT SYSTEMES. CITRIX NETSCALER 10.1 et SMS PASSCODE 6.2. Guide d installation et de configuration pour Xenapp 6.5 avec SMS PASSCODE 6.

VXPERT SYSTEMES. CITRIX NETSCALER 10.1 et SMS PASSCODE 6.2. Guide d installation et de configuration pour Xenapp 6.5 avec SMS PASSCODE 6. VXPERT SYSTEMES CITRIX NETSCALER 10.1 et SMS PASSCODE 6.2 Guide d installation et de configuration pour Xenapp 6.5 avec SMS PASSCODE 6.2 Pour VXPERT.fr et FGAGNE.COM François Gagné fgagne@vxpert.fr 1 1.

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

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

Extended communication server 4.1 : VoIP SIP service- Administration

Extended communication server 4.1 : VoIP SIP service- Administration Extended communication server 4.1 : VoIP SIP service- Administration Mai, 2008 Alcatel-Lucent Office Offer - All Rights Reserved Alcatel-Lucent 2007 Ce document explique comment configurer le Service VOIP-SIP

Plus en détail

Attaques applicatives

Attaques applicatives Attaques applicatives Attaques applicatives Exploitation d une mauvaise programmation des applications Ne touche pas le serveur lui-même mais son utilisation/ configuration Surtout populaire pour les sites

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

JAB, une backdoor pour réseau Win32 inconnu

JAB, une backdoor pour réseau Win32 inconnu JAB, une backdoor pour réseau Win32 inconnu Nicolas Grégoire Exaprobe ngregoire@exaprobe.com, WWW home page : http ://www.exaprobe.com 1 Introduction Le but de cet article est de montrer les possibilités

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

Technologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage

Technologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage Technologies du Web Créer et héberger un site Web Page 1 / 26 Plan Planification Choisir une solution d hébergement Administration Développement du site Page 2 / 26 Cahier des charges Objectifs du site

Plus en détail

Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC. Qui contacter pour commencer la mise en place d une configuration de test?

Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC. Qui contacter pour commencer la mise en place d une configuration de test? Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC Qui contacter pour commencer la mise en place d une configuration de test? CyberMUT Paiement - Paiement CIC Commerce Electronique mailto:centrecom@e-i.com

Plus en détail

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur)

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Publication par FTP FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Logiciels FTP nombreux (FileZilla, CuteFTP, WinSCP, FTP Expert).

Plus en détail

La base de données XML exist. A. Belaïd

La base de données XML exist. A. Belaïd La base de données XML exist Introduction Qu est-ce-que exist? C est une base de donnée native, entièrement écrite en Java XML n est pas une base de données en soi Bien qu il possède quelques caractéristiques

Plus en détail

Démarrer avec Ajax et le php: exemple d'application

Démarrer avec Ajax et le php: exemple d'application Démarrer avec Ajax et le php: exemple d'application Rédacteur: Alain Messin (Alain.Messin arobas obs-azur.fr) CNRS UMS 2202 Admin06 24/09/2007 Le but de ce document est de permettre de démarrer dans le

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

Expérience d un hébergeur public dans la sécurisation des sites Web, CCK. Hinda Feriani Ghariani Samedi 2 avril 2005 Hammamet

Expérience d un hébergeur public dans la sécurisation des sites Web, CCK. Hinda Feriani Ghariani Samedi 2 avril 2005 Hammamet Expérience d un hébergeur public dans la sécurisation des sites Web, CCK Hinda Feriani Ghariani Samedi 2 avril 2005 Hammamet Plan Introduction Sécurisation des sites Web hébergés a Conclusion Introduction

Plus en détail

Technologies Web. Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya. Université Pierre et Marie Curie

Technologies Web. Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya. Université Pierre et Marie Curie 1 / 22 Technologies Web Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya Université Pierre et Marie Curie Rappel 2 / 22 Problématique Quelles technologies utiliser

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

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

E-TRANSACTIONS. Guide du programmeur API Plug-in. Version 1.1

E-TRANSACTIONS. Guide du programmeur API Plug-in. Version 1.1 E-TRANSACTIONS Guide du programmeur API Plug-in Version 1.1 Avertissements : Le fichier Version.txt précise l'environnement dans lequel l API a été compilée et testée. L'installation de l API sur tout

Plus en détail

Architecture Orientée Service, JSON et API REST

Architecture Orientée Service, JSON et API REST UPMC 3 février 2015 Précedemment, en LI328 Architecture générale du projet Programmation serveur Servlet/TOMCAT Aujourd hui Quelques mots sur les SOA API - REST Le format JSON API - REST et Servlet API

Plus en détail

PARAMETRAGE D INTERNET EXPLORER POUR L UTILISATION DE GRIOTTE

PARAMETRAGE D INTERNET EXPLORER POUR L UTILISATION DE GRIOTTE PARAMETRAGE D INTERNET EXPLORER POUR L UTILISATION DE GRIOTTE ETAPE 1 : configurer votre site Griotte comme site de confiance. Ouvrir votre navigateur sur une page Griotte, n importe laquelle, par exemple

Plus en détail

Jean-Pierre VINCENT Consultant indépendant

Jean-Pierre VINCENT Consultant indépendant Techniques d accélération des pages Web Jean-Pierre VINCENT Consultant indépendant @theystolemynick Braincracking.org Bonjour, je m appelle Jean-Pierre 13 ans de Web PHP, JavaScript, HTML5, CSS Ex : startups,

Plus en détail

Rafraichissement conditionné d'une page en.net

Rafraichissement conditionné d'une page en.net Rafraichissement conditionné d'une page en.net Test avec AJAX pour rafraichissement En utilisant AJAX, voici une possibilité de faire un rafraichissement conditionné. Nous verrons dans cet article une

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

Single Sign-On open source avec CAS (Central Authentication Service) Vincent Mathieu Pascal Aubry Julien Marchal

Single Sign-On open source avec CAS (Central Authentication Service) Vincent Mathieu Pascal Aubry Julien Marchal Single Sign-On open source avec CAS (Central Authentication Service) Vincent Mathieu Pascal Aubry Julien Marchal SSO open source avec CAS Introduction Pourquoi le Single Sign-On? Principes du SSO sur le

Plus en détail

Programmation Web. Introduction

Programmation Web. Introduction Programmation Web Introduction 1 Introduction 10 séances 1 h cours + 1h TD Notes : contrôle continu DS 1 TP : note de groupe : rapport + code source + démo TD : note personnelle (=0 si 2 absences non justifiées)

Plus en détail

Hachette Education/ Secondaire général Procédure d installation du Manuel numérique MN2.0 Version PC

Hachette Education/ Secondaire général Procédure d installation du Manuel numérique MN2.0 Version PC Hachette Education/ Secondaire général Procédure d installation du Manuel numérique MN2.0 Version PC La licence Hachette Education des manuels numériques 2.0 Les licences enseignantes Hachette Education

Plus en détail

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr La balise Intégrer un élément ou un fichier externe (video, audio, flash, pdf ). Le support

Plus en détail

PHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS)

PHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS) PHP et mysql php_mysql PHP et mysql Code: php_mysql Originaux url: http://tecfa.unige.ch/guides/tie/html/php-mysql/php-mysql.html url: http://tecfa.unige.ch/guides/tie/pdf/files/php-mysql.pdf Auteurs et

Plus en détail

INF8007 Langages de script

INF8007 Langages de script INF8007 Langages de script Sockets et serveur 1/18 INF8007 Langages de script Sockets et serveur Michel Desmarais Génie informatique et génie logiciel École Polytechnique de Montréal Hiver, 2014 INF8007

Plus en détail

Formation : WEbMaster

Formation : WEbMaster Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins

Plus en détail