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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

Transcription

1 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 pour les applications web. Appelée «cache d application hors connexion», elle permet aux utilisateurs d exécuter une application, même lorsqu ils ne sont pas connectés à internet. Le principe de fonctionnement est le suivant : lorsqu un utilisateur accède à votre application web, le navigateur télécharge et stocke tous les fichiers requis pour afficher les pages (HTML, CSS, JavaScript, php, images etc ). La prochaine fois que l utilisateur accédera à l application web, le navigateur reconnaîtra l URL et fournira les fichiers contenus dans le cache d application local, au lieu de les télécharger depuis le réseau. Nous allons vous présenter les différents concepts impliqués dans un simple exemple d application. Tutorial Arborescence de l application : html5 -html index.html images icon.png startup.png javascript cache.js.htaccess cache.manifest Le fichier.htaccess Le fichier.htaccess est un fichier de configuration du serveur web Apache sur lequel vous hébergé votre application. AddType text/cache-manifest.manifest Cette permet d associer l extension.manifest avec le type MIME text/cache-manifest. De ce fait, notre fichier cahe.manifest sera reconnu par le serveur. Certains serveurs web ne reconnaissent pas les fichiers.htaccess ou le type MIME. Printed on 2012/02/16 11:49

2 wiki:devmobile:webapp:html5:presentation Last update: 2011/08/18 21:46 Il est donc nécessaire de se renseigner au préalable sur cette caractéristique. Le fichier cache.manifest Le fichier de manifeste est un simple document texte placé sur le serveur web. Il contient la liste des fichiers que le périphérique utilisateur doit télécharger pour fonctionner. La moindre erreur typographique dans ce manifeste l invaliderait et empêcherait l application de fonctionner hors connexion. CACHE MANIFEST # version 1.0 CACHE: html/index.html images/icon.png images/startup.png javascript/cache.js Les lignes 4 à 7 contiennent l ensemble des fichiers de l application. On remarque que le fichier.htaccess et cache.manifest ne sont pas présent. La ligne 2 sert à signaler quand une mise à jour est disponible. En effet, l ensemble des fichiers seront téléchargés une nouvelle fois dès que le manifeste aura changé. En ajoutant un commentaire au fichier, grâce au «#», il suffit de changer le numéro de version pour modifier le manifeste et donc provoquer la mise à jour de l application. Les autres options du manifest : CACHE MANIFEST # version 1.0 CACHE: html/index.html images/icon.png images/startup.png javascript/cache.js NETWORK: FALLBACK: Il est possible de forcer le navigateur à accéder à certaines ressources sur le serveur. Le navigateur ne mettra pas en cache au niveau local les fichiers de la partir NETWORK. Ces ressources ne seront donc pas visibles lorsque l utilisateur sera hors connexion. Grâce à la partie FALLBACK, nous pouvons préciser des fichiers de remplacement dans le cas ou l utilisateur n a pas d accès internet. Le fichier html Printed on 2012/02/16 11:49

3 Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Considérons dans notre exemple la structure suivante : <!DOCTYPE html> <html manifest="manifest.php"> <head> <meta http-equiv="content-type" content="text/html; charset=iso "/> <meta content="yes" name="apple-mobile-web-app-capable" /> <link rel="apple-touch-icon" href="images/icon.png" /> <link href="images/startup.png" rel="apple-touch-startup-image" /> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" /> <script src="cache.js" type="text/javascript"></script> <title>contact</title> </head> <body onload="init()"> </body> </html> <center> </center> <B>Mon application offline!</b> La ligne 1 permet d utiliser le HTML 5. La ligne 2 fait référence au fichier cache.manifest précédemment créé. Les lignes 5 et 6 permettent d ajouter une icône et une image de démarrage à l application. La ligne 7 appel le fichier cache.js pour pouvoir utiliser la fonction init() à la ligne 10. La ligne 14 est le contenu qui sera affiché à l écran du périphérique utilisateur. NB : Par soucis de clarté, nous n avons pas représenté les balises <meta> nécessaire pour la visualisation de l application sur l iphone. Le fichier cache.js Une fois les fichiers téléchargés pour la première fois, le mobile ouvre en priorité les fichiers du cache et non ceux du serveur. Quand une mise à jour est disponible, les fichiers sont téléchargés mais pour qu ils prennent effet, il faut relancer l application. Le fichier cache.js permet d utiliser quelques fonctions JavaScript qui permettent d avertir l utilisateur par un popup quand une nouvelle version de l application est disponible. Cela l invite à relancer l application afin de visualiser la nouvelle version. // variable du cache géré par le fichier MANIFEST Printed on 2012/02/16 11:49

