Internet Explorer 8.0 pour les développeurs. Pierre-Louis Coll et Daouda Ndiaye 7 Octobre 2009
|
|
- Flore Beauregard
- il y a 6 ans
- Total affichages :
Transcription
1 Internet Explorer 8.0 pour les développeurs Pierre-Louis Coll et Daouda Ndiaye 7 Octobre 2009
2 Agenda Introduction Mode de compatibilité Web Slices Accélérateurs Prise en charge de JSON Recherches simplifiées dans le DOM Prototypes du DOM modifiables URI de données
3 Agenda Navigations AJAX Stockage DOM Améliorations de connectivité Amélioration de l objet XmlHttpRequest Requêtes inter-domaines (XDR) Messagerie inter-documents (XDM) Conclusion
4 Mode de compatibilité Une nouvelle icône au niveau de l UI Liste de compatibilité, intranet local: GPO,IEAK Compatibility View ON: Standards mode pages => IE7 Standards Quirks pages => Quirks mode User Agent indique une version 7 Opt-out IE8 Standards mode via <META> C:\Test.htm => IE8 Standards mode (Compatibility View off)
5 Compatibility View
6 Web Slices Abonnement à une portion de page Permet de suivre cette portion et ses modifications sans revisiter le site d origine Propriétés basiques: Web Slice (Required) => hslice et id obligatoire Entry Title (Required) => titre du webslice Entry Content (Optional) => uses the class name entry-content as defined in the hatom Microformat
7 Exemple de code d'un web slice <div class="hslice" id="slice1" <p class="entry-title">game System - $66.00</p> <div class="entry-content"> <img src="game.jpg"> <p>auction ends: <abbr class="endtime" title=" t12:00:00-05:00">6 hours</abbr></p> </div> <a rel="feedurl" href=" to Feed</a> <p>this item updates every <span class="ttl">15</span> minutes.</p> </div>
8 Utilisation de Web Slices
9 Accélérateurs Augmentation de la productivité Faciliter les tâches quotidiennes Accelerators: De 7 clics pour voir un plan d une adresse on passe à 2 ou 3 Accès instantané à des services contextuels Traduction Recherche
10 Accélérateurs: comment? Accelerator Service Provider: Créer votre Accelerator ou utiliser un existant Ajouter le XML template sur votre server Ajouter un bouton ou un lien d installation de l Accelerator (window.external.addservice) End User: Installation de l Accelerator A partir de votre intranet ou d un site web Microsoft IE8 Add-ons Gallery
11 Exemple de code d'un accélérateur <os:openservicedescription xmlns:os=" <os:homepageurl> <os:display> <os:name>demoie8 SP Search</os:name> <os:icon> <os:description>search DemoIE8 Sharepoint</os:description> </os:display> <os:activity category="ie8 SP Search"> <os:activityaction context="selection"> <os:execute action=" method="get"> <os:parameter name="k" value="{selection}" type="text" /> </os:execute> </os:activityaction> </os:activity> </os:openservicedescription>
12 Utilisation d Accelerators
13 Prise en charge native de JSON JSON (JavaScript Object Notation): format d'échange de données léger basé sur un sousensemble de la notation objet du langage JScript Risque de sécurité avec la méthode eval JavaScript pour «parser» les chaînes JSON dans des objets JavaScript => utilisation de librairies de «parsing» IE8 implémente en NATIF la proposition JSON ECMAScript 3.1 avec un «parsing» sécurisé
14 Prise en charge native de JSON Appel de JSON.stringify et de JSON.parse var testobj = new Object(); testobj.numval = 4; testobj.strval = "fool"; testobj.dateval = new Date(2008, 3, 1); testobj.arrval = new Array(1,2,"test"); testobj.boolval = true; / / Conversion d'objet en chaîne var stringifiedvalue = JSON.stringify(testObj) ; / / Création d'un nouvel objet à partir de la chaîne var parsedvalue = JSON.parse(stringifiedValue)
15 Utilisation de JSON
16 Recherche simplifiée dans le DOM Difficultés de recherche rapide avec les fonctions getelementbyid ou getelementsbytagname? Utilisation de frameworks tiers comme prototype et jquery, par exemple. Avec IE8 => support amélioré des sélecteurs CSS 2.1 queryselector et queryselectorall getelementbyid('id') => queryselector('#id') = même résultat API de sélecteurs utilisables à 2 niveaux différents: document et élément
17 Recherche simplifiée dans le DOM Récupérer tous les éléments par classe function useselectors(clsname) { // Tout masquer... var unset = document.queryselectorall('h3 ); for (var i = 0; i < unset.length; i++) unset[i].style.display = 'none'; var set = document.queryselectorall("." + clsname); } for (var i = 0; i < set.length; i++) set[i].style.display = 'block';
18 Recherche DOM
19 Prototypes du DOM modifiables Base de création d'abstractions compactes et efficaces Découverte et extension par reflection des objets JS typés Custom DOM => getelementsbyclassname JavaScript/DOM integration Getter/Setter => nouveau accesseur pour JS
20 Prototypes de DOM modifiables Modifier tous les éléments image dans le DOM avec HTMLImageElement // Appliquer le changement au prototype. HTMLImageElement.prototype.grow = function() { this.width *= 1.5; this.height *= 1.5; } // Agrandir toutes les images dans le document. for (var i= 0; i < document.images.length; i++) { document.images[i].grow(); }
21 Prototypes de DOM modifiables Invocation de getelementsbyclassname <div id="div1" class="xyz">text <div id="div2" class="abc xyz">more</div> </div> <div id="div3" class="xyz abc box">other</div> <script type="text/javascript"> Element.prototype.getElementsByClassName = _MSHTML5_getElementsByClassName_Elem; // Invocation de getelementsbyclassname. var div1 = document.getelementbyid('div1'); div1.getelementsbyclassname('abc xyz'); </script>
22 Prototypes DOM
23 URI de données Utilisation d'uri peut aider à éviter de coûteux allers-retours réseau => + perf Données URI <= 32 Ko Données ne peuvent être mise en cache Requiert un processing côté client Supporté pour les éléments suivants: object (images only), img, input type=image, link et les déclarations CSS pour les URL comme background, backgroundimage...
24 Exemple de données URI URI de données qui représente une icône de type Folder <html> <body> <img src="data:image/gif;base64,r0lgodlheaaoalmaaoaztoehh0tl S/7LZv/0jvb29t/f3//Ub/ /ge8wslf/rhf/3kdbw1mxsbp//mf///yh5baaaaaaalaaaaaaqaa 4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77 ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7" width="16" height="14" alt="embedded folder icon"> </body> </html>
25 Données URI
26 Navigations AJAX Problème : Navigations AJAX et historique Contenu de la page peut changer sans navigation Historique de navigation inchangé Solution : propriété window.location.hash Changement de l URL quand hash est mise à jour Historique de navigation opérationnel
27 Navigations AJAX Enregistrement des gestionnaires.. <meta content="ie=8" http-equiv="x-ua-compatible"> <!-- Le tag meta force la page à s'afficher en mode IE8. --> <script src=" type="text/javascript"></script> <body onhashchange="hashchangehandler();" onload="getmap();" style="overflow: scroll; height: 100%"> <div id="mymap" style="position: relative; width: 500px; height: 500px; vertical-align: middle"> </div>
28 Navigations AJAX Gestionnaires } function ZoomHandler(e) { izoomlevel = omap.getzoomlevel(); // La déclararion suivante valorise la propriété hash avec // une variable contenant le fragment d'url à sauvegarder. window.location.hash = izoomlevel; } function HashChangeHandler() { var hash = window.location.hash; var inewzoomlevel = hash.substr(1); if (inewzoomlevel!= izoomlevel) { izoomlevel = inewzoomlevel; omap.setzoomlevel(inewzoomlevel); }
29 Navigations AJAX
30 Stockage DOM Limitations des cookies Taille et nombre limités Risque de fuite d informations Envoyés avec chaque requête Stockage DOM (DOM Storage) Capacité de stockage accrue Durée de vie maitrisable (global vs session) Trafic réseau réduit Limité à des recherches simples
31 Stockage DOM Manipulation de localstorage // Enregistre une paire clé/valeur. localstorage.setitem("sean","purcell"); // Retrouve une valeur pour une clé donnée. var storeditem = localstorage.getitem("sean"); // enlève l'élément du magasin. localstorage.removeitem("sean"); // Vide le magasin. localstorage.clear();
32 Stockage DOM Extrait de code de la démo <div> Enter Text: <input id="textinput" onclick="clear_text();" size="60" type="text" value="votre message ici"> <input onclick="setvalue();" type="submit" value="envoi vers le magasin"> </div> <button onclick="clearitems();">effacer la sélection enregistrée</button>.. function setvalue() { var itemindex = document.getelementbyid('textinput').value; alert(itemindex); localstorage.setitem(key1,itemindex); }
33 Stockage DOM
34 Indication de l état de connectivité Propriété online de window.navigator Evénements offline et online online true->false : évènement offline sur body online false->true : évènement online Gestionnaires onoffline et ononline onoffline appelé sur perte de connexion ononline appelé quand connexion est établie
35 Augmentation du nombre de connexions Limitations liées à RFC connexions HTTP1.1, 4 pour HTTP1.0 Augmenté à 6 si connexion non dial-up Propriété scriptable HTTP1.1>window.maxConnectionsPerServer >MaxConnectionsPerServer MaxConnectionsPer1_0Server a été supprimée depuis la beta 2
36 Indication de l état de connectivité Extrait de code de la démo <body onload="start();" onoffline="onof();" ononline="onli();"> <span id="connectivity" style="border: double 5px black; width: 30%; margin: 4px 4px 4px 4px; font-size: 80pt; color: red;"> Online</span><br>.. function onli() { connectivity.innertext = "Online"; connectivity.style.color = "red"; } function Start() { if (window.navigator.online) { onli(); } else.
37 Indication de connectivité
38 Amélioration de XmlHttpRequest Ajout d un support de délai d expiration Propriété timeout (défaut: 0,02 secondes) Gestionnaire d évènement ontimeout Propriété readystate LOADING: créé, send() pas appelé LOADED : send() a été appelée INTERACTIVE: données reçue en partie COMPLETED: totalité des données reçue
39 Amélioration de XmlHttpRequest Extrait de code de la démo function alert_readystate() { alert(xhr.readystate);} function alert_timeout() { alert("timed out");} } function run_test() { // Crée un nouvel objet XMLHttpRequest. xhr = new XMLHttpRequest(); xhr.onreadystatechange = alert_readystate; xhr.ontimeout = alert_timeout; xhr.open("get", " true); // L'expiration est valorisée à.02 seconds. // Il faut valoriser l'expiration après l'appel à open. xhr.timeout = 20; // La requête est envoyée au serveur. xhr.send(null); }
40 XmlHttpRequest
41 Requêtes inter-domaines (XDR) Nouvel objet XDomainRequest Nécessite un consentement mutuel En-tête Origin En-tête Access-Control-Allow-Origin Requêtes anonymes Limité à des données non sensibles Contrôler les chaînes de caractères tostatichtml JSON.parse
42 XDomainRequest L'objet XDomainRequest et ses événements / / crée un nouvel objet XDR. XDR = new XDomainRequest(); / / indique qu'il y a une erreur et que la demande ne peut pas être terminée. XDR.OnError = alert_error; / / la requête a atteint son délai d'expiration. XDR.ontimeout = alert_timeout; / / l'objet a commencé à renvoyer des données. XDR.OnProgress = alert_progress; / / la réponse est arrivée. XDR.OnLoad = alert_loaded ;
43 XDomainRequest Propriétésde XDomainRequest et ses méthodes / / Définit l'intervalle de temporisation. XDR.timeout = timeout; / / Mets l'en-tête content-type dans la demande. var content_type = xdr.contenttype; / / récupère le corps de la réponse. var response = xdr.responsetext; / / crée une connexion avec un serveur d'un domaine. XDR.Open ("get", url); / / transmet une chaîne de données au serveur. XDR.send(); / / termine un envoi en attente. XDR.Abort() ;
44 XDomainRequest
45 Messagerie inter-documents (XDM) Permet à des domaines différents de communiquer de façon bidirectionnelle Nécessite un consentement mutuel Méthode postmessage pour l objet document Evènement onmessage Contrôler les chaînes de caractères tostatichtml JSON.parse
46 XDM Page émettrice function post_to_frame() { var text_sent = document.getelementbyid('finput').value; if (text_sent!= '' && text_sent!= 'Type text you want to send here') { var target_iframe = document.getelementbyid('remote_iframe'); // Poste le message vers le récepteur de document sécurisé. // Le message sera envoyé seulement si l'iframe cible a // le même protocole et hôte que spécifié dans // l'uri (dns ce cas target_iframe.contentwindow.postmessage(text_sent, " } }
47 XDM Page réceptrice // Exécute la fonction receiver quand l'évènement onmessage // est déclenché (un message est reçu). if (window.attachevent) { window.attachevent("onmessage", receiver); // IE } // L'entrée de la fonction receiver est le message. function receiver(e) { // S'assure que le message n'est pas vide // et que l'origine est attendue ( if (e.data!= '' && e.origin == ' { // Assigne les valeurs à des spans pour affichage dans la frame.
48 XDM
49 Ressources Internet Explorer 8 Developer Series Internet Explorer Developer center
50
NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Plus en détailDOM - Document Object Model
DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et
Plus en détailTP JAVASCRIPT OMI4 TP5 SRC1 2011-2012
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE
Plus en détailOptimiser 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
Plus en détailServeur d'application Client HTML/JS. Apache Thrift Bootcamp
Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/
Plus en détailHTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
Plus en détailDocument Object Model (DOM)
Document Object Model (DOM) Jean-Claude Charr Maître de conférences IUT de Belfort Montbéliard Université de Franche Comté Description générale Définit un standard pour accéder aux documents structurés
Plus en détailTutoriel : Feuille de style externe
Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?
Plus en détailAjax, RIA et HTML5. 9.1 Prise en charge d Ajax
9 Ajax, RIA et HTML5 Au soaire de ce chapitre UU Prise en charge d Ajax UU Bibliothèques JavaScript UU Extensions CSS de WebKit UU Applications Internet riches mobiles UU HTML5 Ajax, HTML5 et RIA, coent
Plus en détail3 Octobre 2013. Les Communautés MS
3 Octobre 2013 Les Communautés MS Développement Office 365 et SharePoint 2013 : Apps ou pas Apps? Qui suis-je? Gilles Pommier Consultant sénior MCT et co-fondateur de la société SmartView http://www.smartview.fr
Plus en détailSYSTÈMES D INFORMATIONS
SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.
Plus en détailSéance d ED n 5 : HTML et JavaScript
Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)
Plus en détailWEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
Plus en détailDevenez 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
Plus en détailDé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
Plus en détailPack Fifty+ Normes Techniques 2013
Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié
Plus en détailCRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Plus en détailProgrammation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
Plus en détailINTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
Plus en détailDévelopper des Applications Internet Riches (RIA) avec les API d ArcGIS Server. Sébastien Boutard Thomas David
Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server Sébastien Boutard Thomas David Le plan de la présentation Petit retour sur les environnements de développement ArcGIS Server
Plus en détailParis 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
Plus en détailModule BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
Plus en détailDémonstration de la mise en cache via HTML 5 sur iphone
Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent
Plus en détail.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
Plus en détailIBM Workplace : Live!
IBM Workplace : Live! Portail et Gestion de Contenu Logiciels présentés: - WebSphere Portal v5.1 - IBM Workplace Web Content Management v5.1 Benjamin Bollaert Agenda Le portail par l exemple : l Intranet
Plus en détailEXTENSION de Microsoft Dynamics CRM 2013. Réf FR 80452
EXTENSION de Microsoft Dynamics CRM 2013 Réf FR 80452 Durée : 3 jours A propos de ce cours : Ce cours offre une information interactive et détaillée sur le développement d extensions pour Microsoft Dynamics
Plus en détailRAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
Plus en détailCHAPITRE 11. Temps réel Remy Sharp
CHAPITRE 11 Temps réel Remy Sharp LE WEB EN TEMPS RÉEL fait partie de ces aspects d Internet qu on apprécie d utiliser mais qui peuvent être assez effrayants quand il faut les mettre en place. Ce chapitre
Plus en détailPrincipales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement
Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.
Plus en détailS7 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
Plus en détailSoon_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
Plus en détailLes solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC. Qui contacter pour commencer la mise en place d une configuration de test?
Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC Qui contacter pour commencer la mise en place d une configuration de test? CyberMUT Paiement - Paiement CIC Commerce Electronique mailto:centrecom@e-i.com
Plus en détailMozilla 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
Plus en détailTutoriel: 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
Plus en détailAlfstore workflow framework Spécification technique
Alfstore workflow framework Spécification technique Version 0.91 (2012-08-03) www.alfstore.com Email: info@alfstore.com Alfstore workflow framework 2012-10-28 1/28 Historique des versions Version Date
Plus en détailProjet 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
Plus en détailTravaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Plus en détailJoomla! Création et administration d'un site web - Version numérique
Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique
Plus en détailComment créer son propre monitoring. (Version simple PHP)
Comment créer son propre monitoring. (Version simple PHP) TUTORIELS Louis Foraux DROID CENTER HTTP://DROID CENTER.TK Table des matières Présentation du projet... 2 Crédits... 2 Utilisation... 2 Infos Utiles...
Plus en détailLe 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,
Plus en détailE-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le
Plus en détailAndroid 4 Les fondamentaux du développement d'applications Java
La plateforme Android 1. Présentation 13 2. Historique 14 3. Google Play 15 3.1 Création d'un compte développeur 16 3.2 Publication d'une application 16 3.3 Suivi et mise à jour d'une application 18 Environnement
Plus en détailPré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...
Plus en détail4. SERVICES WEB REST 46
4. SERVICES WEB REST 46 REST REST acronyme de REpresentational State Transfert Concept introduit en 2000 dans la thèse de Roy FIELDING Est un style d architecture inspiré de l architecture WEB En 2010,
Plus en détailSécurité des applications web. Daniel Boteanu
I F8420: Éléments de Sécurité des applications web Daniel Boteanu Architecture des applications web Client légitime Internet HTTP 浀 HTML Server Web 2 Architecture des applications web Client légitime Internet
Plus en détailIntroduction à. Oracle Application Express
Introduction à Oracle Application Express Sommaire Qu est-ce que Oracle Application Express (APEX)? Vue d ensemble des fonctionnalités et des différents composants d Oracle APEX Démonstration de création
Plus en détailPanel des technologies Web
Panel des technologies Web pierre.jean@mines-ales.fr version 0.14 Objectif Un panorama des technologies Web pour comprendre leurs positionnements et leurs utilisations Questions Evaluation Sommaire Avant
Plus en détail4D Web 2.0 Pack DATA LIVES HERE. TM. Internet Riche et Solutions Mobiles en toute simplicité. 4D Ajax Framework 4D Ajax for Dreamweaver 4D for Flex
DATA LIVES HERE. TM 4D Web 2.0 Pack Internet Riche et Solutions Mobiles en toute simplicité 4D Ajax Framework 4D Ajax for Dreamweaver 4D for Flex *Faites vivre vos données 4D Web 2.0 Pack fournit aux développeurs
Plus en détailAPI SMS CONSEIL HTTP V2.01. Sommaire. Documentation V1.0 au 21/05/2011
API SMS CONSEIL HTTP V2.01 Documentation V1.0 au 21/05/2011 L'utilisation de l'api SMS CONSEIL est réservée aux clients, membres du site SMS-CONSEIL.FR et doit se faire en accord avec nos conditions générales
Plus en détailLes fondamentaux du développement d applications Java
Android 5 Les fondamentaux du développement d applications Java Nazim BENBOURAHLA Table des matières 1 Les éléments à télécharger sont disponibles à l'adresse suivante : http://www.editions-eni.fr Saisissez
Plus en détailNormes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Plus en détailXML 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
Plus en détailDévelopper pour Sharepoint 2010 et au-delà (aka SP Online)
Développer pour Sharepoint 2010 et au-delà (aka SP Online) Stéphanie HERTRICH Relation Technique Développeurs Microsoft Frédéric Wickert Conseiller Technique Partenaires - Microsoft Thème de la session
Plus en détailLes 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
Plus en détailFailles XSS : Principes, Catégories Démonstrations, Contre mesures
HERVÉ SCHAUER CONSULTANTS Cabinet de Consultants en Sécurité Informatique depuis 1989 Spécialisé sur Unix, Windows, TCP/IP et Internet Séminaire 15 ans HSC Failles XSS : Principes, Catégories Démonstrations,
Plus en détailPoint sur les solutions de développement d apps pour les périphériques mobiles
Point sur les solutions de développement d apps pour les périphériques mobiles Par Hugues MEUNIER 1. INTRODUCTION a. Une notion importante : le responsive web design Nous sommes en train de vivre une nouvelle
Plus en détailProgrammation Web. Introduction
Programmation Web Introduction 1 Introduction 10 séances 1 h cours + 1h TD Notes : contrôle continu DS 1 TP : note de groupe : rapport + code source + démo TD : note personnelle (=0 si 2 absences non justifiées)
Plus en détailDéployer une application cliente avec le Framework.NET 3.5 Client Profile
Déployer une application cliente avec le Framework.NET 3.5 Client Profile Version 1.0 James RAVAILLE http://blogs.dotnet-france.com/jamesr 2 Déployer une application cliente avec le Framework.NET 3.5 Client
Plus en détailHaka : un langage orienté réseaux et sécurité
Haka : un langage orienté réseaux et sécurité Kevin Denis, Paul Fariello, Pierre Sylvain Desse et Mehdi Talbi kdenis@arkoon.net pfariello@arkoon.net psdesse@arkoon.net mtalbi@arkoon.net Arkoon Network
Plus en détailLes sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org
Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et
Plus en détailIntroduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)
Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages
Plus en détailLes bonnes pratiques. de l hébergement d un CMS
Les bonnes pratiques de l hébergement d un CMS Welcome Sébastien Lucas @PoMM3 Responsable avant-vente Designer d infra Nicolas Silberman @nsilberman Directeur Technique Médiapart Oxalide & les CMS le vôtre
Plus en détailStruxureWare Power Monitoring Expert v7.2
StruxureWare Power Monitoring Expert v7.2 Disponible maintenant Sept 2013 Mise à jour vers PME 7.2 ION-E 6 6.0 6.0.1 Service Pack Gratuit Paid Upgrade SPM 7 7.0 7.0.1 Service Pack Gratuit Paid Upgrade
Plus en détailWordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu
Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Table des matières AVANT-PROPOS... 1 Pourquoi ce
Plus en détailDrupal un CMS orienté mé2er. Romain JARRAUD Mathieu GROS
Drupal un CMS orienté mé2er Romain JARRAUD Mathieu GROS Romain JARRAUD - Responsable formation Trained People (drupalfrance.com) Mathieu GROS - Directeur Général Actency (actency.fr) Introduction Quelques
Plus en détailRÉF : 2002/COFAX/LP V1.0
Réf : 2002/COFAX/LP v0.1 Page 1 Smile COFAX -o- Livret de présentation RÉF : 2002/COFAX/LP V1.0 Réf : 2002/COFAX/LP v0.1 Page 2 INTRODUCTION Cofax est un outil de publication Web permettant de publier
Plus en détailUN SITE WEB RESPONSIVE EN UNE HEURE?
UN SITE WEB RESPONSIVE EN UNE HEURE?! O N O R H C P TO Raphaël Goetter Raphaël Goetter alsacreations.fr alsacreations.com goetter.fr knacss.com mobitest.me @goetter EN UNE HEURE, VOUS AVEZ DIT?!? R E N
Plus en détailTP JEE Développement Web en Java. Dans ce TP nous commencerons la programmation JEE par le premier niveau d une application JEE : l application web.
ASTRIUM - Toulouse JEE Formation 2013 TP JEE Développement Web en Java Dans ce TP nous commencerons la programmation JEE par le premier niveau d une application JEE : l application web. Figure 1 Architecture
Plus en détailINCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015
TABLE DES MATIERES Incorporer une feuille de calcul dans un fichier créé avec l Éditeur de texte de PLACE... 1 Avantages :... 1 Contraintes :... 2 Accéder à Microsoft OneDrive :... 2 Créer un classeur
Plus en détailGuide de réalisation d une campagne e-mail marketing
Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La
Plus en détailBIRT (Business Intelligence and Reporting Tools)
BIRT (Business Intelligence and Reporting Tools) Introduction Cette publication a pour objectif de présenter l outil de reporting BIRT, dans le cadre de l unité de valeur «Data Warehouse et Outils Décisionnels»
Plus en détailOptimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Plus en détailPetite 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
Plus en détailBien architecturer une application REST
Olivier Gutknecht Bien architecturer une application REST Avec la contribution de Jean Zundel Ce livre traite exactement du sujet suivant : comment faire pour que les services web et les programmes qui
Plus en détailArchitectures web/bases de données
Architectures web/bases de données I - Page web simple : HTML statique Le code HTML est le langage de base pour concevoir des pages destinées à être publiées sur le réseau Internet ou intranet. Ce n'est
Plus en détail3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures
3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures Objectif global : A l issue de la formation, les stagiaires doivent être opérationnels dans la création d un site internet
Plus en détailLa 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
Plus en détailWWSympa, une interface web pour Sympa
WWSympa, une nterface web pour Sympa V WWSympa, une interface web pour Sympa Olivier SALAÜN, olivier.salaun@cru.fr Comité réseau des universités WWSympa est né du besoin d une interface web homogène et
Plus en détailINTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailBES WEBDEVELOPER ACTIVITÉ RÔLE
BES WEBDEVELOPER ACTIVITÉ Le web developer participe aux activités concernant la conception, la réalisation, la mise à jour, la maintenance et l évolution d applications internet/intranet statiques et
Plus en détailHTML. Google Maps. Approfondir. 3 :HIKONB=^UZ^Z]:?k@l@g@h@a"; Codez une fois, déployez sur Android, ios, Kindle... Smartphones. Matériel.
100 % développeur Mensuel n 167 - Octobre 2013 Approfondir HTML www.programmez.com Smartphones Avec Corona SDK Codez une fois, déployez sur Android, ios, Kindle... Google Maps Utiliser Maps et Street View
Plus en détailUn 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
Plus en détailMicrosoft Hosted Exchange 2010 DOCUMENT D EXPLOITATION
Microsoft Hosted Exchange 2010 DOCUMENT D EXPLOITATION SOMMAIRE ACCES EX10... 3 CONFIGURATION EX10 A. Entrées DNS à créer sur le(s) nom(s) de domaine choisi(s)... 3 B. Configuration Outlook 2007 - MAPI...
Plus en détailSQL Server Installation Center et SQL Server Management Studio
SQL Server Installation Center et SQL Server Management Studio Version 1.0 Grégory CASANOVA 2 SQL Server Installation Center et SQL Server Management Studio [03/07/09] Sommaire 1 Installation de SQL Server
Plus en détailBonnes 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
Plus en détailCanvas 3D et WebGL. Louis Giraud et Laetitia Montagny. 9 Avril 2013. Université Lyon 1
Canvas 3D et WebGL Louis Giraud et Laetitia Montagny Université Lyon 1 9 Avril 2013 1 Présentation du sujet Introduction Présentation du sujet Problématique : Représenter de la 3D dans le navigateur sans
Plus en détailVue d ensemble technique
DOCUMENTATION Vue d ensemble technique Jahia, le CMS open source de nouvelle génération apportant à vos projets la convergence applicative (web, document, social, recherche et portail) unifiée par la simplicité
Plus en détailWebSpy Analyzer Giga 2.1 Guide de démarrage
WebSpy Analyzer Giga 2.1 Guide de démarrage Ce document aide à vous familiariser avec l utilisation de WebSpy Analyzer Giga. Pour des informations plus détaillées, consultez le guide utilisateur Analyzer
Plus en détailDatalift. + + Architecture Modularité Déploiements. d j = 09/04/2015 Laurent BIHANIC
lift 1 d j = ( + + Architecture Modularité Déploiements lift 2 plates-formes en 1 2 Se t Se Dat t Une architecture répondant à deux besoins : Elévation de la donnée Exploitation de la donnée publiée Des
Plus en détailProjet 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
Plus en détailMaster1 è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
Plus en détailCréer une base de données vidéo sans programmation (avec Drupal)
Créer une base de données vidéo sans programmation (avec Drupal) 10.10.2013 Nicolas Bugnon (nicolas.bugnon@alliancesud.ch) Centre de documentation Alliance Sud www.alliancesud.ch Résultat de l atelier
Plus en détailFormation : WEbMaster
Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins
Plus en détailOauth : un protocole d'autorisation qui authentifie?
Oauth : un protocole d'autorisation qui authentifie? Maxime Féroul Directeur Technique / KYOS IT SECURITY Application Security Forum - 2012 Western Switzerland 7-8 novembre 2012 - Y-Parc / Yverdon-les-Bains
Plus en détailManuel d utilisation du module Liste de cadeaux PRO par Alize Web
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer
Plus en détailGestion d identités PSL Exploitation IdP Authentic
Gestion d identités PSL Exploitation IdP Authentic Entr ouvert SCOP http ://www.entrouvert.com Table des matières 1 Arrêt et démarrage 2 2 Configuration 2 2.1 Intégration à la fédération............................
Plus en détailTechnologies Web. Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya. Université Pierre et Marie Curie
1 / 22 Technologies Web Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya Université Pierre et Marie Curie Rappel 2 / 22 Problématique Quelles technologies utiliser
Plus en détail