Le stockage local de données en HTML5

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

Download "Le stockage local de données en HTML5"

Transcription

1 Le stockage local HTML5, pourquoi faire? Dans une optique de réduction des couts de maintenance, de déploiement, beaucoup d'entreprises ont fait le choix de migrer leurs applicatifs (comptables, commerciales, administratives, etc.) vers des applications web. Au début en simple XHTML/CSS puis très vite l'arrivée de JavaScript puis AJAX a permis de créer des interfaces dites «riches» avec une ergonomie importante et une grande rapidité d'utilisation (on peut le voir avec Gmail, la recherche instantanée sur Google.fr, etc.) Cependant le problème de la connectivité s'est posé au niveau de cette migration «full-web» : que se passe-t-il si l'utilisateur n'a plus internet : Il ne peut plus accéder à l'application? Prenons l'exemple concret d'un de nos clients : il a voulu mettre en place une application de suivi commercial pour ses commerciaux nomades. Jusque-là pas de problèmes, sauf qu'il s'est aperçu que comme ils n'avaient pas internet en sortant de rendez-vous, ils prenaient des notes sur papier et faisaient leurs comptes rendus le soir en rentrant. Résultat : près de 30% des saisies oubliées ou incomplètes. La solution est la capacité à faire du «stockage local», c'est-à-dire que le navigateur va être capable de garder l'information même après fermeture de la page, même après avoir été redémarré. Ceci, bien que ce soit une très bonne solution, doit être étudié en détails puisque faire le choix de rendre son application utilisable «offline» (hors-ligne) soulève d'autres problèmes importants : Gestion de la mise à jour des données sur le navigateur (il faut pouvoir les synchroniser avec le serveur) Gestion des conflits de données : que se passe-t-il si je modifie la fiche de client123 en mode offline et qu'avant la synchronisation un autre collègue modifie aussi client123 sur le serveur? Historique

2 HTML5 n'a pas inventé le stockage de données local, il est seulement la première possibilité que nous ayons pour avoir une solution standardisée de stockage de données au niveau du navigateur sans plugin tiers. La première solution a toujours été le stockage via cookies. En plus d'être fortement limités en taille (100KB), il faut savoir que toutes les données des cookies sont envoyées à chaque appel HTTP. Cela signifie qu'à chaque changement de pages, à chaque envoi de flux XML, votre navigateur envoi tous les cookies et le serveur lui renvoi lui aussi tous les cookies. Pas besoin de vous dire que ce n'est ni optimisé (taille, temps de traitement), ni vraiment sécurisé. Ensuite Flash (pionnier des RIA) a proposé une autre solution, les Flash Local Storage Objects. Limités à 100KB par domaine, ils fournissaient déjà une meilleure alternative aux cookies. Au vu du taux de pénétration de Flash sur les navigateurs (90-95%), la compatibilité n'était pas un problème. Par contre, l'obligation de plugin tiers ainsi que la limitation à 100KB était clairement un frein. Google lance donc en 2007 un projet appelé Google Gears, renommé ensuite Gears simplement pour effacer la patte Google de ce projet, et éviter que les craintifs de «big brother» n'utilisent pas le projet. Les avantages sont nombreux et le projet alléchant : OpenSource et gratuit Base de donnée SQL intégrée alors que nous avions simplement un système clé/valeur jusqu'à maintenant Aucunes limitations en lecture/écriture ou taille après acceptation du plugin par l'utilisateur Malheureusement, il a un défaut : ceci reste un plugin. Google a décidé, en 2009, avec l'arrivée de HTML5, de ne plus supporter Gears. Une autre complexité réside dans le fait qu'au niveau de nos applications, il faut être capable d'utiliser la meilleure technologie en fonction de ce qui est disponible sur le navigateur. C'est l'objectif du projet DOJOX. En effet, comme nous l'abordons dans les tutoriaux sur la vidéo en HTML5, l'idée ici est de s'adapter en fonction des capacités du navigateur. Le comportement de DOJOX est le suivant : Il utilise Gears s'il est installé Il utilise HTML5 si possible Il supporte Flash si les deux précédents ne sont pas supportés

3 Son utilisation n'est pas vraiment simple, donc pas vraiment à la portée de tous. Le stockage clé/valeur en HTML5 Commençons par une bonne nouvelle, le stockage clé/valeur HTML5 (keystore) est largement supporté par les navigateurs actuels Le stockage HTML5 est entièrement stocké sur le navigateur, sans trace sur le serveur, les données ne sont pas envoyées au serveur à chaque appel (contrairement aux cookies), le support est natif au navigateur (sans installation de plugin tiers) et la limitation est fixée à 5 Mo par origine. Maintenant abordons nous à la notion de clé/valeur, qu'est-ce que cela signifie? De la même façon que pour les sessions en PHP ou en JAVA, les données sont stockées dans un tableau associatif ou dictionnaire. Schématisons par exemple ce que vous pourriez stocker sur le client pour un site e-commerce : Clé Valeur "utilisateur_id" "E13AEAZFEA3356GDZZRGRADSF REZA3" "panier" "date_arrivee" "2011/05/03 03:24:03" "historique"