4 wiki:devmobile:webapp:html5:presentation Last update: 2011/08/18 21:46 var webappcache = window.applicationcache; function init() { // METTRE A JOUR LE CACHE SI UNE MAJ EST DISPO. webappcache.addeventlistener("updateready", updatecache, false); // FORCER LA VISITE MEME SI LE CACHE N'A PAS PU ETRE MIS A JOUR webappcache.addeventlistener("error", initvisite, false); webappcache.addeventlistener("idle", initvisite, false); function updatecache() { // METTRE A JOUR LE CACHE webappcache.swapcache(); // DEMANDER A L'UTILISATEUR DE RELANCER L'APP POUR VOIR LA NOUVELLE VERSION alert("une mise à jour est disponible. Veuillez relancer l'application!"); function initvisite() { // CODE OU COMMENCER LA VISITE ET CHARGER LE PREMIER PANO Le manifest dynamique Il est très intéressant de créer dynamiquement le fichier manifeste pour plusieurs raisons. Lorsque l application utilise un nombre important de fichiers, il serait fastidieux de les lister manuellement. De plus, lors d ajout de fichiers à l application, il faudrait éditer à chaque fois le manifeste. Générer dynamiquement la liste des fichiers est donc un avantage très intéressant. Il est également astucieux de générer dynamiquement un commentaire au manifeste lorsqu un ou plusieurs fichiers ont été modifiés pour ne pas avoir à éditer manuellement ce dernier pour activer la mise à jour de l application. Pour ce faire, Il est nécessaire d activer la dernière version php du serveur web grâce au.htaccess afin que les fonctions utilisées pour le fichier manifeste soient reconnues. AddType text/cache-manifest.manifest SetEnv PHP_VER 5 La ligne 2 nous permet d activer la version 5 du php de notre serveur web. Nous allons donc remplacer le fichier cache.manifest par le fichier manifest.php. Il faut donc modifier l appel du manifest dans le fichier index.html Remplacer la ligne 2 : <html manifest="cache.manifest"> Printed on 2012/02/16 11:49

5 Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Par : <html manifest="manifest.php"> Passons à la création du fichier manifest.php. <?php header('content-type: text/cache-manifest'); echo "CACHE MANIFEST\n"; $hashes = ""; $dir = new RecursiveDirectoryIterator("."); foreach(new RecursiveIteratorIterator($dir) as $file) { if ($file->isfile() && $file!= "./manifest.php" && substr($file->getfilename(), 0, 1)!= ".") { echo $file. "\n"; $hashes.= md5_file($file); echo "# Hash: ". md5($hashes). "\n";?> Les lignes 5, 15 et 19 permettent d analyser le hachage de chaque fichier nécessaire au fonctionnement de l application et de créer une chaîne de 32 caractères qui sera passée en commentaire. La moindre modification d un ou de plusieurs fichiers sera donc répercutée sur la chaîne de caractère ce qui modifiera la manifeste et donc la mise à jour de l application sera proposé à l utilisateur. Les autres lignes permettent de lister l ensemble des fichiers présent sur le serveur web. Téléchargement L'ensemble des scripts disponibles en téléchargement ont été réalisés par mes soins, faites en bonne usage! Lien : html5.zip From: - openwebtech Printed on 2012/02/16 11:49

6 wiki:devmobile:webapp:html5:presentation Last update: 2011/08/18 21:46 Permanent link: Last update: 2011/08/18 21:46 Printed on 2012/02/16 11:49

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

Création d un site web de vente en ligne

Création d un site web de vente en ligne Création d un site web de vente en ligne 1 Généralités Le projet sera réalisé par binôme. Date limite de remise du projet : 02/02/2007 2 Sujet 2.1 But Développer un site web dynamique permettant la gestion

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

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

cbox VOS FICHIERS DEVIENNENT MOBILES! POUR CLIENT MAC OS X MANUEL D UTILISATION

cbox VOS FICHIERS DEVIENNENT MOBILES! POUR CLIENT MAC OS X MANUEL D UTILISATION cbox VOS FICHIERS DEVIENNENT MOBILES! POUR CLIENT MAC OS X MANUEL D UTILISATION Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation terminée, le

Plus en détail

cbox VOS FICHIERS DEVIENNENT MOBILES! POUR ORDINATEURS DE BUREAU ET PORTABLES WINDOWS ÉDITION PROFESSIONNELLE MANUEL D UTILISATION

cbox VOS FICHIERS DEVIENNENT MOBILES! POUR ORDINATEURS DE BUREAU ET PORTABLES WINDOWS ÉDITION PROFESSIONNELLE MANUEL D UTILISATION cbox VOS FICHIERS DEVIENNENT MOBILES! POUR ORDINATEURS DE BUREAU ET PORTABLES WINDOWS ÉDITION PROFESSIONNELLE MANUEL D UTILISATION Introduction L application cbox peut-être installée facilement sur votre

Plus en détail

Informatique : Création de site Web Master 2 ANI TP 1

Informatique : Création de site Web Master 2 ANI TP 1 Informatique : Création de site Web Master 2 ANI TP 1 Objectifs du TP : créer des pages Web en HTML EXERCICE I : AFFICHAGE DE DOCUMENT HTML 1. Ouvrez le bloc-note, recopiez-y le document suivant :

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

Schéma de principe client / serveur

Schéma de principe client / serveur Présentation Le langage est un langage de scripts spécialement conçu (initialement) pour développer des applications web Historique Créé par Rasmus Lerdorf sous le nom de /FI [Personnal Home Page / Forms

Plus en détail

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP.

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. TP2 : PHP Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. 1 3

Plus en détail

Produire du code HTML

Produire du code HTML 3 Produire du code HTML Même si l on ne sait pas encore écrire du code HTML, il est important de savoir comment on pourra produire celui-ci. Nous allons voir trois méthodes pour taper du code HTML. Avec

Plus en détail

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur)

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Publication par FTP FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Logiciels FTP nombreux (FileZilla, CuteFTP, WinSCP, FTP Expert).

Plus en détail

Débugger avec Xdebug,XAMPP et PDT

Débugger avec Xdebug,XAMPP et PDT Débugger avec Xdebug,XAMPP et PDT Pour la plupart des projets, l utilisation de echo et de var_dump() suffit pour debugger vos scripts. Le mode web est en «page à page», il est donc rare d avoir des scripts

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

DOCUMENTATION MISE A JOUR ANTIBIOGARDE. V4.0 en v4.1

DOCUMENTATION MISE A JOUR ANTIBIOGARDE. V4.0 en v4.1 DOCUMENTATION MISE A JOUR ANTIBIOGARDE V4.0 en v4.1 Version d Antibiogarde 4.1 Version du document 1.0 Date dernière mise à jour du document 15/06/2010 Retrouvez cette doc à jour sur : http://www.antibiogarde.org/activation/

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

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

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Anatomie de Twenty Twelve

Anatomie de Twenty Twelve 25 Anatomie de Twenty Twelve Architecture de base d un thème WordPress Avant de faire connaissance avec les fichiers qui composent Twenty Twelve, il est important de comprendre comment est conçu un thème

Plus en détail

BOTZ ARIS MANUEL D UTILISATION. Gaëtan Pineau gaetan.pineaupi@orange.fr www.pineaupi.perso.cegetel.net

BOTZ ARIS MANUEL D UTILISATION. Gaëtan Pineau gaetan.pineaupi@orange.fr www.pineaupi.perso.cegetel.net BOTZ ARIS MANUEL D UTILISATION Gaëtan Pineau gaetan.pineaupi@orange.fr www.pineaupi.perso.cegetel.net INTRODUCTION Botz Aris est une galerie d albums photos. Elle permet le partage en ligne de différents

Plus en détail

Comment accéder à d Internet Explorer

Comment accéder à d Internet Explorer Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

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

PPE Installation d un serveur FTP

PPE Installation d un serveur FTP Introduction : Tout au long de ce tutorial nous allons créer un serveur FTP, commençons tout d abord à voir ce qu est un serveur FTP. File Transfer Protocol (protocole de transfert de fichiers), ou FTP,

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

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 Premières applications Web 2.0 avec Ajax et PHP J e a n - M a r i e D e f r a n c e Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 8 Applications Ajax-PHP synchrones Pour commencer simplement, je vous

Plus en détail

Rendu multi-support DOCUMENTATION

Rendu multi-support DOCUMENTATION DOCUMENTATION Rendu multi-support Jahia, le CMS open source de nouvelle génération apportant à vos projets la convergence applicative (web, document, social, recherche et portail) unifiée par la simplicité

Plus en détail

Gestionnaire d'appareil à distance de Bell Foire aux questions

Gestionnaire d'appareil à distance de Bell Foire aux questions Gestionnaire d'appareil à distance de Bell Foire aux questions INTRODUCTION Gestionnaire d'appareil à distance de Bell (GAD) permet aux spécialistes techniques d offrir de l aide à distance aux utilisateurs

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

TSI-V5 Manuel d installation

TSI-V5 Manuel d installation TSI-V5 Manuel d installation 1 Sommaire Introduction... 3 Pré-requis... 3 Installation SQL SERVER 2008... 3 Introduction... 3 Installation... 3 Prise en main... 7 Application TSI... 9 Premier démarrage

Plus en détail

DNS, Apache sous Linux

DNS, Apache sous Linux BTS SIO DNS, Apache sous Linux Nicolas CAESENS 2014 Sommaire I. Introduction Introduction au contexte GSB p.2 II. Installation et configuration du DNS Configuration du fichier named.conf p.3 Configuration

Plus en détail

SERVEUR HTTPS MMI - SEMESTRE 4. Objectif. Démarche. Méthode. Préparé pour : M4204 Préparé par : Patrice GOMMERY 29 septembre 2015

SERVEUR HTTPS MMI - SEMESTRE 4. Objectif. Démarche. Méthode. Préparé pour : M4204 Préparé par : Patrice GOMMERY 29 septembre 2015 MMI - SEMESTRE 4 SERVEUR HTTPS Préparé pour : M4204 Préparé par : Patrice GOMMERY 29 septembre 2015 Objectif Créer un Site Web accessible avec le protocole HTTPS Démarche Créer un site web virtuel sous

Plus en détail

Manuel d installation et d utilisation du logiciel GigaRunner

Manuel d installation et d utilisation du logiciel GigaRunner Manuel d installation et d utilisation du logiciel GigaRunner Manuel Version : V1.6 du 12 juillet 2011 Pour plus d informations, vous pouvez consulter notre site web : www.gigarunner.com Table des matières

Plus en détail

Manuel utilisateur du site www.cg-corsedusud.fr. 1. L Interface Typo 3 (version 4.4.x)

Manuel utilisateur du site www.cg-corsedusud.fr. 1. L Interface Typo 3 (version 4.4.x) Manuel utilisateur du site www.cg-corsedusud.fr 1. L Interface Typo 3 (version 4.4.x) Version 1 Le contenu de ces pages est relatif à TYPO3, CMS/Framework sous licence GNU/GPL disponible sur www.typo3.com

Plus en détail

Développement de l interface Web du projet Hôpital

Développement de l interface Web du projet Hôpital Pôle informatique 2013/2014 École Nationale Supérieure des Mines de Saint-Étienne Développement de l interface Web du projet Hôpital Antoine Zimmermann antoine.zimmermann@emse.fr Le cahier des charges

Plus en détail

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6 Légende Conception de Sites Web dynamiques 2015 Cours 5+6 Patrick Reuter http://www.labri.fr/perso/preuter/cswd2015 Titre de la page h1, h2, h3 color: red; $a = 3; SELECT * FROM commentaires; HTML CSS

Plus en détail

Manipulation de formulaire

Manipulation de formulaire 1 Manipulation de formulaire points abordés outils (et balises) de création de formulaire, javascript, validation de formulaire en php site de départ nous nous baserons sur cette version pour l'exercice

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

OPENMEETINGS. Application de Web Conférence Documentation Version N 2 DSI - GFA C. Larmusiau

OPENMEETINGS. Application de Web Conférence Documentation Version N 2 DSI - GFA C. Larmusiau OPENMEETINGS Application de Web Conférence Documentation Version N 2 DSI - GFA C. Larmusiau OpenMeetings Comment se connecter Création d'une réunion privée avec invitation Connexion des différents intervenants

Plus en détail

EXEMPLES DE PROCEDURE POUR METTRE A JOUR LES CERTIFICATS BANQUE _

EXEMPLES DE PROCEDURE POUR METTRE A JOUR LES CERTIFICATS BANQUE _ EXEMPLES DE PROCEDURE POUR METTRE A JOUR LES CERTIFICATS BANQUE _ Si votre logiciel ne figure pas dans ce document ou si vous rencontrez des difficultés de mise à jour, vous devrez contacter votre prestataire

Plus en détail

Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine. MC Benveniste

Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine. MC Benveniste Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine MC Benveniste 2013 Configuration Vous devez au préalable avoir un hébergeur, qui vous aura fourni les codes ftp, le log-in

Plus en détail

Guide de reprise utilisateurs des données de l ENT EDUC Accès

Guide de reprise utilisateurs des données de l ENT EDUC Accès Guide de reprise utilisateurs des données de l ENT EDUC Accès Atos Version : 1.1 Date 20/06/2012 Référence: 020-010-ENT-Picardie-UO5-PPP-2012-012-Guide_de _reprise-120620 Table des matières Préambule...

Plus en détail

TP 1 Outils de collaboration réseau

TP 1 Outils de collaboration réseau Objectifs TP 1 Outils de collaboration réseau 1re partie : Utiliser des outils de collaboration Identifiez la perception actuelle des outils de collaboration. Identifiez les principales raisons d utiliser

Plus en détail

Personnaliser une communauté. Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux

Personnaliser une communauté. Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux Personnaliser une communauté Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux Introduction Les communautés vous permettent de partager des documents, fichiers, billets de blog,

Plus en détail

Persistance en Php. Note : les problèmes d accès concurrents, de sécurité et de login sont laissés de côté.

Persistance en Php. Note : les problèmes d accès concurrents, de sécurité et de login sont laissés de côté. Persistance en Php Objectif : faire un site pour gérer des articles par catégorie. Chaque catégorie a un nom, chaque catégorie est constitué d articles (titre, auteur, texte), un article est dans une seule

Plus en détail

Manuel d utilisation de Claroline Connect

Manuel d utilisation de Claroline Connect Manuel d utilisation de Claroline Connect Novembre 2013 Olivier Gheysen ogheysen@parnasse-deuxalice.edu Haute Ecole Léonard de Vinci Avertissement : Ce manuel a été réalisé sur base de la version beta

Plus en détail

CmapTools Guide de démarrage rapide

CmapTools Guide de démarrage rapide CmapTools Guide de démarrage rapide Principes de base Le logiciel CmapTools permet de construire et de partager des cartes conceptuelles (désignées ci-après par le terme «Cmap»). Ces cartes conceptuelles

Plus en détail

Documentation utilisateur de la plate-forme administrateur

Documentation utilisateur de la plate-forme administrateur Documentation utilisateur de la plate-forme administrateur Introduction... 2 1. Accès à la plate-forme... 2 2. Création d une barre de navigation... 3 3. Créer un nouveau menu... 4 Créer le nom d un nouveau

Plus en détail

Solution d archivage et de gestion électronique documentaire CIKAGED Version 1.0

Solution d archivage et de gestion électronique documentaire CIKAGED Version 1.0 Solution d archivage et de gestion électronique documentaire CIKAGED Version 1.0 2009 CIKASOFT. Tous droits réservés. Table des matières 2- Débuter avec CikaGED... 3 3- Se connecter à l application...

Plus en détail

Mises à jour système Addenda utilisateur

Mises à jour système Addenda utilisateur Mises à jour système Addenda utilisateur Mises à jour système est un service de votre serveur d impression dont il met à jour le logiciel système avec les dernières nouveautés sécurité de Microsoft. Il

Plus en détail

Projet Covoiturage TP 5

Projet Covoiturage TP 5 Projet Covoiturage TP 5 Description du thème Ce TP est le cinquième d une série mettant en œuvre le développement mobile en utilisant la bibliothèque jquery Mobile. Propriétés Intitulé long Formation concernée

Plus en détail

Guide de démarrage -------

Guide de démarrage ------- Guide de démarrage ------- Chargés de cours et laboratoire Date Nom Version 28 août 2010 Bonnet-Laborderie Alexandre 1.6 Sommaire Avant de commencer... 3 1) Accès au site avec un navigateur internet...

Plus en détail

Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons :

Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons : Préambule Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons : La géolocalisation, qui permet de localiser l utilisateur par

Plus en détail

Pratique et administration des systèmes

Pratique et administration des systèmes Université Louis Pasteur Licence Informatique (L2) UFR de Mathématiques et Informatique Année 2007/2008 1 But du TP Pratique et administration des systèmes TP10 : Technologie LAMP Le but de ce TP est de

Plus en détail

Démarrage des solutions Yourcegid On Demand avec Citrix

Démarrage des solutions Yourcegid On Demand avec Citrix Démarrage des solutions Yourcegid On Demand avec Citrix NT-YCOD-2.4-06/2013 1. Table des matières 1. Table des matières 2 2. Préambule 3 3. Installation des postes clients 4 4. Paramétrage du client Citrix

Plus en détail

Smart Excel/Report WEB Part

Smart Excel/Report WEB Part Page : 1 Reports présentation navigateur Full-Web I. Présentation générale partie WEB... 2 1. Prérequis... 2 2. Procédure à mettre en œuvre... 2 3. Programmes en mode texte à développer au préalable...

Plus en détail

SQUID I- Squid, c'est quoi? II- Comment ca marche? III- Où trouver des informations?

SQUID I- Squid, c'est quoi? II- Comment ca marche? III- Où trouver des informations? SQUID I- Squid, c'est quoi? Squid est un serveur proxy-cache, c est à dire, qu il stocke les données fréquemment consultées sur les pages Web (notamment les images) sur un serveur cache du réseau local

Plus en détail

CREER UNE BASE DE DONNEES ACCESS AVEC DAO (étape par étape)

CREER UNE BASE DE DONNEES ACCESS AVEC DAO (étape par étape) CREER UNE BASE DE DONNEES ACCESS AVEC DAO (étape par étape) NIVEAU : PREMIERE RENCONTRE AVEC VB INITIES/EXPERIMENTES Pré requis pour comprendre ce tutorial : - Connaître les principales commandes de VB

Plus en détail

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2)

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2) École de bibliothéconomie et des sciences de l information SCI6306 Bases de données documentaires Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie

