Cours 11 - Interaction : AJAX
|
|
|
- Jeannine Lebeau
- il y a 6 ans
- Total affichages :
Transcription
1 1/35 UPMC Paris Universitas Programmation des interactions et interfaces homme machine Cours 11 - Interaction : AJAX Carlos Agon - Choun Tong LIEU 8 avril 2016
2 2/35 Introduction à Javascript Un langage de script 1 Différent de Java!, emprunte en fait a Scheme et a C. 2 Tourne dans une machine virtuelle embarquée dans les navigateurs. 3 Permet d altérer le document affiché. 4 C est un Langage Objet! (Avec un modele assez particulier... ) 5 AJAX.
3 3/35 Inclusion dans le code html < script language =" Javascript " > <! code ici > </ script > Permet d envoyer le script en même temps que la page. Permet aussi de cacher le code si on utilise un browser non équipé d une VM Javascript.
4 4/35 Exemple 1 <html > <head > <title >An Ajax example </ title > </head > <body > < script language = " javascript " > document. write (" Hello IHM ") </ script > </body > </html >
5 5/35 Syntaxe Proche du C. Une expression se fini par ; une variable se declare avec le mot clef var. Il est possible d affecter une variable non déclarée! Une variable non initialisée ne peut etre utilisée! opérateurs usuels pour l arithmétique (entière et flottante) Sur les strings + est un opérateur de concatenation. Si on ajoute un nombre à un string le nombre est converti en string. Operateur de comparaison usuels pour les nombres. if (5=="5") document.write("ok"") ; === est l operateur de comparaison structurel (valeur et type) operateurs logiques &&!
6 6/35 Exemple 2 <html > <head > <title >An Ajax example </ title > </head > <body > <script language = " javascript " > var d = new Date ( ) var time = d. gethours ( ) if ( time <10) { document. write ( " <b>bon. petit dej </b>" ); else if ( time >10 && time <16) { document. write ( " <b>bon. dejeuner </b>" ); else { document. write ( " <b>bon. diner </b>" ); </ script > </body > </html >
7 7/35 Boucles for(init ; cond ; incr) while for (variable in object) <html > <head > <title > An Ajax example </ title > </head > <body > < script language = " javascript " > var i = 0; for (i =0; i <=15; i ++) { document. write ( " The number is : " + i); document. write ( " <br/>" ) ; </ script > </body > </html >
8 8/35 Exceptions Un Bloc try... catch instruction throw valeur <html > <body > <script type =" text / javascript "> var x= prompt ( " Enter a number between 0 and 10: ", "" ) ; try { if (x >10) { throw " Err1 " ; else if (x <0) { throw " Err2 " ; else if ( isnan (x) ) { throw " Err3 " ; catch (er ) { if ( er ==" Err1 ") { alert (" Error! The value is too high " ) ; if ( er ==" Err2 ") { alert (" Error! The value is too low " ) ; if ( er ==" Err3 ") { alert (" Error! The value is not a number " ) ; </ script > </body > </html >
9 9/35 GUI Exemple <html > <head > <title > Exemple d un Bouton </ title > <script language = " javascript "> function attentiongetter () { alert (" Hello, j ai change le texte aussi " ) var target = document. getelementbyid (" targetdiv "); target. innerhtml = " Ceci est un texte nouveau " </ script > </head > <body > <H1 >Clic dans un bouton </ H1 > <form > <input type = " button " value = " Click me" onclick = " attentiongetter ()" > </form > <div id=" targetdiv " > <p>je suis un vieux texte </p> </div > </body > </html >
10 10/35 Le Document Object Model Séparation du fond (le DOM) de la forme (la CSS) le DOM est le modèle objet du document HTML. On peut y rajouter/enlever/modifier des noeuds. Les noeud peuvent être nommés et parcourus en fonction de leur nature. Le document complet est vu comme un arbre. Tous les éléments sont des noeuds avec des relations. Possibilité de cycler entre les noeuds. Référencement possible par Id, Tag, ou par relations. Tout text est mis dans un noeud de Type Text. Le noeud racine est le noeud <html>.
11 11/35 Le Document Object Model (exemple) DocumentBuilderFactory.newInstance() dbf:documentbuilderfactory Node.DOCUMENT_NODE d.getnodetype() d:document dbf.newdocumentbuilder() db.parse(f) db:documentbuilder d.getdocumentelement() n:node n.gettagname() f:file new File("f.xml") n0.getparentnode() "programme1" n.getchildnodes() Fichier XML nl:nodelist nl.item(0) nl.item(2) nl.item(1) n0:node n1:node n2:node
12 12/35 DOM Exemple <script language =" javascript "> function toto () { var i = 0; var stock = document. body. childnodes. length ; var para = document. createelement ("P"); para. innerhtml = "<p>j ai trouve comme fils : <p>"; document. body. appendchild ( para ); for (i =0; i< stock ; i ++) { var para1 = document. createelement ("P" + i); para1. innerhtml = "<p>" + document. body. childnodes [ i ]. nodename "<p>"; document. body. appendchild ( para1 ); </ script > <body > <p> Ceci est le premier paragraphe </p> <p>ceci est le second </p> <h1 > Un titre en gros </h1 > <script language =" Javascript "> toto (); </ script >
13 13/35 AJAX Mécanisme par lequel un client peut faire une requête au serveur. Asynchronous JAvascript and Xml. Le but c est que ses applications WEB ressemblent aux applications sur desktop.
14 14/35 Interface CGI (Common Gateway Interface) : rappel sur les pages dynamiques Côté du serveur : lance un programme sur le serveur programme écrit dans n importe quel langage pouvant récupérer des informations transmises par le client l affichage de ce programme (sortie standard) est envoyé sur le client : l affichage doit respecter le protocole HTTP
15 15/35 Formulaires Côté du client : ensemble de balises HTML pour la saisie d informations Champs de texte, boutons radio, liste de choix et une balise pour l envoi de ces informations (submit) envoi des informations par une requête HTTP : GET : les informations sont visibles dans l URL la commande CGI les récupère dans une variable d environnement (QUERY_STRING) POST : les informations sont envoyées sur plusieurs lignes, la commande CGI les lit sur l entrée standard en connaissant la longueur des données (CONTENT_LENGTH).
16 16/35 Appel à une page HTML <html > <head > <title >IHM </ title > </head > <body > <form name =" formulaire " method =" GET " action =" http :// localhost :12345/ index. html "> Nom : <input type =" text " name =" Nom "> <br > Prenom : < input name =" Prenom " ><br > <input type =" submit " value =" Valider " ><BR > </form > </body > </html >
17 17/35 Appel à une commande Shell <html > <head > <title >de la Puce au Web </ title > </head > <body > <form name =" formulaire " method =" GET " action =" http :// localhost :12345/ cgi - bin / ex0. cgi "> Nom : <input type =" text " name =" Nom "> <br > Prenom : <input name =" Prenom " ><br > <input type =" submit " value =" Valider " ><BR > </form > </body > </html >
18 18/35 Environnement de calcul d une commande variables d environnement pour un CGI : comme dans un shell nécessite que le programme de la commande CGI puisse avoir accès aux variables d environnements. bibliothèques fournies pour chaque langage : shell, Java, OCaml, Ada, Perl,...
19 19/35 Un exemple avec GET <html > <head > <title >IHM </ title > </head > <body > <form name =" formulaire " method =" GET " action =" http :// localhost :12345/ cgi - bin /ex1 - get. cgi "> Nom : <input type =" text " name =" Nom "> <br > Prenom : < input name =" Prenom " ><br > <input type =" submit " value =" Valider " ><BR > </form > </body > </html >
20 20/35 Un exemple avec POST action =" http :// localhost :12345/ cgi - bin /ex1 - post. cg <html > <head > <title >IHM </ title > </head > <body > <form name =" formulaire " method =" POST " Nom : <input type =" text " name =" Nom "> <br > Prenom : <input name =" Prenom " ><br > <input type =" submit " value =" Valider " ><BR > </form > </body > </html >
21 21/35 Retour à AJAX L idée est de changer la page web en cherchant des données dans Internet sans recharger la page dans le browser. Mais surtout de manière asynchrone. Le but c est que les applications WEB avec AJAX ressemblent aux applications sur desktop. L échange des données dans une page avec AJAX est invisible pour l utilisateur. Javascript ouvre une connection à un serveur et charge les données (pas forcement en format XML)
22 22/35 Un exemple
23 22/35 Un exemple L échange des données est fait via le XMLHttpRequest object. L objet XMLHttpRequest doit être gardé dans une variable XMLHttpRequestObject. Si le browser est Netscape Navigator, Apple Safari, Firefox, etc. on peut créer l objet avec : XMLHttpRequestObject = new XMLHttpRequest (); Si le browser est Internet Explorer, on peut créer l objet avec : \ footnotesize XMLHttpRequestObject = new ActiveXObject (" Microsoft. XMLHTTP "); Alors de manière générale on a : var XMLHttpRequestObject = false ; if ( window. XMLHttpRequest ) { XMLHttpRequestObject = new XMLHttpRequest (); else if ( window. ActiveXObject ) { XMLHttpRequestObject = new ActiveXObject (" Microsoft. XMLHTTP ");
24 23/35 XMLHttpRequest configuration Pour ouvrir et configurer l objet XMLHttpRequest on utilise l instruction : open (" method ", " URL "[, asyncflag [, " username "[, " password " ]]]) avec method "GET", "POST",... URL la ressource. asyncflag un boolean indiquant si l appel est asynchrone ou non (la valeur par défaut est true). username optionnel. password optionnel. XMLHttpRequestObject. open (" GET ", datafile. txt );
25 24/35 Reception des données A la reception des donn des on utilise une fonction de rappel ou callback. XMLHttpRequestObject. onreadystatechange = callback () function callback () {... avec On peut aussi utiliser des fonctions anonymes : XMLHttpRequestObject. onreadystatechange = function () { if ( XMLHttpRequestObject. readystate == 4 && XMLHttpRequestObject. status == 200) { obj. innerhtml = XMLHttpRequestObject. responsetext ;
26 25/35 Propriétés readystate et status Dans la fonction de rappel ion doit verifier si les données ont été bien chargées et s elles sont disponible pour leur utilisation. La propriété readystate : nous dit où on est avec le chargement. 0 : request not initialized 1 : server connection established 2 : request received 3 : processing request 4 : request finished and response is ready XMLHttpRequestObject. onreadystatechange = function () { if ( XMLHttpRequestObject. readystate == 4 && XMLHttpRequestObject. status == 200) { obj. innerhtml = XMLHttpRequestObject. responsetext ;
27 26/35 Propriété status La propriété status informe sur la donnée chargée. 200 OK 201 Created 204 No Content 205 Reset Content 206 Partial Content 400 Bad Request 401 Unauthorized 403 Forbidden 404 Not Found 411 Length Required 413 Requested Entity Too Large 414 Requested URL Too Long 415 Unsupported Media Type 505 HTTP Version Not Supported XMLHttpRequestObject. onreadystatechange = function () { if ( XMLHttpRequestObject. readystate == 4 && XMLHttpRequestObject. status == 200) { obj. innerhtml = XMLHttpRequestObject. responsetext ;
28 27/35 Envoie et réception de la requête Pour envoyer la requête, on utilise l instruction : XMLHttpRequestObject. send ( null ); Et pour récupérer les données, on utilise : XMLHttpRequestObject. responsetext ; Pour notre exemple, on a : var obj = document. getelementbyid ( divid );... obj. innerhtml = XMLHttpRequestObject. responsetext ;
29 28/35 En résumé <head > <title >Un exemple Ajax </ title > < script language = " javascript " >... </ script > </head > <body > <H1 >Un exemple Ajax </H1 > <form > < input type = " button " value = " Charge un message " onclick = " getdata ( datafile. txt, targetdiv )"> </form > <div id=" targetdiv "> <p > Le message va apparaitre ici! </ p > </div > </body >
30 29/35 En résumé <script language = " javascript "> var XMLHttpRequestObject = false ; if ( window. XMLHttpRequest ) { XMLHttpRequestObject = new XMLHttpRequest (); else if ( window. ActiveXObject ) { XMLHttpRequestObject = new ActiveXObject (" Microsoft. XMLHTTP "); function getdata ( datasource, divid ) { if( XMLHttpRequestObject ) { var obj = document. getelementbyid ( divid ); XMLHttpRequestObject. open ("GET ", datasource ); XMLHttpRequestObject. onreadystatechange = function () { if ( XMLHttpRequestObject. readystate == 4 && XMLHttpRequestObject. status == 200) { obj. innerhtml = XMLHttpRequestObject. responsetext ; XMLHttpRequestObject. send ( null ); </ script >
31 30/35 Envoie de donnés au serveur avec GET function getdata ( datasource, divid ) { if( XMLHttpRequestObject ) { var obj = document. getelementbyid ( divid ); XMLHttpRequestObject. open (" GET ", datasource ); XMLHttpRequestObject. onreadystatechange = function () { if ( XMLHttpRequestObject. readystate == 4 && XMLHttpRequestObject. status == 200) { obj. innerhtml = XMLHttpRequestObject. responsetext ; XMLHttpRequestObject. send ( null ); <form > <input type = " button " value = " Fetch message 1" onclick = " getdata ( dataresponder. cgi? data =1, targetdiv )" > <input type = " button " value = " Fetch message 2" onclick = " getdata ( dataresponder. cgi? data =2, targetdiv )" > </form >
32 31/35 Envoie de donnés au serveur avec POST function getdata ( datasource, divid, data ) { if( XMLHttpRequestObject ) { var obj = document. getelementbyid ( divid ); XMLHttpRequestObject. open (" POST ", datasource ); XMLHttpRequestObject. setrequestheader ( Content - Type, application /x-www -form - urlencoded ); XMLHttpRequestObject. onreadystatechange = function () { if ( XMLHttpRequestObject. readystate == 4 && XMLHttpRequestObject. status == 200) { obj. innerhtml = XMLHttpRequestObject. responsetext ; XMLHttpRequestObject. send (" data=" + data ); // avec & s il y a plusieurs <form > <input type = " button " value = " Fetch message 1" onclick = " getdata ( dataresponder. cgi, targetdiv, 1)" > <input type = " button " value = " Fetch message 2" onclick = " getdata ( dataresponder. cgi, targetdiv, 2)" > </form >
33 32/35 Evaluation dynamique du code JS function getdata ( datasource ) { if( XMLHttpRequestObject ) { XMLHttpRequestObject. open (" GET ", datasource ); XMLHttpRequestObject. onreadystatechange = function () { if ( XMLHttpRequestObject. readystate == 4 && XMLHttpRequestObject. status == 200) { eval ( XMLHttpRequestObject. responsetext ); function show () { var targetdiv = document. getelementbyid (" targetdiv "); targetdiv. innerhtml = " Yep, it worked!";
34 33/35 loading XML var XMLHttpRequestObject = false ; if ( window. XMLHttpRequest ) { XMLHttpRequestObject = new XMLHttpRequest (); XMLHttpRequestObject. overridemimetype (" text / xml "); else if ( window. ActiveXObject ) { XMLHttpRequestObject = new ActiveXObject (" Microsoft. XMLHTTP "); var xmldocument = XMLHttpRequestObject. responsexml ; colors = xmldocument. getelementsbytagname (" color "); obj. innerhtml = " Here are the fetched colors : <ul >"; for ( loopindex =0; loopindex < colors. length ; loopindex ++) { obj. innerhtml += " <li >" + colors [ loopindex ]. firstchild. data + " </li >"; obj. innerhtml += " </ul >";
35 34/35 Array de XMLHttpRequest var XMLHttpRequestObjects = new Array (); function getdata1 ( datasource, divid ) { if ( window. XMLHttpRequest ) { XMLHttpRequestObjects. push ( new XMLHttpRequest ()); else if ( window. ActiveXObject ) { XMLHttpRequestObjects. push ( new ActiveXObject (" Microsoft. XMLHTTP " )); index = XMLHttpRequestObjects. length - 1; if( XMLHttpRequestObjects [ index ]) { XMLHttpRequestObjects [ index ]. open (" GET ", datasource ); var obj = document. getelementbyid ( divid ); XMLHttpRequestObjects [ index ]. onreadystatechange = function () { if ( XMLHttpRequestObjects [ index ]. readystate == 4 && XMLHttpRequestObjects [ index ]. status == 200) { obj. innerhtml = XMLHttpRequestObjects [ index ]. responsetext ; XMLHttpRequestObjects [ index ]. send ( null );
36 35/35 Références et sources Cours TER de Philippe Trebouchet Cours "de la puce au Web" d Emmanuel Chailloux Ajax : A Beginner s Guide Steven Holzner
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
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
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.
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
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/
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
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
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
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
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
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
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
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
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
Introduction à HTTP. Chapitre 3 3.1 HTTP 0.9
Chapitre 3 Introduction à HTTP L HyperText Transfer Protocol, plus connu sous l abréviation HTTP (littéralement protocole de transfert hypertexte ) est un protocole de communication client-serveur développé
A DESTINATION DES SERVICES TIERS. Editeurs d applications et ressources pédagogiques connectées à l ENT
DOCUMENTATION CAS A DESTINATION DES SERVICES TIERS Titre descriptif du document Référence du document REFO-DT-ENTV2-ServeurCAS-v1.2.docx Nom du fichier REFO-DT-ENTV2-ServeurCAS-v1.2.docx Version du document
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
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
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
CREATION d UN SITE WEB (INTRODUCTION)
CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour
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
(structure des entêtes)
Aide mémoire HTTP (structure des entêtes) Fabrice HARROUET École Nationale d Ingénieurs de Brest http://www.enib.fr/~harrouet/ enib 1/10 Structure générale d une requête Requête HTTP méthode ressource
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
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.
Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6
Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 1 BERNIER François http://astronomie-astrophotographie.fr Table des matières Installation d un serveur HTTP (Hypertext Transfer
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
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
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
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
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
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
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
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
Bases de données et Interfaçage Web
Bases de données et Interfaçage Web Université Virtuelle de Tunis 2006 Le Web et les Bases de Données Connecter une base de données au World Wide Web, c est mettre en place une passerelle entre un serveur
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
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
Web Tier : déploiement de servlets
Web Tier : déploiement de servlets 1 / 35 Plan 1 Introduction 2 Servlet : Principe de fonctionnement 3 Création et développement sur un serveur JEE 4 Quelques méthodes de l API des servlets 5 Utilisation
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
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
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
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
HTTP 1.1. HyperText Transfer Protocol ... ... TCP IP ...
HTTP 1.1 Place de http dans le modèle osi : HyperText Transfer Protocol...... TCP IP...... HTTP est un protocole «sans état» : chaque page WEB est transmise dans une connexion séparée (sauf pour les connections
Pratique et administration des systèmes
Université Louis Pasteur Licence Informatique (L2) UFR de Mathématiques et Informatique Année 2007/2008 1 But du TP Pratique et administration des systèmes TP10 : Technologie LAMP Le but de ce TP est de
Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
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,
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
Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech
Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web
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
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.
Serveur d Applications Web : WebObjects
Serveur d Applications Web : WebObjects Nicolas Roard 29 avril 2004 Table des matières 1 Introduction 1 2 Historique 1 2.1 Implémentation WebObjects....... 2 2.2 Différences et manques?......... 3 3 Principes
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
Langage propre à Oracle basé sur ADA. Offre une extension procédurale à SQL
Cours PL/SQL Langage propre à Oracle basé sur ADA Offre une extension procédurale à SQL PL/SQL permet d utiliser un sous-ensemble du langage SQL des variables, des boucles, des alternatives, des gestions
Sécurisez votre serveur Web Internet Information Services de Microsoft (MS IIS) avec un certificat numérique de thawte thawte thawte thawte thawte
Sécurisez votre serveur Web Internet Information Services de Microsoft (MS IIS) avec un certificat numérique de thawte UN GUIDE ÉTAPE PAR ÉTAPE, pour tester, acheter et utiliser un certificat numérique
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,
Surveiller et contrôler vos applications à travers le Web
Surveiller et contrôler vos applications à travers le Web Valérie HELLEQUIN Ingénieur d application Internet permet aujourd hui la diffusion d informations et de ressources que chaque utilisateur peut
NOTICE INSTALLATION. ARCHANGE WebDAV Office N&B/Couleur KONICA MINOLTA BUSINESS SOLUTIONS FRANCE
NOTICE INSTALLATION ARCHANGE WebDAV Office N&B/Couleur KONICA MINOLTA BUSINESS SOLUTIONS FRANCE Date Version Marque de révision Rédaction 02/08/2012 3 - Benjamin VERGUET Nicolas AUBLIN 1) PRINCIPE DE FONCTIONNEMENT...
Le serveur HTTPd WASD. Jean-François Piéronne
Le serveur HTTPd WASD Jean-François Piéronne Sommaire Caractéristiques Architecture générale Performances Intégration dans OpenVMS Caractéristiques Implémentation complète HTTP/1.0 Méthodes "GET", "HEAD",
Master1 ère année. Réseaux avancés I. TP nº5 filière ISICG
Master1 ère année Réseaux avancés I TP nº5 filière ISICG Utilisation de la microplateforme Bottle et du framework AngularJS La «micro web-framework» Bottle pour Python Les principales caractèristiques
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
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).
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
Configurer la supervision pour une base MS SQL Server Viadéis Services
Configurer la supervision pour une base MS SQL Server Référence : 11588 Version N : 2.2 : Créé par : Téléphone : 0811 656 002 Sommaire 1. Création utilisateur MS SQL Server... 3 2. Configuration de l accès
Développement Web. Les protocoles
Développement Web NFA016 2007-2008 Les protocoles CNAM le 28 octobre 2007 O. Pons S. Rosmorduc M. Simonot 1 / 27 Notion de protocole Un réseau : ensemble de machines reliées entre elles. Communiquer :
Caruso33 : une association à votre service
Caruso33 : une association à votre service Le b-a ba sur le réseau Internet Comment vous trouver facilement sur Internet Pourquoi un portail des associations? Les modalités pour figurer sur le portail
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
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
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
Devenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
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
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)
FORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006
I. INTRODUCTION 1. Présentation du formateur et des élèves 2. Historique internet : d'où ça vient a. Historique général : 3 étapes majeures 1. l'histoire de l'informatique débute en 1942 avec la première
Gestion du cache dans les applications ASP.NET
Gestion du cache dans les applications ASP.NET Version 1.0 James RAVAILLE http://blogs.dotnet france.com/jamesr 2 Gestion du cache dans les applications ASP.NET v 1.0 03/01/09 Sommaire 1 Introduction...
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
Compte Rendu d intégration d application
ISMA 3EME ANNEE Compte Rendu d intégration d application Compte Rendu Final Maxime ESCOURBIAC Jean-Christophe SEPTIER 19/12/2011 Table des matières Table des matières... 1 Introduction... 3 1. Le SGBD:...
.NET - Classe de Log
.NET - Classe de Log Classe permettant de Logger des données Text Dans tous les projets, il est indispensable de pouvoir stocker de l'information textuelle : Pour le suivi des erreurs Pour le suivi de
Flex. Lire les données de manière contrôlée. Programmation Flex 4 Aurélien VANNIEUWENHUYZE
Flex Lire les données de manière contrôlée 1 Plan Lier les données Stocker les données Valider les données 2 Gérer des données Lier des données La notion de DataBinding est l une des plus importantes du
Vulnérabilités et sécurisation des applications Web
OSSIR 09/09/2002 Vulnérabilités, attaques et sécurisation des applications Web Pourquoi les firewalls sont impuissants patrick.chambet@edelweb.fr http://www.edelweb.fr http://www.chambet.com Page 1 Planning
Bases de Données et Internet
Informatique S6 3A Bases de Données et Internet Python: SGBD et CGI Alexis NEDELEC LISYC EA 3883 UBO-ENIB-ENSIETA Centre Européen de Réalité Virtuelle Ecole Nationale d Ingénieurs de Brest enib c 2008
CONCOURS DE L AGRÉGATION INTERNE «ÉCONOMIE ET GESTION» SESSION 2015 SECONDE ÉPREUVE
CONCOURS DE L AGRÉGATION INTERNE «ÉCONOMIE ET GESTION» SESSION 2015 SECONDE ÉPREUVE Épreuve de cas pratique dans la spécialité correspondant à l'option choisie par le candidat Option D Durée de préparation
Application de lecture de carte SESAM-Vitale Jeebop
Application de lecture de carte SESAM-Vitale Jeebop Présentation Le module de lecture de carte SESAM-Vitale Jeebop est une application Java Web Start, c'est à dire une application Java qui se télécharge
XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition)
Présentation du langage XML 1. De SGML à XML 17 2. Les bases de XML 18 2.1 Rappel sur HTML 18 2.2 Votre premier document XML 19 2.3 Les avantages de XML 21 3. La syntaxe XML 21 3.1 La première ligne du
Projet en nouvelles technologies de l information et de la communication
Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima
Introduction aux concepts d ez Publish
Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de
Soon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions
Module Magento SOON Soon_AdvancedCache Rédacteur Hervé G. Lead développeur Magento herve@agence-soon.fr AGENCE SOON 81 avenue du Bac 94210 LA VARENNE ST HILAIRE Tel : +33 (0)1 48 83 95 96 Fax : +33 (0)1
Les outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
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
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
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
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
Micro-ordinateurs, informations, idées, trucs et astuces utiliser le Bureau à distance
Micro-ordinateurs, informations, idées, trucs et astuces utiliser le Bureau à distance Auteur : François CHAUSSON Date : 8 février 2008 Référence : utiliser le Bureau a distance.doc Préambule Voici quelques
Le MSMQ. Version 1.0. Pierre-Franck Chauvet
Le MSMQ Version 1.0 Z Pierre-Franck Chauvet 2 [Le MSMQ] [Date : 10/10/09] Sommaire 1 Introduction... 3 2 Le Concept... 5 2.1 Les messages... 5 2.2 Les files d attentes... 5 2.3 WorkGroup... 7 2.4 Active
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
Documentation CAS à destination des éditeurs
Documentation CAS à destination des éditeurs Sommaire Préambule... 1 Présentation de CAS...2 Intérêt... 2 Fonctionnement de base...2 Synoptique des échanges (1ère connexion)... 2 Synoptique des échanges
Serveurs de noms Protocoles HTTP et FTP
Nils Schaefer Théorie des réseaux (EC3a) Serveurs de noms Protocoles HTTP et FTP Théorie des réseaux (EC3a) Séance 7 Pourquoi DNS? Internet est une structure hiérarchique et arborescente de réseaux et
Paris Airports - Web API Airports Path finding
Paris Airports - Web API Airports Path finding Hackathon A660 Version Version Date writer Comment 1.0 19/05/2015 Olivier MONGIN Document creation Rédacteur : Olivier.MONGIN@adp.fr Date : 19/05/2015 Approbateur
PDO : PHP Data Object 1/13
PDO : PHP Data Object 1/13 Tous ne sont que des extensions... Les fonstions mysql_* : API mysql Les fonctions mysqli_* aussi Il en est de même pour PDO PDO (avec le pilote PDO MySQL Driver et Extension
Aspects techniques : guide d interfaçage SSO
COURDECO Aspects techniques : guide d interfaçage SSO Septembre 2011 Cette annexe présente succinctement le système d'authentification unique (SSO : single sign on, authentification unique) utilisé dans
Services sur réseaux. Trois services à la loupe. Dominique PRESENT Dépt S.R.C. - I.U.T. de Marne la Vallée
Trois services à la loupe Services sur réseaux Dominique PRESENT Dépt S.R.C. - I.U.T. de Marne la Vallée Plan du cours : 1. Services de messagerie Architecture Fonctionnement Configuration/paramétrage