Repérage dans le support de cours. D3.js ~ Data Driven Document. Notes. Notes

Dimension: px
Commencer à balayer dès la page:

Download "Repérage dans le support de cours. D3.js ~ Data Driven Document. Notes. Notes"

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. 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étail

Programmation Web. Madalina Croitoru IUT Montpellier

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

Plus en détail

Programmation Internet Cours 4

Programmation Internet Cours 4 Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web

Plus en détail

Présentation du Framework BootstrapTwitter

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...

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

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.

Plus en détail

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>

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

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

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

Plus en détail

HTML. Notions générales

HTML. 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étail

Les outils de création de sites web

Les outils de création de sites web Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site

Plus en détail

Auteur 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 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étail

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp

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/

Plus en détail

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6

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

Plus en détail

4D 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

4D 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étail

les 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 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étail

Les grandes facettes du développement Web Nicolas Thouvenin - Stéphane Gully

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

Plus en détail

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 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étail

Vérifier la qualité de vos applications logicielle de manière continue

Vé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étail

Cursus Sage ERP X3 Outils & Développement. Le parcours pédagogique Sage ERP X3 Outils et Développement

Cursus 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étail

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 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étail

Petite définition : Présentation :

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

Plus en détail

Gestion d identités PSL Exploitation IdP Authentic

Gestion 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étail

SII Stage d informatique pour l ingénieur

SII 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étail

Bureautique Initiation Excel-Powerpoint

Bureautique 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étail

Document Object Model (DOM)

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

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

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

Plus en détail

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?

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? 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étail

Devenez un véritable développeur web en 3 mois!

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

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous 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étail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

Whitepaper. Méthodologie de création de rapports personnalisés SQL Server Reporting Services

Whitepaper. 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étail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN

Plus en détail

Performance Front-End

Performance 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étail

Web Tier : déploiement de servlets

Web Tier : déploiement de servlets Web Tier : déploiement de servlets 1 / 35 Plan 1 Introduction 2 Servlet : Principe de fonctionnement 3 Création et développement sur un serveur JEE 4 Quelques méthodes de l API des servlets 5 Utilisation

Plus en détail

Projet de Semestre. Page Web Didactique de Visualisation d Algorithme. Université de Genève - semestre de printemps 2012

Projet 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étail

emuseum PUBLIEZ VOS COLLECTIONS SUR INTERNET Pourquoi choisir emuseum? Intégration facile avec TMS Puissante fonction de recherche

emuseum 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étail

I. Descriptif de l offre. L offre Sage 100 Entreprise Edition Entreprise

I. 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étail

Echosgraphik. 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 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étail

XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition)

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

Plus en détail

LE CONCEPT DU CMS CHAPITRE 1

LE 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étail

Failles XSS : Principes, Catégories Démonstrations, Contre mesures

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,

Plus en détail

Formation : WEbMaster

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

Plus en détail

Spétechs Mobile. Octobre 2013

Spé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étail

FORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006

FORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006 I. INTRODUCTION 1. Présentation du formateur et des élèves 2. Historique internet : d'où ça vient a. Historique général : 3 étapes majeures 1. l'histoire de l'informatique débute en 1942 avec la première

Plus en détail

< Atelier 1 /> Démarrer une application web

< 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étail

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :

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

Plus en détail

Activité 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 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étail

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

Dans 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étail

Informations générales. Technologies. css3-html5-php-ajax-j-query-mootools-action-script3

Informations 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étail

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 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étail

1. La plate-forme LAMP

1. 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étail

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09

INFORMATIQUE & 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étail

Notes pour l utilisation d Expression Web

Notes 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étail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE 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étail

4. SERVICES WEB REST 46

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,

Plus en détail

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

Description 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étail

BIRT (Business Intelligence and Reporting Tools)

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»

Plus en détail

Point 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 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étail

Application Web et J2EE

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

Plus en détail

ECLIPSE ET PDT (Php development tools)

ECLIPSE 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étail

Panel des technologies Web

Panel 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étail

Optimiser pour les appareils mobiles

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...

Plus en détail

Découvrez notre solution Alternative Citrix / TSE

Dé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étail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

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

Plus en détail

Université 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 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étail

Démonstration de la mise en cache via HTML 5 sur iphone

Dé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

Hébergement de site web Damien Nouvel

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

Plus en détail

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

TIC. 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étail

Canvas 3D et WebGL. Louis Giraud et Laetitia Montagny. 9 Avril 2013. Université Lyon 1

Canvas 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étail

Cursus 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 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étail

Quel logiciel DE CRM choisir pour votre force de vente terrain?

Quel 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étail

Architecture Orientée Service, JSON et API REST

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

Plus en détail

Rapport 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 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étail

Module BD et sites WEB

Module BD et sites WEB Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD

Plus en détail

Manuel logiciel client Java

Manuel 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étail

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE 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étail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

INTRODUCTION A JAVA. Fichier en langage machine Exécutable INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du

Plus en détail

W4 - Workflow La base des applications agiles

W4 - 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étail

Optimiser moteur recherche

Optimiser 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étail

Alfresco 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 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étail

Des solutions sur mesure à partir de modules fonctionnels & CRM associés à un studio de customisation.

Des 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étail

Comparatif CMS. Laurent BAUREN S Bérenger VIDAL Julie NOVI Tautu IENFA

Comparatif 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étail

Nouveautés Ignition v7.7

Nouveauté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étail

Code Produit Nom Produit Dernière mise à jour. AM003 Alias Mobile On Demand Licence 1 mois 27/04/2015

Code 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étail

K-Portal et K-Sup 5.1 des nouveautés. Détails

K-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étail

Bonnes pratiques de développement JavaScript

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

Plus en détail

Communiqué de lancement. Sage 100 Entreprise Edition Etendue Module CRM inclus

Communiqué 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étail

Développement d'applications Web HTML5 L'art et la manière avec Visual Studio 2015 et TFS

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

Plus en détail

Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009

Rapport 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étail

TP1. Outils Java Eléments de correction

TP1. 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étail

REQUEA. v 1.0.0 PD 20 mars 2008. Mouvements d arrivée / départ de personnels Description produit

REQUEA. 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étail

SITE I NTERNET. Conception d un site Web

SITE 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

<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étail

Oracle Developer Suite 10g. Guide de l installation. Vista & Seven

Oracle 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

.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étail

Atelier Le gestionnaire de fichier

Atelier 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étail

Ajax, RIA et HTML5. 9.1 Prise en charge d Ajax

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

Plus en détail

Introduction à. Oracle Application Express

Introduction à. 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