Plus en détail

Espace Numérique Régional de Santé Formation Agora Project

Espace Numérique Régional de Santé Formation Agora Project Espace Numérique Régional de Santé Formation Agora Project Sommaire 1. Introduction 2. Se connecter 3. Présentation Générale 4. Paramétrage de l espace 5. Utilisateur de l espace 6. Gestionnaire de fichier

Plus en détail

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE Etape 1. Ouvrir FrontPage et créer un site Web vide...2 Etape 2 ajouter des pages...3 Etape 3 : donner un titre et renommer les 2 pages...5

Plus en détail

Documentation Ellipses Windows. Auteur : Léonard FRECHET Date : 10/01/07 Diffusion : Publique ELLIPSES 2000. Envoi Automatisé de SMS Ellipses SMS

Documentation Ellipses Windows. Auteur : Léonard FRECHET Date : 10/01/07 Diffusion : Publique ELLIPSES 2000. Envoi Automatisé de SMS Ellipses SMS ELLIPSES 2000 Envoi Automatisé de SMS Ellipses SMS SOMMAIRE I. Introduction à Ellipses SMS... 3 II. Deux modes de fonctionnement... 3 1. Au travers d Ellipses 2000... 3 2. Utilisation normale (en vue d

Plus en détail

Mode FAST Installation sur Windows de lecteur bi-fente CNOP (Conseil National de l Ordre des Pharmaciens)

Mode FAST Installation sur Windows de lecteur bi-fente CNOP (Conseil National de l Ordre des Pharmaciens) Mode FAST Installation sur Windows de lecteur bi-fente (Conseil National de l Ordre des Pharmaciens) Référence : DP_Mode_FAST_Installation_Lecteur_Bi-fente_V0 Date : 6/05/2013 Version : 1.0 Sommaire 1

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

Le langage JAVASCRIPT

Le langage JAVASCRIPT Le langage JAVASCRIPT I Introduction Vous vous dites encore un langage alors qu il y en a déjà un nombre non négligeable. En effet un de plus, mais à chaque langage son utilisation et sa particularité.

Plus en détail

Guide Reseller Onbile

Guide Reseller Onbile Guide Reseller Onbile Cher Revendeur, Avez-vous un doute en ce qui concerne le fonctionnement du Panneau d Administration du Plan Reseller de Onbile? Le guide Reseller Onbile est ce dont vous avez besoin!

Plus en détail

Logiciel de gestion de la taxe de séjour à destination des hébergeurs Communauté Urbaine de Strasbourg DIDACTITIEL

Logiciel de gestion de la taxe de séjour à destination des hébergeurs Communauté Urbaine de Strasbourg DIDACTITIEL Logiciel de gestion de la taxe de séjour à destination des hébergeurs Communauté Urbaine de Strasbourg DIDACTITIEL La Communauté urbaine de Strasbourg (CUS) s est dotée d un outil de gestion de la taxe

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

Tunnel SSH. 1) Serveur Web et tunnel SSH, console d administration. 2) Toujours utiliser l option tunnel SSH

