Rendu multi-support DOCUMENTATION

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

Download "Rendu multi-support DOCUMENTATION"

Transcription

1 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é d utilisation des outils de gestion de contenu web. Jahia Solutions Group SA 9 route des Jeunes, CH-1227 Les acacias Genève, Suisse

2 Sommaire 1 Introduction Rendu sur appareil mobile Exemple Orientation de l appareil Caractéristiques techniques des appareils mobiles Applications mobiles natives Pour en savoir plus Page 2 sur 17

3 1 Introduction Ce document présente les différentes possibilités de rendu multi-support pour vos projets CMS ou WCM avec Jahia. Pour cela, notre produit dispose de deux technologies différentes : un changement de type de template basé sur la variable user agent une API REST pour créer des clients natifs Nous présentons ci-dessous un exemple de la première approche, c est-à-dire l utilisation de différents types de templates pour concevoir une mise en page et un système de navigation adaptés à la consultation sur appareils mobiles. Dans cet exemple, vous verrez que les mêmes contenus peuvent être réutilisés pour différentes mises en page et que l on peut avoir des présentations communes à tous les appareils, ou bien développer des présentations spécifiques pour chaque classe d appareil. Il faut également noter que les contenus peuvent être organisés différemment, même lorsqu on réutilise les mêmes objets de contenu. Page 3 sur 17

4 2 Rendu sur appareil mobile La fonction de rendu sur appareil mobile utilise la variable user agent du navigateur pour changer le type de template afin d adapter les tailles et les menus de navigation aux dimensions et aux capacités des appareils mobiles. Jahia utilise la technologie des types de templates pour faire correspondre les vues avec l extension spécifiée à la fin de l URL. Dans le cas présent, on utilise une variante de nom de type de template pour spécifier les JSP qui seront utilisés pour afficher la vue. Jahia permet de configurer la détection du user agent à l aide d expressions régulières et de changer le type de template dynamiquement afin de permettre le passage à des scripts alternatifs pour afficher le contenu. Par exemple, avec la configuration suivante dans le fichier WEB-INF/etc/spring/application-renderer.xml : <bean class="org.jahia.services.render.filter.useragentfilter"> <property name="priority" value="6" /> <property name="applyonmodes" value="live,preview" /> <property name="applyonconfigurations" value="page" /> <property name="useragentmatchingrules"> <map> <entry key=".*iphone.*" value="iphone" /> <entry key=".*ipod.*" value="iphone" /> <entry key=".*ipad.*" value="iphone" /> <entry key=".*android.*" value="iphone" /> </map> </property> </bean> Cela signifie que si un user agent d iphone ou d Android est détecté, on cherchera d abord un script d affichage dans un répertoire de scripts html-iphone, et si celui-ci n existe pas, on utilisera par défaut un répertoire html. Ce mécanisme simple mais puissant permet de procéder à toutes sortes de détections de user agent. On pourrait même l utiliser pour adapter le rendu avec différents types de navigateurs sur ordinateur (les anciennes versions, par exemple). Le mécanisme de fallback est également important car il permet de ne pas avoir à redéfinir toutes les vues de contenu si l on souhaite seulement modifier quelques-unes d entre-elles. Cela permet de faire du fork avec les vues uniquement pour le comportement souhaité sur l appareil mobile. Page 4 sur 17

5 2.1 Exemple Dans le cadre de projets Intranet ou Extranet particuliers, on peut avoir besoin d afficher des contenus sans tenir compte de la langue du navigateur utilisé. Par exemple, si l on ne veut pas avoir des pages vides dans certaines langues lorsqu un site n est pas encore entièrement traduit ou lorsqu il n est pas disponible dans toutes les langues, alors il faudra activer l option Utiliser plusieurs langues lors de la navigation sur le site. Si cette option est activée et que l objet de contenu n existe pas dans la langue utilisée, alors Jahia l affichera dans la langue par défaut. Si l anglais est la langue par défaut et que certains contenus ne sont pas traduits en français, alors ils seront remplacés automatiquement par les contenus correspondants en langue anglaise. Il est déconseillé d utiliser cette option sur des sites publics car cela peut dérouter certains utilisateurs. Cependant, son utilisation peut être envisagée sur des sites de type Intranet, tant que les utilisateurs sont conscients de ce choix et du fait qu ils sont susceptibles rencontrer des pages avec des contenus dans plusieurs langues. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> page language="java" contenttype="text/html;charset=utf-8" %> taglib prefix="template" uri="http://www.jahia.org/tags/templatelib" %> taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> taglib prefix="jcr" uri="http://www.jahia.org/tags/jcr" %> id="currentnode" type="org.jahia.services.content.jcrnodewrapper"--%> id="out" type="java.io.printwriter"--%> id="script" type="org.jahia.services.render.scripting.script"--%> id="scriptinfo" type="java.lang.string"--%> id="workspace" type="java.lang.string"--%> id="rendercontext" type="org.jahia.services.render.rendercontext"--%> id="currentresource" type="org.jahia.services.render.resource"--%> id="url" type="org.jahia.services.render.urlgenerator"--%> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${fn:substring(rendercontext.request.locale,0,2)}"> Page 5 sur 17

