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

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

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

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

Formation PHP initiation

Formation PHP initiation Objectif La formation PHP est un must pour toute personne cherchant à bien prendre en main le développement Web avec PHP. Pensée par Cyril Pierre de Geyer, co auteur du livre PHP 5 avancé vous commencerez

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

Tout à savoir sur les clients FTP... (Mon site, pas à pas)

Tout à savoir sur les clients FTP... (Mon site, pas à pas) Tout à savoir sur les clients FTP... (Mon site, pas à pas) Je vous ai montré dans les 3 derniers articles de la série "Mon site, pas à pas" comment acheter et choisir un hébergement, un nom de domaine...

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

Gestion Bibliothèque. Résumé

Gestion Bibliothèque. Résumé Gestion Bibliothèque Résumé Ces travaux seront réalisés dans le cadre du cours Web Services Miage NTDP afin de permettre aux étudiants d assimiler les concepts théoriques vus en cours. L idée est de développer

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

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

GED MARKETING. Page 1 sur 18

GED MARKETING. Page 1 sur 18 GED MARKETING I. Présentation du produit... 2 II. Page principale de l application... 3 L arbre... 3 Le menu... 4 La fenêtre de navigation... 4 III. La recherche de documents... 4 Rechercher tous les documents...

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

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

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

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

Rémi Godard Vivian Perez Florian Pérugini Bertrand Vitrant. Comparateur de documents XML

Rémi Godard Vivian Perez Florian Pérugini Bertrand Vitrant. Comparateur de documents XML Rémi Godard Vivian Perez Florian Pérugini Bertrand Vitrant DOCUMENTATION TECHNIQUE Comparateur de documents XML SOMMAIRE 1 Introduction... 3 2 Langage et choix de programmation... 4 2.1 Le langage PHP...

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

Projet Master 1ere année Sujet n 13 :

Projet Master 1ere année Sujet n 13 : BANON Daniel CAPON François CARRERE Jean-Charles IUP Avignon Master 1 TAIM Projet Master 1ere année Sujet n 13 : Interactions audio sur le site web du LIA A l attention de messieurs Nocéra, Favre et Larcher

Plus en détail

Travaux pratiques : EJB avec JBoss 5 + Java 6 + Eclipse

Travaux pratiques : EJB avec JBoss 5 + Java 6 + Eclipse Travaux pratiques : EJB avec JBoss 5 + Java 6 + Eclipse Introduction Le but de ce TP est de programmer une application à la norme EJB en utilisant le serveur d application JBoss. Matériel requis - JBoss

Plus en détail

Site internet du collège Comment écrire un article?

Site internet du collège Comment écrire un article? Site internet du collège Comment écrire un article? Préambule : les rôles. L administrateur du site vous a attribué des droits. L utilisateur simple peut, par exemple, simplement commenter un article ou

Plus en détail

TD2-1 : Application client-serveur V2.3.0

TD2-1 : Application client-serveur V2.3.0 TD2-1 : Application client-serveur V2.3.0 Cette œuvre est mise à disposition selon les termes de la licence Creative Commons Attribution Pas d'utilisation Commerciale Partage à l'identique 3.0 non transposé.

Plus en détail

rendre les réunions simples

rendre les réunions simples rendre les réunions simples Vous trouverez tout ce dont vous avez besoin pour commencer à utiliser votre compte de conférence VaaS-t dans les pages suivantes. Guide de démarrage rapide Mise en route Votre

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

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

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

Principe de fonctionnement du contrôleur de domaine

Principe de fonctionnement du contrôleur de domaine MODULE UTILISATION DES ESPACES DE STOCKAGE (source :prise en main du contrôleur de domaine Solaere) Préambule Vos stations sont configurées et intégrées dans le domaine. Principe de fonctionnement du contrôleur

Plus en détail

BIEN IMPRIMER DEPUIS INTERNET et autres alternatives