Tunnel SSH. 1) Serveur Web et tunnel SSH, console d administration. 2) Toujours utiliser l option tunnel SSH Tunnel SSH 1) Serveur Web et tunnel SSH, console d administration Une console de gestion est disponible dans l outil d administration Cette console de gestion vous permet de configurer les services de

Plus en détail

CONFIGURER VOTRE HEBERGEMENT LINUX

CONFIGURER VOTRE HEBERGEMENT LINUX CONFIGURER VOTRE HEBERGEMENT LINUX Ref : FP. P858 V 6.0 Ce document vous indique comment utiliser votre hébergement Linux à travers votre espace abonné. A - Accéder à la gestion de votre Hébergement...

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

Créer une présentation pour le web avec Médiator (format html/flash)

Créer une présentation pour le web avec Médiator (format html/flash) Créer une présentation pour le web avec Médiator (format html/flash) Préparer sa présentation: Principe d'une page html. L'avantage d'une présentation flash. Dossier de destination. Préparation du document.

Plus en détail

Installation / Sauvegarde Restauration / Mise à jour

Installation / Sauvegarde Restauration / Mise à jour Installation / Sauvegarde Restauration / Mise à jour SPIP version 1.8.x Serveur (Linux) Jean Sébastien BARBOTEU dev.jsb@laposte.net Introduction Nous allons aborder tous les aspects techniques liés à la