6 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="jcr:description" inherited="true" var="description"/> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="jcr:createdby" inherited="true" var="author"/> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="j:keywords" inherited="true" var="kws"/> <c:set var="keywords" value=""/> <c:foreach items="${kws}" var="keyword"><c:set var="keywords" value="${empty keywords?'':keywords + ' '}${keyword.string}"/></c:foreach> <c:if test="${!empty description}"><meta name="description" content="${description.string}" /></c:if> <c:if test="${!empty author}"><meta name="author" content="${author.string}" /></c:if> <c:if test="${!empty keywords}"><meta name="keywords" content="${keywords}" /></c:if> <link rel="stylesheet" type="text/css" href="<c:url value='${url.currentmodule}/css/print.css'/>" media="print" /> <title>${fn:escapexml(rendercontext.mainresource.node.displayablename) }</title> </head> <body> <div class="bodywrapper"><!--start bodywrapper--> <template:area path="pagecontent"/> </div> <!--stop bodywrapper--> <c:if test="${rendercontext.editmode}"> <template:addresources type="css" resources="edit.css" /> </c:if> <template:addresources type="css" resources="960.css,01web.css,02mod.css,navigationn1.css,navigationn2-2.css"/> <template:theme/> </body> </html> Dans le template par défaut, la balise la plus remarquable est celle qui est incluse dans la balise div de classe bodywrapper. C est à cet endroit que tous les éléments seront insérés. Maintenant, intéressonsnous à html-iphone/template.template-web-blue.jsp : Page 6 sur 17

7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> page language="java" contenttype="text/html;charset=utf-8" %> taglib prefix="template" uri="http://www.jahia.org/tags/templatelib" %> taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> taglib prefix="jcr" uri="http://www.jahia.org/tags/jcr" %> id="currentnode" type="org.jahia.services.content.jcrnodewrapper"--%> id="out" type="java.io.printwriter"--%> id="script" type="org.jahia.services.render.scripting.script"--%> id="scriptinfo" type="java.lang.string"--%> id="workspace" type="java.lang.string"--%> id="rendercontext" type="org.jahia.services.render.rendercontext"--%> id="currentresource" type="org.jahia.services.render.resource"--%> id="url" type="org.jahia.services.render.urlgenerator"--%> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${fn:substring(rendercontext.request.locale,0,2)}"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="blacktranslucent" /> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="jcr:description" inherited="true" var="description"/> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="jcr:createdby" inherited="true" var="author"/> <jcr:nodeproperty node="${rendercontext.mainresource.node}" name="j:keywords" inherited="true" var="kws"/> <c:set var="keywords" value=""/> <c:foreach items="${kws}" var="keyword"><c:set var="keywords" value="${empty keywords?'':keywords + ' '}${keyword.string}"/></c:foreach> <c:if test="${!empty description}"><meta name="description" content="${description.string}" /></c:if> <c:if test="${!empty author}"><meta name="author" content="${author.string}" /></c:if> <c:if test="${!empty keywords}"><meta name="keywords" content="${keywords}" /></c:if> <link rel="stylesheet" type="text/css" href="<c:url value='${url.currentmodule}/css/print.css'/>" media="print" /> Page 7 sur 17

8 <title>${fn:escapexml(rendercontext.mainresource.node.displayablename) }</title> </head> <body> <div class="bodywrapper"><!--start bodywrapper--> <!-- ACME logo --> <div id="header"> <template:module path="header-col1"/> </div> <!-- Navigation menu --> <template:module path="headerbottom-colcontent"/> <!-- Main content for most templates --> <template:area path="maincontent"/> <!-- News detail view --> <template:area path="row-col1/mainresourcedisplay"/> <!-- Event list view --> <template:area path="row1-col1/events"/> <!-- Publications list view --> <template:area path="row1-col1/publications"/> </div> <!--stop bodywrapper--> <c:if test="${rendercontext.editmode}"> <template:addresources type="css" resources="edit.css" /> </c:if> <template:addresources type="css" resources="960.css,mobile- 01web.css,02mod.css,mobile-navigationN1.css,navigationN2-2.css"/> <template:theme/> </body> </html> Si l on observe les différences entre les fichiers, la première se situe dans la section header, en particulier dans les balises meta : <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="apple-mobile-web-app-capable" content="yes" /> Page 8 sur 17