BIEN IMPRIMER DEPUIS INTERNET et autres alternatives BIEN IMPRIMER DEPUIS INTERNET et autres alternatives Imprimer une page web peut s avérer indispensable pour garder une trace ou posséder un support papier. Malheureusement, selon la conception du site,

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

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

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

Une ergonomie intuitive

Une ergonomie intuitive Une ergonomie intuitive Les solutions de la ligne PME offrent une interface de travail proche des usages quotidiens en informatique. Leur ergonomie intuitive facilite la prise en main du logiciel. Une

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

Je communique avec Skype

Je communique avec Skype Je communique avec Skype Support de formation des Médiathèques du Pays de Romans Site Internet Twitter MediaTechRomans Table des matières Présentation de Skype...2 Un logiciel pour être plus proche...

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

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

Installation d'un contrôleur primaire et secondaire sur Windows Serveur. Installation du contrôleur primaire (Active Directory).

Installation d'un contrôleur primaire et secondaire sur Windows Serveur. Installation du contrôleur primaire (Active Directory). Installation du contrôleur primaire (Active Directory). Pour permettre au serveur Windows 2003 de devenir un contrôleur primaire de domaine il suffit de lancer la commande "DCPROMO.EXE". Ceci ouvre un

Plus en détail

ACCUEIL...2 LA DEMANDE DE DEVIS...11 COMPLETER UN DEVIS...12 ACCEPTER OU A REFUSER LE DEVIS...13

ACCUEIL...2 LA DEMANDE DE DEVIS...11 COMPLETER UN DEVIS...12 ACCEPTER OU A REFUSER LE DEVIS...13 ACCUEIL...2 LA COMMANDE...3 ONGLET "NATURE DES TRAVAUX"...3 ONGLET INFORMATIONS...8 ONGLET RECAPITULATIF...9 LA COMMANDE SIMPLE A VALIDER PAR LES ACHETEURS...10 LA DEMANDE DE DEVIS...11 COMPLETER UN DEVIS...12

Plus en détail

Applications Réparties TD 3 Web Services.NET

Applications Réparties TD 3 Web Services.NET Ce TD vous enseignera les bases de l'utilisation des Web Services en.net avec Visual Studio.NET 1 Introduction Vos applications.net, quelles soient Windows Forms ou Web Forms, peuvent avoir recours, dans

Plus en détail

BR-Docs guide d applications mobile Android

BR-Docs guide d applications mobile Android BR-Docs guide d applications mobile Android Version 0 FRE Table des matières Guide d applications mobile Android Application Android... Spécifications... Se connecter à l application...2 Naviguer dans

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

4D v11 SQL Release 6 (11.6) ADDENDUM

4D v11 SQL Release 6 (11.6) ADDENDUM ADDENDUM Bienvenue dans la release 6 de 4D v11 SQL. Ce document présente les nouveautés et modifications apportées à cette nouvelle version du programme. Augmentation des capacités de chiffrement La release

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

Comment créer un site web Proxy gratuitement!

Comment créer un site web Proxy gratuitement! Comment créer un site web Proxy gratuitement! Author : soufiane Bonjour, Cherchez-vous comment créer un site web proxy gratuitement? Voulez-vous naviguer sur le web en anonymat totale en utilisant votre

Plus en détail

Sommaire 1 ) Contexte de l application :... 2

Sommaire 1 ) Contexte de l application :... 2 Installation et utilisation pédagogique du PGI EBP «Open Line» Sommaire 1 ) Contexte de l application :... 2 2 ) Notions importantes et principes de l applicati on :... 2 2.1) Notion de base de données

Plus en détail

Gestion des documents associés

Gestion des documents associés Gestion des documents associés Gestion des documents associés 1 Introduction 1.1 1.2 Introduction 4 Principe des deux modes de gestion des documents 5 2 Les pièces jointes ArcGIS 2.1 2.2 2.3 2.4 2.5 2.6

Plus en détail

Alfresco Mobile pour Android