Plus en détail

Intégrer une application Visio avec partage d écran

Intégrer une application Visio avec partage d écran Facile 0 mn Vous avez trouvé sur Internet une application que vous souhaitez intégrer dans NetEcole. Nous allons voir étape par étape avec un exemple concret (Gotomeeting) comment faire. Cela sera peut

Plus en détail

Plateforme d'évaluation professionnelle. Manuel d utilisation de l interface de test d EvaLog

Plateforme d'évaluation professionnelle. Manuel d utilisation de l interface de test d EvaLog Plateforme d'évaluation professionnelle Manuel d utilisation de l interface de test d EvaLog Un produit de la société AlgoWin http://www.algowin.fr Version 1.0.1 du 18/01/2015 Table des matières Présentation

Plus en détail

I. Objectifs de ce document : II. Le changement d architecture :

I. Objectifs de ce document : II. Le changement d architecture : I. Objectifs de ce document : Ce document a pour but de vous présenter : - L outil File Server Migration Toolkit 1.1. - Le mode opératoire à suivre pour migrer les données de plusieurs serveurs de fichiers

Plus en détail

CRÉATION D UN SITE INTERNET. Document de travail =================================== SOMMAIRE

CRÉATION D UN SITE INTERNET. Document de travail =================================== SOMMAIRE CONCEPTION RÉALISATION HÉBERGEMENT CRÉATION D UN SITE INTERNET Document de travail Aide à l établissement du cahier des charges. Ce document aborde les thèmes principaux de la mise en place d un site Internet