4 Vous remarquez plusieurs points ici : Tout d'abord qu'à une valeur correspond une clé mais qu'à une clé peut être liées plusieurs valeurs (le panier stocke les IDs des produits du panier) Tous les types sont supportés : entiers, réels, chaînes de caractères, dates Vous pouvez stocker des objets, à condition qu'ils aient été «JSONifiés». Nous y reviendrons. Première étape : vérifier la compatibilité Il faut commencer par s'assurer que le stockage clé/valeur de HTML5 est supporté par le navigateur de votre visiteur. Pour cela, plusieurs choix s'offrent à vous, nous vous en présenterons deux : Vérification manuelle dans les objets mis à disposition par le navigateur Vérification du support grâce à la libraire Modernizr Commençons en utilisant l'objet window qui contient l'attribut localstorage. S'il ne le contient pas ou s'il est null, c'est que nous avons un problème de compatibilité. function supports_html5_storage() { if ( ('localstorage' in window) && window['localstorage']!= null) alert("ok") ; else Puis utilisons la libraire Modernizr, un peu plus simple à utiliser :

5 function testlocalstorage(){ if (Modernizr.localstorage) { alert("ok"); Deuxième étape : stocker des informations Comme expliqué précédemment, le stockage de données clé/valeur en HTML5 se fait de la même manière qu'un tableau associatif (ou dictionnaire). Pour stocker une information, il suffit donc de : Choisir une clé S'assurer que stockage[«clé»] ne contient pas d'informations (sinon on écrase) Définir que stockage[«clé»] pointe vers notre information L'objet à utiliser pour manipuler le stockage de données clé/valeur est «localstorage». Affectons donc maintenant une valeur à une clé, si celle-ci est vide : function definissonsunevaleur(){ if (Modernizr.localstorage) { if (localstorage["macle"] == null){

6 localstorage["macle"] = "ok"; alert("storage[macle] vaut maintenant ok"); alert("storage[macle] a déjà une valeur: " + localstorage["macle"]); Comme vous pouvez le voir, les opérations de base sur les données sont simples. Reprenons les opérations CRUD pour le stockage local clé/valeur en HTML5 : Création de données : localstorage[«clé»] = valeur Mise à jour de données : localstorage[«clé»] = valeur Lecture de données : localstorage[«clé»] Suppression de données : localstorage[«clé»] = null ; Le stockage d'objets JavaScript en HTML5 Comment ferions-nous si nous voulions stocker un objet JavaScript en HTML5? localstorage[«clé»] = monobjetjavascript.

7 Ceci ne peut pas réellement marcher, pourquoi? Parce que le stockage de données côté client se fait par sérialisation, c'est-à-dire qu'il doit convertir l'information de l'objet dans une chaine de caractères stockée sur le disque dans un fichier. En bref, quand vous utiliserez un objet en JavaScript il faudra faire : Objet JavaScript => Chaine de caractères (String) => Objet JavaScript. Pour transformer un objet JavaScript en String, JavaScript nous fournit un standard de formalisation d'objets, le JSON (JavaScript Object Notation). Une représentation d'un objet d'une classe Societe ayant pour attributs id=1,nom=mistra,domaines=[«formation», «tutoriaux»] aurait pour représentation JSON : { «id» : «1», «nom» : «Mistra», «domaines» : Utilisons donc maintenant les méthodes permettant de créer une chaine de caractères depuis un objet avant de le stocker et inversement, récupérons un objet depuis une chaîne de caractères stockée sur le navigateur : function stockageobjetutilisateur(monobjet){ if (Modernizr.localstorage) { // Ici on écrase si l'utilisateur existe déjà // On utilise la méthode stringify qui créé une String à partir d'un objet localstorage["macle"] = JSON.stringify(monObjet);

8 function recupereobjetutilisateur(){ if (Modernizr.localstorage) { if (localstorage["macle"] == null){ alert("pas d'utilisateur stocké"); return null; else // On utilise la méthode parse qui créé un objet en fonction d'une String return JSON.parse(localStorage["macle"]); return null;

9 Powered by TCPDF (www.tcpdf.org) Le stockage local de données en HTML5 Vous savez maintenant comment stocker des informations en HTML5 grâce au système de clé/valeur. Cependant, comme sur un langage côté serveur, cette méthode peut devenir inutilisable sur des données que l'on veut plus structurées. HTML5 apporte là aussi une solution avec le système de stockage de données SQL intégré. Ce sera le sujet de notre prochain tutoriel, suivez-nous sur Facebook ou Twitter pour être informé de sa prochaine sortie

AJAX est l'acronyme d'asynchronous JavaScript And XML, autrement dit JavaScript Et XML Asynchrones.

AJAX est l'acronyme d'asynchronous JavaScript And XML, autrement dit JavaScript Et XML Asynchrones. Le concept d'ajax Introduction AJAX est l'acronyme d'asynchronous JavaScript And XML, autrement dit JavaScript Et XML Asynchrones. AJAX n'est ni une technologie ni un langage de programmation ; AJAX est

Plus en détail

Apprendre à développer avec JavaScript

Apprendre à développer avec JavaScript Présentation du langage JavaScript 1. Définition et rapide historique 11 2. Pré-requis pour un apprentissage aisé du langage 13 3. Outillage nécessaire 14 4. Positionnement du JavaScript face à d autres

Plus en détail

Evolutions du Web et des langages

Evolutions du Web et des langages Evolutions du Web Evolutions du Web et des langages WEB statique Ces pages sont écrites en HTML Les pages demandées sont identiques quelque soit La personne qui les demande L heure de la demande Etc. WEB

Plus en détail

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes Symfony 2 Sommaire : 1.Définition de symfony 2 2.Installation 3.Structure 4.Symfony et les commandes 5.Le fonctionnement : le routeur (les url), les bundles, twig(templates) 6.L architecture de symfony2

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

Comment supprimer Facebook Timeline!

Comment supprimer Facebook Timeline! Comment supprimer Facebook Timeline! Author : soufiane Bonjour, La plupart des utilisateurs Facebook ont trouvé de la difficulté à s'adapter au changement officiel qu'a fait Facebook dans l'interface des

Plus en détail

Secteur Tertiaire Informatique Filière étude - développement. Développer des composants d interface Créer des formulaires de saisie

Secteur Tertiaire Informatique Filière étude - développement. Développer des composants d interface Créer des formulaires de saisie Secteur Tertiaire Informatique Filière étude - développement. Développer des composants d interface Créer des formulaires de saisie JAVASCRIPT JS08-Gestion des cookies-consignes Accueil Apprentissage Période

Plus en détail

Comment faire pour créer un site web? (mon site, pas à pas)

Comment faire pour créer un site web? (mon site, pas à pas) Comment faire pour créer un site web? (mon site, pas à pas) Author : soufiane Bonjour, Bienvenue dans cette nouvelle série de tutoriels destinée aux débutants cherchant comment créer un site web de A à

Plus en détail

Les CMSs, comment ça marche et comment choisir le bon CMS? (mon site, pas à pas)

Les CMSs, comment ça marche et comment choisir le bon CMS? (mon site, pas à pas) Les CMSs, comment ça marche et comment choisir le bon CMS? (mon site, pas à pas) Author : soufiane Bonjour, J'ai parlé dans les tutoriels précédents de la série "mon site, pas à pas" sur les divers langages

Plus en détail

1 Introduction. La sécurité

1 Introduction. La sécurité La sécurité 1 Introduction Lors de l'écriture d'une application de gestion, les problèmes liés à la sécurité deviennent vite prégnants. L'utilisateur doit disposer des droits nécessaires, ne pouvoir modifier

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

TME 1 JAVASCRIPT (2 SEANCES)

TME 1 JAVASCRIPT (2 SEANCES) TME 1 JAVASCRIPT (2 SEANCES) 1. EXERCICES DE BASE Créez des fonctions javascript pour : - faire un jeu «plus petit plus grand» qui tire un nombre au hasard que l utilisateur doit trouver en entrant des

Plus en détail

Créer un formulaire de contact pour votre site gratuitement (6 méthodes)!

Créer un formulaire de contact pour votre site gratuitement (6 méthodes)! Créer un formulaire de contact pour votre site gratuitement (6 méthodes)! Author : soufiane Bonjour, Cherchez-vous depuis des jours comment insérer un formulaire de contact sur votre site web? Gratuitement

Plus en détail

SECURITY ADVISORY VULNERABILITE SUR LES DONNEES CLIENTS MAGENTO

SECURITY ADVISORY VULNERABILITE SUR LES DONNEES CLIENTS MAGENTO SECURITY ADVISORY VULNERABILITE SUR LES DONNEES CLIENTS MAGENTO Date : le 25 avril 2012 Versions affectées : Enterprise 1.6 et Community jusqu'à 1.3.3.0 (incluse) Niveau de sécurité : critique Mode d'exploitation

Plus en détail

Comment sécuriser et protéger vos mots de passe!

Comment sécuriser et protéger vos mots de passe! Comment sécuriser et protéger vos mots de passe! Author : soufiane Bonjour, Les mots de passe sont vos clés que vous portez avec vous, sans prendre soin de vos clés, vous risquez de perdre tout un projet,

Plus en détail

Programmation Avancée pour le Web

Programmation Avancée pour le Web L3 Informatique Option : ISIL Programmation Avancée pour le Web RAMDANI Med U Bouira 1 Contenu du module Introduction aux applications Web Rappels sur les sites Web Conception d une application Web Notion

Plus en détail

Formation développer une application mobile multi plates-formes avec GWT Mobile

Formation développer une application mobile multi plates-formes avec GWT Mobile Objectifs de la formation GWT Mobile A la fin de cette formation GWT Mobile vous saurez développer des applications natives ou web pour mobiles et tablettes en GWT. Programme de la formation GWT Mobile

Plus en détail

Enregistrer un nouvel évènement

Enregistrer un nouvel évènement Maintenant que nous avons géré les utilisateurs, voyons l'enregistrement d'un nouvel évènement créé par l'utilisateur qui sera connecté au client. Là encore, nous utiliserons une couche DAO formée d'une

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Qui suis-je? Guillaume Gautreau Responsable projets Systèmes d information à l ENPC guillaume@ghusse.com http://www.ghusse.com Ces 6 jours de formation Jour 1 : présentations,

Plus en détail

Etude de cas : PGE JEE V2

Etude de cas : PGE JEE V2 Arrivés à ce point du tutoriel, nous savons créer une application Web implémentant la persistance des données. Toutefois, le modèle de cette application était simple et composé d'une unique classe et les

Plus en détail

Initiation au mail. Sommaire : 1. Qu'est-ce qu'un mail?...3 2. Deux types d'outils pour consulter ses mails...4

Initiation au mail. Sommaire : 1. Qu'est-ce qu'un mail?...3 2. Deux types d'outils pour consulter ses mails...4 Initiation au mail Sommaire : 1. Qu'est-ce qu'un mail?...3 2. Deux types d'outils pour consulter ses mails...4 2.1. Les logiciels de gestion de mail...4 2.2. Les webmails...5 3. Se connecter au webmail...6

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

INTEGRATEUR DEVELOPPEUR

INTEGRATEUR DEVELOPPEUR www.emweb.fr INTEGRATEUR DEVELOPPEUR FORMATION ELIGIBLE AU DIF/CIF DURÉE : 700 h de formation PRE REQUIS Avoir un esprit logique Etre motivé(e)! OBJECTIF A l issue de cette formation, vous serez capable

Plus en détail

HTML5 et PHP 5 - Développez des applications web performantes Exploitez les dernières nouveautés des langages

HTML5 et PHP 5 - Développez des applications web performantes Exploitez les dernières nouveautés des langages Avant-propos 1. HTML5 11 2. PHP5 11 3. Démarche de cet ouvrage 12 4. Pré-requis 13 5. Compatibilité des navigateurs 14 Les apports d'html5 1. Introduction 15 2. Améliorer la structure de son contenu 16

Plus en détail

Fonctionnement du Site Web Dynamique:

Fonctionnement du Site Web Dynamique: Fonctionnement du Site Web Dynamique: Site Web Dynamique: Un site Web dynamique est en faite un site Web dont les pages qu'il contient peuvent être générées dynamiquement, c'est à dire à la demande de

Plus en détail

Licence DANT Université Pierre et Marie Curie UE Nouvelles technologies du web TME SERVLETS

Licence DANT Université Pierre et Marie Curie UE Nouvelles technologies du web TME SERVLETS TME SERVLETS Avant de commencer vous devez installer tout ce qui est nécessaire (JBoss ou un autre serveur d application, Eclipse avec support de votre serveur d application). Pour les deux exercices ci-dessous

Plus en détail

Procédure de sauvegarde avec Cobian Backup

Procédure de sauvegarde avec Cobian Backup Procédure de sauvegarde avec Cobian Backup 11 De Le 13/08/2014 Version 2.0 1/22 I. Introduction Type de sauvegarde : Complète : Sauvegarde de tous les fichiers et dossiers d'une partition ou d'un dossier

Plus en détail

Créer le modèle multidimensionnel

Créer le modèle multidimensionnel 231 Chapitre 6 Créer le modèle multidimensionnel 1. Présentation de SSAS multidimensionnel Créer le modèle multidimensionnel SSAS (SQL Server Analysis Services) multidimensionnel est un serveur de bases

Plus en détail

Architecture applicative de l application Web

Architecture applicative de l application Web Architecture applicative de l application Web Principes d organisation de l application PHP Gsb-AppliFrais Les principes d'organisation de l'application s'inspirent des travaux réalisés autour du contexte

Plus en détail

SUPPRIMER SES COOKIES

SUPPRIMER SES COOKIES SUPPRIMER SES COOKIES 1. PREAMBULE 2 2. SOUS FIREFOX 3 3. SOUS GOOGLE CHROME 4 4. SOUS SAFARI 5 5. SOUS INTERNET EXPLORER 9 6 6. SOUS INTERNET EXPLORER 8 7 7. SOUS OPERA 8 7.1 POUR EFFACER LES COOKIES...

Plus en détail

MENTIONS LEGALES. Article 1 : Identification. Article 2. Conditions d'utilisation du Site

MENTIONS LEGALES. Article 1 : Identification. Article 2. Conditions d'utilisation du Site MENTIONS LEGALES Article 1 : Identification Le Site France-Boissons (le «Site») accessible via l'adresse appartient à FRANCE BOISSONS, Société par Actions Simplifiée au capital de 69 510 000 Euros, dont

Plus en détail

Manuel d'utilisation Nouvelles fonctions de LogiVert. Explication des fonctions Aurore

Manuel d'utilisation Nouvelles fonctions de LogiVert. Explication des fonctions Aurore Manuel d'utilisation Nouvelles fonctions de LogiVert Explication des fonctions Aurore Contenu Manuel d'utilisation... 1 Nouvelles fonctions de LogiVert... 1 1- Boutique sur Smartphone... 3 2- Rubrique

Plus en détail

Ateliers Pyduino par X. HINAULT www.mon-club-elec.fr

Ateliers Pyduino par X. HINAULT www.mon-club-elec.fr Pour comprendre : comparatif Arduino+shields / Pyduino + mini-pc Ateliers Pyduino par X. HINAULT www.mon-club-elec.fr Tous droits réservés 2013. Dans ce document, afin de vous permettre de prendre conscience

Plus en détail

HTML5 Quels enjeux pour la mobilité et le RIA?

HTML5 Quels enjeux pour la mobilité et le RIA? HTML5 Quels enjeux pour la mobilité et le RIA? Julien Roche Philippe Guédez Ludovic Garnier 2 Sommaire Evolution des usages du Web Applications mobiles multiplateformes Contributions d HTML5 au RIA Conclusion

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

Tutoriel : Réaliser un site multilingues

Tutoriel : Réaliser un site multilingues Tutoriel : Réaliser un site multilingues INDEX : 1. Introduction 2. Détecter la langue 3. Gérer les langues avec PHP a. Usage de variables b. Traduction à la volée (passage de fonction) 4. Gérer les langues

Plus en détail

Dispositif e-learning déployé sur les postes de travail

Dispositif e-learning déployé sur les postes de travail Résumé : Ce document fait l inventaire du matériel et des moyens nécessaires à la production de sessions de formation à distance à partir des postes de travail des salariés bénéficiant d une connexion

Plus en détail

Comment protéger vos dossiers et fichiers avec un mot de passe!

Comment protéger vos dossiers et fichiers avec un mot de passe! Comment protéger vos dossiers et fichiers avec un mot de passe! Author : soufiane Bonjour, De nos jours, on a plus de données qu'hier, parmi ces données, on trouve des données qu'on peut considérer comme

Plus en détail

Systèmes d'informations

Systèmes d'informations Systèmes d'informations C'est un ensemble d'outils pour stocker / gérer / diffuser des informations / des données Le stockage : Bases de données + SGDBR La gestion : Saisie, Mise à jour, Contrôle La diffusion

Plus en détail

L'instruction if permet d'exécuter des instructions différentes selon qu'une condition est vraie ou fausse. Sa forme de base est la suivante:

L'instruction if permet d'exécuter des instructions différentes selon qu'une condition est vraie ou fausse. Sa forme de base est la suivante: 420-183 Programmation 1 8. Les structures conditionnelles Dans l'écriture de tout programme informatique, une des premières nécessités que nous rencontrons est de pouvoir faire des choix. Dans une application

Plus en détail

EISTI. Oracle Toplink. Manuel d installation et d utilisation

EISTI. Oracle Toplink. Manuel d installation et d utilisation EISTI Oracle Toplink Manuel d installation et d utilisation VILLETTE Charles, BEQUET Pierre, DE SAINT MARTIN Cédric, CALAY-ROCHE Vincent, NAUTRE Francois 20/05/2010 Ce manuel d installation et d utilisation

Plus en détail

Google Chrome. La barre de favoris: Une petit barre (Ctrl+B) qui fait tout la largeur du navigateur juste en dessous de la barre de recherche.

Google Chrome. La barre de favoris: Une petit barre (Ctrl+B) qui fait tout la largeur du navigateur juste en dessous de la barre de recherche. Google Chrome Résumé rapide: Lien de téléchargement: http://www.google.fr/chrome La barre de favoris: Une petit barre (Ctrl+B) qui fait tout la largeur du navigateur juste en dessous de la barre de recherche.

Plus en détail

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE I JavaScript: script côté client Programmation objet et événementielle en

Plus en détail

LOT 3 : Logiciel de backup

LOT 3 : Logiciel de backup LOT 3 : Logiciel de backup http://redobackup.org/ Tous vos documents et paramètres seront restaurés à l état exact où ils étaient lors de la dernière sauvegarde prise. Redo Backup and Recovery est un CD,

Plus en détail

Virtualbox : Créez plusieurs machines virtuelles dans une seule machine!

Virtualbox : Créez plusieurs machines virtuelles dans une seule machine! Virtualbox : Créez plusieurs machines virtuelles dans une seule machine! Author : soufiane Bonjour, Aujourd'hui, vous allez découvrir un logiciel qui permet de créer plusieurs machines virtuelles qui peuvent

Plus en détail

Dropbox vous permettra de sauvegarder, partager et synchroniser vos fichiers et dossiers, extrêmement facilement et rapidement.

Dropbox vous permettra de sauvegarder, partager et synchroniser vos fichiers et dossiers, extrêmement facilement et rapidement. Définition : Dropbox vous permettra de sauvegarder, partager et synchroniser vos fichiers et dossiers, extrêmement facilement et rapidement. Le service se compose d'une application gratuite et d'une interface

Plus en détail

Comment référencer votre site web avec des astuces inédits!

Comment référencer votre site web avec des astuces inédits! Comment référencer votre site web avec des astuces inédits! Author : soufiane Bonjour, Savez-vous comment faire pour positionner votre site web dans la première page de Google? Savez-vous qu'avec un référencement

Plus en détail

I La création d'un compte de messagerie Gmail.

I La création d'un compte de messagerie Gmail. Les outils du Cloud Computing #2 Gmail / Google Drive L'exemple des Googles Documents & Googles formulaires Un pas à pas pour faire connaissance avec les services google. I La création d'un compte de messagerie

Plus en détail

Mozilla Thunderbird. 1. Configuration de base 2. Options 3. Paramètres des comptes 4. Ajout d'un compte de messagerie 5. Ajout d'un compte de flux

Mozilla Thunderbird. 1. Configuration de base 2. Options 3. Paramètres des comptes 4. Ajout d'un compte de messagerie 5. Ajout d'un compte de flux Thunderbird est le logiciel de messagerie développé par la Fondation Mozilla qui développe également le navigateur Firefox. Le téléchargement peut se faire sur ce lien. 1. Configuration de base 2. Options

Plus en détail

Plugin Payment-OnLine

Plugin Payment-OnLine Plugin Payment-OnLine Le plugin "Payment-Online" est un plugin technique dont l'objectif est de faciliter l'utilisation du paiement en ligne dans des applications Lutèce. Il se compose d'une librairie

Plus en détail

Création d un catalogue en ligne

Création d un catalogue en ligne 5 Création d un catalogue en ligne Au sommaire de ce chapitre Fonctionnement théorique Définition de jeux d enregistrements Insertion de contenu dynamique Aperçu des données Finalisation de la page de

Plus en détail

Le serveur communication unifiée IceWarp. Guide de mise à jour. Version 10. Février 2010. IceWarp France / DARNIS Informatique

Le serveur communication unifiée IceWarp. Guide de mise à jour. Version 10. Février 2010. IceWarp France / DARNIS Informatique Le serveur communication unifiée IceWarp Guide de mise à jour Version 10 Février 2010 IceWarp France / DARNIS Informatique i Sommaire Guide de mise à jour vers la V10 1 A lire avant de démarrer la mise

Plus en détail

Statistiques des Sites ARS

Statistiques des Sites ARS 5 M a r s 2 0 1 4 - V 1. 1 Statistiques des Sites ARS Note d'opportunité Paternité, Copyright Date, version 5 Mars 2014 - V1.1 Sommaire Contexte...4 I Choix de l'outil...5 A Choix de la DICOM...5 B Préconisations

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

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

de survie du chef de projet

de survie du chef de projet KIT de survie du chef de projet 01 1 2 3 4 5 6 04 03 07 07 03 03 LE SERVEUR LE CLIENT TECHNOLOGIE WEB CLIENT LE SERVEUR WEB TECHNIQUES & CADRE DE TRAVAIL APPLICATIONS 101 LE SERVEUR Un serveur informatique

Plus en détail

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques Contenu Statique Le client envoie une requête avec un nom de fichier Le serveur répond en lui retournant

Plus en détail

L3 - Sites Web dynamiques : Mini-Wall MINI-WALL

L3 - Sites Web dynamiques : Mini-Wall MINI-WALL L3 - SITES WEB DYNAMIQUES MINI-WALL 1 Introduction L'objectif de ce TD est de mettre en place un mini "livre d'or", permettant à vos visiteurs de vous laisser des messages sur votre site. Une page affiche

Plus en détail

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web Présentation 1. Le Html5 9 2. Les API JavaScript du Html5 de cet ouvrage 10 3. Les futures API JavaScript 15 4. Les pré-requis 17 5. Les navigateurs de notre étude 17 6. Les outils pour notre étude 19

Plus en détail

Qu'est ce que le Cloud?

Qu'est ce que le Cloud? Qu'est ce que le Cloud? Le Cloud computing (informatique dans les nuages) consiste en l'utilisation de données à distance. Les fichiers de l utilisateur se trouve non pas dans son ordinateur personnel

Plus en détail

Guide Utilisateur - Guide général d'utilisation du service via Zdesktop ou Webmail. Version 2.2 - EXOCA 1. Powered by

Guide Utilisateur - Guide général d'utilisation du service via Zdesktop ou Webmail. Version 2.2 - EXOCA 1. Powered by Guide Utilisateur - Guide général d'utilisation du service via Zdesktop ou Webmail Powered by Version 2.2 - EXOCA 1 Sommaire 1. Introduction... 3 2. Configuration du client Zdesktop (option par défaut)...

Plus en détail

Zotero : outil de gestion bibliographique. Gérer librement, gratuitement et facilement ses références bibliographiques!

Zotero : outil de gestion bibliographique. Gérer librement, gratuitement et facilement ses références bibliographiques! Zotero : outil de gestion bibliographique Gérer librement, gratuitement et facilement ses références bibliographiques! Qu'est-ce que Zotero? Zotero est un outil bibliographique gratuit. Il permet de sauvegarder

Plus en détail

Le partitionnement. Si vous souhaitez utiliser LVM et/ou RAID. Partitionnement classique (sans LVM ni RAID) Étape 1 : Choix du type de partitionnement

Le partitionnement. Si vous souhaitez utiliser LVM et/ou RAID. Partitionnement classique (sans LVM ni RAID) Étape 1 : Choix du type de partitionnement Si vous souhaitez utiliser LVM et/ou RAID La suite du tutoriel se place dans un contexte où l'on n'utilise ni LVM, ni RAID. Si vous utilisez l'un, l'autre ou les deux, vous pouvez vous référer à ce tutoriel

Plus en détail

Cloner nativement Windows XP

Cloner nativement Windows XP Cloner nativement Windows XP www.treshaut.net Cloner nativement Windows XP en mode BIOS - version 2014 1 Dans ce tutoriel, je vais expliquer comment cloner un Windows XP x86 sur PC avec BIOS. L'utilité

Plus en détail

Rapport d'architecture

Rapport d'architecture Romain Alexandre Cécile Camillieri Rapport d'architecture 1 / 12 Table des matières I) Description du projet p. 3 1) Canaux de communication p. 3 2) Diagrammes de cas d'utilisation p. 3 II) Gestion des

Plus en détail

Comment récupérer toutes vos données perdues ou effacées gratuitement!

Comment récupérer toutes vos données perdues ou effacées gratuitement! Comment récupérer toutes vos données perdues ou effacées gratuitement! Author : soufiane Bonjour, Avez-vous supprimé par coïncidence des fichiers importants? Avez-vous formaté votre disque dur et vous

Plus en détail

LE SCHÉMA ACTIVE DIRECTORY SOUS WINDOWS SERVER 2003

LE SCHÉMA ACTIVE DIRECTORY SOUS WINDOWS SERVER 2003 LE SCHÉMA ACTIVE DIRECTORY SOUS WINDOWS SERVER 2003 Introducton 1. Objets, classes d'objet et atribut 1.1 Les objets 1.2 Les classes d'objet 1.3 Les atributs 1.4 Créaton d'un atribut 2. Maître d'opératon

Plus en détail

Mise en place SSO. Mise en place SSO. 1. Installation de Tomcat sur le serveur OCR (Windows) 2. Ajout des librairies. by LegalBox

Mise en place SSO. Mise en place SSO. 1. Installation de Tomcat sur le serveur OCR (Windows) 2. Ajout des librairies. by LegalBox Mise en place SSO by LegalBox Mise en place SSO 1. Installation de Tomcat sur le serveur OCR (Windows) Télécharger et installer la dernière version de Java en JRE si elle n'est pas déjà installée. Télécharger

Plus en détail

Java Licence professionnelle CISI 2009-2010

Java Licence professionnelle CISI 2009-2010 Java Licence professionnelle CISI 2009-2010 Cours 10 : Type générique (c) http://manu.e3b.org/java/tutoriels/avance/generique.pdf 1 Introduction La programmation générique - nouveauté la plus significative

Plus en détail

Chapitre 4 Le framework et les API de Joomla

Chapitre 4 Le framework et les API de Joomla Chapitre 4 Le framework et les API de Joomla 1. Les bases du framework Le framework et les API de Joomla 1.1 Notions de framework «Framework» se traduit littéralement par «cadre de travail». C'est un ensemble

Plus en détail

Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr

Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr Technologies Web Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr Plan du cours Cours 1 : Introduction HTML/CSS Cours 2 : Introduction programmation web + javascirpt Cours 3 : Introduction

Plus en détail

TD1. Installation de Symfony 2 et Netbeans

TD1. Installation de Symfony 2 et Netbeans I - Introduction : TD1 Installation de Symfony 2 et Netbeans L objet de ce TP est d installer l environnement de travail. Nous commençons par définir des notions de base nécessaires pour comprendre la

Plus en détail

Plan. Environnement Client/Serveur. Cours 7 JavaServer Pages (1) JSP. Programmation Web coté serveur

Plan. Environnement Client/Serveur. Cours 7 JavaServer Pages (1) JSP. Programmation Web coté serveur Plan Environnement Client/Serveur Cours 7 JavaServer Pages (1) kn@lri.fr 7.1 Principe 7.2 Rappels HTTP 7.3 Le serveur web Tomcat Programmation Web coté serveur JSP 2/28 (rappel) génération de pages-web

Plus en détail

Le client/serveur dans le cas du Web

Le client/serveur dans le cas du Web Le client/serveur dans le cas du Web Olivier Flauzac & Cyril Rabat olivier.flauzac@univ-reims.fr cyril.rabat@univ-reims.fr Licence 3 Info - Info0503 - Introduction à la programmation client/serveur 2015-2016

Plus en détail

AP4.1 : découverte de la programmation d'une application Android à l'aide du logiciel "App Inventor" Informatique

AP4.1 : découverte de la programmation d'une application Android à l'aide du logiciel App Inventor Informatique STI2D Option SIN Terminale AP4.1 : découverte de la programmation d'une application Android à l'aide du logiciel "App Inventor" Informatique Durée prévue : 6h. Problématique : réalisation d'une application

Plus en détail

Comment tester les DNS de Google

Comment tester les DNS de Google 1 sur 7 10/10/2012 20:40 Rechercher sur CNET News Produits Vidéos A lire : Windows 8 : tout ce que vous devez savoir Forum Télécharger Cartech Accueil Tutoriels Se connecter Forum Tutoriels et astuces

Plus en détail

techniques & langages

techniques & langages 65 techniques & langages ActionScript 2 66 ActionScript 3 67 ASP 68 ASP.NET 69 Bases de données MySQL 70 Ajax 71 Java 72 Javascript-AJAX 73 PHP-MySQL 74 XHTML et CSS niveau 1 75 XHTML et CSS niveau 2 76

Plus en détail

Navigateur généalogique 1 / 10

Navigateur généalogique 1 / 10 Navigateur généalogique 1 / 10 Navigateur généalogique Mode d'emploi du logiciel «NaviGeneal.exe» de Marcel Délèze Version du logiciel 2015-09-29, version du mode d'emploi : 2015-09-29 NaviGeneal permet

Plus en détail

ISN Premiers pas en php 17/10/2011

ISN Premiers pas en php 17/10/2011 ISN Premiers pas en php 17/10/2011 Qu'est-ce que PHP? PHP est un langage de programmation qui s'intègre dans vos pages HTML. Mais, avant de continuer, il est bon d'expliquer comment se déroule une requête

Plus en détail

Sophos Mobile Encryption pour Android Aide. Version du produit : 1.0

Sophos Mobile Encryption pour Android Aide. Version du produit : 1.0 Sophos Mobile Encryption pour Android Aide Version du produit : 1.0 Date du document : septembre 2012 Table des matières 1 À propos de Sophos Mobile Encryption...3 2 Affichage de la page d'accueil...4

Plus en détail

Philosophie des extensions WordPress

Philosophie des extensions WordPress 8 Philosophie des extensions WordPress Le concept L une des forces de WordPress dans la jungle CMS, c est la simplicité de création d extensions. Il y a plusieurs raisons à cela. Des raisons techniques

Plus en détail

Création d un WebService. Tp WinDev Numéro 13

Création d un WebService. Tp WinDev Numéro 13 Tp WinDev Numéro 13 Objectifs : Création d un WebService Paramétrage d un serveur Web, Création du Service Web, Création du client consommateur, Approche XML, SOAP Outils : Un serveur d application Ce

Plus en détail

Mise à jour Stable Recrutement juin 2014 Mise à jour de la version stable St. Gallen 02.06.2014

Mise à jour Stable Recrutement juin 2014 Mise à jour de la version stable St. Gallen 02.06.2014 Mise à jour Stable Recrutement juin 2014 Mise à jour de la version stable St. Gallen Explication des icones Dans chaque communication de mise à jour, les icones utilisés ont la signification suivante:

Plus en détail

2010 Ing. Punzenberger COPA-DATA GmbH. Tous droits réservés.

2010 Ing. Punzenberger COPA-DATA GmbH. Tous droits réservés. 2010 Ing. Punzenberger COPA-DATA GmbH Tous droits réservés. La distribution et/ou reproduction de ce document ou partie de ce document sous n'importe quelle forme n'est autorisée qu'avec la permission

Plus en détail

Javascript et les applications Web

Javascript et les applications Web Javascript et les applications Web APIs récentes ou en cours d adoption Télécom ParisTech Jean-Claude Moissinac Octobre 2014 Avec l aide de Jean-Claude Dufourd Et Thomas Bertrand Mastère CPD Javascripts,

Plus en détail

Ajax et Accessibilité

Ajax et Accessibilité Ajax etaccessibilité Présentation Michel HOËL : Responsable Technique d'urbilog En 2001, création d'ocawa : Outil de validation automatique de "règles d'accessibilité" pour France Télécom. Les règles sont

Plus en détail

Client riche et performance serveur avec PHP 5

Client riche et performance serveur avec PHP 5 Anaska services : Les experts PHP français 1 Client riche et performance serveur avec PHP 5 Par Cyril PIERRE de GEYER Co-auteur du livre PHP 5 avancé Architecte PHP / Anaska Anaska services : Les experts

Plus en détail

Technologies Web. Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya. Université Pierre et Marie Curie

Technologies Web. Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya. Université Pierre et Marie Curie 1 / 22 Technologies Web Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya Université Pierre et Marie Curie Rappel 2 / 22 Problématique Quelles technologies utiliser

Plus en détail

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

Lycée Claude MONET Le Havre

Lycée Claude MONET Le Havre Lycée Claude MONET Le Havre Le réseau pédagogique du lycée Guide d'utilisation pour le prof Proverbe : Dans 99% des pannes informatiques, le problème se situe entre la chaise et le clavier. 1 Table des

Plus en détail

Pouvez-vous expliquer pourquoi «ok!» ne s'affichera-t-il pas dans ces conditions? Proposez un morceau de code qui corrige le problème. (coef.

Pouvez-vous expliquer pourquoi «ok!» ne s'affichera-t-il pas dans ces conditions? Proposez un morceau de code qui corrige le problème. (coef. 1 Citez au moins une des nouveautés introduites par PHP 5.3. (coef. 2) Réponse attendue : namespace, closure, objet DateTime... bref n'importe quoi de neuf dans PHP 5.3 Objectif : mesurer la culture G

Plus en détail

Contrôler son PC à distance avec Gmail!

Contrôler son PC à distance avec Gmail! Contrôler son PC à distance avec Gmail! Author : soufiane Bonjour, Voulez-vous arrêter votre ordinateur à distance, avoir des aperçus d'écran ou avoir le contrôle total en utilisant uniquement votre boîte

Plus en détail

Configuration d'un annuaire LDAP

Configuration d'un annuaire LDAP Le serveur Icewarp Configuration d'un annuaire LDAP Version 10.3 Juillet 2011 Icewarp France / DARNIS Informatique i Sommaire Configuration d'un annuaire LDAP 1 Introduction... 1 Qu'est-ce que LDAP?...

Plus en détail

Programmation Web. Sites dynamiques et bases de données. Mathieu Lacroix. I.U.T. de Villetaneuse. Année 2015-2016

Programmation Web. Sites dynamiques et bases de données. Mathieu Lacroix. I.U.T. de Villetaneuse. Année 2015-2016 Programmation Web Sites dynamiques et bases de données Mathieu Lacroix I.U.T. de Villetaneuse Année 2015-2016 E-mail : mathieu.lacroix@iutv.univ-paris13.fr Page Web : http: // www-lipn. univ-paris13. fr/

Plus en détail

Les apports d'html 5 pour l'interopérabilité des applications géospatiales. Gaëtan LAVENU - Esri France Thierry PEUZIN - Business Geografic

Les apports d'html 5 pour l'interopérabilité des applications géospatiales. Gaëtan LAVENU - Esri France Thierry PEUZIN - Business Geografic Les apports d'html 5 pour l'interopérabilité des applications géospatiales Gaëtan LAVENU - Esri France Thierry PEUZIN - Business Geografic Eléments d'introduction à propos d'html 5 HTML 5, qu'est ce que

Plus en détail

1. Considérations sur le développement rapide d'application et les méthodes agiles

1. Considérations sur le développement rapide d'application et les méthodes agiles Chapitre 1 Introduction 1. Considérations sur le développement rapide d'application et les méthodes agiles 1.1 Rappel Longtemps les méthodes en cascade ou en V ont été opposées aux démarches empiriques

Plus en détail

Guide de l'utilisateur d'avigilon Control Center Gateway. Version 5.6

Guide de l'utilisateur d'avigilon Control Center Gateway. Version 5.6 Guide de l'utilisateur d'avigilon Control Center Gateway Version 5.6 2006-2015 Avigilon Corporation. Tous droits réservés. Sauf stipulation expresse écrite à cet effet, aucune licence n'est octroyée vis-à-vis

Plus en détail

Déploiement d'une application Visual Studio Lightswitch dans Windows Azure.

Déploiement d'une application Visual Studio Lightswitch dans Windows Azure. Déploiement d'une application Visual Studio Lightswitch dans Windows Azure. Utilisation de SQL Azure avec Lightswitch Article par Eric Vernié Microsoft France Division Plate-forme & Ecosystème SOMMAIRE

Plus en détail