Alfresco Mobile pour Android Alfresco Mobile pour Android Guide d'utilisation de l'application Android version 1.1 Commencer avec Alfresco Mobile Ce guide offre une présentation rapide vous permettant de configurer Alfresco Mobile

Plus en détail

DÉMARRAGE RAPIDE. Présentation et installation de NetStorage

DÉMARRAGE RAPIDE. Présentation et installation de NetStorage Novell NetStorage www.novell.com DÉMARRAGE RAPIDE Présentation et installation de NetStorage Novell NetStorage est une fonction de NetWare 6 qui permet d'accéder facilement, via Internet, au système de

Plus en détail

B2i. LE B2i Brevet Informatique et Internet. Niveau : tous. 1 S'approprier un environnement informatique de travail. b2ico1.odt.

B2i. LE B2i Brevet Informatique et Internet. Niveau : tous. 1 S'approprier un environnement informatique de travail. b2ico1.odt. 1 S'approprier un environnement informatique de travail 1.1) Je sais m'identifier sur un réseau ou un site et mettre fin à cette identification. 1.2) Je sais accéder aux logiciels et aux documents disponibles

Plus en détail

Exemple d'application d'entreprises pour Silverlight 3 et.net RIA Services. Partie 4 : SEO, exportation vers Excel et Hors du navigateur

Exemple d'application d'entreprises pour Silverlight 3 et.net RIA Services. Partie 4 : SEO, exportation vers Excel et Hors du navigateur Exemple d'application d'entreprises pour Silverlight 3 et.net RIA Services. Partie 4 : SEO, exportation vers Excel et Hors du navigateur Cet exercice va nous faire découvrir l accès aux données avec Silverlight.

Plus en détail

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens Année académique 2009 2010 1 Introduction Ce projet est le premier d une série de quatre projets qui ont

Plus en détail

Infra Recorder 0.44. Table des matières. 1. Présentation du logiciel. 2. Téléchargement et installation. 3. Utilisation du logiciel Infra Recorder

Infra Recorder 0.44. Table des matières. 1. Présentation du logiciel. 2. Téléchargement et installation. 3. Utilisation du logiciel Infra Recorder Infra Recorder 0.44 Table des matières 1. Présentation du logiciel 2. Téléchargement et installation 3. Utilisation du logiciel Infra Recorder 3.01 Graver un CD/DVD de données 3.02 Graver un CD/DVD multisession

Plus en détail

Programmation Web IMAC 2015-2016 TD 8 : API. 25 novembre 2015

Programmation Web IMAC 2015-2016 TD 8 : API. 25 novembre 2015 Programmation Web IMAC 2015-2016 TD 8 : API 25 novembre 2015 Objectif: Ce TD a pour but d introduire les APIs, avec plusieurs exemples, et voir comment les utiliser pour récupérer des données depuis des

Plus en détail

Headers, cookies et sessions

Headers, cookies et sessions Headers, cookies et sessions Chargement de fichiers (upload) Entêtes HTTP et redirections Gestion des cookies et des sessions de connexions Authentification Validation des données Programmation avancée

Plus en détail

Zotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site: https://www.mozilla.org/fr/.

Zotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site: https://www.mozilla.org/fr/. Aide-mémoire Zotero est un logiciel de gestion bibliographique gratuit jusqu à 300 Mo et open source. Cet outil permet de collecter des références bibliographiques, de créer des bibliographies et d insérer

Plus en détail

GUIDE Utilisateur. LeMAK-Soft Bulk SMS Sender V1.0. LeMAK-Soft. Analyse - Conception Réalisation déploiement des Sites & Applications Internet

GUIDE Utilisateur. LeMAK-Soft Bulk SMS Sender V1.0. LeMAK-Soft. Analyse - Conception Réalisation déploiement des Sites & Applications Internet GUIDE Utilisateur LeMAK-Soft Bulk SMS Sender V1.0 LeMAK-Soft Analyse - Conception Réalisation déploiement des Sites & Applications Internet Analyse - Conception Réalisation Mise en service des Applications

Plus en détail

Guide de l application mobile BR-Docs pour ios