9 <meta name="apple-mobile-web-app-status-bar-style" content="blacktranslucent" /> Ces balises meta sont spécifiques aux appareils iphone et Android et contrôlent la façon dont la fenêtre du navigateur mobile sera affichée. La différence suivante, qui est également la plus importante, se trouve dans la section bodywrapper : <!-- ACME logo --> <div id="header"> <template:module path="header-col1"/> </div> <!-- Navigation menu --> <template:module path="headerbottom-colcontent"/> <!-- Main content for most templates --> <template:area path="maincontent"/> <!-- News detail view --> <template:area path="row-col1/mainresourcedisplay"/> <!-- Event list view --> <template:area path="row1-col1/events"/> <!-- Publications list view --> <template:area path="row1-col1/publications"/> Le contenu du bodywrapper ci-dessus a été élaboré en regardant la disposition du template utilisé et en réutilisant des nœuds de présentation ou de contenu. Cela se fait très simplement en navigant dans l Explorateur de contenu pour trouver les nœuds que l on souhaite réutiliser sur les pages mobiles, comme le montre cette illustration : Page 9 sur 17

10 Contient le logo ACME Contient le menu de navigation Dans la différence du bodywrapper, le premier module affiché est le logo ACME existant. Au-dessous, nous avons inclus le menu de navigation, mais exclus la section droite du header qui comporte les données de connexion et la barre de recherche. Les quatre zones suivantes sont en fait des zones utilisées sur différents templates, mais comme elles ne sont jamais utilisées en même temps, nous les incluons toutes, puisqu une seule d entre elles affichera du contenu. Cette astuce permet d éviter d utiliser de nombreuses clauses JSTL <c:if> qui rendent le fichier JSP plus dur à lire et à maintenir. Et pour terminer, les CSS ont été modifiées : <template:addresources type="css" resources="960.css,mobile- 01web.css,02mod.css,mobile-navigationN1.css,navigationN2-2.css"/> Page 10 sur 17

11 Nous n entrerons pas dans les détails des modifications CSS, mais elles comprennent simplement quelques changements visant à réduire les tailles de polices et à optimiser l usage de l espace, puisqu un navigateur mobile dispose d une résolution moindre qu un écran d ordinateur. Un bon exemple de la puissance de le réutilisabilité des vues par défaut est le plan du site qui, sans modifications particulières, s affiche plutôt bien sur un écran d appareil mobile, comme le montre cette illustration : Bien entendu, on pourrait améliorer l affichage en traitant le problème de dépassement du texte, mais comme on le voit ici, l affichage par défaut fonctionne déjà plutôt bien. Page 11 sur 17

