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

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

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

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

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

Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA

Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2

Plus en détail

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

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

Serveur de documents express et sans douleurs

Serveur de documents express et sans douleurs Serveur de documents express et sans douleurs Ce fichier provient du site : https://padipfix.no-ip.info Auteur : nas.phil@gmail.com Création : 06/05/2008 - OpenOffice.org 3.1 Version : 3 Modification :

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

Documentation de CMS-gen

Documentation de CMS-gen Table des matières GÉNÉRALITÉ... 1 LA ZONE D'ADMINISTRATION... 2 LOGIN SUR LA ZONE D ADMINISTRATION... 2 EDITION DU CONTENU EN LIGNE... 3 LE MODE EDITION... 3 PUBLICATION... 3 SUPPRIMER DES MODIFICATIONS...

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

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

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

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

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

Création d un forum en Php et Mysql

Création d un forum en Php et Mysql Birane SECK Création d un forum en Php et Mysql Cahier des charges : Nous allons mettre en place un espace membre assez classique à savoir un système que l on retrouve sur la majorité des sites 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

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

L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248

L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations

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

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

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

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

Sécurité PHP. FaillesUpload

Sécurité PHP. FaillesUpload Sécurité PHP FaillesUpload Table des matières Introduction...... 3 L upload de fichiers......... 3 Protections coté client...... 4 Protections coté serveur... 5 1. Vérification du type de contenu......

Plus en détail

PHP/MySQL. École Nationale Supérieure des Mines de Nancy 2nde Année

PHP/MySQL. École Nationale Supérieure des Mines de Nancy 2nde Année Bases de Données et Ingénierie des Systèmes d Information 1 PHP/MySQL École Nationale Supérieure des Mines de Nancy 2nde Année Table des matières I PHP 2 1 Les bases 2 1.1 Introduction........................................

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

Roman Mkrtchian SI5-2012/2013 François Chapuis. Rapport de projet de WASP. Réalisation d'un site web sécurisé

Roman Mkrtchian SI5-2012/2013 François Chapuis. Rapport de projet de WASP. Réalisation d'un site web sécurisé Roman Mkrtchian SI5-2012/2013 François Chapuis Rapport de projet de WASP Réalisation d'un site web sécurisé Introduction Nous avons choisi de coder un blog sécurisé. Nous avons notamment codé nous-mêmes

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

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

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

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

2013/2014. Nathan RENAULT BTS SIO SISR

2013/2014. Nathan RENAULT BTS SIO SISR 2013/2014 Nathan RENAULT Sommaire I. Active Directory (A.D.) a. Promotion du Windows Serveur en contrôleur de domaine b. Ajouts des rôles au contrôleur de domaine c. Consoles d administration MMC d. Utilisateurs

Plus en détail

PHP/MYSQL. Web Dynamique. ENSG Septembre 2009

PHP/MYSQL. Web Dynamique. ENSG Septembre 2009 PHP/MYSQL Web Dynamique ENSG Septembre 2009 Ces 6 jours de formation Jour 1 : présentations, attentes, principes, HTML Jour 2 : HTML, CSS, PHP Jour 3 : formulaires, connexion à la base de données Jour

Plus en détail

Programmation Internet Cours 4

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

Plus en détail

Utilisation d une dll dans un ActiveX

Utilisation d une dll dans un ActiveX Utilisation d une dll dans un ActiveX Auteur : Philippe Lacomme et Raksmey Phan. But : Ce tutorial a pour but de vous aider à intégrer dans un projet ActiveX existant une dll créée dans un autre projet.

Plus en détail

Aide Utilisateur. Cellpass.fr

Aide Utilisateur. Cellpass.fr Aide Utilisateur Mise en place simple :... 2 Création d une ressource... 2 Installation du module... 5 Test fonction file OK... 7 temps de connexion < 1 seconde(s)... 7 Exemple d'installation PassUp pour

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Guide de démarrage rapide de Novell Vibe Mobile