Plus en détail

Fiche d installation

Fiche d installation Fiche d installation Lors de la signature des contrats : 1. Vérification des pré requis p.3 PC : Les versions non compatibles sont : - Windows XP SP1 - Windows Vista 1 ère version Macintosh : l ordinateur

Plus en détail

W3b-D4shB0ard documentation v0.1b.

W3b-D4shB0ard documentation v0.1b. W3b-D4shB0ard documentation v0.1b. Sommaire W3b-D4shB0ard documentation v0.1b...1 Informations relatives au projet...2 Description...2 License...2 Disclaimer...2 Requirements...2 Installation...3 Installation

Plus en détail

Langages du Web. Que savez vous???

Langages du Web. Que savez vous??? Langages du Web Que savez vous??? Le WEB World Wide Web ouwww ouweb Toile d'araignée mondiale ou la toile Le Web utilise le réseau Internet pour relier des serveurs qui, grâce aux protocoles HTTP, HTTPS,

Plus en détail

Installation pas-à-pas du framework Copix, pour les vrais débutants

Installation pas-à-pas du framework Copix, pour les vrais débutants Installation pas-à-pas du framework Copix, pour les vrais débutants 1) Objet de ce didacticiel Calogero GIGANTE ( www.gigante.be ) 4 avril 2008. Document version 005. Ce didacticiel explique dans les détails