Guide de l application mobile BR-Docs pour ios Guide de l application mobile BR-Docs pour ios BR-Docs Mobile App est une application gratuite qui vous permet d accéder à la plate-forme BR-Docs via votre appareil mobile. Version 0 FRE Table des matières

Plus en détail

*Assurez-vous que Windows est activé sur le serveur sinon il ne pourra pas télécharger WSUS et les mises à jours. Sommaire

*Assurez-vous que Windows est activé sur le serveur sinon il ne pourra pas télécharger WSUS et les mises à jours. Sommaire *Assurez-vous que Windows est activé sur le serveur sinon il ne pourra pas télécharger WSUS et les mises à jours. Sommaire I. Présentation du projet II. Prérequis III. Mise en Place IV. Configuration et

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

Informations sur l utilisation du webmail du CNRS. Webmail du CNRS. Manuel Utilisateur

Informations sur l utilisation du webmail du CNRS. Webmail du CNRS. Manuel Utilisateur Informations sur l utilisation du webmail du CNRS Webmail du CNRS Manuel Utilisateur V1.0 Octobre 2012 Table des matières Généralités... 2 Navigateurs testés... 2 Internet Explorer... 2 Firefox... 3 Connexion...

Plus en détail

PPE2 - Coin Etudiants : Documentation Utilisateurs

PPE2 - Coin Etudiants : Documentation Utilisateurs PPE2 - Coin Etudiants : Documentation Utilisateurs Introduction Cette documentation permet de présenter le portail étudiants "Coin Etudiants" qui est mis à disposition des élèves d'un centre de formation.

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

Installation de Windows 2012 Serveur

Installation de Windows 2012 Serveur Installation de Windows 2012 Serveur Introduction Ce document n'explique pas les concepts, il se contente de décrire, avec copies d'écran, la méthode que j'utilise habituellement pour installer un Windows

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

Administration Sites web sous JOOMLA

Administration Sites web sous JOOMLA Tutoriel Site Web Joomla Version : 1.0 by LHarant Page 1 Administration Sites web sous JOOMLA Sommaire 1) Les bases 2 1) Les notions de base de joomla 2 2) Accéder à l'administration du site 3 3) Créer

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

Utilisation du Rôle IIS :

Utilisation du Rôle IIS : Utilisation du Rôle IIS : I. Installation du Rôle "Serveur Web" Dans la console de gestion du serveur Windows 2008, ajouter un rôle : Sélectionner le rôle "Serveur Web" : Ajouter "CGI" afin de permettre

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

2. Gérer son profil : Stage mensuel Février 2013 Page 1 / 9 Partagez vos photos sur le web

2. Gérer son profil : Stage mensuel Février 2013 Page 1 / 9 Partagez vos photos sur le web Stage mensuel Février 2013 Page 1 / 9 Il existe de nombreux outils permettant la mise en ligne de ses photos et leur partage avec le public, ou avec une liste de contact. Nous allons en voir deux parmi

Plus en détail

SCHMITT Année 2012/2014 Cédric BTS SIO. TP Serveur Backup

SCHMITT Année 2012/2014 Cédric BTS SIO. TP Serveur Backup SCHMITT Année 2012/2014 Cédric BTS SIO TP Serveur Backup Description: Windows Server Backup est un outil intégré à Windows Server 2008, qui permet de faire des sauvegardes et restaurations de fichiers.

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

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

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

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

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

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

Les Framework Java DWR. Claude Duvallet 1/13. Université du Havre UFR Sciences et Techniques 25 rue Philippe Lebon - BP 540 76058 LE HAVRE CEDEX

Les Framework Java DWR. Claude Duvallet 1/13. Université du Havre UFR Sciences et Techniques 25 rue Philippe Lebon - BP 540 76058 LE HAVRE CEDEX Les Java DWR Claude Duvallet Université du Havre UFR Sciences et Techniques 25 rue Philippe Lebon - BP 540 76058 LE HAVRE CEDEX Claude.Duvallet@gmail.com http://litis.univ-lehavre.fr/ duvallet/ Claude

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

