Repérage dans le support de cours. D3.js ~ Data Driven Document. Notes. Notes
|
|
- Renaud Florent Bertrand
- il y a 8 ans
- Total affichages :
Transcription
1 Visualisation interactive de données sur le web Présentation Généralités Repérage dans le support de cours Sur les slides projetés, le numéro de page entre parenthèse correspond à celui de votre support papier. janvier 2014 Daniel Lucazeau Visualisation interactive de données sur le web 2 / 942
2 Présentation de la librairie La libraire D3.js Présentation de la librairie Références bibliographiques... ou non! Cette librairie est le fruit du travail universitaire de Mike Bostock, enrichi et suivi par des contributeurs. La librairie utilisée d3.v3.js fait environ 300 Ko. Il existe une version compressée d3.v3.min.js qui est environ moitié moins lourde. La licence est ouverte quelle que soit l utilisation de la librairie. Pour réaliser ce cours je me suis inspiré de plusieurs lectures dont vous trouverez les références complètes à la fin du support de cours. Mais aussi de quelques sites internet très riches : le site de l auteur Mike Bostock Daniel Lucazeau Visualisation interactive de données sur le web 3 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 4 / 942
3 Présentation de la librairie Galerie de réalisations avec D3.js... Wouah! Connaissances préalables Quelques bases à connaître Afin d imaginer des solutions à des questions de visualisation que nous rencontrerons régulièrement, un coup d œil régulier à est fort utile. Travailler sur le web nécessite la connaissance de quelques technologies : HTML, Hyper Text Markup Language, le langage de description de pages dédiées au web ; DOM, Document Object Model, décrit l organisation hiérarchique des éléments descripteurs d une page web ; CSS, Cascading Style Sheet, la description de la mise en forme des pages précédentes ; JavaScript, langage s exécutant au sein du navigateur sur le poste client permettant l interactivité de l utilisateur avec les pages web ; SVG, Scalable Vector Graphics, dialecte XML de description de graphique vectoriel très riche. Daniel Lucazeau Visualisation interactive de données sur le web 5 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 6 / 942
4 Connaissances préalables Quelques bases à connaître Connaissances préalables Navigateur internet Il faut un minimum de connaissances au moins sur HTML et JavaScript. Nous apprendrons à marcher en marchant... nous apprendrons donc les compléments sur CSS, SVG, DOM et même sur HTML ou JavaScript au fur et à mesure de nos besoins. Eclipse est notre environnement de développement. L utilisation de JavaScript en ligne de commande permet aussi de mettre au point certains scripts. Daniel Lucazeau Visualisation interactive de données sur le web 7 / 942 L intégration des technologies pré-citées nécessitent d utiliser un navigateur moderne. Ce qui aujourd hui n est plus réellement un problème. Les navigateurs modernes sont Firefox, Google Chrome, Safari, Opera ; Internet Explorer aussi mais uniquement à partir de sa version 9! Pour nos développements nous devons utiliser un navigateur ayant des fonctionnalités de débogage. Nous utiliserons Firefox, il est non seulement multi plate-formes, mais surtout réellement open-source, ce que ne sont aucun des autres à des degrés divers. L extension «Web Developer» et «Firebug» de Firefox sont des extensions très intéressantes. Chrome contient en natif des fonctionnalités identiques. Safari est, paraît-il, bien outillé aussi, mais il n est pas utilisable sous Linux. Daniel Lucazeau Visualisation interactive de données sur le web 8 / 942
5 Configuration de l environnement de travail Architecture globale d une page HTML avec D3.js Configuration de l environnement de travail Visualiser notre page web Toutes nos pages de développement avec D3.js seront construites à partir de ce gabarit là. Eclipse est d ailleurs configuré pour que ce soit le template par défaut d un nouveau fichier HTML. Nous verrons qu il y a d autres organisations possibles et même fonctionnellement meilleures. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>développement avec D3</title> 6 <script type="text/javascript" src="../../js/d3/d3.v3.js"></script> 7 </head> 8 <body> 9 <script type="text/javascript"> 10 // Notre code JavaScript 11 </script> 12 </body> 13 </html> Nous avons trois méthodes pour visualiser la page en cours de développement : Pour les pages statiques Le navigateur interne de Eclipse fera bien souvent l affaire ; Un navigateur standard de notre poste de travail, Firefox par exemple, avec le protocole file :/// conviendrait aussi. Nous utiliserons aussi un serveur web léger afin d ajouter un peu de dynamique à nos pages, chargement de fichiers par exemple ; et de nous placer dans le contexte d un «serveur web». Daniel Lucazeau Visualisation interactive de données sur le web 9 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 10 / 942
6 Configuration de l environnement de travail Serveur web léger Configuration de l environnement de travail JsFiddle Nous pourrions utiliser Apache, mais un peu lourd à gérer (gestion des droits) pour quelques fichiers de travaux pratiques. Il est aussi possible de tester des morceaux de code avec Un serveur en python lancé sous la console (Linux) dans le répertoire principal de notre apprentissage fera exactement l affaire. Nos pages sont maintenant accessibles à partir de Labs : Fondamentaux - 01-Intro/01-Intro.html 1 Datanaviz ~/workspaced3 2 # % python -m SimpleHTTPServer 3 Serving HTTP on port Daniel Lucazeau Visualisation interactive de données sur le web 11 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 12 / 942
7 Configuration de l environnement de travail Source des exemples Pour des raisons évidentes d encombrement de l espace de projection, je ne montre que le code essentiel aux explications. Les infos en bas de page vous guide vers le source complet que vous pouvez consulter et manipuler. Le lien ci-dessous vous indique que l exemple est 01-Intro.html dans le projet Eclipse 01-Intro de l espace de travail (Working Set) Fondamentaux. Labs : Fondamentaux - 01-Intro/00-FirstExample.html Configuration de l environnement de travail JavaScript et D3 en interactif Le gabarit ne fait pas grand chose, à part charger la librairie d3.js... «Jouons» un peu avec d3 en interactif et chargeons la page citée dans Chrome. Daniel Lucazeau Visualisation interactive de données sur le web 13 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 14 / 942
8 Configuration de l environnement de travail JavaScript et D3 en interactif Configuration de l environnement de travail JavaScript et D3 en interactif Activons une méthode d ouverture de popup dans la console JavaScript. 1 d3.select("body").append("p").text("hello world!") On peut même s en servir comme calculatrice Daniel Lucazeau Visualisation interactive de données sur le web 15 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 16 / 942
9 Configuration de l environnement de travail JavaScript et D3 en interactif Premiers exemples commentés Notre premier exemple D3.js est bien installé et opérationnel si nous avons bien le texte «Hello world!» dans notre page. Les prochains slides vont expliquer cette ligne de code. Décortiquons la ligne de code suivante 1 d3.select("body").append("p").text("hello world!") d3 active la librairie D3.js. Nous commencerons toujours activer D3.js. select() sélectionne et rend actif la balise body de notre page HTML. append() ajoute une balise «p» au DOM enfant de l objet courant, donc au «body», et rend actif ce nouvel élément. text() définit le texte, le contenu, de l élément sélectionné, donc notre paragraphe juste inséré. Daniel Lucazeau Visualisation interactive de données sur le web 17 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 18 / 942
10 Premiers exemples commentés Chaînage des méthodes Premiers exemples commentés Un second exemple D3.js utilise le chaînage des méthodes comme nombre de librairies JavaScript, généralistes ou non. Pour cela, il faut que la valeur de retour d une méthode soit celle attendue en entrée de la suivante. Il est tout à fait possible de produire le même résultat sans chaîner les méthodes : 1 var thebody = d3.select("body"); 2 var thep = thebody.append("p"); 3 thep.text("hello world!"); Le chaînage des méthodes a deux avantages non négligeables : Le code JavaScript est plus concis ; Nous n avons pas à créer de variables utilisées une seule fois uniquement Daniel Lucazeau Visualisation interactive de données sur le web 19 / 942 Voici un exemple (inspiré de [Gut11]) qui montre déjà toute la puissance de cette librairie. 1 <body> 2 <div id="divd3"></div> 3 <script type="text/javascript"> 4 var dataset = [1, 2, 3, 5, 8, 13, 21]; 5 d3.select("#divd3") 6.selectAll("p") 7.data(dataset) 8.enter() 9.append("p") 10.text(function(d) { 11 return d; 12 }); 13 </script> 14 </body> Analysons ce code ligne à ligne...après en avoir vu le résultat. Daniel Lucazeau Visualisation interactive de données sur le web 20 / 942
11 Premiers exemples commentés Un second exemple Premiers exemples commentés Un second exemple 1 <body> 2 <div id="divd3"></div> 3 <script type="text/javascript"> 4 var dataset = [1, 2, 3, 5, 8, 13, 21]; 5 d3.select("#divd3") 6.selectAll("p") 7.data(dataset) 8.enter() 9.append("p") 10.text(function(d) { 11 return d; 12 }); 13 </script> 14 </body> On définit les données que nous voulons visualiser, c est la suite de Fibonacci select() sélectionne l élément div dont l identifiant est «divd3», ce qui est spécifié par le «#». Daniel Lucazeau Visualisation interactive de données sur le web 21 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 22 / 942
12 Premiers exemples commentés Un second exemple Premiers exemples commentés Un second exemple 1 <body> 2 <div id="divd3"></div> 3 <script type="text/javascript"> 4 var dataset = [1, 2, 3, 5, 8, 13, 21]; 5 d3.select("#divd3") 6.selectAll("p") 7.data(dataset) 8.enter() 9.append("p") 10.text(function(d) { 11 return d; 12 }); 13 </script> 14 </body> 1 <body> 2 <div id="divd3"></div> 3 <script type="text/javascript"> 4 var dataset = [1, 2, 3, 5, 8, 13, 21]; 5 d3.select("#divd3") 6.selectAll("p") 7.data(dataset) 8.enter() 9.append("p") 10.text(function(d) { 11 return d; 12 }); 13 </script> 14 </body> selectall() construit la collection de tous les éléments de type p, des paragraphes, cette liste est dans notre cas...vide. data() associe les données du dataset défini en ligne 4 à la collection précédente. Daniel Lucazeau Visualisation interactive de données sur le web 23 / 942 enter(), nous reviendrons plus tard sur le rôle de cette méthode. append() ajoute un élément p à notre précédente collection pour chaque donnée du dataset. Daniel Lucazeau Visualisation interactive de données sur le web 24 / 942
13 Premiers exemples commentés Un second exemple Data binding 1 <body> 2 <div id="divd3"></div> 3 <script type="text/javascript"> 4 var dataset = [1, 2, 3, 5, 8, 13, 21]; 5 d3.select("#divd3") 6.selectAll("p") 7.data(dataset) 8.enter() 9.append("p") 10.text(function(d) { 11 return d; 12 }); 13 </script> 14 </body> La méthode data() a lié le jeu de données fourni en paramètre à des éléments du DOM. C est là, l essence même de D3.js qui gère des itérations sur des collections en attachant chaque donnée à un élément de notre page HTML. Nous codons ce que nous voulons mais pas comment cela va être fait! text() est une méthode que nous avons déjà rencontrée mais elle avait un argument de type chaîne de caractères ; ici, le paramètre est une fonction qui plus est anonyme. C est le côté programmation fonctionnelle de JavaScript qui est utilisé là. Daniel Lucazeau Visualisation interactive de données sur le web 25 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 26 / 942
14 Data binding Data binding Voyons maintenant comment les données sont attachées aux éléments HTML. D3.js ajoute une propriété «data» dont la valeur est celle de la donnée associée par la méthode data(). 1 var dataset = [1, 2, 3, 5, 8, 13, 21]; 2 var collection = d3.select("#divd3") 3.selectAll("p"); 4 5 collection.data(dataset) 6.enter() 7.append("p") 8.text(function(d) { 9 return d; 10 }); 11 console.log(coll); L objet console est une extension des navigateurs modernes Daniel Lucazeau Visualisation interactive de données sur le web 27 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 28 / 942
15 Data binding Mise à jour des données Nous allons maintenant comprendre le fonctionnement des méthodes enter() et exit(). Ainsi que le mise à jour des données. Une fois que les données sont attachées à une collection d éléments HTML, il est possible de les modifier. D3.js reflétera les modifications. 1 var dataset = [1, 2, 3, 5, 8, 13, 21]; 2 d3.select("#divd3").selectall("p").data(dataset).enter().append("p") 3.text(function(d) { 4 return d; 5 }); 6 7 dataset = [100, 101, 102, 103, 104, 105, 106]; 8 d3.select("#divd3").selectall("p").data(dataset) 9.text(function(d) { 10 return d; 11 }); Daniel Lucazeau Visualisation interactive de données sur le web 29 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 30 / 942
16 Mise à jour des données Méthodes append() et exit() Et voilà le résultat... D3.js gère l attachement des données en essayant d établir une bijection entre les données et la collection d éléments HTML sélectionnés. Dans notre premier exemple, la collection est vide, la méthode append() prépare une collection d éléments HTML à ajouter. Dans le second, comme la bijection a déjà été faite, la méthode data() fait juste la mise à jour des données. Le troisième cas survient quand il y a moins de données que d éléments HTML, la méthode remove() permet d adapter la taille de la collection pour que la bijection puisse être à nouveau réalisée. Daniel Lucazeau Visualisation interactive de données sur le web 31 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 32 / 942
17 Méthode enter() Méthode enter() La méthode enter() prépare une collection d éléments «manquants». Ces éléments sont ajoutés par la méthode append(). Et voilà le résultat... 1 var dataset = [1, 2, 3, 5, 8, 13, 21]; 2 d3.select("#divd3").selectall("p").data(dataset).enter().append("p") 3.text(function(d) { 4 return d; 5 }); 6 7 var dataset = [1, 2, 3, 5, 8]; 8 d3.select("#divd3").selectall("p").data(dataset) 9.exit() 10.remove(); Daniel Lucazeau Visualisation interactive de données sur le web 33 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 34 / 942
18 Méthode exit() Méthode exit() La méthode exit() prépare une collection d éléments «en trop». Les éléments qui ne seront plus en correspondance sont supprimés par la méthode remove(). Et voilà le résultat... 1 var dataset = [1, 2, 3, 5, 8, 13, 21]; 2 d3.select("#divd3").selectall("p").data(dataset).enter().append("p") 3.text(function(d) { 4 return d; 5 }); 6 7 var dataset = [1, 2, 3, 5, 8]; 8 d3.select("#divd3").selectall("p").data(dataset) 9.exit() 10.remove(); Daniel Lucazeau Visualisation interactive de données sur le web 35 / 942 Daniel Lucazeau Visualisation interactive de données sur le web 36 / 942
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é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étailProgrammation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
Plus en dé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é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étailLangage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
Plus en dé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étailHTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Plus en détailLes outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Plus en détailAuteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA
Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2
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étailInstallation 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
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étailles techniques d'extraction, les formulaires et intégration dans un site WEB
les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents
Plus en dé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étailAutour 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
Plus en détailVérifier la qualité de vos applications logicielle de manière continue
IBM Software Group Vérifier la qualité de vos applications logicielle de manière continue Arnaud Bouzy Kamel Moulaoui 2004 IBM Corporation Agenda Analyse de code Test Fonctionnel Test de Performance Questions
Plus en détailCursus Sage ERP X3 Outils & Développement. Le parcours pédagogique Sage ERP X3 Outils et Développement
Cursus Outils & Développement Vous êtes Consultant, Chef de Projets, Directeur des Systèmes d Information, Directeur Administratif et Financier, Optez pour les «formations Produits» Nous vous proposons
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é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é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étailSII Stage d informatique pour l ingénieur
SII Stage d informatique pour l ingénieur Création d un site Web École nationale supérieure de techniques avancées SII Stage d informatique pour l ingénieur 1 / 15 L informatique et le temps qui passe...
Plus en détailBureautique Initiation Excel-Powerpoint
Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office
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é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étailSommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est
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étailTous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.
Le framework YUI et le développement 4D Par Olivier DESCHANELS, Responsable Programme 4D S.A. Note technique 4D-201004-08-FR Version 1 - Date 1 avril 2010 Résumé Dans la présente note technique, nous allons
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étailWhitepaper. Méthodologie de création de rapports personnalisés SQL Server Reporting Services
Ce Whitepaper décrit la méthodologie de développement d un rapport personnalisé au format SQL Server Reporting Service (SSRS) appliqué à System Center Operations Manager (SCOM) Whitepaper Méthodologie
Plus en détailFormation 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
Plus en détailMagento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
Plus en détailPerformance Front-End
Performance Front-End SEO Camp us 2012 Thomas SOUDAZ Consultant Webperformance & SEO Fondateur de la société Refficience @tsoudaz #seocampus Refficience.com Google a dit Chez Google nous sommes obsédés
Plus en détailWeb Tier : déploiement de servlets
Web Tier : déploiement de servlets 1 / 35 Plan 1 Introduction 2 Servlet : Principe de fonctionnement 3 Création et développement sur un serveur JEE 4 Quelques méthodes de l API des servlets 5 Utilisation
Plus en détailProjet de Semestre. Page Web Didactique de Visualisation d Algorithme. Université de Genève - semestre de printemps 2012
Nouvelles Technologies de l Information et de la Communication Projet de Semestre Page Web Didactique de Visualisation d Algorithme Université de Genève - semestre de printemps 2012 Pierre Künzli, Adrien
Plus en détailemuseum PUBLIEZ VOS COLLECTIONS SUR INTERNET Pourquoi choisir emuseum? Intégration facile avec TMS Puissante fonction de recherche
emuseum emuseum PUBLIEZ VOS COLLECTIONS SUR INTERNET emuseum est un système de publication Web qui s intègre de façon transparente avec TMS pour la publication d informations sur Internet et les appareils
Plus en détailI. Descriptif de l offre. L offre Sage 100 Entreprise Edition Entreprise
I. Descriptif de l offre L offre Sage 100 Entreprise Edition Entreprise Sage 100 Entreprise Edition Etendue est une offre en accès full web. En complément d une utilisation traditionnelle de Sage 100 Entreprise,
Plus en détailEchosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet
Echosgraphik Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Présentation I. Echosgraphik Protocoles de travail I. Développement du site II.
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étailLE CONCEPT DU CMS CHAPITRE 1
CHAPITRE 1 LE CONCEPT DU CMS Techniques traditionnelles de construction de sites... 14 Les principes des CMS... 18 Le langage HTML... 26 Check-list... 41 11 Même s il est d usage de comparer Internet
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é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étailSpétechs Mobile. Octobre 2013
Spétechs Mobile Octobre 2013 Appli ios Appli Android Site Mobile Les clicks URL Appli ios Créa en dur HTML5 Créa en dur Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing / traveling
Plus en détailFORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006
I. INTRODUCTION 1. Présentation du formateur et des élèves 2. Historique internet : d'où ça vient a. Historique général : 3 étapes majeures 1. l'histoire de l'informatique débute en 1942 avec la première
Plus en détail< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Plus en dé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étailActivité sur Meteor. Annexe 1 : notion de client-serveur et notion de base de données
Activité sur Meteor Annexe 1 : notion de client-serveur et notion de base de données Notion de client-serveur Que se passe-t-il lorsque vous tapez dans la barre d'adresse de votre navigateur «http://www.google.fr»?
Plus en détailDans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur
FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique
Plus en détailInformations générales. Technologies. css3-html5-php-ajax-j-query-mootools-action-script3
Pascal Gaudin Développeur WEB- php-mysql-javascript 04 67 56 81 51 06 69 39 20 54 al.gau@free.f Informations générales Titre Développeur php-mysql-javascript Ecole Brousse Mtpellier - Afpa Béziers Année
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étail1. La plate-forme LAMP
Servi ces pour intranet et Internet Ubuntu Linux - Création et gestion d un réseau local d entreprise 1. La plate-forme LAMP Services pour intranet et Internet La fourniture d'un site pour le réseau ou
Plus en détailINFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09
INFORMATIQUE & WEB Code du diplôme : CP09 Passionné par l informatique et le web, vous souhaitez obtenir une certification dans un domaine porteur et enrichir votre CV? PARCOURS CERTIFICAT PROFESSIONNEL
Plus en détailNotes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Plus en détailSOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE
SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation
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étailDescription des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013
Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326
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é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étailApplication Web et J2EE
Application Web et J2EE Servlet, JSP, Persistence, Méthodologie Pierre Gambarotto Département Informatique et Math appli ENSEEIHT Plan Introduction 1 Introduction Objectfis
Plus en détailECLIPSE ET PDT (Php development tools)
ECLIPSE ET PDT (Php development tools) Eclipse Eclipse est un IDE (Integrated Development Environment)).C estun projet de la Fondation Eclipse visant à développer tout un environnement de développement
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é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étailDécouvrez notre solution Alternative Citrix / TSE
Découvrez notre solution Alternative Citrix / TSE OmniWare est un produit résolument moderne qui répond aux besoins actuels des entreprises en apportant une solution pour la mobilité des collaborateurs,
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étailUniversité de Toulouse-Le Mirail janvier 2012 Département de Géographie-Aménagement-Environnement Laurent Jégou
Université de Toulouse-Le Mirail janvier 2012 Département de Géographie-Aménagement-Environnement Laurent Jégou M2 Sigma Module U50_B33 Le WebMapping côté client : les API et bibliothèques Javascript Positionnement
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étailHébergement de site web Damien Nouvel
Hébergement de site web Plan L'hébergeur Le serveur web Apache Sites dynamiques 2 / 27 Plan L'hébergeur Le serveur web Apache Sites dynamiques 3 / 27 L'hébergeur L'hébergeur sous-traite l'architecture
Plus en détailTIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
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étailCursus Sage ERP X3 Outils & Développement. CURSUS Sage ERP X3 Outils & Développement ADVANCED. Outils avancés. 2 jours X3A-ADM. Développement 1 &2
Cursus Outils & Développement Vous êtes Consultant, Chef de Projets, Directeur des Systèmes d Information, Directeur Administratif et Financier, Optez pour les «formations Produits» Nous vous proposons
Plus en détailQuel logiciel DE CRM choisir pour votre force de vente terrain?
Quel logiciel DE CRM choisir pour votre force de vente terrain? plusieurs études démontrent que les projets CRM sont des échecs dans 40 à 80% des cas. Les principales causes d échec sont : Le rejet par
Plus en détailArchitecture Orientée Service, JSON et API REST
UPMC 3 février 2015 Précedemment, en LI328 Architecture générale du projet Programmation serveur Servlet/TOMCAT Aujourd hui Quelques mots sur les SOA API - REST Le format JSON API - REST et Servlet API
Plus en détailRapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013
Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières
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étailManuel logiciel client Java
Manuel logiciel client Java 2 Copyright Systancia 2012 Tous droits réservés Les informations fournies dans le présent document sont fournies à titre d information, et de ce fait ne font l objet d aucun
Plus en détailLANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
Plus en détailINTRODUCTION A JAVA. Fichier en langage machine Exécutable
INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du
Plus en détailW4 - Workflow La base des applications agiles
W4 - Workflow La base des applications agiles, W4 philippe.betschart@w4global.com Vous avez dit «workflow»? Processus : Enchaînement ordonné de faits ou de phénomènes, répondant à un certain schéma et
Plus en détailOptimiser moteur recherche
Optimiser moteur recherche Vous apprennez à inscrire vos sites dans les moteurs de recherche et les optimiser, déjà à la construction Worldsoft SA Inscription de sites Web dans les moteurs de recherche
Plus en détailAlfresco et TYPO3 Présenté par Yannick Pavard dans le cadre des rencontres WebEducation Février 2008
Alfresco et TYPO3 Présenté par Yannick Pavard dans le cadre des rencontres WebEducation Février 2008 Objectifs À la fin de cette présentation, vous serez en mesure : de citer des ministères ayant fait
Plus en détailDes solutions sur mesure à partir de modules fonctionnels & CRM associés à un studio de customisation.
( FDV Des solutions sur mesure à partir de modules fonctionnels & CRM associés à un studio de customisation. Constat S il est un secteur informatique où les progiciels ne répondent que partiellement aux
Plus en détailComparatif CMS. Laurent BAUREN S Bérenger VIDAL Julie NOVI Tautu IENFA
Comparatif CMS Laurent BAUREN S Bérenger VIDAL Julie NOVI Tautu IENFA Sommaire Introduction : Dans le cadre de notre projet de master première année, il nous a été demandé de développer un moteur de recherche
Plus en détailNouveautés Ignition v7.7
... Nouveautés Ignition v7.7 Nouveautés Ignition v7.7 Découvrez le Nouveau Scada avec plus de 40 nouveautés Principales nouveautés :... Cloud Templates Template Repeater Client Multilingue + Sequential
Plus en détailCode Produit Nom Produit Dernière mise à jour. AM003 Alias Mobile On Demand Licence 1 mois 27/04/2015
www.alias-ad.com ALIAS MOBILE DESIGNER Des solutions innovantes pour la création d applications de gestion accessibles aux appareils mobiles (tablettes et smartphones) en client léger. Code Produit Nom
Plus en détailK-Portal et K-Sup 5.1 des nouveautés. Détails
K-Portal et K-Sup 5.1 des nouveautés Détails 5.1 Découvrez comment cette nouvelle version vous aidera à : " élargir considérablement votre offre de contenu, " proposer de nouveaux services à vos publics,
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étailCommuniqué de lancement. Sage 100 Entreprise Edition Etendue Module CRM inclus
Sage 100 Entreprise Edition Etendue Module CRM inclus Disponibilité commerciale 3 Mars 2010 Nouveauté produit! 1 1 Sommaire I. Descriptif de l offre ------------------------------------------------------------------------------------
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étailRapport de Stage Christopher Chedeau 2 au 26 Juin 2009
Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009 «Web. De l intégration de pages statiques HTML à un CMS, à la dynamisation d un site grâce au Javascript et l utilisation de nouvelles technologies
Plus en détailTP1. Outils Java Eléments de correction
c sep. 2008, v2.1 Java TP1. Outils Java Eléments de correction Sébastien Jean Le but de ce TP, sur une séance, est de se familiariser avec les outils de développement et de documentation Java fournis par
Plus en détailREQUEA. v 1.0.0 PD 20 mars 2008. Mouvements d arrivée / départ de personnels Description produit
v 1.0.0 PD 20 mars 2008 Mouvements d arrivée / départ de personnels Description produit Fonctionnalités L application Gestion des mouvements d arrivée / départ de Requea permet la gestion collaborative
Plus en détailSITE I NTERNET. Conception d un site Web
SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.
Plus en détail<Insert Picture Here>ApExposé. Cédric MYLLE 05 Février 2008. Exposé Système et Réseaux : ApEx, Application Express d Oracle
ApExposé Cédric MYLLE 05 Février 2008 Exposé Système et Réseaux : ApEx, Application Express d Oracle Sommaire Introduction Les besoins L outil ApEx Le développement d applications
Plus en détailOracle Developer Suite 10g. Guide de l installation. Vista & Seven
TRAVAIL RÉALISÉ PAR ABED ABDERRAHMANE Oracle Developer Suite 10g Guide de l installation 10g Release 2 (10.1.2) pour Windows Vista & Seven www.oraweb.ca Page 1 TABLE DES MATIÈRES : PARTIE 1 : CONCEPTS
Plus en détail.ARCHITECTURE ET FONCTIONNEMENT
GPS GPRS Internet Web services Client SOMMAIRE. Architecture et fonctionnement...3 Boîtier Télématique Embarqué...4 Architecture Plateforme Télématique...5 Kilométrage Alertes Moteur...6 Géolocalisation...7
Plus en détailAtelier Le gestionnaire de fichier
Chapitre 12 Atelier Le gestionnaire de fichier I Présentation Nautilus est un gestionnaire de fichiers pour l environnement de bureau Gnome. Il offre toutes les fonctions de gestion de fichier en local
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é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étail