Plus en détail

Utiliser le site learningapps.org pour créer des activités interactives

Utiliser le site learningapps.org pour créer des activités interactives Utiliser le site learningapps.org pour créer des activités interactives I. Créer un compte - Pour pouvoir utiliser le site learningapps.org à des fins de création, il faut commencer par créer un compte

Plus en détail

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08 CRÉER SON SITE INTERNET 1 Tout d abord, nous allons réviser quelques notions de base permettant de comprendre ce qu est un site Internet, et ce que cela implique. Dans un second temps, le lien ci-après

Plus en détail

Tableaux de bord Dynacom

Tableaux de bord Dynacom Dynacom Technologies Tableaux de bord Dynacom Guide d installation et de configuration 2012 Dynacom Technologies Tous droits réservés TABLE DES MATIÈRES 1. Accéder au service de mobilité Dynacom... 2 1.1

Plus en détail

Intranet Atlan tech Manuel utilisateur

Intranet Atlan tech Manuel utilisateur Intranet Atlan tech Manuel utilisateur Utilisation de l intranet pour le relevé d heures et la mise à jour des informations personnelles. Révision A002.1 / juillet 11 Page 2 sur 11 Sommaire 1 INTRODUCTION...4

Plus en détail

AOLbox. Partage d impression Guide d utilisation. Partage d impression Guide d utilisation 1

