Programmation client / serveur
|
|
|
- Bérengère Fleury
- il y a 6 ans
- Total affichages :
Transcription
1 Benjamin Canou - Christian Queinnec Cours 5 du 17/12/2012
2 Programmation côté client Rappels rapides sur JavaScript Manipulation du document et du style via DOM
3 L'inévitable JavaScript La mode est aux applications Web : Plus seulement des sites Web : le client devient intelligent On veut donc programmer le navigateur : Interagir avec l'utilisateur S'adapter au matériel (ex capacités spécifiques aux mobiles) Communiquer avec le serveur Modifier dynamiquement la page Web Donc on doit utiliser JavaScript : Le langage de script inclus dans les navigateurs grand public La seule façon de programmer certains navigateurs (ios, Windows 8, etc) Plus simple pour accéder au document que les greffons Et on veut l'utiliser pour : Une riche galaxie de bibliothèques dont on veut profiter Ses performances passées de ridicules à plutôt bonnes 3 / 27
4 Fonctionnement des navigateurs Modèle d'exécution : la boucle d'évènements Rendu graphique Gestion des évènements Pas de mise à jour de l'affichage pendant la gestion d'évènements Impossible de toucher à la queue d'évènements de l'instant courant Exécution bloquée durant la gestion d'évènements (Don't) try javascript:settimeout(function(){while(true){}}) Gestion d'évènements : Prendre en charge un évènement = lui affecter une fermeture JavaScript Évènements de ressources : matériel, requêtes réseau, etc Évènements d'interface : souris, clavier, etc Mécanisme particulier d'inhibition/propagation d'évènements (le bullage) Pour simuler un évènement : settimeout (pour le tour prochain) 4 / 27
5 Le DOM (Document Object Model) 1 / 2 Accès à la représentation interne du document dans le navigateur Arbre (sans cycle ni partage) Nœud HTML un nœud DOM = un objet JavaScript Initialement : Attribut HTML attribut DOM = propriété JavaScript Possibilité de modifier les nœuds, d'en ajouter, retirer, etc Comme en XML, les nœuds représentent : La structure (nœuds élément div, p, table) ; le contenu (nœuds texte) ; les méta-données (nœuds élément style, script, meta, etc) Les attributs stockent les données annexes associées aux nœuds Les gestionnaires d'évènements deviennent des fonctions JavaScript Les styles deviennent des objets JavaScript complexes Certains attributs subissent un traitement particulier (id, class, src, etc) 5 / 27
6 Le DOM (Document Object Model) 2 / 2 Un petit exemple en HTML : 1 : <body> 2 : <p style =" font family : ' Comic Sans MS' "> 3 : Hello World 4 : </p> 5 : </body> En version DOM : 1 : var p = document createelement ( "p" ) ; 2 : var t = document createtextnode ( " Hello World " ) ; 3 : p s t y l e fontfamily = " Comic Sans MS" ; 4 : p appendchild ( t ) ; 5 : document body appendchild ( p ) ; 6 / 27
7 Une petite page interactive 1 / 4 En trois niveaux de complexité : Étape 1 : clic une case de couleur aléatoire Étape 2 : clic un processus générateur de cases Étape 3 : clic sur une case disparition de la couleur et mort du processus 7 / 27
8 Une petite page interactive 2 / 4 1 : <script > 2 : function spawn ( ) { 3 : /* chosse random c o l o r and delay */ 4 : var timeout = Math floor ( Math random ( ) * 900 ) : var r = Math floor ( Math random ( ) * 255 ) 6 : var g = Math floor ( Math random ( ) * 255 ) 7 : var b = Math floor ( Math random ( ) * 255 ) 8 : /* r e t r i e v e marked HTML element */ 9 : var basket = document getelementbyid ( " basket " ) 10 : /* create a c o l o r block */ 11 : var l i = document createelement ( " span " ) 12 : l i innerhtml = "  ;   ;   ;   ; " 13 : l i s t y l e backgroundcolor = " rgb ( " + r + ", " + g + ", " + b + " ) " 14 : /* i n s e r t our new item */ 15 : basket appendchild ( l i ) 16 : } 17 : </ script > 18 : <body> 19 : <button onclick ="spawn ( ) ">spawn</ button><br /> 20 : <span id =" basket " style =" font s i z e : 5 px "></span> 21 : </body> 8 / 27
9 Une petite page interactive 3 / 4 1 : <script > 2 : function spawn ( ) { 3 : var timeout, r, g, b /* */ 4 : /* async loop */ 5 : function loop ( ) { 6 : var basket, l i = /* with l o c a l r, g, b */ 7 : basket appendchild ( l i ) 8 : /* delayed r e c u r s i o n */ 9 : settimeout ( loop, timeout ) 10 : } 11 : loop ( ) 12 : } 13 : </ script > 9 / 27
10 Une petite page interactive 4 / 4 1 : <script > 2 : function spawn ( ) { 3 : var timeout, r, g, b = /* */ 4 : /* store blocks */ 5 : var a l l = [ ] 6 : /* async loop */ 7 : var stop = f a l s e 8 : function loop ( ) { 9 : i f ( stop ) return ; 10 : var basket, l i = /* */ 11 : l i o n c l i c k = function ( ) { 12 : /* cleartimeout ( loop ) */ 13 : stop = true ; 14 : for ( i in a l l ) basket removechild ( a l l [ i ] ) 15 : } 16 : a l l push ( l i ) 17 : basket appendchild ( l i ) 18 : settimeout ( loop, timeout ) 19 : } 20 : loop ( ) 21 : } 22 : </ script > 10 / 27
11 Bibliothèques JavaScript Généralistes Prototype, Dojo, scriptaculous, YUI, jquery, etc Interface uniforme masquant les singularités des navigateurs Fonction de confort, navigation dans DOM Animations / Transitions Support de widgets UI élaborés 11 / 27
12 La plus répandue : JQuery 15ko compressés (après miniaturisation (pour minified)) Recherche, filtrage, modifications dans le DOM Mécanismes de quasi héritage (JS est un langage à prototype) Encapsulation d'envoi/traitement de requêtes asynchrones Bibliothèque d'effets visuels et greffons point d'entrée : $() 1 : $ ( " d i v > p" ) 2 : f i l t e r ( function ( i ) ) 3 : each ( function ( i ) t h i s html ( ' <b>coucou</b> ' ) ) ; 4 : 5 : $ ( '# id ' ) a t t r ( ' t i t l e ', "$ { t h i s s r c } " ) ; 6 : 7 : $ ( document body ) bind ( " c l i c k ", function ( ) { a l e r t ( $ ( t h i s ) text ( ) ) } ) ; 8 : 9 : $ ( "p s u r p r i s e " ) addclass ( "ohmy" ) show ( " slow " ) ; 10 : 11 : $ ( function ( ) { a l e r t ( " F i n i! " ) ; } ) ; 12 / 27
13 Tutoriel JavaScript Langage de base Modèle objet à prototypes DOM & événements
14 Programmation Client / Serveur HTTP et AJAX Formats d'échange Canaux de communication
15 Objet XMLHttpRequest 1 / 2 Microsoft a introduit l'objet XMLHttpRequest qui permet, depuis le client, d'effectuer une requête HTTP (vers le domaine d'où provient la page) 1 : var req = window ActiveXObject 2 :? new ActiveXObject ( " Microsoft XMLHTTP" ) 3 : : new XMLHttpRequest ( ) ; 4 : req setrequestheader ( "X Requested With ", " XMLHttpRequest " ) ; 5 : req setrequestheader ( " Accept ", " */* " ) ; 6 : req onreadystatechange = function ( istimeout ) { 7 : i f ( httprequest readystate == 4 ) { / / reponse OK 8 : i f ( httprequest status == 200 ) { 9 : httprequest responsetext / / > S t r i n g 10 : httprequest responsexml / / > DOM 11 : } } } 12 : req open ( 'GET ', ' http : / /www example org /some f i l e ', 13 : isasync ) ; 14 : req send ( ) ; 15 / 27
16 Objet XMLHttpRequest 2 / 2 On peut sortir du modèle une requête = une page évenement navigateur informations réaffichage serveur évenement éventuellement! navigateur serveur RPC informations réaffichage Requêtes plus petites mais plus nombreuses côté serveur Boutons Previous et Next délicats Site non arpentable donc non indexable (cf mod_proxy) Attention à l'ordonnancement (canaux) 16 / 27
17 Codage des messages Suivant la tâche : XML : parser intégré, bien pour morceaux de documents, attention au xmlns JSON : parsing facile, lisible, proche de JavaScript Spécialisé (texte, base64, etc) JSON : sous-ensemble de définition de données de JavaScript tableau d'objets entre crochets table associative entre accolades et clés suffixées par deux points nombres, booléens, chaînes 1 : [ { a : 1, foo : [ 1e 23, 2 0, true ] }, 2 : " et meme \ nunicode \uabcd! " ] Analyse syntaxique : Facile mais dangereux : eval Analyseur syntaxique spécialisé 17 / 27
18 Sécurité On ne peut envoyer de requêtes qu'au site d'où la page provient Comment faire du mashup? Greffer dynamiquement dans le DOM un nœud script Une sorte de (très dangereuse) fonction eval, voir aussi JSOD (JavaScript On Demand) Établir des (coûteux pour le serveur) relais (proxys) sur le site originel Utiliser les iframes, exploitation de l'url pour communiquer 18 / 27
19 Exemple: complétion automatique 19 / 27
20 Graphe d'état: complétion automatique a clavier a serveur ab b a a+ ab ab+ Chaque lettre saisie envoie une requête au serveur La réponse provoque un affichage des mots ayant ce préfixe La réaction est à la vitesse du réseau (100 à 300 millisecondes) Nota: x- est l'état où le clavier a reçu x et où la requête demandant les mots préfixés par x a été émise x+ représente l'état où la réponse à cette requête a été reçue 20 / 27
21 Ordonnancement Non instantanéité des transitions! On peut aussi observer: a clavier a serveur En fait, on veut des canaux! Pseudo canaux HTTP : Comet, HTTP Push Et si possible : WebSockets ab a a+ ab ab+ Il faut donc : ordonner les requêtes et leurs réponses! Ordonnancer les fonctions de rappel (onreadystatechange) Considérer les codes 200, 304, 307, etc b 21 / 27
22 Intégration au code serveur Formes de couplage Exemples
23 Formes de couplage Couplage fort : Toutes sortes de RPC (interface commune) Solutions mono-langage (HOP, Ocsigen, etc) Responsabilité au cadriciel serveur : Composants (ex on ajoute une pré-validation aux champs) Génération de code par le moteur MVC Responsabilité au code client : Modèle : squelette initial + construction incrémentale de la page Interface à un serveur REST Mashup côté client 23 / 27
24 Le moment Perl : CGI::Ajax 1 / 2 1 : use CGI ; 2 : use CGI : : Ajax ; 3 : 4 : my $cgi = new CGI ; 5 : my $pjx = new CGI : : Ajax ( ) ; 6 : $pjx >r e g i s t e r ( ' JSFUNC ' => \& perl_func ) ; 7 : 8 : # Dans l a page HTML, se trouvent des b a l i s e s d i v avec l e s 3 i d 9 : # o nclick ="JSFUNC ( [ ' source1 ', ' source2 ' ], 10 : # [ ' dest1 ', j s f u n c 2 ] ) ; " 11 : # et l a fonction j s f u n c 2 ( a l a j s o d ) 12 : 13 : print $pjx >build_ html ( $cgi, \&Show_HTML ) ; 14 : 15 : sub perl_ func { 16 : my ( $input1, $input2 ) 17 : return ( "Ah $input2? ", "Oh $input1! " ) ; 18 : } 24 / 27
25 Le moment Perl : CGI::Ajax 2 / 2 1 : sub Show_HTML { 2 : my $html = <<EOHTML; 3 : <HTML><HEAD>< s c r i p t > 4 : function jsfunc2 ( ) { } 5 : </ s c r i p t ></HEAD> 6 : <BODY> 7 : Enter something : 8 : <input type=" t e x t " name=" val1 " id =" s1 " 9 : onkeyup="jsfunc ( [ ' s1 ', ' s1 ' ], [ ' dest1 ', j s f u n c 2 ] ) ; "> 10 : <br > 11 : < div id =" dest1 " ></ div > 12 : </BODY> 13 : </HTML> 14 : EOHTML 15 : return $html ; 16 : } 25 / 27
26 Composants MVC Que peut-on faire sans changer les composants existants? Validation (partielle bien sûr!) Tableaux interactifs (tris locaux, défilement AJAX) Onglets sans recharger la page Animations (glisser-deposer, menu accordéon, etc) En fait, beaucoup de choses 26 / 27
27 Conclusion Beaucoup de nouvelles possibilités Mais aussi beaucoup de nouvelles problématiques
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
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
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. 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
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
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
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
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,
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
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,
Cahier Technique. «Développer une application intranet pour la gestion des stages des étudiants» Antonin AILLET. Remi DEVES
Antonin AILLET Remi DEVES Thibaut AZZOPARDI 2 ème année de DUT Informatique Cahier Technique «Développer une application intranet pour la gestion des stages des étudiants» Encadré par Didier BOULLE Année
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
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,
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
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
Assistance à distance sous Windows
Bureau à distance Assistance à distance sous Windows Le bureau à distance est la meilleure solution pour prendre le contrôle à distance de son PC à la maison depuis son PC au bureau, ou inversement. Mais
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
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...
Utilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
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»
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
Programme «Analyste Programmeur» Diplôme d état : «Développeur Informatique» Homologué au niveau III (Bac+2) (JO N 176 du 1 août 2003) (34 semaines)
Programme «Analyste Programmeur» Diplôme d état : «Développeur Informatique» Homologué au niveau III (Bac+2) (JO N 176 du 1 août 2003) (34 semaines) Module 1 : Programmer une application informatique Durée
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
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
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
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...
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é
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
PARAMETRER INTERNET EXPLORER 9
PARAMETRER INTERNET EXPLORER 9 Résumé Ce document vous donne la marche à suivre pour paramétrer Microsoft Internet Explorer 9, notamment en vous indiquant comment lancer Internet Explorer 9, réinitialiser
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
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
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
Les grandes facettes du développement Web Nicolas Thouvenin - Stéphane Gully
Les grandes facettes du développement Web Qui sommes nous? Nicolas Thouvenin Stéphane Gully Projets Web depuis 2000 LAMP, NodeJS HTML, CSS, jquery
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
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
Bonnes pratiques de développement JavaScript
Bonnes pratiques de développement JavaScript Titre présentation Conférencier François Béliveau Romain Dorgueil A propos de nous... François Béliveau Développeur web depuis 8 ans Utilise symfony depuis
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
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
Printer Administration Utility 4.2
Printer Administration Utility 4.2 PRINTER ADMINISTRATION UTILITY (PAU) MANUEL D'INSTALLATION Version 2.2 Garantie Bien que l'entreprise se soit efforcée au maximum de rendre ce document aussi précis et
Cours d algorithmique pour la classe de 2nde
Cours d algorithmique pour la classe de 2nde F.Gaudon 10 août 2009 Table des matières 1 Avant la programmation 2 1.1 Qu est ce qu un algorithme?................................. 2 1.2 Qu est ce qu un langage
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...
Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.
Connexion à 4D Server depuis une page ASP Par Noreddine MARGOUM, Technicien Contrôle Qualité, 4D S.A. Note technique 4D-200403-08-FR Version 1 Date 1 Mars 2004 Résumé Le propos de cette note technique
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
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
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
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.
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
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
SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES
SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES Contact Traffic : Audrey Pluot-Etourneau apluot@staff.aufeminin.com LES FORMATS CLASSIQUES Nom du Format Dimension du Format Poids Max Fichiers Acceptés
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
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)
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
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
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.
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
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
Audit de site web. Accessibilité
Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes
LES ACCES ODBC AVEC LE SYSTEME SAS
LES ACCES ODBC AVEC LE SYSTEME SAS I. Présentation II. SAS/ACCESS to ODBC III. Driver ODBC SAS IV. Driver ODBC SAS Universel V. Version 8 VI. Références I. Présentation Introduction ODBC, qui signifie
LES TECHNOLOGIES DU WEB APPLIQUÉES AUX DONNÉES STRUCTURÉES
LES TECHNOLOGIES DU WEB APPLIQUÉES AUX DONNÉES STRUCTURÉES 1e partie : encoder et structurer les données Gautier Poupeau Antidot http://www.lespetitescases.net Twitter @lespetitescases Emmanuelle Bermès
Dans la série LES TUTORIELS LIBRES présentés par le site FRAMASOFT. Premiers pas avec WinPT (cryptographie sous Win) EITIC
Dans la série LES TUTORIELS LIBRES présentés par le site FRAMASOFT Premiers pas avec WinPT (cryptographie sous Win) EITIC Logiciel : WinPT site : http://www.winpt.org/ Niveau : Débutant Auteur : EITIC
< 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
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
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
145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
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
Internet Explorer. Microsoft. Sommaire :
Microsoft Internet Explorer Sommaire : PRESENTATION DE L'INTERFACE... 2 RACCOURCIS CLAVIER... 2 GESTION DES FAVORIS... 4 SYNCHRONISATION DES PAGES... 5 PERSONNALISER SON NAVIGATEUR... 7 CONFIGURATION DU
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
Architecture N-Tier. Ces données peuvent être saisies interactivement via l interface ou lues depuis un disque. Application
Architecture Multi-Tier Traditionnellement une application informatique est un programme exécutable sur une machine qui représente la logique de traitement des données manipulées par l application. Ces
Guide pour la configuration d adresse email
Guide pour la configuration d adresse email Index 1. Information serveurs (page 2) 2. Installation et configuration Windows live mail (page 3 à 7) 3. Configuration de l application mail sur iphone, ipod
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
Studio. HERITIER Emmanuelle PERSYN Elodie. SCHMUTZ Amandine SCHWEITZER Guillaume
Studio HERITIER Emmanuelle PERSYN Elodie SCHMUTZ Amandine SCHWEITZER Guillaume Cours R Présentation projet 10/10/2013 Introduction RStudio est une interface créé par JJ Allaire Elle est sortie le 11 Février
ENDNOTE X2 SOMMAIRE. 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque
1 ENDNOTE X2 SOMMAIRE 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque 2. Manipuler une bibliothèque EndNote 2.1. La saisie
SPECIFICATIONS TECHNIQUES BANNIERES SITES PRISMA / TABLETTES / MOBILE
SPECIFICATIONS TECHNIQUES BANNIERES SITES PRISMA / TABLETTES / MOBILE 1 Délais et règles à respecter 2 2 Spécifications bannières flash 2 3 Formats des bannières 4 4 Formats spéciaux 4 4.1 Flash transparents
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
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
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
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,
Initiation à Mendeley AUT2012
0. Trouver Mendeley... 2 1. Ouverture de l application Mendeley... 2 2. Saisie manuelle d une référence... 2 3. Inscrire une note liée à la référence... 2 4. Attacher un fichier à la référence... 2 5.
Technologies pour Web Services faciles : REST, JSON
Technologies pour Web Services faciles : REST, JSON Pierre Gambarotto INPT DSI, ENSEEIHT Département Informatique ENSEEIHT, 2 rue Charles Camichel, B.P. 7122 31071 Toulouse CEDEX7 FRANCE Résumé Cet article
Un jour, une question Réponse à une problématique issue de la liste GTA *
Un jour, une question Réponse à une problématique issue de la liste GTA * GTA* : Groupe de Travail AccessiWeb LE NIVEAU D ACCESSIBILITÉ DES BOUTONS DE PARTAGE DE CONTENU DES RÉSEAUX SOCIAUX Victor Brito
Module pour la solution e-commerce Magento
Module pour la solution e-commerce Magento sommaire 1. Introduction... 3 1.1. Objet du document... 3 1.2. Liste des documents de référence... 3 1.3. Avertissement... 3 1.4. Contacts... 3 1.5. Historique
L accès à distance du serveur
Chapitre 11 L accès à distance du serveur Accéder à votre serveur et aux ordinateurs de votre réseau depuis Internet, permettre à vos amis ou à votre famille de regarder vos dernières photos, écouter vos
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
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
Le serveur web Windows Home Server 2011
Chapitre 16 Le serveur web Windows Home Server 2011 Windows Home Server 2011, directement dérivé de Windows Server 2008 R2, utilise la même technologie Internet Information Services IIS pour la mise en
ZOTERO. Installation. Bibliothèque de Pharmacie. Service Formation
ZOTERO Bibliothèque de Pharmacie. Service Formation Zotero est un logiciel de gestion de références bibliographiques, gratuit et open source. Il permet de de créer et gérer une base de données de références
Manuel d installation de Business Objects Web Intelligence Rich Client.
Manuel d installation de Business Objects Web Intelligence Rich Client. Sommaire 1 Introduction... 3 2 Préconisation... 4 3 Lancement de l installation... 5 4 Installation du logiciel Rich Client... 6
CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE
CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE 3. ème partie : RAPPORTS MENU D'ACCUEIL - MIGRATION Table des matières 1. Les RAPPORTS...2 1.1 Création d'un rapport basé sur une Requête...3 1.2 Imprimer,
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
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
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
S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i
Modernisation IBM i Nouveautés 2014-2015 IBM Power Systems - IBM i 19 et 20 mai 2015 IBM Client Center, Bois-Colombes S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Mardi
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
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
WebDAV en 2 minutes. Tous ces objectifs sont complémentaires et ils sont atteints grâce au seul protocole WebDAV. Scénarii
WebDAV en 2 minutes le but affirmé du groupe de travail WebDAV (DAV) est (pour ses concepteurs) de "définir les extensions de HTTP nécessaires pour assurer la disponibilité d'outils WEB de création collective
Mise à jour d avast! et de vos logiciels Ciel
Mise à jour d avast! et de vos logiciels Ciel Chère Cliente, Cher Client, Suite à une mise à jour de votre anti-virus avast!, celui-ci pourrait bloquer votre logiciel Ciel Paye Ciel Bâtiment ou Ciel Point
RTE Technologies. RTE Geoloc. Configuration avec Proxy ou Firewall
RTE Technologies RTE Geoloc Configuration avec Proxy ou Firewall 2 Septembre 2010 Table des matières Introduction... 3 Présentation de RTE Geoloc... 3 Configuration des paramètres de sécurité... 3 Configuration
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
Environnements de développement (intégrés)
Environnements de développement (intégrés) Tests unitaires, outils de couverture de code Patrick Labatut labatut@di.ens.fr http://www.di.ens.fr/~labatut/ Département d informatique École normale supérieure