AJAX. Cours Nouvelles Technologies du web
|
|
|
- Marie-Claire Dumouchel
- il y a 8 ans
- Total affichages :
Transcription
1 AJAX Cours Nouvelles Technologies du web
2 Application traditionnelle Application WEB traditionnelle : Le client envoie une requête HTTP Le serveur renvoie une page Requête 1 Réponse 1 Html Génération du document pour la requête 1 Requête 2 Client Réponse 2 Html Génération du document pour la requête 2 Serveur HTTP
3 Application traditionnelle Inconvénients : Consommation inutile de la bande passante : Une grande partie du code est commun aux différentes pages. Le navigateur gère un cache mais pas pour des parties d'un fichier HTML Le chargement d une nouvelle page n est pas ergonomique : Délai variable pendant lequel la page n'est pas affichée ou seulement partiellement A comparer à une application traditionnelle
4 Application traditionnelle Avantages : Le serveur et le client ont chacun un travail L'application ne doit donc pas être prise en charge entièrement d'un coté ou de l'autre Tout ne peut pas être confié au client : Manque de sécurité/confiance On ne veut pas envoyer la base de données au client Limitations en puissance de calcul
5 Pourquoi AJAX Nécessité de communication entre client et serveur Volonté de ne pas perdre de bande passante Principe de base : Javascript émet des requêtes vers le serveur Le serveur répond avec uniquement les informations demandées Javascript traite les données reçues et modifie la page si nécessaire Tout se passe sans rechargement de la page = AJAX / Asynchronous Javascript and XML
6 AJAX Requête 1 Réponse 1 Html et Script Génération du document pour la requête 1 Requête 2 Client Script Réponse 2 Données Requête 3 Génération du document pour la requête 2 Serveur HTTP Réponse 3 Données Génération du document pour la requête 3
7 Exemple d'utilisation Auto complétion dur un moteur de recherche : L'utilisateur commence à taper "xxx" La liste des requêtes possibles s'affiche
8 Exemple d'utilisation <html><head> <script type="text/javascript"> function getanswers(query) {...} function displayanswers(ml) { var answers = getanswers(ml); var list = ""; for (i=0; i<answers.length ; i++) list += "<li>"+answers[i]+"</li>"; document.getelementbyid("answers").innerhtml = list; } </script> </head><body><form> <input id="search" type ="text" value="" onkeyup="displayanswers(this.value);"> <ul id="answers"> </ul> </form></body></html>
![length ; i++) list += "<li>"+answers[i]+"</li>"; document.getelementbyid("answers").](/docs-images/47/11960891/images/page_8.jpg "innerhtml = list; } </script> </head><body><form> <input id=\"search\" type =\"text\" value=\"\"")
9 Exemple d'utilisation Moteur de recherche : L'utilisateur commence à taper "xxx" Javascript récupère le "xxx" Puis demande au serveur les recherches fréquentes commençant par "xxx" Et affiche la réponse du serveur Il faut juste écrire la fonction getanswers() Le tout prend moins d'une seconde, c'est transparent pour l'utilisateur
10 Qui utilise Ajax Clients de messagerie : Gmail, Yahoo Mail, HotMail Google, Google Maps FlickR, Picasa Deezer Youtube, Dailymotion Myspace, Facebook
11 Comment ça marche Un exemple sans AJAX direct : requête faite automatiquement par le navigateur récupération d'une image à distance <body onload="javascript:document.images[0].src = ' <img id="img01" src="vide.jpg"></a> </body>
12 Comment ça marche function getanswers(query) {...} 1. La fonction getanswers() crée un objet XMLHttpRequest Existe sur tous les navigateurs "modernes". 2. Cet objet permet de faire une requête vers la page concernée Conceptuellement identique à la recherche d'image. 3. On traite le résultat et on met à jour la page web
13 L'objet XmlHttpRequest AJAX se base sur XmlHttpRequest Initialement développé par Microsoft (!), en tant qu'objet ActiveX, pour Internet Explorer 5 Puis repris et implémenté sous Mozilla 1 Safari 1.2, Konqueror 3.4 et Opera 8. Pas supporté par certains vieux navigateurs. Proposé en 2006 pour devenir une recommandation du W3C : Draft novembre 2009
14 L'objet XmlHttpRequest Problèmes : Nécessite un navigateur compatible, autorisant le Javascript et XMLHTTP. Nécessite plus de tests car il existe de grandes différences entre les navigateurs. XMLHttpRequest n'est pas implémenté de la même manière selon les navigateurs (et les versions des navigateurs). Solution la plus simple : Aller chercher le code sur Internet
15 Création de l'objet XMLHttpRequest Pour Internet Explorer (avant IE7) : xhr = new ActiveXObject("Microsoft.XMLHTTP"); Ou xhr = new ActiveXObject("Msxml2.XMLHTTP"); Pour les autres navigateurs : xhr = new XMLHttpRequest();
16 Création de l'objet XMLHttpRequest function getxmlhttprequest() { if (window.xmlhttprequest) { return new XMLHttpRequest(); } else { if (window.activexobject) { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { return NULL; }}}}}
17 Création (bis) function getxmlhttprequest() { if (window.xmlhttprequest) return new XMLHttpRequest(); if (window.activexobject) { var names = [ "Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.3.0", "Msxml2.XMLHTTP", "Microsoft.XMLHTTP" ]; for(var i in names) { try { return new ActiveXObject(names[i]); } catch(e) {} } } window.alert("votre navigateur ne prend pas en charge l'objet XMLHTTPRequest."); return null; }
18 Méthodes de l objet open(method, url, async [, user, password]) Prépare une requête en indiquant La méthode (GET ou POST), l'url, le drapeau de synchronisation Et éventuellement le nom d'utilisateur et le mot de passe send (contenu) Effectue la requête, éventuellement en envoyant les données setrequestheader("champ","valeur") Assigne une valeur à un champ d'entête HTTP qui sera envoyé lors de la requête
19 Méthodes de l objet abort() Abandonne la requête getallresponseheaders() Renvoie l'ensemble de l'entête de la réponse sous forme de chaîne de caractères getresponseheader("champentete") Renvoie la valeur d'un champ d'entête HTTP
20 Propriétés de l'objet responsetext / responsexml Réponse sous forme de chaîne de caractères / objet DOM status / statustext : Code numérique de réponse du serveur HTTP À tester pour s'assurer que tout est bon 200 : OK 404 : page introuvable... message accompagnant le code de réponse : 404 : Not Found
21 Exemple simple <html> <body> <script language="javascript"> function getxmlhttprequest() {...} function ajax() { var xhr=getxmlhttprequest(); xhr.open("get", "test.html", false); xhr.send(null); alert(xhr.responsetext); } </script> <a href="javascript:ajax();">cliquez-moi!</a> </body> </html>
22 Synchrone ou asynchrone Requête synchrone : Tout est bloqué en attendant la réponse Pas ergonomique C'est l'approche la plus simple Les réponses arrivent forcément dans l'ordre Requête asynchrone : Le navigateur continue à répondre aux événements en attendant la réponse Plusieurs requêtes envoyées en même temps, les réponses peuvent arriver dans le désordre
23 Javascript Asynchrone Le choix entre synchrone et asynchrone se fait dans l'appel à XMLHttpRequest (méthode open) : true pour asynchrone false pour synchrone Dans le cas d un appel asynchrone, le résultat est récupéré par une fonction : xhr.onreadystatechange = function() {...};
24 Autres propriétés de l'objet readystate : État de l'objet : 0 : non initialisé 1 : ouverture = méthode open() appelée avec succès 2 : envoyé = méthode send() appelée avec succès 3 : en train de recevoir = données en cours de transfert 4 : terminé = données chargées onreadystatechange : Fonction appelée à chaque changement d'état
25 Pour résumer Deux méthodes principales : open : pour établir une connexion. send : pour envoyer une requête au serveur. Récupération des données : Champs responsexml ou responsetext. Créer un nouvel objet XmlHttpRequest, pour chaque fichier à charger.
26 Un exemple function ajax() { var xhr=getxmlhttprequest(); xhr.onreadystatechange = function() { if(xhr.readystate == 4) { if(xhr.status == 200) alert("received : " + xhr.responsetext); else alert("error code : " + xhr.status);}}; xhr.open("get", "test2.html", true); xhr.send(null); } <body> <a href="javascript:ajax();">cliquez-moi!</a> </body>
27 HTTP GET ou POST GET pour récupérer des données Les informations sont passées dans l'url Les requêtes GET doivent pouvoir être bookmarkées ou mises en cache Elle ne doivent donc pas provoquer de mises à jour sur le serveur POST pour envoyer des données Pour tout ce qui ne correspond pas à un GET
28 AJAX : X = XML Le serveur peut renvoyer des données XML responsexml contient la réponse dans ce format La méthode javascript getelementsbytagname(nom) d un objet permet de cibler un élément var docxml= xhr.responsexml; var items = docxml.getelementsbytagname("donnee"); for (i=0;i<items.length;i++) { alert (items.item(i).firstchild.data); }
29 Attention! Les requêtes AJAX asynchrones passent par Internet Aucune garantie que les paquets arrivent dans l'ordre. Aucune garantie qu'une requête soit terminée avant qu'une autre ne soit lancée : Les délais peuvent varier énormément à cause de la charge du serveur ou du réseau Nécessite de faire très attention à ce qu'on fait : Cf exemple de recherche google, on ne veut pas afficher pour "a" après celles pour "ab"
30 Inconvénients JavaScript doit être activé Les données chargées de façon dynamique ne font pas vraiment partie de la page. Prise en compte par les moteurs de recherche pas claire Asynchrone => affichage avec délai, peut poser problème à l'utilisateur Le bouton «Page précédente» ne marche pas en général : on peut recharger une page mais plus difficilement annuler des modifications faites par Javascript
31 Conclusions sur Ajax Combinaison de langages standards du WEB (Javascript, DOM HTML, XML) grâce à l objet XMLHttpRequest WEB dynamique «coté client» Utilisé par tous les sites «WEB 2.0» Un outil à utiliser en attendant le déploiement du HTML5 (prévu pour 2010)
32 Optimisation Librairies : Utiliser des outils pour combiner plusieurs fichiers Javascript ou CSS afin de créer un seul gros fichier pour diminuer la charge sur le serveur Une seule requête Le fichier peut être mis en cache Eviter les appels multiples : Mieux vaut faire une seule grosse requête au début que plein de petites requêtes.
33 JSON JAVASCRIPT OBJECT NOTATION Cours Nouvelles Technologies du web
34 JSON? Format d'échange de données. Objectifs : Simple. Extensible. Ouvert. Lisible par un humain. Similaire à la définition des objets Javascript Les tableaux associatifs javascript
35 JSON : JavaScript Object Notation Les types de base Nombres entiers, rééls ou à virgule flottante Chaînes de caractères Booléen true et false Tableaux [, ] ou tableaux associatifs (objets) "clé":valeur : {, } null {"Nom":"Guillaume", "Age":33, "Adresse": {"rue":"104 avenue Kennedy", "cp":"75016","ville":"paris"}, "notes": [1, 2, 4, 8, 16, 32] }
36 JSON et Javascript JSON peut être utilisé directement : Inclusion dans du HTML <script > var data = JSONdata; </script> Peut être converti en un objet Javascript responsedata = eval('(' + responsetext + ')');
37 JSON ou XML? JSON est très utilisé avec AJAX (le X de AJAX est pour XML) JSON : {"nom": "Guillaume", "prenom": "Jean-Loup"} XML : <?xml version='1.0 encoding='utf-8'?> <element> <nom>guillaume</nom> <prenom>jean-loup</prenom> </element>
38 JSON ou XML? Evaluation en JSON : var name = eval('(' + req.responsetext + ')').nom.value; Ou : eval('(' + req.responsetext + ')').xyz.abc.value; Accès simplifié aux différent niveaux.
39 JSON ou XML? Evaluation en XML : var root = req.responsexml; var name = root.getelementsbytagname( nom ); Ou : root.getelementsbytagname( xyz )[0].firstChild Un peu plus complexe
40 JSON ou XML Taille des données : plus petite en JSON (pas de fermeture de tag) XML se compresse mieux Vitesse : XML se parse mieux JSON s'évalue avec eval : peu efficace (pour l'instant) Choix : JSON : structures de données XML : structuration de documents A vous de faire votre choix!
41 AJAX ou AJAJ : J = JSON XML pas évident à parser en Javascript On utilise plutôt JSON {"menu": { "id": "file", "value": "File", "popup": { "menuitem": [ {"value": "New","onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"}] } }}
42 Exemple d utilisation de JSON Coté client : JSON inclus dans JavaScript. Le contenu est assigné à une variable et devient un objet. // Création de la connexion : var req = new XMLHttpRequest(); req.open("get", "fichier.json", true); req.onreadystatechange = function() { if (req.readystate == 4) { var doc = eval('(' + req.responsetext + ')'); } } req.send(null);
43 Exemple d utilisation de JSON Coté serveur : Parseurs pour générer du JSON à partir d'objets en Php ou JAVA L'échange de données : Envoi avec AJAX <?php?> $arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5); echo json_encode($arr); Affiche : {"a":1,"b":2,"c":3,"d":4,"e":5}
44 JAVASCRIPT OPTIMISATION DE CODE
45 Un navigateur Fonctionne mais : Problèmes de sécurité Problèmes de performance : Ouvrir 20 onglets sous Firefox pose quelques problèmes Pas prévu spécifiquement pour Ajax Très gourmand en ressources Modification du DOM et autres Autant aider le navigateur en codant proprement
46 Du code correct avant tout! Ne pas forcément optimiser avant que ça ne marche : Si ça ne fonctionne pas, on se moque que ça aille vite Mais y penser avoir d'avoir 10k lignes de code Tester dans des situations réelles : Réseau, client ou serveur lent (tester en local peut masquer de nombreux problèmes de performance) Utilisation de Yslow avec Firebug
47 Optimisation Approches complémentaires : Suivre des cours d'algorithmique Comprendre que Javascript est un langage interprété : pas de compilateur pour optimiser le code! Tester différentes façons de faire la même chose
48 Algorithmique - exemple Calcul de Fibonacci en récursif : Exemple : calcul de fibonacci(30) Retourne Combien d'appels à la fonction fibonacci? var fibonacci = function (n) { return n < 2? n : fibonacci(n - 1) + fibonacci(n - 2); };
49 Algorithmique - exemple Nombre d'appels : Pourquoi : on recalcule de nombreuses fois les mêmes chose autant tout stocker en mémoire et ne pas refaire les calculs function fibonacci(n) { } var fibo_tab = [0,1]; var fibonacci_aux = function(n) { }; var result = fibo_tab[n]; if (typeof result!== 'number') { } result = fibonacci_aux(n-1)+fibonacci_aux(n-2); fibo_tab[n] = result; return result; return fibonacci_aux(n);
50 Langage interprété var i; for (i = 0; i < divs.length; i += 1) { divs[i].style.color = "black"; divs[i].style.border = thickness + "px solid blue"; divs[i].style.backgroundcolor = "white"; } Que peut-on améliorer?
51 Langage interprété Les choses "couteuses" : Calcul de la longueur du tableau Recherche de divs[i].style Concaténation de chaîne var border = thickness + 'px solid blue', nrdivs = divs.length, ds, i; for (i = 0; i < nrdivs; i += 1) { ds = divs[i].style; ds.color = "black"; ds.border = border; ds.backgroundcolor = "white"; }
52 Langage interprété La plupart des compilateurs font (par défaut) : La suppression de sous-expression communes La suppression des invariants de boucle Mais pas Javascript! Ne pas trafiquer le code à outrance non plus
53 Travailler sur des chaînes Qu'est ce qui est le plus rapide? str = 'test'; str += 'test'; str = 'test' + 'test'; Répété 1 million de fois : str = 'test'; str += 'test'; : 432 ms str = 'test' + 'test'; : 70 ms Résultat pas forcément intuitif
54 Optimisation Ce qui est couteux : Modification du DOM (Document Object Model) InnerHTML en particulier est très couteux Éviter de faire des obj.innerhtml += chaine Plutôt construire le nouveau contenu et l'insérer en une fois
55 Optimiser ou ne pas optimiser? Certains navigateurs ont des fonctions mal implémentées. Deux versions d'une même navigateur peuvent présenter des caractéristiques très différentes. Eviter les astuces qui peuvent fonctionner sur un navigateur mais pas sur un autre Plutôt penser à long terme.
56 Optimiser en connaissance Mesurer avec précision : debut = new Date().valueOf(); fonction_a_evaluer (); fin = new Date().valueOf(); duree = end_time - start_time; Attention : Un seul essai ne veut rien dire en général. Tester avec différents paramètres (complexité)
57 A faire en TME / toujours Vérifier vos fonctions récursives. Ecrire des fonctions pour faire du profiling de code. Tester plusieurs approches.
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
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
Optimiser les performances d un site web. Nicolas Chevallier Camille Roux
Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net
Le stockage local de données en HTML5
Le stockage local HTML5, pourquoi faire? Dans une optique de réduction des couts de maintenance, de déploiement, beaucoup d'entreprises ont fait le choix de migrer leurs applicatifs (comptables, commerciales,
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
Petite définition : Présentation :
Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise
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
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
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/
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)
AJAX. (Administrateur) (Dernière édition) Programme de formation. France, Belgique, Suisse, Roumanie - Canada
AJAX (Administrateur) (Dernière édition) Programme de formation Microsoft Partner France, Belgique, Suisse, Roumanie - Canada WWW.SASGROUPE.COM Formez vos salariés pour optimiser la productivité de votre
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
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
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
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
Mozilla Firefox 3.5. Google Chrome 3.0 LES NAVIGATEURS WEB. (pour Windows) Opéra 10. Internet Explorer 8. Safari 4.0
Mozilla Firefox 3.5 Google Chrome 3.0 LES NAVIGATEURS WEB (pour Windows) Opéra 10 Internet Explorer 8 Safari 4.0 1 1 Sommaire Qu est ce qu un navigateur Web? Fonctionnement Caractéristiques communes Caractéristiques
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
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
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.
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
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
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,
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
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
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
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
AWS avancé. Surveiller votre utilisation d EC2
10 AWS avancé Dans ce chapitre, nous bâtirons sur les bases que nous avons apprises jusqu ici. Nous étudierons des sujets plus avancés tels que la surveillance de votre utilisation d AWS, l utilisation
INF2015 Développement de logiciels dans un environnement Agile. Examen intra 20 février 2014 17:30 à 20:30
Examen intra 20 février 2014 17:30 à 20:30 Nom, prénom : Code permanent : Répondez directement sur le questionnaire. Question #1 5% Quelle influence peut avoir le typage dynamique sur la maintenabilité
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
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,
Wildix Web API. Guide Rapide
Wildix Web API Guide Rapide Version: 11.12.2013 API Web Wildix s'intègre avec les logiciels CRM, ERP, les solutions et web applications Fias / Fidelio. L'API de téléphonie Javascript vous permet de contrôler
E-mail : contact@nqicorp.com - Web : http://www.nqicorp.com
- 5, rue Soutrane - 06560 Valbonne Sophia-Antipolis E-mail : contact@nqicorp.com - Web : http://www.nqicorp.com NQI Orchestra 3.3 - Guide d'installation Windows.................................................................
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
La mémorisation des mots de passe dans les navigateurs web modernes
1 La mémorisation des mots de passe dans les navigateurs web modernes Didier Chassignol Frédéric Giquel 6 décembre 2005 - Congrès JRES 2 La problématique Multiplication des applications web nécessitant
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
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
Présentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
Formation. Module WEB 4.1. Support de cours
Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,
Développement d'applications Web HTML5 L'art et la manière avec Visual Studio 2015 et TFS
Avant de commencer 1. Introduction 15 2. HTML5 oui, mais pas que... 15 2.1 HTML5 16 2.2 JavaScript 17 2.3 CSS 18 3. Les outils 18 Préparation des outils et création du projet 1. Introduction 21 2. Team
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
Corrigé de l'atelier pratique du module 8 : Implémentation de la réplication
Corrigé de l'atelier pratique du module 8 : Implémentation de la réplication Table des matières Atelier pratique 8 : Implémentation de la réplication 1 Exercice 1 : Création d'une publication 1 Exercice
Veille technologique
Moteur de Jeu de Stratégie Web Projet TI5 Veille technologique Auteurs : Ilyas Boutebal Maxime Colin Adrian Gaudebert Youness Hamri Van Duc Nguyen Client : Pierre-Antoine Champin 20 janvier 2011 Table
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
Réglages du portail de P&WC
Réglages du portail de P&WC Afin de régler votre navigateur Internet Explorer et de résoudre quelques problèmes spécifiques que les utilisateurs du portail de P&WC pourraient éprouver, nous vous recommandons
E-mail : contact@nqicorp.com - Web : http://www.nqicorp.com
- 5, rue Soutrane - 06560 Valbonne Sophia-Antipolis E-mail : contact@nqicorp.com - Web : http://www.nqicorp.com NQI Orchestra 3.3 - Guide d'installation Linux....................................................................
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.
Accès au Serveur de PAIE «SPV» par INTERNET Paramétrage du poste de travail «Windows»
Accès au Serveur de PAIE «SPV» par INTERNET Paramétrage du poste de travail «Windows» 1 Introduction... 2 2 Contrôle de la version d Internet Explorer... 3 3 Contrôle de la Machine Virtuelle Java de Microsoft...
Utiliser un client de messagerie
Utiliser un client de messagerie A. Préliminaires 1. Qu est-ce qu un client de messagerie? Habituellement, pour consulter vos mails, vous devez vous rendre sur internet, sur le webmail de votre fournisseur
Plateforme PAYZEN. Définition de Web-services
Plateforme PAYZEN Définition de Web-services Ordre de paiement Version 1.1 Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa Nom Date/Visa Nom Date/Visa Lyra-Network
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
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
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
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
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
MEDIAplus elearning. version 6.6
MEDIAplus elearning version 6.6 L'interface d administration MEDIAplus Sommaire 1. L'interface d administration MEDIAplus... 5 2. Principes de l administration MEDIAplus... 8 2.1. Organisations et administrateurs...
Impact des robots d indexation sur le cache de second niveau de SPIP IMBERTI Christophe - SG/SPSSI/CP2I/DO Ouest 06/06/2012 mis à jour le 05/07/2012
Impact des robots d indexation sur le cache de second niveau de SPIP IMBERTI Christophe - SG/SPSSI/CP2I/DO Ouest 06/06/2012 mis à jour le 05/07/2012 SOMMAIRE 1. LE CONSTAT... 2 2. L EXPLICATION... 2 3.
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
Sage CRM. Sage CRM 7.3 Guide du portable
Sage CRM Sage CRM 7.3 Guide du portable Copyright 2014 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur
Introduction à MATLAB R
Introduction à MATLAB R Romain Tavenard 10 septembre 2009 MATLAB R est un environnement de calcul numérique propriétaire orienté vers le calcul matriciel. Il se compose d un langage de programmation, d
Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 12/09/2008. AUTEUR : Equipe technique Syfadis
Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 12/09/2008 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué
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.
Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis
Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 20/06/2007 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué
RAPPORT D'OPTIMISATION DU SITE INTERNET
RAPPORT D'OPTIMISATION DU SITE INTERNET WWW.EPICURIUM.FR Réalisé par Armandine Rue et Virginie Gatin Introduction Dans le cadre du cours de web-marketing, nous avons analysé le site internet d Epicurium
Dossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10
Dossier Technique Page 1/10 Sommaire : 1. REPONSE TECHNIQUE A LA DEMANDE 3 1.1. Prise en compte de la dernière version de phpcas 3 1.2. Gestion de la connexion à GRR 3 1.2.1. Récupération des attributs
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
Campagnes d e-mailings v.1.6
Campagnes d e-mailings v.1.6 Sommaire Objet Page I Préparation de la campagne 3 I 1 / Le compte de messagerie pour l envoi des emails 3 I 2 / Configurer le modèle de l email 4 I 3 / La préparation des
Vérification intégrée de l'utilisateur Guide d'implémentation client 2015-05-04 Confidentiel Version 2.9
Vérification intégrée de l'utilisateur Guide d'implémentation client 2015-05-04 Confidentiel Version 2.9 SOMMAIRE Introduction... 2 Objectif et public visé... 2 À propos de ce document... 2 Termes fréquemment
ESPACE COLLABORATIF SHAREPOINT
Conseil de l Europe Service des Technologies de l Information ESPACE COLLABORATIF SHAREPOINT DOSSIER D UTILISATEUR 1/33 Sommaire 1. Présentation de SharePoint... 3 1.1. Connexion... 4 2. Les listes...
Présentation du langage et premières fonctions
1 Présentation de l interface logicielle Si les langages de haut niveau sont nombreux, nous allons travaillé cette année avec le langage Python, un langage de programmation très en vue sur internet en
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
Guide Utilisateur. Les communications unifiées au service de la performance opérationnelle. sfrbusinessteam.fr. Faire équipe avec vous
Faire équipe avec vous En exclusivité dans le Pack Business Entreprises, bénéficiez de la solution Microsoft Office Communicator, un véritable outil de travail collaboratif convivial et performant pour
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,
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
Tutoriel pour la création d'un Google Sites
Créer un site web gratuitement avec Google Sites Le site des tutoriels Google Sites, pour créer gratuitement un site Google, trucs et astuces, best practice et info technique pour Google Sites, Gmail,
Préconisations Portail clients SIGMA
Préconisations Portail clients SIGMA Client Web Version Minimum : Pentium 4 et 512 Mo de Ram Version Préconisée : Core 2 Duo 2 GHz et 1 Go de Ram Internet Explorer (7, 8 ou 9), Firefox Résolution minimum
Guide d installation
Free Android Security Guide d installation Marques et copyright Marques commerciales Windows est une marque déposée de Microsoft Corporation aux États-Unis et dans d'autres pays. Tous les autres noms de
Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :
CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i
Projet de programmation (IK3) : TP n 1 Correction
Projet de programmation (IK3) : TP n 1 Correction Semaine du 20 septembre 2010 1 Entrées/sorties, types de bases et structures de contrôle Tests et types de bases Tests et types de bases (entiers) public
Formation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Manuel d utilisation email NETexcom
Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La
Maarch V1.4 http://www.maarch.org
COLD (factures clients) Maarch Professional Services Maarch PS anime le développement d un produit d archivage open source : http://www.maarch.org Guide de visite COLD (factures clients) VERSION DATE ACTEUR
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
FOIRE AUX QUESTIONS PAIEMENT PAR INTERNET. Nom de fichier : Monetico_Paiement_Foire_aux_Questions_v1.7 Numéro de version : 1.7 Date : 2014-05-29
FOIRE AUX QUESTIONS PAIEMENT PAR INTERNET Nom de fichier : Monetico_Paiement_Foire_aux_Questions_v1.7 Numéro de version : 1.7 Date : 2014-05-29 FOIRE AUX QUESTIONS Confidentiel Titre du document : Monetico
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é
Service WEB, BDD MySQL, PHP et réplication Heartbeat. Conditions requises : Dans ce TP, il est nécessaire d'avoir une machine Debian sous ProxMox
Version utilisée pour la Debian : 7.7 Conditions requises : Dans ce TP, il est nécessaire d'avoir une machine Debian sous ProxMox Caractéristiques de bases : Un service web (ou service de la toile) est
Logiciel : GLPI Version : 0.72.4 SYNCRHONISATION DE GLPI AVEC ACTIVE DIRECTORY. Auteur : Claude SANTERO Config. : Windows 2003.
Ce document est libre de droit, merci simplement de respecter son auteur. Toutes remarques ou commentaires seront les bienvenues. ATTENTION : La mise à jour par script entre GLPI et Active Directory ne
Guide d implémentation. Réussir l intégration de Systempay
Guide d implémentation - Interface avec la plateforme de paiement - Réussir l intégration de Systempay Version 1.4b Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa
INTERNET. Etsup 2012 Florian.jacques@etsup.com
INTERNET Etsup 2012 Florian.jacques@etsup.com Extraits de «Guide de l'informatique 6: Internet et les pages web» et «Guide de l'informatique 7: le courrier électronique» sur softonic.fr http://onsoftware.softonic.fr/guide-de-linformatique-6-internet-et-les-pages-web
Installation et utilisation d'un certificat
1 IceWarp Merak Mail Server Installation et utilisation d'un certificat Icewarp France octobre 2007 2 Icewarp Merak Mail Serveur : Guide de mises à jour à la version 9 Sommaire Introduction...3 Situation
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,
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
ADMINISTRATION TÉLÉSERVICES
ADMINISTRATION TÉLÉSERVICES Guide de l ouverture des Téléservices Version pré 14.3 juillet 2014 SIECLE Module «Administration Téléservices» SIECLE Module Administration Téléservices Guide d ouverture 1/14
Tutoriel: Création d'un Web service en C++ avec WebContentC++Framework
Tutoriel: Création d'un Web service en C++ avec WebContentC++Framework Gaël de Chalendar CEA LIST / LIC2M Journée de Présentation des Technologies WebContent INSTN 14/12/2009 Présentation de gsoap Plan
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
Avanquest Software présente la nouvelle gamme WebEasy 8
La Garenne Colombes, le 22 Juin 2009 Avanquest Software présente la nouvelle gamme WebEasy 8 Des logiciels pour créer simplement des sites internet de qualité professionnelle sans aucune connaissance en
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
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
ipra*cool v 1.08 guide de l utilisateur ipra*cool v.1-08 Guide de l'utilisateur ipra*cool v 1.08 1
ipra*cool v.1-08 Guide de l'utilisateur ipra*cool v 1.08 1 Sommaire 1 ipra*cool en bref 2 Démarrage d' ipra*cool 2.1 Initialisation du logiciel ipra*cool ( sur MOBILE et PC) 2.1.1 Vérification des connexions