Guide de démarrage rapide de Novell Vibe Mobile Guide de démarrage rapide de Novell Vibe Mobile Mars 2015 Mise en route L'accès mobile au site Web de Novell Vibe peut avoir été désactivé par votre administrateur Vibe. Si vous ne parvenez pas à accéder

Plus en détail

Site dynamique PHP Master 1 2010

Site dynamique PHP Master 1 2010 PRINCIPES DE BASE DE CONSTRUCTION DES INSTRUCTIONS PHP echo "Celle-ci a été écrite entièrement en PHP."; Comme vous le voyez, le code PHP est dans la balise Ce qui nous intéresse est à l'intérieur, il

Plus en détail

PHP & BD. PHP & Bases de données. Logiciels & matériels utilisés. Bases de données et Web

PHP & BD. PHP & Bases de données. Logiciels & matériels utilisés. Bases de données et Web PHP & Bases de données La quantité de données utilisée par certains sites web nécessite l'utilisation d'une base de données Il faut donc disposer d'un SGBD (mysql, postgresql, oracle, ) installé sur un

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

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado - RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et

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

EXCEL communique avec MYSQL-WEB

EXCEL communique avec MYSQL-WEB Retour Une co-production Florence CABON, POPI, Michel PIERRON et Christian HERBÉ EXCEL communique avec MYSQL-WEB Langages utilisés: VBA, PHP et SQL OBJECTIF 1 Depuis Excel et d'un seul clic, insérer les

Plus en détail

{less} Guide de démarrage