12 2.2 Orientation de l appareil Avec les appareils mobiles modernes, notamment avec les smartphones, il peut s avérer compliqué de gérer les problématiques d orientation de l appareil. Pour cette raison, il est important d utiliser des mises en page fluides qui s adapteront automatiquement aux changements de taille d écran lorsque l on fait pivoter l appareil. Une fois encore, cela fonctionne par défaut avec les templates fournis dans cet exemple, comme on peut le voir dans les captures d écran ci-dessous : Il est donc important de toujours valider les mises en page sur l appareil lui-même, plutôt que sur un émulateur, car le rendu est parfois différent. 2.3 Caractéristiques techniques des appareils mobiles Il est également possible d utiliser des solutions du type Apache Mobile Filter (http://www.idelfuschini.it/it/apache-mobile-filter-v2x.html) capables d exposer les caractéristiques techniques des appareils mobiles sous forme d attributs de requêtes si l on a besoin d une plus grande maîtrise sur le rendu de la page. Page 12 sur 17

13 Il est alors possible de lancer des requêtes sur les caractéristiques techniques, comme dans l exemple suivant provenant d une JSP ou d une action : request.getattribute("amf_max_image_height") Le module Apache offre également des possibilités supplémentaires intéressantes, comme par exemple redimensionner des images à la demande ou encore mettre le HTML en cache. On peut également ajouter un filtre si on le souhaite, ou créer un module qui intègre WURFL (http://wurfl.sourceforge.net/) directement. 3 Applications mobiles natives Le prototype d application iphone/ipad native conçu par Jahia est un exemple intéressant, illustrant l utilité de l API REST. Comme il s agit d un prototype, l application n est pas disponible au public, mais si vous êtes intéressé, vous pouvez nous contacter à L application native se connecte à Jahia au démarrage, récupère un fichier de configuration contenant différentes propriétés d écran, notamment des requêtes qui seront exécutées avec la servlet REST find. Les résultats sont générés avec une sortie JSON. L application native peut alors afficher le contenu comme elle l entend. Le fait de disposer du contenu au format JSON facilite l adaptation à différentes tailles d écran, le prototype natif étant une application pour iphone et ipad à la fois. L application est également capable de créer de nouveaux contenus via des requêtes HTTP POST qui créeront de nouveaux objets de contenus. Tout cela est plutôt optimal et intégré avec l authentification, puisque les servlets de connexion et de déconnexion sont également utilisées. Page 13 sur 17

14 Comme on peut le constater dans l exemple ci-dessus, l application native affiche le contenu de la démo ACME, avec le rendu natif de l appareil. Cela permet une expérience utilisateur forte sur mobile tout en ayant exactement la même base de contenu. On peut également mettre les données en cache dans le client natif, pour une consultation hors-connexion. L application démo prototype est également une application ipad native, comme on peut le voir dans la capture d écran ci-dessous : L affichage de la version ipad est légèrement différent, mettant à profit la surface d écran supplémentaire tout en conservant un accès aux mêmes objets de contenu que l iphone et le site Web public. Page 14 sur 17

15 Cette version comprend également un exemple d envoi de données de façon native, avec saisie de texte mais également envoi de données binaires, par exemple des images. Dans l exemple ci-dessous, l utilisateur sélectionne une image depuis la photothèque après avoir saisi un titre et le corps d un article : Avec ce prototype natif, nous n avons fait qu explorer une infime partie de ce qu il est possible de faire avec l API REST. Pour plus d informations à ce sujet et sur d autres technologies qui vous aideront à atteindre vos objectifs multi-support, consultez la Vue d ensemble technique de Jahia et les autres documentations disponibles dans la section Documentation de notre site Web. 4 Pour en savoir plus Nous proposons ici quelques lectures supplémentaires permettant d en apprendre plus sur les technologies mobiles : Wireless Universal Resource File (WURFL) : Apache Mobile Filter : Exemple de code Apache Mobile Filter : Page 15 sur 17

16 Apple ios Developer Center : Google Android Developer Center : Page 16 sur 17

17 Jahia Solutions Group SA 9 route des Jeunes, CH-1227 Les acacias Genève, Suisse Page 17 sur 17

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

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

Démonstration de la mise en cache via HTML 5 sur iphone Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent

Plus en détail

18/05/2010 JSF : Java server faces

18/05/2010 JSF : Java server faces 18/05/2010 JSF : Java server faces Groupe JAXB - JSF TABLE DES MATIÈRES OBJECTIF...2 VERSION... ERREUR! SIGNET NON DEFINI. MISE EN ŒUVRE...2 UTILISATION...4 Génération des classes à partir d un schéma...

Plus en détail

Applications orientées données (NSY135)

Applications orientées données (NSY135) Applications orientées données (NSY135) 2 Applications Web Dynamiques Auteurs: Raphaël Fournier-S niehotta et Philippe Rigaux (philippe.rigaux@cnam.fr,fournier@cnam.fr) Département d informatique Conservatoire

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

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

À 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

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

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

Administration du site

Administration du site Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition

Plus en détail

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

Comparatif CMS. Laurent BAUREN S Bérenger VIDAL Julie NOVI Tautu IENFA Comparatif CMS Laurent BAUREN S Bérenger VIDAL Julie NOVI Tautu IENFA Sommaire Introduction : Dans le cadre de notre projet de master première année, il nous a été demandé de développer un moteur de recherche

Plus en détail

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

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

Introduction aux concepts d ez Publish

Introduction aux concepts d ez Publish Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de

Plus en détail

TRAVAIL D ÉTUDE DES PROVIDERS DE STREAMING MODULE VIDÉO ET INTERNET

TRAVAIL D ÉTUDE DES PROVIDERS DE STREAMING MODULE VIDÉO ET INTERNET Stéphane PERES Licence ATC MIICM TRAVAIL D ÉTUDE DES PROVIDERS DE STREAMING MODULE VIDÉO ET INTERNET M. ALLAL I.U.T. DE MARNE-LA-VALLEE Mai 2009 TP : MODULE VIDEO ET INTERNET ENCODAGE DES VIDÉOS AVEC LE

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

Documentation : Installer / Utilisation de l agent de sauvegarde

Documentation : Installer / Utilisation de l agent de sauvegarde Documentation : Installer / Utilisation de l agent de sauvegarde Produit par : Société 2ISR Ingénierie Informatique Systèmes et Réseaux 11, rue de Madrid 49280 LA SEGUINIERE contact@2isr.fr Tel : 09 72

Plus en détail

Publication sur serveur distant

Publication sur serveur distant DOCUMENTATION Publication sur serveur distant Jahia s next-generation, open source CMS stems from a widely acknowledged vision of enterprise application convergence web, document, search, social and portal

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail

Tutoriel Ionic framework

Tutoriel Ionic framework INGÉNIEURS EN SCIENCES INFORMATIQUES ADAPTATION DES INTERFACES A L ENVIRONNEMENT Tutoriel Ionic framework Tutoriel et présentation du framework IONIC : technologie permettant la réalisation d applications

Plus en détail

Module : programmation site Web dynamique Naviguer entre les pages via site map

Module : programmation site Web dynamique Naviguer entre les pages via site map Module : programmation site Web dynamique Naviguer entre les pages via site map Soit le site web suivant qui est constitué de six pages web : On veut créer un menu constitué de trois nœuds principaux générale

Plus en détail

GUIDE UTILISATEUR - LOGICIEL

GUIDE UTILISATEUR - LOGICIEL GUIDE UTILISATEUR - LOGICIEL Série RJ Le contenu de ce guide et les spécifications de ce produit peuvent être modifiés sans préavis. Brother se réserve le droit d apporter à tout moment et sans préavis

Plus en détail

MODULE : PROGRAMMATION DE SITES WEB DYNAMIQUE

MODULE : PROGRAMMATION DE SITES WEB DYNAMIQUE MODULE : PROGRAMMATION DE SITES WEB DYNAMIQUE LEÇON :MASTER PAGE Formateur :A BENDAOUD OFPPT/DRPS/ISGI LAAYOUNE Les Master Pages Prenons l exemple d un site composé de trois grandes parties : une bannière

Plus en détail

Solutions de Mobilité pour IBM i SystemObjects Europe. Modernisation IBM i Mai 2015

Solutions de Mobilité pour IBM i SystemObjects Europe. Modernisation IBM i Mai 2015 Solutions de Mobilité pour IBM i SystemObjects Europe Modernisation IBM i Mai 2015 Quelques Dates 1991 : Création de la Société TCIS devenue SystemObjects Europe en 2000. 1995 : Première version de notre

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

Initiation Internet. Edité par Mac Pour Tous rue des Communaux 4 1800 Vevey. Sibold! page 1 / 33

Initiation Internet. Edité par Mac Pour Tous rue des Communaux 4 1800 Vevey. Sibold! page 1 / 33 Initiation Internet 2010 Edité par Mac Pour Tous rue des Communaux 4 1800 Vevey Sibold! page 1 / 33 Table des matières! pages Internet et le Web!...-3- Les navigateurs Internet!...-4- La Fenêtre de navigation

Plus en détail

Joomla! Création et administration d'un site web - Version numérique

Joomla! Création et administration d'un site web - Version numérique Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique

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

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En Théorie Le fonctionnement de SPIP Qu est ce que SPIP? SPIP (Système de Publication pour l Internet Partagé) est un logiciel libre destiné à la production

Plus en détail

Déploiement d application Silverlight

Déploiement d application Silverlight Déploiement d application Silverlight Thibault Laurens Bastien Chauvin 2 Déploiement d'application Silverlight 17/06/09 Sommaire 1 Introduction... 3 2 Intégrer une application à une page Web... 4 3 Les

Plus en détail

CONNECT. Mode d emploi. Android

CONNECT. Mode d emploi. Android CONNECT Mode d emploi Android fr Table des matières 1 Qu est-ce que JURA Connect?... 3 2 Premiers pas...4 3 Assistant de configuration... 5 Bienvenue dans l assistant de configuration!... 6 Insérer Smart

Plus en détail

C2 ATOM Guide de démarrage

C2 ATOM Guide de démarrage C2 ATOM Guide de démarrage Créé par : C2 Innovations Version : 1.0 Dernière modification : 30/03/2015 FOURNISSEUR DE SOLUTIONS COMPLÈTES DE GESTION DE SERVICES FOURNISSEUR DE SOLUTIONS COMPLÈTES DE GESTION

Plus en détail

CONNECT. Mode d emploi. ios

CONNECT. Mode d emploi. ios CONNECT Mode d emploi ios fr Table des matières 1 Qu est-ce que JURA Connect?... 3 2 Premiers pas...4 3 Smartphones/tablettes compatibles... 5 4 Assistant de configuration...6 Bienvenue dans l assistant

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

MEDIA NAV Guide de téléchargement de contenus en ligne

MEDIA NAV Guide de téléchargement de contenus en ligne MEDIA NAV Guide de téléchargement de contenus en ligne Le présent document donne des instructions pour procéder aux mises à jour du logiciel et du contenu de l appareil de navigation de l utilisateur.

Plus en détail

MICROSOFT ONEDRIVE INSTALLATION ET FONCTIONNALITÉS. Proposé par PCProfi Informatique SA

MICROSOFT ONEDRIVE INSTALLATION ET FONCTIONNALITÉS. Proposé par PCProfi Informatique SA MICROSOFT ONEDRIVE INSTALLATION ET FONCTIONNALITÉS Proposé par PCProfi Informatique SA Microsoft OneDrive est un outil développé par Microsoft ayant de nombreuses fonctionnalités. Il permet un stockage

Plus en détail

Développement Web Frameworks AJAX

Développement Web Frameworks AJAX 1 / 27 Développement Web Frameworks AJAX Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer 2009 2 / 27 Objectif Objectif du cours découverte de quelques frameworks

Plus en détail

Démarrage avec Tableau Server 7.0

Démarrage avec Tableau Server 7.0 Démarrage avec Tableau Server 7.0 Bienvenue dans Tableau Server. Vous trouverez dans ce guide les principales étapes à suivre pour installer et configurer Tableau Server. Vous apprendrez également à explorer

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

Comment utiliser votre espace association

Comment utiliser votre espace association PORTAIL ASSOCIATIF DE LA MAIRIE DE PESSAC http://portailasso.pessac.fr/ Comment utiliser votre espace association SOMMAIRE 1 ACCES A VOTRE COMPTE... 3 2 PAGE DE BIENVENUE... 4 3 RUBRIQUE «MES INFORMATIONS»...

Plus en détail

Plateforme takouine: Guide de l apprenant

Plateforme takouine: Guide de l apprenant Plateforme takouine: Guide de l apprenant - - Juillet 2012 - Sommaire Introduction :...3 Objectif :...3 Moodle :...3 Prérequis :...4 Matériel :...4 Logiciel :...4 Réglages préalables :...4 JavaScript :...4

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

Documentation télémaintenance

Documentation télémaintenance Documentation télémaintenance Table des matières Introduction... 2 Interface web du technicien... 2 Connexion à l interface... 2 Mon compte... 3 Configuration... 4 1. Jumpoint... 4 2. Jump clients... 4

Plus en détail

ODOTRACK pour iphone version 1.0 GUIDE DE L UTILISATEUR

ODOTRACK pour iphone version 1.0 GUIDE DE L UTILISATEUR ODOTRACK pour iphone version 1.0 GUIDE DE L UTILISATEUR TABLE DES MATIÈRES 1. Introduction... 3 2. Spécificités par rapport au système d exploitation Apple... 3 3. Exigences matérielles... 3 4. Avant d

Plus en détail

Mairie de Bayonne. Manuel utilisateur Agenda BAB

Mairie de Bayonne. Manuel utilisateur Agenda BAB Mairie de Bayonne Manuel utilisateur Agenda BAB Contact : Laurie Dumora 05 59 46 60 17 18/05/2012 Sommaire 1 Se connecter à typo3... 3 2 Présentation de l interface «typo3»... 3 2.1 Menu principal et tableau

Plus en détail

cbox VOS FICHIERS DEVIENNENT MOBILES! POUR SMARTPHONES ET TABLETTES ios MANUEL D UTILISATION

cbox VOS FICHIERS DEVIENNENT MOBILES! POUR SMARTPHONES ET TABLETTES ios MANUEL D UTILISATION cbox VOS FICHIERS DEVIENNENT MOBILES! POUR SMARTPHONES ET TABLETTES ios MANUEL D UTILISATION Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation

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

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

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com demo.minisites.encharentemaritime.com Insérer des photos Illustrez vos contenus en intégrant Depuis la barre d administration Vous pouvez télécharger des fichiers depuis votre ordinateur ou choisir des

Plus en détail

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source JOOMLA Introduction Joomla est un système de gestion de contenu CMS open source Il permet la conception rapide de sites Web avec une présentation soignée et une navigation très simple C est l outil idéal

Plus en détail

Ezpublish Création d'un design

Ezpublish Création d'un design Ezpublish Création d'un design Transfert de compétence 17,18,19 octobre 2011 17/10/2011 Szsic Rennes - Dominique Seven 1 Rappel des objectifs Pouvoir créer un nouveau design pour un site ezpublish. Comprendre

Plus en détail

Manuel d utilisation de la messagerie. http://zimbra.enpc.fr

Manuel d utilisation de la messagerie. http://zimbra.enpc.fr Manuel d utilisation de la messagerie http://zimbra.enpc.fr ÉCOLE DES PONTS PARISTECH/ DSI JANVIER 04 SOMMAIRE. Connexion à la messagerie.... Présentation générale de l écran d accueil.... Déconnexion...

Plus en détail

Modules InnovationCRM

Modules InnovationCRM Modules InnovationCRM Introduction Le but de ce document est de référencer les bonnes pratiques et premières astuces en cas de soucis de fonctionnement, permettant de balayer une grande partie des soucis

Plus en détail

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

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Projet Java EE Approfondi

Projet Java EE Approfondi EISTI Projet Java EE Approfondi Manuel d installation du framework Stripes Amaury Languillat, Yann Gonzalez, Arnaud Recher, Vincent Laronde, Anys Mechkar 10 Manuel d installation Téléchargement On part

Plus en détail

Responsive Web design, périphériques mobiles et accessibilité

Responsive Web design, périphériques mobiles et accessibilité Responsive Web design, périphériques mobiles et accessibilité Qui suis-je? Victor Brito Situé près de Paris, dans la France non voisine Intégrateur HTML / CSS freelance Expert Accessiweb en évaluation

Plus en détail

Projet SITEPERSO. Activité A1 Apprentissage du langage HTML par l'exemple Tous. Compétences mises en œuvre : Ressources utiles :

Projet SITEPERSO. Activité A1 Apprentissage du langage HTML par l'exemple Tous. Compétences mises en œuvre : Ressources utiles : Compétences mises en œuvre : C 4.2.2.2 Concevoir les mises à jour à effectuer C 5.2.4.1 Se documenter à propos d une technologie, d un composant, d un outil ou d une méthode Ressources utiles : http://slaout.linux62.org/html_css/html.html

Plus en détail

Gestion d identités PSL Exploitation IdP Authentic

Gestion d identités PSL Exploitation IdP Authentic Gestion d identités PSL Exploitation IdP Authentic Entr ouvert SCOP http ://www.entrouvert.com Table des matières 1 Arrêt et démarrage 2 2 Configuration 2 2.1 Intégration à la fédération............................

Plus en détail

GEOLOCALISATION DES PRODUITS PANORAMA DES ENVIRONS

GEOLOCALISATION DES PRODUITS PANORAMA DES ENVIRONS GEOLOCALISATION DES PRODUITS PANORAMA DES ENVIRONS Cette extension du programme «VisualQie Entreprise» vous permet des visualisations graphiques immédiates de la situation géographique de tous vos produits

Plus en détail

Mode d emploi d artishoc mobile

Mode d emploi d artishoc mobile Mode d emploi d artishoc mobile Version gratuite Version 4 Mise à jour le 05/01/2011 Ce mode d emploi est à l usage exclusif des utilisateurs de l offre mobile gratuite d artishoc mobile. Il n a pas de

Plus en détail

Site Web multilingue sous CMSMadeSimple Tutoriel évitant le MleCMS Version béta

Site Web multilingue sous CMSMadeSimple Tutoriel évitant le MleCMS Version béta Site Web multilingue sous CMSMadeSimple Tutoriel évitant le MleCMS Version béta Un peu d'histoire. La version 2 de CMSMS étant en RC1 au moment de ce tutoriel et au vue de avancement de la version 2 du

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

Installer, configurer et personnaliser DotNetNuke

Installer, configurer et personnaliser DotNetNuke Installer, configurer et personnaliser DotNetNuke Web Platform Installer 2.0 15/02/2010 Access IT Julien CHOMARAT jchomarat@access-it.fr http://www.sharepointofview.fr/julien Retrouvez cet atelier à l

Plus en détail

POUR COMMENCER AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE

POUR COMMENCER AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE Le module de recherche de groupe permet aux utilisateurs de sélectionner un emplacement spécifique de restaurant à partir

Plus en détail

AdOps Spécifications techniques publicitaires

AdOps Spécifications techniques publicitaires AdOps Spécifications techniques publicitaires Matériel publicitaire HTML5 (Desktop) Les spécifications suivantes doivent être respectées pour la fourniture de matériel publicitaire HTML. Si vous utilisez

Plus en détail

MODX 1.0.10 NOUVEAUTES DEPUIS LA VERSION 0.96

MODX 1.0.10 NOUVEAUTES DEPUIS LA VERSION 0.96 MODX 1.0.10 NOUVEAUTES DEPUIS LA VERSION 0.96 Gérer les utilisateurs Paramétrer le site Modèles disponibles Paramètres d une page Activer le module de news Aller plus loin : javascript, snippets, chunks

Plus en détail

GEDI Publier une information sur le Web

GEDI Publier une information sur le Web Introduction L application est une application de Gestion Electronique de Documentation destinée à publier et à gérer des documentations sur le site de l Université Dans un article (courrier) comprend

Plus en détail

La vocation purement sémantique de la page HTML a été pervertie avec les années.

La vocation purement sémantique de la page HTML a été pervertie avec les années. Bruxelles Formation CEPEGRA Olivier Céréssia 2012 PRÉAMBULE A mille lieues de la vision structuraliste de ses créateurs, la page HTML est devenue un document hybride mêlant structure, contenu, mise en

Plus en détail

Portail Client Sigma Informatique

Portail Client Sigma Informatique Portail Client Sigma Informatique Edité le 19 févr. 2013 Sommaire Présentation du portail client 3 La page d accueil 8 Vie d une demande (Création et suivi) 11 La consultation d une demande. 18 La gestion

Plus en détail

Dossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10

Dossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10 Dossier Technique Page 1/10 Sommaire : 1. REPONSE TECHNIQUE A LA DEMANDE 3 1.1. Prise en compte de la dernière version de phpcas 3 1.2. Gestion de la connexion à GRR 3 1.2.1. Récupération des attributs

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

Modèle d administration élève

Modèle d administration élève Modèle d administration élève Stratégie Paramètre Commentaire Configuration utilisateur > Modèles d administration > Bureau Cacher l icône Emplacements réseau sur le Bureau Masquer toutes les icônes du

Plus en détail

Initiation au Web et à l HTML

Initiation au Web et à l HTML Initiation au Web et à l HTML Mathieu LACROIX, François RÉVERET, Antoine VACAVANT mathieu.lacroix@isima.fr françois.reveret@univ-bpclermont.fr antoine.vacavant@liris.cnrs.fr 2 et 3 Avril 2007 /40 Mathieu

Plus en détail

CMS Modules Dynamiques - Manuel Utilisateur

CMS Modules Dynamiques - Manuel Utilisateur CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage

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

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

arcopole Studio Annexe 4 Intégration LDAP et processus d authentification Site du programme arcopole : www.arcopole.fr

arcopole Studio Annexe 4 Intégration LDAP et processus d authentification Site du programme arcopole : www.arcopole.fr arcopole Studio Annexe 4 Intégration LDAP et processus d authentification Site du programme arcopole : www.arcopole.fr Auteur du document : ESRI France Version de la documentation : 1.2.0.0 Date de dernière

Plus en détail

Initiation au Web et à l HTML

Initiation au Web et à l HTML Initiation au Web et à l HTML Thibault MARZAIS, Mathieu LACROIX, Antoine VACAVANT marzais@llaic3.u-clermont1.fr mathieu.lacroix@isima.fr antoine.vacavant@liris.cnrs.fr 24 et 25 Avril 2006 /39 Thibault

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

Réglages du portail de P&WC

Réglages du portail de P&WC Réglages du portail de P&WC Afin de régler votre navigateur Internet Explorer et de résoudre quelques problèmes spécifiques que les utilisateurs du portail de P&WC pourraient éprouver, nous vous recommandons

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

Gestion et sécurité de l accueil visiteurs

Gestion et sécurité de l accueil visiteurs Gestion et sécurité de l accueil visiteurs Manuel d utilisation Version 2.00 Sommaire 1- Introduction... 3 2- Connexion au réseau d accueil de WiSecure... 3 2.1 Prérequis... 3 2.2 Connexion au réseau WiFi

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

Sauvegarder un article pour le lire plus tard

Sauvegarder un article pour le lire plus tard Sauvegarder un article pour le lire plus tard Un article sur Internet vous intéresse et vous n'avez pas le temps de le lire de suite? Avec Pocket, marquez n'importe quelle page qui vous intéresse afin

Plus en détail

Tutoriel Technique. Plateforme de suivi des usages des ressources. Version 2 Date de conception : 03/2014 Auteur : Équipe UVED

Tutoriel Technique. Plateforme de suivi des usages des ressources. Version 2 Date de conception : 03/2014 Auteur : Équipe UVED Tutoriel Technique Plateforme de suivi des usages des ressources Version 2 Date de conception : 03/2014 Auteur : Équipe UVED 1. Connexion à la plateforme de suivi des usages Pour accéder à la plateforme

Plus en détail

ETATS PDF. Pourquoi utiliser les états PDF? Comment créer un état PDF? Juin 2010

ETATS PDF. Pourquoi utiliser les états PDF? Comment créer un état PDF? Juin 2010 ETATS PDF Pourquoi utiliser les états PDF? LEADER Informatique vous propose depuis maintenant plusieurs mois la création d état au format PDF. Ce nouveau format pour vos états offre de nombreux avantages

Plus en détail

E-Post Office Aide à l utilisateur

E-Post Office Aide à l utilisateur E-Post Office Aide à l utilisateur Version V01.07 Edition juillet 2014 1 Table des matières 1 Description de la prestation 3 2 E-Post Office dans le portail 4 2.1 Menu de navigation 4 2.2 Swiss Post Box

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

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

Picasa Utilisation : 1 ère partie

Picasa Utilisation : 1 ère partie Picasa Utilisation : 1 ère partie Pour ouvrir Picasa, faîtes un double clic sur l icône présente sur le bureau. Vous pouvez également cliquer sur le menu Démarrer, Tous les programmes, Picasa 3. Lorsque

Plus en détail

Utilisation du site Graines d explorateurs

Utilisation du site Graines d explorateurs Utilisation du site Graines d explorateurs Connexion au site Munissez vous de votre identifiant et de votre mot de passe puis cliquez sur le lien «se connecter» situé en bas à droite du site Graines d

Plus en détail

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti RESPONSIVE DESIGN Gobelins 2014.2015 Isabelle Biamonti Plan Principe général Exemples Sans responsive Avec responsive Versions séparées Responsive design ou versions séparées? Comment rendre un design

Plus en détail

Écriture de pages Web

Écriture de pages Web Écriture de pages Web Le langage HTML / XHTML Laurent Tichit Janvier 2011 Laurent Tichit 2005-2010 1 Comment fonctionne le Web? C'est un mécanisme client-serveur. Logiciel serveur : programme qui a pour

Plus en détail

FCA SI2 GUIDE RAPIDE DE L UTILISATEUR

FCA SI2 GUIDE RAPIDE DE L UTILISATEUR FCA SI2 GUIDE RAPIDE DE L UTILISATEUR Introduction...2 1 Démarrage...3 1.1 Se connecter...3 1.2 Mettre à jour son Profil...3 1.3 Fonctionnalités du Système...4 2 Comment faire pour...5 2.1 Naviguer d un

Plus en détail

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

TP Initiation au langage HTML

TP Initiation au langage HTML TP Initiation au langage HTML (1) Rappels de quelques généralités Un fichier HTML n'est pas compilé (ce n'est pas un programme) Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant

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