AOLbox. Partage d impression Guide d utilisation. Partage d impression Guide d utilisation 1 AOLbox Partage d impression Guide d utilisation Partage d impression Guide d utilisation 1 Sommaire 1. L AOLbox et le partage d impression...3 1.1 Le partage d imprimante...3 1.2 Méthode classique sous

Plus en détail

Lotus Notes Traveler 8.5.2. GUIDE DE SURVIE http://traveler.gouv.nc/servlet/traveler

Lotus Notes Traveler 8.5.2. GUIDE DE SURVIE http://traveler.gouv.nc/servlet/traveler Lotus Notes Traveler 8.5.2 GUIDE DE SURVIE http://traveler.gouv.nc/servlet/traveler Le service http://traveler.gouv.nc/servlet/traveler issu de la technologie IBM «Lotus Notes Traveler» est une application

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Protéger un dossier avec un.htaccess

Protéger un dossier avec un.htaccess Page 1 of 6 Protéger un dossier avec un.htaccess Tutoriel 80 commentaires Lorsque vous réalisez votre site en PHP, vous êtes souvent amenés à créer une zone "Admin" où l'accès est limité... Et il vaut

Plus en détail

Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5

Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5 Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5 2 1- PRÉALABLES Le titulaire du cours doit détenir une adresse de courrier électronique de l UQAC. Pour

Plus en détail

Quoi de neuf dans Optymo 5.0

Quoi de neuf dans Optymo 5.0 Quoi de neuf dans Optymo 5.0 Notes de lecture : dans ce document, les textes soulignés font référence aux libellés des fenêtres ou aux libellés associés à des boutons d Optymo, les textes en caractères

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

Kwartz Mobile Control. Gestion des cours pour les équipements mobiles

Kwartz Mobile Control. Gestion des cours pour les équipements mobiles Kwartz Mobile Control Gestion des cours pour les équipements mobiles Table des matières 1. L'Acces à KMC...2 2. Creation d'un cours...2 2.1. Ajouter les applications...4 2.2. Ajouter les documents...4

Plus en détail

Mise en œuvre d un Site Sharepoint-V1

Mise en œuvre d un Site Sharepoint-V1 Mise en œuvre d un Site Sharepoint- MAJ 20/01/2015 Ce document décrit le paramétrage pour la mise en œuvre des fonctionnalités standard de Microsoft SharePoint 2013 NADAP et SharePoint NADAP ( Nouvelle

Plus en détail

LINQ to SQL. Version 1.1

LINQ to SQL. Version 1.1 LINQ to SQL Version 1.1 2 Chapitre 03 - LINQ to SQL Sommaire 1 Introduction... 3 1.1 Rappels à propos de LINQ... 3 1.2 LINQ to SQL... 3 2 LINQ to SQL... 3 2.1 Importer des tables... 3 2.1.1 Le concepteur

Plus en détail

Manuel d utilisation du Contrôle Parental

Manuel d utilisation du Contrôle Parental Manuel d utilisation du Contrôle Parental Indice Qu est-ce que l écran d accueil Mymaga? 1. Première connexion - Administrateur 2. interface 2.1 Écran principal de l administrateur 2.2 Menu de droite de

Plus en détail

1) ACCÈS AVEC NETDRIVE

1) ACCÈS AVEC NETDRIVE 4. NETSTORAGE remplace FTP Qu est-ce que NetStorage? NetStorage vous permet l accès à vos données enregistrées sur le serveur du Collège à partir de n importe quel ordinateur qui a accès à Internet à l

Plus en détail

Formation PHP débutant

Formation PHP débutant Formation PHP débutant Table des matières 1 Le principe de PHP 3 1.1 Langage côté serveur.................................. 3 1.2 Pour travailler..................................... 3 1.3 Langage de pré-processing...............................

Plus en détail

ASP. Etape par étape. 1ère partie : Introduction à asp.net. (Révision : 2 du 05/11/2004 13 pages) Avertissement :

ASP. Etape par étape. 1ère partie : Introduction à asp.net. (Révision : 2 du 05/11/2004 13 pages) Avertissement : ASP Etape par étape 1ère partie : Introduction à asp.net (Révision : 2 du 05/11/2004 13 pages) Avertissement : Ce document peut comporter des erreurs. Cependant, tout a été mis en œuvre afin de ne pas

Plus en détail

7. Web Server and Browser

7. Web Server and Browser 7. Web Server and Browser http://wiki.netkit.org/netkit-labs/netkit-labs_application-level/netkit-lab_webserver/netkit-lab_webserver.pdf Topologie du réseau : Nous allons utiliser le laboratoire disponible

Plus en détail