{less} Guide de démarrage {less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site

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

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

La Programmation Web avec PHP

La Programmation Web avec PHP Nouvelle page 1 La Programmation Web avec PHP Qu'est-ce que php? Menu Qu'est ce que php? Les scripts PHP Installation de PHP Configuration d'un serveur IIS Mohamed SIDIR PHP est un langage de script HTML,

Plus en détail

KompoZer. Td3. M r Castanet - Année scolaire 2007/2008 - page 1

KompoZer. Td3. M r Castanet - Année scolaire 2007/2008 - page 1 KompoZer Td3 M r Castanet - Année scolaire 2007/2008 - page 1 Exercice 1 Dans cet exercice, nous allons appréhender les méthodes pour transférer notre site chez un hébergeur. Mais nous déplacerons notre

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

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

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

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

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

En cliquant sur ce dernier lien, vous pouvez charger et installer le fichier zip du plugin.

En cliquant sur ce dernier lien, vous pouvez charger et installer le fichier zip du plugin. 1- Rendez-vous sur le site www.liveoptim.com 2- Inscrivez-vous en ligne, déclarez le domaine sur lequel le module sera utilisé et téléchargez le fichier ZIP du module LiveOptim correspondant à votre version

Plus en détail

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript AJAX Ajax 1 AJAX Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript Utilise: HTML pour le marquage XML pour représenter les résultats

Plus en détail

Nous allons aborder à travers cette ressource, deux techniques qui permettent d'envoyer un mail à partir de Flash.

Nous allons aborder à travers cette ressource, deux techniques qui permettent d'envoyer un mail à partir de Flash. Nous allons aborder à travers cette ressource, deux techniques qui permettent d'envoyer un mail à partir de Flash. - La première s'appuie sur le lancement automatique du logiciel de messagerie de l'utilisateur.

Plus en détail

Mode d emploi de Typo3

Mode d emploi de Typo3 Mode d emploi de Typo3 1. Accès à l interface d administration Slide 2 2. Description de l interface Slide 3 3. Le menu Slide 4 4. Gestion des circulaires administratives 4.1 Affichage - Sélection Slide

Plus en détail

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

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/

Plus en détail

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

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

Programmation web : TD 2

Programmation web : TD 2 Programmation web : TD 2 Email : nassim.bahri@yahoo.fr Site web : http://nassimbahri.ovh Nassim BAHRI Objectif Développer des pages Web HTML5 validées Mettre en place des listes en HTML Avant de commencer

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

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

Éric Sarrion. JQuery 1. 7. & JQuery UI. 2 e édition. Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6

Éric Sarrion. JQuery 1. 7. & JQuery UI. 2 e édition. Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6 Éric Sarrion JQuery 1. 7 & JQuery UI 2 e édition Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6 Avant-propos Dernier né des frameworks JavaScript, jquery a immédiatement séduit les développeurs

Plus en détail

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

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

Plus en détail

STI2D. AP3.1: Découverte de la programmation PHP (sites internet) Option SIN Première. Informatique

STI2D. AP3.1: Découverte de la programmation PHP (sites internet) Option SIN Première. Informatique STI2D Option SIN Première AP3.1: Découverte de la programmation PHP (sites internet) Informatique Durée prévue : 4h. Problématique : découverte de la programmation PHP Compétences visées Être capable de

Plus en détail

Utilisations pratiques de Php

Utilisations pratiques de Php UTILISATIONS PRATIQUES DE PHP 1. TRAITEMENT DES FORMULAIRES Utilisations pratiques de Php 1.1. LISTE DES DONNÉES DE FORMULAIRE 1.2. ENREGISTREMENT DES DONNÉES DE FORMULAIRE DANS UN FICHIER 2. UTILISATION

Plus en détail

CMS AVERTISSEMENT 14 novembre 2012 Mini tutoriel pour compléments d informations

CMS AVERTISSEMENT 14 novembre 2012 Mini tutoriel pour compléments d informations CMS AVERTISSEMENT 14 novembre 2012 Mini tutoriel pour compléments d informations Publier en ligne via un cms? Stage du 14/11/12 (au CRDP académie Rouen) Je vous souhaite de bons tests Christian CRDP académie

Plus en détail

Tutoriel Chat AJAX Partie 2 : Prototype, Scriptaculous, Application HTML

Tutoriel Chat AJAX Partie 2 : Prototype, Scriptaculous, Application HTML Tutoriel Chat AJAX Partie 2 : Prototype, Scriptaculous, Application HTML Prototype et Scriptaculous Pour cette application de "chat" nous utiliserons deux librairies populaires de Javascript : Prototype

Plus en détail

08/01/2013 www.toubkalit.ma

08/01/2013 www.toubkalit.ma 1 1 - La déclaration des chaînes 2 - Les opérations sur les chaînes 3 - Des exemples utiles 2 Pour déclarer une chaîne de caractères, vous pouvez utiliser les guillemets (") ou l'apostrophe ('). var chaine1="bonjour";

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

Préparation d un serveur Apache pour Zend Framework

Préparation d un serveur Apache pour Zend Framework Préparation d un serveur Apache pour Zend Framework Jacques THOORENS 30 novembre 2010 Résumé Cette petite introduction explique comment paramétrer son serveur Apache personnel pour en faire une machine

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI

APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Cours en Réponse à questions, n 1 Valérie Bellynck, Benjamin Brichet-Billet, Mazen Mahrous Grenoble

Plus en détail

Tutoriel pour l introduction à l animation en HTML5 et JavaScript

Tutoriel pour l introduction à l animation en HTML5 et JavaScript Tutoriel pour l introduction à l animation en HTML5 et JavaScript Frédéric Guégan Olivier Fauvel-Jaeger Giacomo Rombaut Table des matières 1. Introduction... 2 2. Création de l environnement... 2 3. Création

Plus en détail

Guide de l administrateur. Démarrage rapide. www.cmsmadesimple.fr

Guide de l administrateur. Démarrage rapide. www.cmsmadesimple.fr Guide de l administrateur Démarrage rapide www.cmsmadesimple.fr Table des matières 1.Information document...4 1.1.Licence...4 1.2.Avertissements...5 1.3.Remerciements...5 1.4.Auteurs...6 1.5.Versions...6

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

Manuel de référence de KoXo Administrator V3.2

Manuel de référence de KoXo Administrator V3.2 33 Utilisation d Internet Information Server (IIS) Depuis la version 2.9.0.0 de KoXo Administrator, les versions antérieures à IIS7 ne sont plus supportées (Windows 2008 a apporté de nombreuses amélioration

Plus en détail

Introduction Web. 1ère année, cours - 5/5. Marcel Bosc 2011-2012

Introduction Web. 1ère année, cours - 5/5. Marcel Bosc 2011-2012 Introduction Web 1ère année, cours - 5/5 Marcel Bosc 2011-2012 Département informatique IUT de Villetaneuse Université Paris-13 table des matières Types en PHP Classes et objets Organisation code PHP CMS

Plus en détail

Bases de données (INF225), TELECOM ParisTech. TP PHP & MySQL

Bases de données (INF225), TELECOM ParisTech. TP PHP & MySQL Bases de données (INF225), TELECOM ParisTech TP PHP & MySQL Pierre Senellart (pierre.senellart@telecom-paristech.fr) Bogdan Cautis (bogdan.cautis@telecom-paristech.fr) Ioana Ileana (ioana.ileana@telecom-paristech.fr)

Plus en détail

Présentation du périmètre technique

Présentation du périmètre technique Présentation du périmètre technique Kit d intégration des fonctions de réservation Open System au sein d un site d information Alliance Réseaux v09012014 1 KIT D INTEGRATION DES FONCTIONS DE RESERVATION

Plus en détail

Moodle 2, votre premier thème graphique

Moodle 2, votre premier thème graphique UTC Moodle 2, votre premier thème graphique Un tutorial pour créer un thème graphique pour moodle v2 Dominique Chambelant 03/03/2011 Moodle v2.0.x Développement: Thèmes 2,0 créer votre premier thème Ce

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

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

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

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

Placez vous au préalable à l endroit voulu dans l arborescence avant de cliquer sur l icône Nouveau Répertoire

Placez vous au préalable à l endroit voulu dans l arborescence avant de cliquer sur l icône Nouveau Répertoire L espace de stockage garantit aux utilisateurs une sauvegarde de leurs fichiers dans une arborescence à construire par eux-mêmes. L avantage de cet espace de stockage est son accessibilité de l intérieur

Plus en détail

Programmation du Web : Présentation et description du langage PHP

Programmation du Web : Présentation et description du langage PHP Programmation du Web : Présentation et description du langage PHP Jean-Baptiste Vioix (jean-baptiste.vioix@iut-dijon.u-bourgogne.fr) IUT de Dijon-Auxerre - LE2I http://jb.vioix.free.fr 1-36 Présentation

Plus en détail

Echanges d informations entre client et serveur

Echanges d informations entre client et serveur Chapitre 4 Echanges d informations entre client et serveur c 2010-2011 -JA C Q U E S THOORENS - H T T P://W W W.T H O O R E N S.N E T Le protocole HTTP a défini des possibilités d envoi d informations

Plus en détail

Cours de programmation web

Cours de programmation web Cours de programmation web ENSAE 2006-2007 Cours 1 - Introduction 1. Introduction 2. Le principe d Internet 3. Les langages du web 4. Le web 2.0 Introduction : Historique 1967 : Arpanet : réseau militaire

Plus en détail

Activation et personnalisation de votre site mobile

Activation et personnalisation de votre site mobile Activation et personnalisation de votre site mobile Page 1 / 1 Table des matières 1. Activation de la version mobile 3 2. Personnalisation de la version mobile : premiers pas 2.1. Apparence générale et

Plus en détail

Version 1.0 Septembre 2007. Document destiné exclusivement aux utilisateurs de Direct-Stats. Toute reproduction interdite.

Version 1.0 Septembre 2007. Document destiné exclusivement aux utilisateurs de Direct-Stats. Toute reproduction interdite. Version 1.0 Septembre 2007. Document destiné exclusivement aux utilisateurs de Direct-Stats. Toute reproduction interdite. SOMMAIRE 1. Technologie de marquage Direct-Stats. p.3 1.1 Qu est ce que le marquage

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

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