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

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

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

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

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

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

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

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

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

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

À 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

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

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

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

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

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

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

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

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

Site Administration DIGITAL FACTORY 7.0

Site Administration DIGITAL FACTORY 7.0 DIGITAL FACTORY 7.0 Site Administration Rooted in Open Source CMS, Jahia s Digital Industrialization paradigm is about streamlining Enterprise digital projects across channels to truly control time-to-market

Plus en détail

Projet Web. Tim Burton. Refonte complète du site de Tim Burton en utilisant les dernières technologies du web : HTML 5 / CSS 3 / JavaScript...

Projet Web. Tim Burton. Refonte complète du site de Tim Burton en utilisant les dernières technologies du web : HTML 5 / CSS 3 / JavaScript... Projet Web Tim Burton Refonte complète du site de Tim Burton en utilisant les dernières technologies du web : HTML 5 / CSS 3 / JavaScript... Par Omar EDDASSER L3 ISC parcours MIAGE Sous l enseignement

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

Vue d ensemble technique

Vue d ensemble technique DOCUMENTATION Vue d ensemble technique 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

Vue d ensemble technique

Vue d ensemble technique DOCUMENTATION Vue d ensemble technique 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

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl IAE - Web Marketing Créer un site internet «simple» Publier un site internet Référencer un site internet Olivier Toscano Gérant WebCMS Sàrl HTML HTML est un langage à balisage Les balises permettent de

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

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

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE 11/02/14 CONTEXTE SITE WEB RÉACTIFS S. LANQUETIN ENVIRONNEMENT Clavier (standard, mini, virtuel) Souris / doigt / stylet Rotation de l écran Performances CPU et GPU Capacité de stockage GPS Mobile/fixe

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

Extension de Perl les modules. LPRO ISVD Olivier FLAUZAC olivier.flauzac@univ-reims.fr

Extension de Perl les modules. LPRO ISVD Olivier FLAUZAC olivier.flauzac@univ-reims.fr Extension de Perl les modules LPRO ISVD Olivier FLAUZAC olivier.flauzac@univ-reims.fr 1 Modules Perl 2 Extension de perl Utilisation de modules Banque de modules : CPAN Installation de modules additionnels

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

É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

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

Logiciels de référencement

Logiciels de référencement Outils Logiciels de référencement Afin de contrôler la qualité de son référencement, d optimiser et d améliorer son positionnement, il peut être utile d utiliser des outils couvrant tout ou partie du référencement.

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

Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR

Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR V 1.0 mai 2013 Table des matières Introduction 3 Prérequis 3 Connexion au système

Plus en détail

Interfaces Homme/Machine et ergonomie d un site web

Interfaces Homme/Machine et ergonomie d un site web Interfaces Homme/Machine et ergonomie d un site web Apprendre à réaliser une interface Homme/Machine web en HTML 5 et CSS 3.0, à la structurer et à optimiser son ergonomie Retrouvez ce cours sur http://iut.e-concept-applications.fr

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

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

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

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

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

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

Petite histoire d Internet

Petite histoire d Internet À la base, Internet est défini par des ordinateurs qui sont reliés entre eux grâce à des câbles, du WiFi ou encore des satellites, créant ainsi un réseau à échelle mondiale. Les ordinateurs communiquent

Plus en détail

Vue d ensemble technique

Vue d ensemble technique DOCUMENTATION Vue d ensemble technique 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

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

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Olivier BOEBION 12/02/2004 1 Le point de départ 1.1 Et la lumière fut... A la fin des années 1980, Tim Berners-Lee travaillant

Plus en détail

Environnements de développement

Environnements de développement 4 Environnements de développement Au sommaire de ce chapitre UU Mettre en place un environnement de développement UU Environnement de production Contrairement au développement web de bureau, dans lequel

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

Copyright : Philippe STEINER Licence : GNU / GPL http://joomla.buldozer.fr

Copyright : Philippe STEINER Licence : GNU / GPL http://joomla.buldozer.fr Copyright : Philippe STEINER Licence : GNU / GPL http://joomla.buldozer.fr Table des matières I Introduction...3 Logiciels nécessaires :...3 Petit rappel...3 Les fichiers nécessaires au template...4 II

Plus en détail

Poste virtuel. Installation du client CITRIX RECEIVER

Poste virtuel. Installation du client CITRIX RECEIVER SITEL Poste virtuel Installation du client CITRIX RECEIVER DOCUMENTATION UTILISATEUR Service informatique et télématique E-mail: hotline.sitel@unine.ch Téléphone : +41 32 718 20 10 www.unine.ch/sitel Table

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

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

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

Gérer les formulaires

Gérer les formulaires 195 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel sur les formulaires Le formulaire est un outil de base indispensable pour les sites web dynamiques puisqu'il

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

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

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

INTRODUCTION CHAPITRE 1

INTRODUCTION CHAPITRE 1 CHAPITRE 1 INTRODUCTION Query, qu est-ce que c est?... 11 HTML, CSS, JavaScript, PHP : qui fait quoi?... 16 Un environnement de développement simple et gratuit... 19 Ce que vous allez apprendre... 20 9

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

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

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

Documentation technique

Documentation technique MEEVY Documentation technique Juillet 200 MEEVY a pour but de fournir aux artistes des outils pour promouvoir leur musique sur internet et proposer à l auditeur une plateforme de musique en ligne gratuite

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

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En pratique Pour réaliser ce TD vous avez besoin de :. Un navigateur web. Un client FTP ou une invite de commande Unix. Un éditeur de texte Pour le TD nous

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