Projet de Fin d Etudes. Smart Picking

Projet de Fin d Etudes. Smart Picking Projet de Fin d Etudes Smart Picking Mathieu BOSSENNEC IMA5 Florian CARON 2014-2015 Sommaire Sommaire 2 Remerciements 3 Introduction 4 I - Présentation du Contexte 5 II - Travaux Réalisés 6 1) Système

Plus en détail

Présentation de Jabber. par Kedare (Mathieu Poussin)

Présentation de Jabber. par Kedare (Mathieu Poussin) Présentation de Jabber par Kedare (Mathieu Poussin) Jabber : Kezako? Jabber est un système standard et ouvert de messagerie instantanée pouvant être sécurisée, de notification de présence, de collaboration

Plus en détail

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles Introduction 1. Avant-propos 9 2. Ressources 10 3. Historique 12 3.1 HTML/CSS/JavaScript 12 3.2 Sur les appareils mobiles 16 Particularité des sites mobiles 1. Introduction 19 2. Comportement des utilisateurs

Plus en détail

Expressions communes. Détection du type de navigateur

Expressions communes. Détection du type de navigateur 2 Expressions communes Certaines tâches JavaScript récurrentes doivent être réalisées quasiment chaque jour. Elles sont à la base de nombreuses applications JavaScript mais n entrent dans aucune catégorie

Plus en détail

GOOGLE DRIVE. Présentation & Mode d'emploi de Google Drive. Atelier informatique Rencontre et Loisirs 2015. Http://informatelier-rencontre-loisirs.

GOOGLE DRIVE. Présentation & Mode d'emploi de Google Drive. Atelier informatique Rencontre et Loisirs 2015. Http://informatelier-rencontre-loisirs. GOOGLE DRIVE Présentation & Mode d'emploi de Google Drive Atelier informatique Rencontre et Loisirs 2015 Http://informatelier-rencontre-loisirs.fr Google Drive c'est quoi? Google drive permet de stocker

Plus en détail

Comment effacer l historique de navigation

Comment effacer l historique de navigation Comment effacer l historique de navigation Dans le cadre de la configurations des Radio et faisceaux hertziens via les interfaces WEB (IHM) des navigateurs Il s avère que les aléas de connexion ou les

Plus en détail

Mise à jour de version

Mise à jour de version Mise à jour de version Cegid Business Version 2008 Service d'assistance Téléphonique 0 826 888 488 Sommaire 1. A lire avant installation... 3 2. Installer les nouvelles versions des logiciels... 4 Compte

Plus en détail

Lille Lecture Jeunesse GUIDE UTILISATEUR

Lille Lecture Jeunesse GUIDE UTILISATEUR Lille Lecture Jeunesse GUIDE UTILISATEUR Sommaire Se créer un compte... 3 A quoi sert ce compte?... 3 Se connecter... 3 J'ai perdu mon mot de passe, comment je fais?... 4 Tableau de bord Wordpress... 5

Plus en détail

LES 2 TYPES LES PLUS COURANTS DE MESSAGERIE SONT

LES 2 TYPES LES PLUS COURANTS DE MESSAGERIE SONT III LA MESSAGERIE 19 III. LA MESSAGERIE Elle va permettre d'échanger des messages et éventuellement des fichiers avec d'autres utilisateurs. LES 2 TYPES LES PLUS COURANTS DE MESSAGERIE SONT : POP3 : les

Plus en détail

Publication de votre site en ligne sur le serveur de l'ulb

Publication de votre site en ligne sur le serveur de l'ulb Publication de votre site en ligne sur le serveur de l'ulb Atika Cohen septembre 2006 Pour publier votre site sur le serveur de l'ulb, vous devez utiliser l'identification que vous avez déjà reçu pour

Plus en détail

Projet de cryptographie. Algorithme de cryptage de type Bluetooth

Projet de cryptographie. Algorithme de cryptage de type Bluetooth Projet de cryptographie Algorithme de cryptage de type Bluetooth Le but de ce projet est de créer une application qui crypte et décrypte des fichiers en utilisant le principe de cryptage du Bluetooth.

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

Accès au serveur SQL. Où ranger les accès au serveur SQL?

Accès au serveur SQL. Où ranger les accès au serveur SQL? 150 requête SQL, cela aura un impact sur un nombre limité de lignes et non plus sur l ensemble des données. MySQL propose une clause originale en SQL : LIMIT. Cette clause est disponible avec les différentes

Plus en détail

Sophos Mobile Control Guide d'utilisation pour Windows Phone 8. Version du produit : 4

Sophos Mobile Control Guide d'utilisation pour Windows Phone 8. Version du produit : 4 Sophos Mobile Control Guide d'utilisation pour Windows Phone 8 Version du produit : 4 Date du document : mai 2014 Table des matières 1 À propos de Sophos Mobile Control...3 2 À propos de ce guide...4 3

Plus en détail

Guide Utilisateur Particuliers. Sommaire

Guide Utilisateur Particuliers. Sommaire Sommaire 1.Installation...3 1.1.Configuration...3 1.2.Sous Internet Explorer...4 1.3.Sous Mozilla Firefox...5 1.4.Sous Google Chrome...6 1.5.Aller sur le site...7 2.Identification...8 2.1.Inscription...8

Plus en détail

Comment se connecter à Endomondo avec son smartphone.

Comment se connecter à Endomondo avec son smartphone. Comment se connecter à Endomondo avec son smartphone. 1 - Qu'est ce que Endomondo? Endomondo Sports Tracker est une application gratuite qui fonctionne sous le système d'exploitation Androïd de Google.

Plus en détail

Visual Studio.NET et Visual SourceSafe - Part 3

Visual Studio.NET et Visual SourceSafe - Part 3 Visual Studio.NET et Visual SourceSafe - Part 3 VSS et VS.NET en développement collaboratif Dans cette partie, nous verrons comment mettre en place une base SourceSafe sur un serveur afin que plusieurs

Plus en détail

PHP 6 PARTIE : LES SESSIONS

PHP 6 PARTIE : LES SESSIONS PHP 6 PARTIE : LES SESSIONS 1. Introduction 2. Identificateur de session 3. Variables de session 4. Client / Serveur 5. Principe 6. Ouverture de session 7. Enregistrement de variables de session 8. Utilisation

Plus en détail

Projet GsbFrais virtualisation

Projet GsbFrais virtualisation Projet GsbFrais virtualisation Table des matières Première séance : deux machines physiques... 2 Où et comment s'effectue la connexion à la base de données?... 2 Quelles valeurs ont les trois variables

Plus en détail

Documentation utilisateur MyGed. Documentation MyGed / Utilisation de MyGed Entreprise

Documentation utilisateur MyGed. Documentation MyGed / Utilisation de MyGed Entreprise Documentation MyGed / Utilisation de MyGed Entreprise 1 SOMMAIRE 1 Le classement...4 1.1 Le classement depuis une panière...4 1.2 Le traitement par lot...6 1.3 Classement depuis l explorateur Windows...7

Plus en détail

Prise en main Windows

Prise en main Windows Prise en main Windows Windows 2000 est un système d'exploitation. Un système d exploitation est un logiciel qui intervient à presque tous les niveaux de fonctionnement de votre ordinateur. Il est donc

Plus en détail

Tutoriel : ORUXMAPS (pour smartphone ou tablette sous androïd) Afficher des cartes en ligne et les rendre hors-ligne

Tutoriel : ORUXMAPS (pour smartphone ou tablette sous androïd) Afficher des cartes en ligne et les rendre hors-ligne Tutoriel : ORUXMAPS (pour smartphone ou tablette sous androïd) Afficher des cartes en ligne et les rendre hors-ligne - La première partie de ce tutoriel indiquera la procédure pour afficher les autres

Plus en détail