Documentation Logiciel full-web DECLA Site internet de Déclaration en ligne de meublés et chambres d hôtes

Documentation Logiciel full-web DECLA Site internet de Déclaration en ligne de meublés et chambres d hôtes Documentation Logiciel full-web DECLA Site internet de Déclaration en ligne de meublés et chambres d hôtes Evencom 15/01/2013 Documentation Site Internet de Déclaration en ligne de meublés et de chambres

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

Repérage dans le support de cours. D3.js ~ Data Driven Document. Notes. Notes

Repérage dans le support de cours. D3.js ~ Data Driven Document. Notes. Notes Visualisation interactive de données sur le web Présentation Généralités Repérage dans le support de cours Sur les slides projetés, le numéro de page entre parenthèse correspond à celui de votre support

Plus en détail

Support de cours et mode d emploi pour le CMS WordPress

Support de cours et mode d emploi pour le CMS WordPress pour le CMS WordPress Retrouvez notre le plan de formation sur http:///formation- cms- wordpress- creer- et- administrer- un- site- web.html Agence de communication la couleur du Zèbre - Mise à jour Août

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

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

Extension Géoportail pour ez Publish

Extension Géoportail pour ez Publish Extension Géoportail pour ez Publish Aurélien FRANCES Institut Géographique National 2, Avenue Pasteur 94165 - Saint-Mande 15 décembre 2011 1 Présentation EZ Publish est un logiciel de gestion de contenu

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

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas...

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas... Introduction et HTML Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 Introduction Objectifs : Présentation des bases de la création de documents web par la découverte des

Plus en détail

Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer. M2 CDS2I - 4 février 2010

Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer. M2 CDS2I - 4 février 2010 1 / 24 Développement Web - Servlet Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer M2 CDS2I - 4 février 2010 2 / 24 Plan Plan 1 2 Le modèle MVC 3 Structure

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

Manuel d utilisation du site web de l ONRN

Manuel d utilisation du site web de l ONRN Manuel d utilisation du site web de l ONRN Introduction Le but premier de ce document est d expliquer comment contribuer sur le site ONRN. Le site ONRN est un site dont le contenu est géré par un outil

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

Projet DataCity. Documentation Utilisateur. Version 4

Projet DataCity. Documentation Utilisateur. Version 4 Projet DataCity Documentation Utilisateur Version 4 Cyril Moralès Marc Soufflet Lionel Hamsou Cédric Merouani Cyntia Marquis Ryan Legasal Guillaume de Jabrun morale_c souffl_m hamsou_l meroua_c marqui_c

Plus en détail

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

Projet en nouvelles technologies de l information et de la communication

Projet en nouvelles technologies de l information et de la communication Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima

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

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

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

Guide d utilisation. Version 1.1

Guide d utilisation. Version 1.1 Guide d utilisation Version 1.1 Guide d utilisation Version 1.1 OBJECTIF LUNE Inc. 2030 boulevard Pie-IX, bureau 500 Montréal (QC) Canada H1V 2C8 +1 514-875-5863 sales@ca.objectiflune.com http://captureonthego.objectiflune.com

Plus en détail

Modernisation des applications Mainframe. avec. WebSphere Host Access Transformation Services

Modernisation des applications Mainframe. avec. WebSphere Host Access Transformation Services Modernisation des applications Mainframe avec WebSphere Host Access Transformation Services Donald Calas dcalas@fr.ibm.com 2/25/2005 2005 IBM Corporation WebSphere Host Access Transformation Services (HATS)

Plus en détail

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1 + Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news agence moonseven www.moonseven.fr 1 + Un marché en pleine croissance 2 FOCUS Entre mars 2013 et mars 2014, le trafic

Plus en détail

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr Web HTML Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 1 Plan Fonc-onnement du web Le langage HTML 2 Web : Introduc;on Réseau : mise en commun de ressources (données, imprimantes, ) Internet : Interconnexion

Plus en détail

Créez et administrez vos sites Web

Créez et administrez vos sites Web Joomla! 3.3 Créez et administrez vos sites Web Didier MAZIER Table des matières.. 1 Chapitre 1 : Découvrir Joomla! A. Les raisons de créer un site sous Joomla!.. 9 B. Se documenter sur Joomla! 9 C. La

Plus en détail

Cahier de charges (Source : "Java EE - Guide de développement d'applications web en Java" par Jérôme Lafosse) Module. Site Web dynamique JSP / Servlet

Cahier de charges (Source : Java EE - Guide de développement d'applications web en Java par Jérôme Lafosse) Module. Site Web dynamique JSP / Servlet Cahier de charges (Source : "Java EE - Guide de développement d'applications web en Java" par Jérôme Lafosse) Module Site Web dynamique JSP / Servlet Sujet : betaboutique Soutenance le 04 / 01 /2013 &

Plus en détail

PLAN DE TEST POUR LA SOLUTION DE RÉSERVATION OPENTABLE

PLAN DE TEST POUR LA SOLUTION DE RÉSERVATION OPENTABLE PLAN DE TEST POUR LA SOLUTION DE RÉSERVATION OPENTABLE Merci d ajouter la solution de réservation OpenTable à votre site web! Veuillez compléter le plan de test suivant pour vous assurer que la fonction

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

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

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

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

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

Gestion des articles. L éditeur TinyMCE CHAPITRE 10

Gestion des articles. L éditeur TinyMCE CHAPITRE 10 CHAPITRE 10 Gestion des articles INFO Dans Joomla 1.5, les contenus rédactionnels sont hiérarchisés sur trois niveaux : les sections, qui englobent les catégories, qui elles-mêmes contiennent les articles.

Plus en détail

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail