Le XML et ses normes associées partie I
|
|
- Anaïs Lebeau
- il y a 8 ans
- Total affichages :
Transcription
1 Le XML et ses normes associées partie I TechnofuturTIC (formateur : Luc Libert, ULB) Exercice à distance Version complète (et plus complexe) Le but de l exercice est de mettre en pratique de manière concrète toutes les notions apprises au cours. Il consiste à réaliser à l aide d une seule feuille de style XSLT un site web complet de plusieurs dizaines de pages HTML, et ce à partir d un seul document XML. Adresses utiles : Luc.Libert@ulb.ac.be page 1/17
2 Introduction But de l exercice : réalisation d un site web d histologie Le but de cet exercice est de réaliser un site web de facture professionnelle qui va présenter une photothèque d images. La technologie XML et les feuilles de style XSLT sont particulièrement bien adaptées à ce type de sujet. Le format du document XML à manipuler est particulièrement simple et on arrive assez rapidement à un résultat tout à fait satisfaisant. Pour réaliser le site en question, on utilisera des images d ultrastructures animales et végétales qui proviennent du site web du laboratoire Biodic de l Université Libre de Bruxelles (Prof. Louis Devos) 1. L URL du site web actuel est la suivante : Le site actuel a été réalisé il y a plusieurs années par M. Eddy Therwinghen, à une époque où le langage XML et les techniques d interfaçage web/base de données étaient encore inexistants. C est pour cette raison qu il est constitué d une multitude de pages HTML, créées «manuellement» à l aide du logiciel Dreamwaever. Le site devant prochainement évoluer, il a été décidé de le remanier afin d intégrer les nouvelles technologies XML dans sa conception. Le nouveau site sera décrit dans un seul document XML qui, grâce à une feuille de style XSLT, va servir à générer l ensemble des pages HTML du nouveau site. Ce nouveau site existera, comme le site actuel, dans une version française et dans une version anglaise. L exercice est constitué en réalité de plusieurs exercices différents qui correspondent chacun à une étape particulière dans la création du site. Chaque étape sera l occasion d appréhender une difficulté ou une technique particulière. Environnement de développement Afin de décharger l étudiant du travail, parfois fort complexe, de créer sur sa machine un environnement de développement adéquat, une application dédiée a été créée sur un des serveurs web de l ULB. L adresse de cette application est la suivante : (lien «exercices à distance»). Son utilisation est des plus intuitive. Dans le cas de l exercice, elle permet de télécharger sur le serveur de l ULB la feuille de style écrite par l étudiant, de démarrer la transformation XSLT pour créer le site web, puis de visualiser celui-ci dans une fenêtre du navigateur. Toutes les petites difficultés inhérentes à ce processus sont prises en charge par l application. Une fois l exercice terminé, l étudiant aura tout intérêt à poursuivre celui-ci en essayant de se créer son propre environnement de développement sur son ordinateur. Quelques pistes pour ce faire seront données à la fin de ce document. L accès à l application est protégé par nom d utilisateur/mot de passe (essentiellement pour que chaque étudiant puisse travailler dans son propre environnement sans être gêné par les autres). Le nom d utilisateur 1 Notice légale d utilisation de ces images : Toutes les images de ce site sont des "oeuvres originales" protégées par des droits d'auteur. Elles sont la propriété exclusive de l'université Libre de Bruxelles. Le téléchargement des images est admis dans un contexte privé. Les images peuvent être utilisées gratuitement à des fins pédagogiques ou éducatives, à condition d'en mentionner la provenance et de nous informer de leur utilisation. Toute copie, utilisation ou reproduction dans un but commercial ou lucratif ou en vue d une "publication", quel qu'en soit le support (papier, page web, présentation) est soumise à l'accord préalable de l'auteur. Dans ce cas, veuillez contacter M. Louis Devos (ldevos@ulb.ac.be) préalablement à toute utilisation. Attention: l'auteur et les instances universitaires poursuivront toute utilisation nonautorisée des images de Biodic. page 2/17
3 est le même que celui utilisé lors du cours sur les ordinateurs de la salle («forma401», «forma402»). Le mot de passe initial est égal au nom d utilisateur. Lors de la première connexion, l application demande à l utilisateur de changer celui-ci. Analyse du document XML Avant toute chose, il faut prendre le temps d analyser longuement le document XML source. Celui-ci porte le nom de l exercice en cours suivi de l extension «.xml» (par exemple : exercice1.xml, exercice2.xml). Quel que soit l exercice, le document XML sera toujours le même. Une DTD est associée au document XML (elle s appelle du nom de l exercice suivi de l extension «.dtd». Par exemple : exercice1.dtd, exercice2.dtd). Pour bien comprendre la structure du document XML, il est toujours très utile d analyser sa DTD. Pour obtenir le document XML et la DTD, connectez-vous à l application ( lien «exercices à distance»), sélectionnez l exercice 1, puis cliquez sur les liens «récupérer le document XML» et «récupérer la DTD de validation». Dans le cas qui nous occupe, à savoir une photothèque d images, le document XML contient non seulement la définition de chaque image ainsi que sa description, mais également toutes les données nécessaires à son classement en différentes catégories (chaque catégorie sera présentée dans une page HTML distincte du site à construire). L élément principal s appelle <photothèque>. Celui-ci contient différents éléments <catégorie> (appelés ciaprès catégories de plus haut niveau). Chaque <catégorie> peut contenir des sous-catégories et des images. Les sous-catégories sont également représentées par des éléments <catégorie> (une sous-catégorie est une <catégorie> placée dans une autre <catégorie>). Les images sont représentées par des éléments <image>. Le squelette du document XML ressemble donc à ceci : <photothèque> <catégorie> <catégorie> <catégorie> <image></image> <image></image> <catégorie> <image></image> <image></image> <image></image> <image></image> </photothèque> Comme on le voit, la structure adoptée est très souple. On ne connait pas au départ le nombre de catégories existantes ainsi que leur organisation respective en différentes sous-catégories. On peut y ajouter autant de catégories et de sous-catégories que l on veut, en fonction des besoins rencontrés lors de l encodage. page 3/17
4 Les catégories Chaque catégorie est encodée avec un nom en français (élément <nom lang="fr">) et un nom en anglais (élément <nom lang="uk">). Remarque : on a préféré utiliser un attribut lang pour spécifier la langue plutôt que d utiliser des noms d éléments différents (par exemple <nom-fr> et <nom-uk>). Cela facilite le développement de la feuille de style pour la génération du site dans les différentes langues (dans le cas de noms d éléments différents, il aurait fallu dédoubler le code XSLT de la feuille de style). Le nom peut être suivi de mots-clés éventuels, également dans les deux langues. On aura, par exemple : <catégorie> <nom lang="fr">embryologie</nom> <nom lang="uk">embryology</nom> <mot-clé lang="fr">oursin</mot-clé> <mot-clé lang="uk">sea urchin</mot-clé> Un attribut «répertoire-images» existe dans certaines catégories pour indiquer le nom du sous-répertoire qui contient les images de la catégorie en question (ainsi que celles de ses sous-catégories, si celles-ci ne possèdent pas leur propre attribut «répertoire-images»). Toutes les explications sont données ci-après (voir : Emplacement des images). <catégorie répertoire-images="embryologie/amphib"> <nom lang="fr">amphibiens</nom> <nom lang="uk">amphibians</nom> Les images Chaque image (élément <image>) possède un nom scientifique en latin (élément <nom-latin>) suivi d un nom en français (élément <nom lang="fr">) et d un nom en anglais (élément <nom lang="uk">). Ces noms sont optionnels (car leur traduction n est pas connue dans tous les cas). Les éléments <image> possèdent des attributs «id» et «type» obligatoires. Ils vont permettre de reconstituer l URL des fichiers qui contiennent les images (comme expliqué ci-après). <image id="7125" type="jpg"> <nom-latin>abatus sp.</nom-latin> <nom lang="fr">sperme d'oursin</nom> <nom lang="uk">urchin spermatozoon</nom> <légende lang="fr"> <p>spermatozoïdes d'oursin à la surface de l'ovule; vue tangentielle.</p> </légende> </image> Chaque image peut être accompagnée d une légende en français et/ou en anglais (éléments <légende lang="fr"> et <légende lang="uk">). Chaque légende est constituée d un ou de plusieurs éléments <p> (paragraphes de texte). Les légendes sont optionnelles. Les images en question sont déjà stockées sur le site web, dans un répertoire «images» organisé en différents sous-répertoires (voir ci-après : Emplacement des images). Leur nom est donné par l attribut «id» suivi de l extension donnée par l attribut «type». Cela donnera pour l exemple précédent : «7125.jpg». Une version réduite (vignette ou «thumbnail») de l image existe également avec le même nom que l image grand format, mais précédé de «tn_». Cela donne, pour notre exemple : «tn_7125.jpg». page 4/17
5 Emplacement des images Les images ont déjà été placées dans un répertoire appelé «images» sur le site web. Elles sont réparties dans différents sous-répertoires qui correspondent aux différentes sous-catégories. C est l attribut «répertoire-images» des différents éléments <catégorie> qui va servir à mentionner le nom du sousrépertoire en question dans le document XML. Pour bien comprendre l organisation des images, connectez-vous à l application et sélectionnez un exercice. Ensuite, cliquez sur «voir le contenu du répertoire résultat» afin de naviguer dans le répertoire «images» et de visualiser concrètement la manière dont les images sont stockées. Comme on l a déjà mentionné, toutes les images existent en petit format (thumbnails ou vignettes) et en grand format. Le nom complet des fichiers contenant ces images sera construit par la feuille de style XSLT à l aide des attributs «répertoire-images» des éléments <catégorie> et des attributs «id» et «type» des éléments <image>. Dans l exemple suivant : <catégorie répertoire-images="embryologie/amphib"> <image id="7125" type="jpg"> <nom-latin>abatus sp.</nom-latin> <nom lang="fr">sperme d'oursin</nom> <nom lang="uk">urchin spermatozoon</nom> </image> L image en petit format sera donnée par l URL «images/embryologie/amphib/tn_7125.jpg» et l image en grand format sera donnée par «images/embryologie/amphib/7125.jpg». Si le document HTML généré par la feuille de style se trouve dans un sous-répertoire du site web, on utilisera des URL relatives pour remonter jusqu au répertoire «images», comme «../images/embryologie/amphib/tn_7125.jpg» et «../images/embryologie/amphib/7125.jpg». La feuille de style XSLT devra construire ces URL en concaténant à la chaîne de caractères «images/» (ou «../images/») la valeur de l attribut «répertoire-images», puis la chaîne de caractères «/» ou «/tn_» suivie de l attribut «id», de la chaîne de caractères «.» et finalement de la valeur de l attribut «type». Un niveau de difficulté supplémentaire réside dans le fait que toutes les catégories ne possèdent pas d attribut «répertoire-images», dans ce cas, il faut remonter dans les catégories «parents» jusqu à trouver la première de ces catégories qui possède cet attribut. Par exemple : <catégorie répertoire-images="zoologie/divers"> <nom lang="fr">zoologie</nom> <nom lang="uk">zoology</nom> <catégorie> <nom lang="fr">cnidaires</nom> <nom lang="uk">cnidaria</nom> <image id="cnidaire01" type="jpg"> <nom-latin>hydra viridis</nom-latin> <nom lang="fr">hydre d'eau douce</nom> </image> Dans cet exemple, la sous-catégorie «Cnidaires» ne possède pas d attribut «répertoire-images». Les images de celle-ci vont donc être placées dans le répertoire donné par l attribut «répertoire-images» de la catégorie immédiatement supérieure, c est-à-dire la catégorie «Zoologie». Les images seront donc données page 5/17
6 par les URL suivantes : «images/zoologie/divers/cnidaire01.jpg» et «images/zoologie/divers/tn_cnidaire01.jpg». page 6/17
7 Parseur XSLT utilisé Comme l exercice va consister à créer un site complet à partir d un seul document XML et d une seule feuille de style XSLT, il est nécessaire d utiliser un parseur XSLT qui puisse créer dynamiquement autant de pages HTML que l on désire. Dans la norme XSLT 1.0, cette possibilité n existe malheureusement pas, une feuille de style XSLT appliquée à un document XML ne peut fournir qu une seule page HTML en résultat (remarque : on n aura plus ce problème dans la version 2.0 du langage XSLT, car une commande supplémentaire <xsl:document> a été prévue dans le langage). La plupart des parseurs XSLT 1.0 ont donc développé une extension à la norme (une «commande» supplémentaire) afin d offrir cette possiblité en attendant la version 2.0. Dans le cas du parseur XT, cette extension est la commande <xt:document> (qui ne fonctionnera que si vous déclarez l espace de noms lié à ce parseur : xmlns:xsl=" Dans le cas du parseur Xalan, cette extension est la commande <redir:write> (qui ne fonctionnera que si vous déclarez l espace de nom lié à ce parseur : xmlns:redir=" Dans le cas du parseur SAXON, qui est le parseur que l on va utiliser, cette extension est la commande <saxon:output> (qui ne fonctionnera que si vous déclarez l espace de nom lié à ce parseur : xmlns:saxon=" Cette commande permet de créer un nouveau fichier résultat dont le nom est donné par l attribut href (ou file dans le cas de Xalan). Par défaut, le fichier mentionné par cet attribut sera créé dans le répertoire courant, mais l attribut href peut mentionner un nom de répertoire complet. Voici un exemple d une feuille de style utilisée pour créer avec le parseur SAXON un fichier HTML différent pour chaque catégorie de premier niveau (remarquez l utilisation d une expression Xpath entre accolades au sein de l attribut «href», qui va créer les noms de fichiers suivants : page1.html, page2.html, page3.html) : <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0" xmlns:xsl=" xmlns:saxon=" <xsl:output method="html"/> <xsl:template match="/"> <xsl:apply-templates select="photothèque/catégorie"/> </xsl:template> <xsl:template match="catégorie"> <saxon:output href="page{position()}.html"> <html> </html> </saxon:output> </xsl :template> </xsl:stylesheet> Pour une question de sécurité, le serveur SAXON a été bridé dans l application que vous allez utiliser (sinon, votre feuille de style pourrait «écraser» n importe quel fichier du serveur web de l ULB) : le répertoire mentionné dans l attribut «href» ne peut jamais être absolu et sera toujours relatif par rapport à la racine du site web (<saxon:output href="/test/page.html"> sera incorrect, par contre <saxon:output href="test/page.html"> sera accepté et le répertoire «test» automatiquement créé). Pour en savoir plus sur les autres extensions offertes par SAXON, consultez « Certaines de ces extensions sont des plus intéressantes. page 7/17
8 Exercice 1 : première feuille de style XSLT Le premier exercice consiste à développer une feuille de style XSLT pour générer une version rudimentaire du site. Un exemple du résultat à obtenir est visible dans l application. Pour visualiser cet exemple, connectez-vous à l application ( lien «exercices à distance»), sélectionnez le premier exercice et cliquez sur le lien «exemple de résultat à obtenir». L exercice consiste à créer la feuille de style pour essayer de reproduire cet exemple. Prenez donc le temps de bien analyser celui-ci (essayez de comprendre le code HTML qui a été généré, au besoin visualisez le code source à partir de votre navigateur). Dans cette première version, on ne s intéressera qu à la version française du site. La mise en page y sera volontairement réduite (on l améliorera au fur et à mesure des exercices). Il est vivement conseillé de déjà mettre en oeuvre des règles modèles différentes au sein de la feuille de style à réaliser (template rules). Quatre règles modèles devraient largement suffire. L ossature générale de la feuille de style à écrire sera la suivante (vous devez, bien sûr, remplacer les par du code XSLT et HTML que vous devez écrire) : <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="1.0 xmlns:xsl=" xmls:saxon=" <xsl:output method="html"/> <xsl:template match="/"> <ul> <xsl:apply-templates select="photothèque/catégorie"/> </ul> </xsl:template> <xsl:template match="catégorie"> <ul> <xsl:apply-templates select="catégorie"/> </ul> </xsl:template> <xsl:template match="image"> </xsl:template> <xsl:template match="p"> </xsl:template> </xsl:stylesheet> La première règle modèle (<xsl:template match="/">) va servir à construire le code HTML de la page principale du site. Cette page principale va être nommée automatiquement «index.html» par l application. Cette page principale va contenir un titre suivi d une liste à puces (balise <ul>) reprenant le nom de toutes les catégories de premier niveau. Le contenu placé entre les balises <ul> et </ul> de cette première page, à savoir un ensemble de balises <li> et </li> pour chaque catégorie de premier niveau, sera quant à lui créé par une commande <xsl:applytemplates select="photothèque/catégorie"/>. Cette commande va, pour chaque catégorie de premier niveau, appeler la deuxième règle modèle (<xsl:template match="catégorie">). page 8/17
9 La deuxième règle modèle sera responsable de la création d une paire de balises <li> et </li> contenant un lien hypertexte entourant le nom (en français) de la catégorie en question. Elle est également responsable de la création de la page HTML de cette catégorie, à l aide de la commande <saxon:output> que nous avons vue précédemment (voir Parseur XSLT utilisé). Cette page HTML liée à la catégorie va à son tour contenir une liste à puces qui va reprendre toutes les souscatégories éventuelles. Le contenu de cette liste à puces sera créé par une nouvelle commande <xsl:applytemplates select="catégorie"/>, comme le montre l ossature générale ci-dessus. La deuxième règle modèle va donc s appeler de manière récursive, tant qu une catégorie contient une ou plusieurs sous-catégories. Si des images sont présentes dans une des sous-catégories, la deuxième règle modèle devra également créer dans la page HTML un tableau (élément <table> en HTML) dont le contenu sera construit par une commande <xsl:apply-templates select="image"/>. Cette commande va avoir pour effet d exécuter la troisième règle modèle pour chaque élément <image> trouvé. Cette règle modèle va créer une ligne dans le tableau cité ci-dessus (élément <tr>), avec une cellule qui contient l image (éléments <td><img src=""></td>) en version réduite et une deuxième cellule qui va contenir le nom latin, le nom en français et les légendes françaises éventuelles. L image réduite devra être entourée d un lien hypertexte qui va renvoyer vers l URL de l image en grand format. Trucs & astuces pour réaliser cet exercice : Vous trouverez ci-après quelques recettes pour réaliser cet exercice plus facilement. Lisez-les attentivement avant de commencer. Un premier conseil qu on peut vous donner est d y aller progressivement. N essayez pas de construire l entièreté de votre feuille de style en une seule fois. Construisez-la pas à pas en testant au fur et à mesure vos différentes versions. Commencez, par exemple, par reproduire l exemple simple donné à la page 7. Pour tester une version de votre feuille de style, connectez-vous à l application et sélectionnez le premier exercice. Ensuite cliquez sur «charger une nouvelle feuille de style XSLT», puis sélectionnez et transférez votre fichier en cliquant sur «parcourir» (ou «browse») et «enregistrer». Attention : pour simplifier les choses, votre feuille de style doit toujours s appeler «exercice1.xsl». Si des erreurs sont présentes dans votre feuille de style (lorsque celle-ci n est pas bien formée ou «wellformed»), elles seront affichées à l écran (vous devez alors les corriger et retransférer une nouvelle version sans erreur). Ensuite, cliquez sur «démarrer la transformation XSLT». Si tout se passe bien, un message de confirmation apparaîtra en indiquant le nombre de pages HTML créées. Sinon la liste des erreurs rencontrées sera affichée (vous devez alors y remédier en corrigeant votre feuille de style, et la retransférer jusqu à ce que tout soit correct). Si plus aucune erreur ne subsiste, vous pouvez visualiser le site que vous venez de créer en cliquant sur «voir le résultat». Vous pouvez également parcourir les documents HTML et les répertoires créés, à l aide de «voir le contenu du répertoire résultat». Comment sélectionner le nom français? Chaque catégorie et chaque image possède un élément <nom> dont l attribut «lang» donne la langue du nom en question (<nom lang="fr"> ou <nom lang="uk">). Pour sélectionner le nom français, il faut utiliser un prédicat qui va imposer que «lang» soit égal à «fr», par exemple : page 9/17
10 <xsl:value-of = 'fr']"/> Comment créer le nom des pages HTML des catégories? Différentes techniques peuvent être utilisées. Une première manière de procéder est d utiliser une information du document XML pour créer le nom des pages HTML. On pourrait par exemple utiliser le nom en français des catégories («Embryologie», «Zoologie», «acariens») pour construire les noms de fichier «Embryologie.html», «Zoologie.html», «acariens.html» C est cette manière de procéder qui a été utilisée dans l exemple qui illustre le premier exercice (lien «exemple de résultat à obtenir»). Malheureusement, cela va poser des problèmes lorsque le nom contient des espaces (par exemple «Biologie animale») ou des accents («Aranéïdes»). En effet, le serveur web utilisé étant une machine Unix, il n est jamais conseillé de mettre des espaces et des accents dans un nom de fichier. Pour éviter ces problèmes, on peut faire appel à la fonction «translate()» de Xpath qui permet de remplacer certains caractères dans une chaîne de caractères par d autres caractères (remplacer une espace par un «_», par exemple). Cette fonction translate() utilise un premier paramètre qui est la chaîne de caractères à convertir, un deuxième qui est la liste des caractères à remplacer et un troisième paramètre qui sont les nouveaux caractères à utiliser. Pour remplacer dans le nom d une catégorie tous les espaces par des «_» et tous les e accentués par la lettre «e» sans accent, on peut écrire : <saxon:output href="{translate(nom[@lang = 'fr'], ' éèëê', '_eeee')}.html"> On ajoutera, bien entendu, à cette liste tous les autres caractères accentués qui peuvent poser problème (à, â, ù, û, ü, ï). Remarque : dans notre exemple de document XML, une dernière catégorie va encore poser problème, c est la catégorie : «Fécondation de l oursin» du fait de la présence de l apostrophe. Il faut donc également remplacer celle-ci par un autre caractère, par exemple un «_». La syntaxe pour effectuer cela est assez complexe (pour vous éviter des cauchemars, elle vous est donnée ci-après). On ne peut en effet pas utiliser l apostrophe telle quelle dans la liste des caractères à remplacer de la fonction translate, car celle-ci utilise déjà des apostrophes. La solution consiste donc à remplacer les apostrophes de la fonction translate par des «"» qui rappelez-vous, est une entité de caractère XML qui représente un guillemet (on ne peut pas utiliser un guillemet tel quel, car l attribut «href» en utilise déjà). Ces «"» seront traités comme des guillemets par la fonction, et donc entre ces guillemets on peut placer l apostrophe à remplacer. Voici la syntaxe : <saxon:output href="{translate(nom[@lang = 'fr'], " 'éèëê", ' eeee')}.html"> Ou encore : <saxon:output href="{translate(nom[@lang = 'fr'], " 'éèëê", " eeee")}.html"> Bonne chance pour comprendre cette syntaxe. Une deuxième manière de procéder est de numéroter les pages de manière séquentielle comme on l a déjà mentionné plus haut (cette deuxième manière a été utilisée dans l exemple du deuxième exercice). Par exemple : <saxon:output href="cat_{position()}.html"> </saxon:output> page 10/17
11 Dans cet exemple, les pages vont être nommées cat_1.html, cat_2.html, cat_3.html Cela ne pose pas de problème tant qu on se consacre aux catégories de plus haut niveau. Par contre, dès qu on va traiter les sous-catégories, les noms de celles-ci vont entrer en conflit (la première sous-catégorie va s appeler également cat_1.html et va effacer la page HTML de la première catégorie de plus haut niveau). Il faudra donc ajouter de l information supplémentaire dans ces noms de fichiers (par exemple numéroter toutes les imbrications des catégories les unes dans les autres). On pourrait, par exemple, nommer les sous-catégories de la première catégorie cat_1_1.html, cat_1_2.html, cat_1_3.html Et si la deuxième sous-catégorie contient elle-même des sous-catégories, les nommer : cat_1_2_1.html, cat_1_2_2.html, cat_1_2_3.html Pour réaliser cela, la manière la plus simple est d utiliser des paramètres (<xsl:param> et <xsl:with-param>) qui vont maintenir un identificateur pour la catégorie qu on est en train de traiter (par exemple, pour les catégories de premier niveau, «_1» pour la première sous-catégorie, «_2» pour la deuxième, etc.). Il suffira alors d utiliser cet identificateur pour créer le nom des pages en question. Par exemple, si cet identificateur se trouve dans le paramètre «$catid» : <saxon:output href="cat{$catid}_{position()}.html"> </saxon:output> Comment afficher la petite image? Le nom du fichier de la petite image est donné par la chaîne de caractères «tn_» suivi de la valeur de l attribut «id» de l image, suivi d un point et de la valeur de l attribut «type» («gif» ou «jpg»). Pour construire ce nom au sein de l attribut «src» d une balise HTML <img>, on peut utiliser des expressions Xpath entre accolades. Par exemple : <img src="tn_{@id}.{@type}"/> Cela ne marchera que si l image est placée dans le même répertoire que le document HTML à créer. Si l image n est pas dans le même répertoire, ce qui est le cas ici, il faut encore générer dans cet attribut src le nom du répertoire qui contient l image. Ce dernier est donné par le premier attribut répertoire-images rencontré dans les éléments <catégorie> qui contiennent l élément <image> (toutes les explications ont déjà été données, voir Emplacement des images). Ces éléments sont donnés par «ancestor::catégorie[@répertoire-images]» (le prédicat entre les crochets est nécessaire pour ne garder que les éléments qui possèdent cet attribut). Si plusieurs de ces éléments contiennent cet attribut, il faudra prendre le premier de ceux-ci (le plus proche du noeud courant). Cela se résoudra en utilisant un deuxième prédicat «[1]». On utilisera donc pour créer cette image la construction suivante : <img src="{ancestor::catégorie[@répertoire-images][1]/@répertoire-images}/tn_{@id}.{@type}"/> Essayez de bien comprendre ce qui se passe : la première étape (ancestor::catégorie) sélectionne tous les éléments <catégorie> trouvés parmi les ancêtres. Le premier prédicat ([@répertoire-images]) va filtrer pour ne garder que ceux qui possèdent un attribut répertoire-images. Le deuxième prédicat ([1]) va filtrer pour ne garder que le premier de ceux-ci (dans l ordre inverse du document, car l axe ancestor:: est un axe arrière). Finalement la dernière étape (/@répertoire-images) sélectionnera le contenu de cet attribut. Comment rendre la petite image cliquable pour faire apparaître la grande image? Pour cela, il suffit d entourer la balise <img src=""/> d un lien hypertexte qui renvoit vers l URL de la grande image : <a href=""><img src="" border="0"/></a> page 11/17
12 En ayant pris soin d ajouter border="0" dans la balise <img>, sinon un bord bleu disgracieux apparaîtra. L URL de la grande image se construit de la même manière que celle de la petite image. Exercice 2 Le deuxième exercice est une évolution du précédent. Pour visualiser le résultat attendu, sélectionnez le deuxième exercice (cliquez sur «changer d exercice» ou reconnectez-vous), puis cliquez sur le lien «exemple de résultat à obtenir». Cette fois-ci, on va générer le site dans ses deux versions : la version française et la version anglaise. La première page sera chargée d aiguiller l internaute vers l une des deux versions. Faites également en sorte que les images en grand format ne soient plus directement affichées via leur URL comme dans l exemple précédent, mais affichées dans une page HTML qui va centrer l image au milieu du navigateur et ajouter au-dessus un titre et en-dessous les légendes des images (éléments <légende>). Placez ces documents HTML dans un répertoire particulier, propre à chaque catégorie (prenez exemple sur l exemple que vous obtenez en cliquant sur «exemple de résultat à obtenir»). Si vous faites les choses correctement, votre site devrait contenir 141 pages HTML. Trucs & astuces : Utilisez des répertoires séparés pour les langues Il est beaucoup plus facile de concevoir votre site en utilisant des répertoires séparés pour chacune des langues. Utilisez comme nom de répertoire les valeurs possibles de l attribut «lang», à savoir : «fr» ou «uk». Vous pouvez alors commencer votre feuille de style par les règles modèles suivantes, où un paramètre «lang» est transmis de règle en règle contenant l identificateur («fr» ou «uk») de la langue que vous êtes en train de traiter : <xsl:template match="/"> <html> <body> <h1>biodic - Université Libre de Bruxelles</h1> <ul> <li><a href="fr/index.html">français</a></li> <li><a href="uk/index.html">english</a></li> </ul> <saxon:output href="fr/index.html"> <xsl:apply-templates select="photothèque"> <xsl:with-param name="lang" select="'fr'"/> </xsl:apply-templates> </saxon:output> <saxon:output href="uk/index.html"> <xsl:apply-templates select="photothèque"> <xsl:with-param name="lang" select="'uk'"/> </xsl:apply-templates> </saxon:output> </body> </html> </xsl:template> <xsl:template match="photothèque"> <xsl:param name="lang"/> <ul> <xsl:apply-templates select="catégorie"> <xsl:with-param name="lang" select="$lang"/> </xsl:apply-templates> </ul> </xsl:template> <xsl:template match="catégorie"> <xsl:param name="lang"/> page 12/17
13 <xsl:param name="catid"/> <saxon:output href="{$lang}/cat{$catid}_{position()}.html"> </saxon:output> </xsl :template> Exercice 3 Le troisième exercice consiste à ajouter tous les liens hypertextes de navigation dans le site web : «page d accueil» dans toutes les pages françaises, «home» dans toutes les pages anglaises ; «english version» dans toutes les pages françaises, «version française» dans toutes les pages anglaises ; «retour à la catégorie» dans les pages des images en version française, «back to category» dans les pages des images en version anglaise ; «image précédente» et «image suivante» dans les pages des images en version française, «previous picture» et «next picture» dans les pages des images en version anglaise ; «catégorie précédente» et «catégorie suivante» dans les pages des catégories en version française, «previous category» et «next category» dans les pages des catégories en version anglaise ; «catégorie parent» et «parent category» pour les sous-catégories. Dans ces liens, n oubliez pas que la dernière image ou la dernière catégorie ne possèdent pas de «xxx suivant» ; de même, la première image ou la première catégorie ne possèdent pas de «xxx précédent». Remarque : vous pouvez également compliquer cet exercice en ne liant pas uniquement les sous-catégories appartenant à une même catégorie, mais en liant toutes les sous-catégories entre elles (de sorte que, en partant de la première et en cliquant sur «catégorie suivante» à chaque fois, on parcourt l ensemble du site web). Attention : suivant la manière dont vous avez nommé les pages HTML de vos catégories, cela peut devenir très compliqué, car il vous faudra pour chacune des catégories retrouver le nom de sa page HTML. Si vous avez utilisé la première méthode discutée dans l exercice 1 (en utilisant le nom de la catégorie), pas de problème : vous n aurez aucun problème à retrouver le nom de la page HTML correspondante. Par contre, si vous avez utilisé la deuxième méthode, en numérotant les catégories, il vous faudra user d ingéniosité pour retrouver ce nom. Pensez à la fonction «count()». Par exemple, «count(precedingsibling::catégorie)+1» permet de retrouver l indice d une catégorie en comptant le nombre de catégories qui la précèdent. Trucs & astuces : Générez la bonne langue Le code XSLT étant commun aux deux langues, il faudra chipoter pour générer le libellé d un lien hypertexte dans la bonne langue. Pensez à l instruction conditionnelle <xsl:choose> et au fait qu elle peut se placer sans problème au sein même du lien : <a href=""> <xsl:choose> <xsl:when test="$lang='uk'">next picture</xsl:when> <xsl:otherwise>image suivante</xsl:otherwise> </xsl:choose> page 13/17
14 </a> Pensez aux axes de recherche Les liens du type «xxx suivant» et «xxx précédent» se réalisent souvent simplement en utilisant l axe de recherche adéquat (pensez aux «following::», «following-sibling::», ) ou en testant la position de contexte. page 14/17
15 Exercice 4 L ossature générale du site est en place. On peut maintenant y apporter certains raffinements. Par exemple, essayez de mettre dans chaque catégorie non plus les petites images les unes en-dessous des autres, mais de les regrouper par 3 sur une même ligne (avec cette fois-ci, le nom des images en-dessous de celles-ci). Connectez-vous à l application sous l exercice 4 pour bien comprendre. Trucs & astuces : Pensez à l opérateur «mod» qui donne le reste d une division entière. Si vous introduisez, par exemple, «image[position() mod 3 = 1]» dans le motif d une règle modèle, celle-ci ne sera appelée que pour la première image, la quatrième image, la septième image. bref toutes les images qui commencent une nouvelle ligne. Il suffira alors dans cette règle modèle de créer la ligne dans la table (balises <tr> et </tr>), puis de créer le contenu de cette ligne en exécutant une autre règle modèle pour l image courante, la suivante et encore la suivante. Cette dernière règle créant une cellule différente (balises <td> et </td>) pour chaque image. Pensez à utiliser l attribut «mode» dans les commandes <xsl:apply-templates> et <xsl:template>. Exercice 5 Le moment est venu de rendre le design du site un peu plus attractif. Laissez libre cours à votre imagination. L idéal pour ceux qui connaissent, est d utiliser une feuille de style CSS. Ici, aucune difficulté particulière n est liée à XML et XSLT. Les seules difficultés que vous pouvez rencontrer sont liées à la mise en page HTML (et CSS) que vous désirez réaliser. Conseil : placez votre feuille de style CSS et vos images éventuelles dans le répertoire «design» qui est créé au même niveau que le répertoire «images». Ce répertoire en effet n est pas effacé à chaque fois que vous regénérez votre site (contrairement aux autres répertoires). page 15/17
16 Exercice 6 Le dernier exercice consiste à générer un index reprenant par ordre alphabétique toutes les catégories et tous les mots-clés. Comme pour les autres exercices, connectez-vous à l application, sélectionnez le sixième exercice (cliquez sur «changer d exercice» ou reconnectez-vous), et cliquez ensuite sur le lien «exemple de résultat à obtenir» pour voir un exemple de ce qui est attendu. La page d index que vous devez créer est visible en cliquant sur le lien «index» qui apparaît dans toutes les pages, sauf dans la première. Trucs & astuces : Pour arriver à ce résultat, vous avez besoin de parcourir (de «boucler») toutes les lettres de l alphabet. Une façon pratique de faire est d appeler une règle modèle via une instruction <xsl:call-template> en passant en paramètre la liste de toutes les lettres possibles. La règle modèle appelée va traiter la première lettre de cette liste, puis va s appeler de manière récursive en passant en paramètre la liste des lettres qu elle a reçue, sauf la première. Basez-vous sur le code suivant : <xsl:call-template name="keyword"> <xsl:with-param name="letters" select="'abcdefghijklmnopqrstuvwxyz'"/> <xsl:with-param name="lang" select="$lang"/> </xsl:call-template> <xsl:template name="keyword"> <xsl:param name="lang"/> <xsl:param name="letters"/> <xsl:variable name="letter" select="substring($letters,1,1)"/> effectuez ici le traitement de la lettre donnée par la variable $letter <xsl:if test="substring($letters,2)!=''"> <xsl:call-template name="keyword"> <xsl:with-param name="letters" select="substring($letters,2)"/> <xsl:with-param name="lang" select="$lang"/> </xsl:call-template> </xsl:if> </xsl:template> Même remarque que dans l exercice 3 : suivant la manière dont vous avez nommé les pages HTML de vos catégories, cela peut devenir très compliqué, car il vous faudra pour chacune des catégories retrouver le nom de sa page HTML. Si vous avez utilisé la première méthode discutée dans l exercice 1 (en utilisant le nom de la catégorie), pas de problème : vous n aurez aucun problème à retrouver le nom de la page HTML correspondante. Par contre, si vous avez utilisé la deuxième méthode, en numérotant les catégories, il vous faudra user d ingéniosité pour retrouver ce nom. Pensez à la fonction «count()». Par exemple, «count(precedingsibling::catégorie)+1» permet de retrouver l indice d une catégorie en comptant le nombre de catégories qui la précèdent. page 16/17
17 Installer votre propre parseur Le plus simple à utiliser est le parseur XT ( Il s utilise en ligne de commande DOS de la manière suivante (pour autant que la machine virtuelle Java de Microsoft soit correctement installée) : C:>xt nom-du-document-xml nom-de-la-feuille-de-style nom-du-fichier-résultat Ce parseur fonctionne parfaitement, malheureusement son concepteur ne l a plus fait évoluer depuis longtemps (inutile d attendre la version 2.0 de XT). Un autre parseur tout aussi simple est le parseur développé par Altova, AltovaXML 2006., disponible à l adresse de suivante : Sinon, vous pouvez installer les parseurs Java suivants : Saxon : Xalan : page 17/17
XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition)
Présentation du langage XML 1. De SGML à XML 17 2. Les bases de XML 18 2.1 Rappel sur HTML 18 2.2 Votre premier document XML 19 2.3 Les avantages de XML 21 3. La syntaxe XML 21 3.1 La première ligne du
Plus en détailBien architecturer une application REST
Olivier Gutknecht Bien architecturer une application REST Avec la contribution de Jean Zundel Ce livre traite exactement du sujet suivant : comment faire pour que les services web et les programmes qui
Plus en détailCRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Plus en détail1. Installation du Module
1 sur 10 Mise en place du Module Magento V 1.5.7 1. Installation du Module Vous pouvez installer le module de deux façons différentes, en passant par Magento Connect, ou directement via les fichiers de
Plus en détailRapports d activités et financiers par Internet. Manuel Utilisateur
Rapports d activités et financiers par Internet Manuel Utilisateur Table des matières 1. Introduction... 3 2. Pré requis... 3 3. Principe de fonctionnement... 3 4. Connexion au site Internet... 4 5. Remplir
Plus en détailCréer un site Internet dynamique
Créer un site Internet dynamique avec SPIP (version 3) Document de référence Denise St-Pierre animatrice au service local du Récit 1. Qu est-ce que SPIP?... 3 2. Caractéristiques de SPIP... 3 3. Quelques
Plus en détailIntroduction 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étailEXCEL TUTORIEL 2012/2013
EXCEL TUTORIEL 2012/2013 Excel est un tableur, c est-à-dire un logiciel de gestion de tableaux. Il permet de réaliser des calculs avec des valeurs numériques, mais aussi avec des dates et des textes. Ainsi
Plus en détail145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Plus en détailLangage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
Plus en détailMANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005
MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par
Plus en détailHTML. 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étailMAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA
MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA OBJECTIFS : manipuler les fenêtres et l environnement Windows, gérer ses fichiers et dossiers, lancer les applications bureautiques présentes sur son poste. PUBLIC
Plus en détailHMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP
IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,
Plus en détailInscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox
Tutoriel PrestaBox n 3 Catégorie : Référencement Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox Pour vous aider dans la mise en place et la gestion de
Plus en détailPHP CLÉS EN MAIN. 76 scripts efficaces pour enrichir vos sites web. par William Steinmetz et Brian Ward
PHP CLÉS EN MAIN 76 scripts efficaces pour enrichir vos sites web par William Steinmetz et Brian Ward TABLE DES MATIÈRES INTRODUCTION 1 1 TOUT CE QUE VOUS AVEZ TOUJOURS VOULU SAVOIR SUR LES SCRIPTS PHP
Plus en détailPublier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
Plus en détailGestion 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étailComment bien référencer mes sites internet? Les 100 SECRETS EN VIDÉO
Comment bien référencer mes sites internet? Les 100 SECRETS EN VIDÉO éditions Page 2/14 A propos de l auteur... Souvent défini comme «sérial-créateur», Jean-Marie PÉRON est à l origine depuis 1992 d entreprises
Plus en détailUn mini-site internet en une après-midi
Prérequis Posséder un ordinateur équipé d un logiciel pour écrire des fichiers texte simples, (SimpleText, BlocNotes, etc...), d un logiciel de Navigation Internet (InternetExplorer, Netscape, Mozilla,
Plus en détailIntroduction à Microsoft InfoPath 2010
Introduction à Microsoft InfoPath 2010 Couplé à Microsoft SharePoint Designer 2010, InfoPath 2010 simplifie la création de solutions de bout en bout sur SharePoint Server 2010, qui contiennent des formulaires
Plus en détailMes citations. Guide Google Scholar
Guide Google Scholar Mes citations http://www.bibl.ulaval.ca/aide-a-la-recherche/formations-et-tutoriels/guide-google-scholar Pour visualiser à quoi ressemble un profil «Mes citations» dans Google Scholar,
Plus en détailBase de Connaissances SiteAudit. Utiliser les Rapports Planifiés. Sommaire des Fonctionnalités. Les Nouveautés
Base de Connaissances SiteAudit Utiliser les Rapports Planifiés Avril 2010 Dans cet article: Sommaire des fonctionnalités Les nouveautés Planifier des rapports SiteAudit 4.0 fournit une nouvelle interface
Plus en détailSpip 2. Premiers pas pour créer son site web. Anne-Laure Quatravaux Dominique Quatravaux. Avec la contribution de Sandrine Burriel
Anne-Laure Quatravaux Dominique Quatravaux Spip 2 Premiers pas pour créer son site web Avec la contribution de Sandrine Burriel Groupe Eyrolles, 2009, ISBN : 978-2-212-12502-3 Pourquoi choisir Spip? Vous
Plus en détailLANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
Plus en détailRéaliser des achats en ligne
2 décembre 2013 p 1 Réaliser des achats en ligne La période de Noël approche. Vous avez peut-être envie d effectuer des achats sur internet, mais vous n osez pas, de peur qu on vous vole vos informations
Plus en détailOptimiser 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étailOptimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
Plus en détailContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
Plus en détailOrganiser le disque dur Dossiers Fichiers
Ce document contient des éléments empruntés aux pages d aide de Microsoft Organiser le disque dur Dossiers Fichiers Généralités La connaissance de la logique d organisation des données sur le disque dur
Plus en détail(Mis à jour : 7 déc. 12)
(Mis à jour : 7 déc. ) TABLE DES MATIÈRES. Étapes d une inscription en ligne (IEL)... 3. Page d accueil / Choisir le réseau... 4 3. Choix du tournoi... 5 4. Détails et tarifs d un tournoi... 6 5. Informations
Plus en détailGUIDE DE DÉMARRAGE. SitagriPro Infinite FINANCEAGRI. Un service. c o r p o r a t e
GUIDE DE DÉMARRAGE SitagriPro Infinite Un service FINANCEAGRI c o r p o r a t e SOMMAIRE ÉTAPE 1 : Installation... p.3 1. Introduction 2. Connexion à SitagriPro Infinite ÉTAPE 2 : Identification... p.5
Plus en détailINTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailGUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL
GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL 1. Avant de commencer Il existe plusieurs éditeurs de pages Web qui vous permettent de construire un site Web. Nous vous conseillons toutefois de
Plus en détailTIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
Plus en détailAkemail Documentation
Akemail Documentation Version 1.0.0 l équipe d Akemail 07 July 2015 Table des matières 1 Documentation générale d Akemail 3 1.1 Démarrer avec Akemail......................................... 3 1.2 Gérer
Plus en détailSoyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Plus en détailMANUEL D UTILISATION DE LA SALLE DES MARCHES APPEL D OFFRES OUVERT ACCES ENTREPRISES. Version 8.2
MANUEL D UTILISATION DE LA SALLE DES MARCHES APPEL D OFFRES OUVERT ACCES ENTREPRISES Version 8.2 Vous allez utiliser les services en ligne de la plate forme de dématérialisation de la Salle des Marchés
Plus en détailManuel utilisateur Portail SAP
Manuel utilisateur Portail SAP Procédures demande d achats Manuel Utilisateur SmileySup - Portail SAP v1.0 1/31 1. Table des matières 1. Table des matières... 2 2. Introduction... 3 3. Vue processus...
Plus en détailIntroduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Plus en détailV 8.2. Vous allez utiliser les services en ligne de la plate forme de dématérialisation de la Salle des Marchés achatpublic.com.
MANUEL D UTILISATION DE LA SALLE DES MARCHES ACCES ENTREPRISES V 8.2 APPEL D OFFRES RESTREINT Vous allez utiliser les services en ligne de la plate forme de dématérialisation de la Salle des Marchés achatpublic.com.
Plus en détailLes Ateliers Numériques 2013. 26 avril 2013 - Alboussière
Les Ateliers Numériques 2013 26 avril 2013 - Alboussière Atelier : Les outils Google pour améliorer mon référencement Atelier : Les outils Google pour améliorer mon référencement Tour de table Et vous,
Plus en détailProgrammation 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étail14.1. Paiements et achats en ligne
Chapitre 14 Sécurité et Internet Si Internet vous permet de vous connecter et d accéder à des services et des sites du monde entier, il est important aussi de comprendre qu une fois connecté au Web votre
Plus en détailTable des Matières. Pages 3-4. A propos d emblue. Page 5. L environnement emblue. Création d une campagne d e-mail marketing. Pages 6-15.
MODE D EMPLOI Table des Matières Pages 3-4 A propos d emblue Page 5 L environnement emblue Pages 6-15 Création d une campagne d e-mail marketing Pages 16-17 Liste de contacts Pages 18-20 Résultats des
Plus en détailGérer vos codes d accès au Portail Saphir
Gérer vos codes d accès au Portail Saphir Comment recevoir mes codes agence ou/et mes codes agent? Comment ajouter, modifier ou supprimer des agents? Précision importante : - les codes agence servent uniquement
Plus en détailINTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
Plus en détailGestion du parc informatique matériel et logiciel de l Ensicaen. Rapport de projet. Spécialité Informatique 2 e année. SAKHI Taoufik SIFAOUI Mohammed
6, bd maréchal Juin F-14050 Caen cedex 4 Spécialité Informatique 2 e année Rapport de projet Gestion du parc informatique matériel et logiciel de l Ensicaen SAKHI Taoufik SIFAOUI Mohammed Suivi ENSICAEN
Plus en détailPLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public
SPIP est une interface en ligne gratuite permettant de créer des sites collaboratifs de façon suffisament simple pour que les élèves puissent publier leur propres articles. Il permet aussi d'héberger son
Plus en détailFiche n 2 : Créer une activité (avec ressource associée)
Fiche n 2 : Créer une activité (avec ressource associée) Sur la page d accueil, cliquez sur «Créer ou gérer mes activités». Une fenêtre va s ouvrir pour vous permettre de créer une nouvelle activité. Renseignez
Plus en détailXML, PMML, SOAP. Rapport. EPITA SCIA Promo 2004 16 janvier 2003. Julien Lemoine Alexandre Thibault Nicolas Wiest-Million
XML, PMML, SOAP Rapport EPITA SCIA Promo 2004 16 janvier 2003 Julien Lemoine Alexandre Thibault Nicolas Wiest-Million i TABLE DES MATIÈRES Table des matières 1 XML 1 1.1 Présentation de XML.................................
Plus en détailNetstorage et Netdrive pour accéder à ses données par Internet
Netstorage permet à tout utilisateur d'accéder à son compte ainsi que télécharger ses fichiers depuis l extérieur du Cegep. On peut accéder à cette passerelle de trois façons différentes : Méthode 1 :
Plus en détailTUTORIAL REUTERS. Utilisation de l'utilitaire de recherche Reuters
TUTORIAL REUTERS Connexion à Reuters Allez sur https://portal.hpd.global.reuters.com/auth/login.aspx Le login est reut@ensimag.imag.fr, =1 à 5, le et le mot de passe étant ceux qui vous ont été
Plus en détailPublier un Carnet Blanc
Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,
Plus en détailINTRODUCTION à Microsoft Dynamics CRM 2013 FR80501
INTRODUCTION à Microsoft Dynamics CRM 2013 FR80501 Durée : 1 jour A propos de ce cours Ce cours d un jour mené par un formateur constitue une introduction à Microsoft Dynamics CRM 2013. Le cours se concentre
Plus en détailComment consulter la Photothèque de Paris 1
Comment consulter la Photothèque de Paris 1 L Université Paris 1 Panthéon-Sorbonne met à votre disposition une nouvelle banque d images en ligne. Le fonds de cette photothèque est constitué d images patrimoniales
Plus en détailThierry BOULANGER. par la pratique. Bases indispensables Concepts et cas pratiques XML. 3 ième édition. Nouvelle édition
XML par la pratique Bases indispensables Concepts et cas pratiques 3 ième édition Nouvelle édition Thierry BOULANGER Table des matières 1 Les éléments à télécharger sont disponibles à l'adresse suivante
Plus en détailRÉALISATION D UN SITE DE RENCONTRE
RÉALISATION D UN SITE DE RENCONTRE Par Mathieu COUPE, Charlène DOUDOU et Stéphanie RANDRIANARIMANA Sous la coordination des professeurs d ISN du lycée Aristide Briand : Jérôme CANTALOUBE, Laurent BERNARD
Plus en détailSEO On-page. Avez-vous mis toutes les chances de votre côté pour le référencement de votre site?
SEO On-page Avez-vous mis toutes les chances de votre côté pour le référencement de votre site? I. Introduction... p.2 II. Optimisation on-page vs off-page... p.3 III. Les éléments importants de vos pages...
Plus en détailFOIRE AUX QUESTIONS PAIEMENT PAR INTERNET. Nom de fichier : Monetico_Paiement_Foire_aux_Questions_v1.7 Numéro de version : 1.7 Date : 2014-05-29
FOIRE AUX QUESTIONS PAIEMENT PAR INTERNET Nom de fichier : Monetico_Paiement_Foire_aux_Questions_v1.7 Numéro de version : 1.7 Date : 2014-05-29 FOIRE AUX QUESTIONS Confidentiel Titre du document : Monetico
Plus en détailGuide Reseller Onbile
Guide Reseller Onbile Cher Revendeur, Avez-vous un doute en ce qui concerne le fonctionnement du Panneau d Administration du Plan Reseller de Onbile? Le guide Reseller Onbile est ce dont vous avez besoin!
Plus en détailManuel de KNetAttach. Orville Bennett Traduction française : Pierre Hécart Relecture de la documentation française : Ludovic Grossard
Orville Bennett Traduction française : Pierre Hécart Relecture de la documentation française : Ludovic Grossard 2 Table des matières 1 Introduction 5 2 Utilisation de KNetAttach 6 2.1 Ajouter des dossier
Plus en détailMagento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
Plus en détailCOMMENT CRÉER UN «DOODLE»?
COMMENT CRÉER UN «DOODLE»? Pour arriver à trouver LA date qui convient le mieux à de nombreuses personnes (pour une réunion, une sortie, etc.) rien de tel que l outil «Doodle»! Il vous permettra d éviter
Plus en détailTenrox. Guide d intégration Tenrox-Salesforce. Janvier 2012. 2012 Tenrox. Tous droits réservés.
Tenrox Guide d intégration Tenrox-Salesforce Janvier 2012 2012 Tenrox. Tous droits réservés. À propos de ce guide Le présent guide décrit les procédures nécessaires pour configurer les paramètres d intégration
Plus en détailTP1 - Prise en main de l environnement Unix.
Mise à niveau UNIX Licence Bio-informatique TP1 - Prise en main de l environnement Unix. Les sujets de TP sont disponibles à l adresse http://www.pps.jussieu.fr/~tasson/enseignement/bioinfo/ Les documents
Plus en détail7.0 Guide de la solution Portable sans fil
7.0 Guide de la solution Portable sans fil Copyright 2010 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur
Plus en détailCRÉER UN COURS EN LIGNE
Anne DELABY CRÉER UN COURS EN LIGNE Deuxième édition, 2006, 2008 ISBN : 978-2-212-54153-3 2 Que recouvre le concept d interactivité? Dans une perspective de cours en ligne, une activité interactive est
Plus en détailDevenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
Plus en détailManuel d utilisation 26 juin 2011. 1 Tâche à effectuer : écrire un algorithme 2
éducalgo Manuel d utilisation 26 juin 2011 Table des matières 1 Tâche à effectuer : écrire un algorithme 2 2 Comment écrire un algorithme? 3 2.1 Avec quoi écrit-on? Avec les boutons d écriture........
Plus en détailCREER SA RADIO Premiers pas
Page 1 CREER SA RADIO Premiers pas Vous trouverez dans ce document les premières étapes à suivre afin d entrer dans le monde de Radionomy. 1. Pré-requis Pour pouvoir utiliser le service Radionomy, vous
Plus en détailKompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
Plus en détailProcédure pas à pas de découverte de l offre. Service Cloud Cloudwatt
Procédure pas à pas de découverte de l offre Service Cloud Cloudwatt Manuel Utilisateur 03/07/2014 Cloudwatt - Reproduction et communication sont interdites sans autorisation 1/45 Contenu 1. Introduction...
Plus en détailTP 5 Les CMS, la forme et le fond Internet et Outils (IO2)
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,
Plus en détailTrois nouveaux formulaires sont donc nécessaires : Pour l affichage de la liste, un formulaire de sortie WEB_Liste associé à la table des [Films] ;
De la base 4D au site Web 20 Conception des formulaires Web Trois nouveaux formulaires sont donc nécessaires : Pour le dialogue, un formulaire WEB_Trouver associé à la table des [Paramètres] ; Pour l affichage
Plus en détailSélection d un moteur de recherche pour intranet : Les sept points à prendre en compte
Sélection d un moteur de recherche pour intranet : Les sept points à prendre en compte 1Les bases : vos objectifs 2 Sélection d un moteur de recherche pour intranet : Les sept points à prendre en compte
Plus en détailUtiliser un tableau de données
Utiliser un tableau de données OBJECTIFS : - Définir une Base de Données. - Présentation : tableau de données. - Création d un tableau de données - Gestion d un tableau de données. - Trier et Filtrer des
Plus en détailSolidWorks edrawings et publications
SolidWorks edrawings et publications Ce tutorial a pour but de vous expliquer ce qu est edrawings et ce que ce format de fichier peut vous rendre comme services, puis de vous expliquer les différentes
Plus en détailPartie publique / Partie privée. Site statique site dynamique. Base de données.
Partie publique / Partie privée. Partie publique - Front office / Partie privée - Back office. Utiliser l analogie avec une émission de télévision. Un journal télévisé = 1 journaliste + des reportages.
Plus en détailFAIRE UN PAIEMENT TIPI
FAIRE UN PAIEMENT TIPI I. Accès au site II. Je n ai pas de compte sur ce site 1. Indiquer une adresse email valide a. J ai une adresse email b. Je n ai pas d adresse email 2. Indiquer les informations
Plus en détailPlate-forme de tests des fichiers XML virements SEPA et prélèvements SEPA. Guide d'utilisation
Plate-forme de tests des fichiers XML virements SEPA et prélèvements SEPA Guide d'utilisation 8 novembre 2013 2/14 Table des matières 1 Introduction... 3 2 Accès au service... 3 3 Aperçu du service...
Plus en détailManuel d'utilisation du site Deptinfo (Mise en route)
Manuel d'utilisation du site Deptinfo (Mise en route) 1)Nouveautés apportées par le nouveau site...2 2) Accès à l espace privé... 3 a) Accès... 3 b) Identification... 3 c)page d accueil de l espace privé...4
Plus en détailRestaurer des données
Restaurer des données Pré-requis à cette présentation La lecture de ce guide suppose que vous avez installé l agent SFR Backup sur l équipement que vous souhaitez sauvegarder. Il est également nécessaire
Plus en détailINTERCONNEXION ENT / BCDI / E - SIDOC
19/11/2012 e-sidoc et OpenENT INTERCONNEXION ENT / BCDI / E - SIDOC Documentation sur les procédures à suivre pour mettre en place l authentification unique entre e-sidoc et les ENT des collectivités disposant
Plus en détailSECTION 5 BANQUE DE PROJETS
SECTION 5 BANQUE DE PROJETS INF 4018 BANQUE DE PROJETS - 1 - Banque de projets PROJET 2.1 : APPLICATION LOGICIELLE... 3 PROJET 2.2 : SITE WEB SÉMANTIQUE AVEC XML... 5 PROJET 2.3 : E-LEARNING ET FORMATION
Plus en détailManuel d utilisation du module GiftList Pro par Alize Web
Manuel d utilisation du module GiftList Pro par Alize Web DESCRIPTION 2 En tant que marchand 2 En tant que créateur 3 En tant que donateur 4 INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 4 Télécharger
Plus en détailUtiliser SQL Server 2008 R2 Reporting Services comme source de donne es pour Microsoft Excel
Utiliser SQL Server 2008 R2 Reporting Services comme source de donne es pour Microsoft Excel Excel est un des meilleurs outils de manipulation de données et parfois il est nécessaire d exploiter des données
Plus en détailPARAMETRAGE CONSOLE ADMINISTRATION DE MESSAGERIE "VENDOME.EU" NOTICE UTILISATION
PARAMETRAGE CONSOLE ADMINISTRATION DE MESSAGERIE "VENDOME.EU" NOTICE UTILISATION Le but de l'utilisation de la console d'administration de votre adresse de messagerie "vendome.eu", est notamment de créer
Plus en détailManuel : Comment faire sa newsletter
Manuel : Comment faire sa newsletter Adresse : www.yestravel.be/acymailing Se connecter - Login (identifiant) = l adresse mail - Mot de Passe = mot de passe qui vous a été donné par. Cliquer sur [connexion]
Plus en détailFormation Word/Excel. Présentateur: Christian Desrochers Baccalauréat en informatique Clé Informatique, 15 février 2007
Formation Word/Excel Présentateur: Christian Desrochers Baccalauréat en informatique Clé Informatique, 15 février 2007 1 Avant de débuter Qui suis-je? À qui s adresse cette présentation? Petit sondage
Plus en détailGUIDE D INSTALLATION INTERNET haute vitesse
GUIDE D INSTALLATION INTERNET haute vitesse Version 2012-09 1 800 567-6353 1 Table des matières 4....3 Avant de vous connecter à un réseau sans fil...3 4.1 Connexion à un réseau sans fil sur Windows XP...5
Plus en détailDémonstration d utilisation De NesmaCom
Démonstration d utilisation De NesmaCom Envoi : SMS Marketing - 1 - Démonstration : NesmaCom I. Connexion à NesmaCom Entrer votre Email et votre mot de passe pour accéder à votre compte sur notre solution
Plus en détailSage 100 CRM - Guide de la Fusion Avancée Version 8. Mise à jour : 2015 version 8
Sage 100 CRM - Guide de la Fusion Avancée Version 8 Mise à jour : 2015 version 8 Composition du progiciel Votre progiciel est composé d un boîtier de rangement comprenant : le cédérom sur lequel est enregistré
Plus en détailGestion de contenu d un site web avec TYPO3 Manuel de l administrateur
Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur 1. Présentation de Typo3... 2 2. Rôle de l administrateur... 2 3. Configuration du site Web... 3 3.0 Que faire si les changements
Plus en détaildemander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs de recherche?
50 questions essentielles à vous poser avant la mise en ligne de votre site pour ne plus vous demander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs
Plus en détailAccess 2007 FF Access FR FR Base
ACCESS Basic Albertlaan 88 Avenue Albert Brussel B-1190 Bruxelles T +32 2 340 05 70 F +32 2 340 05 75 E-mail info@keyjob-training.com Website www.keyjob-training.com BTW TVA BE 0425 439 228 Access 2007
Plus en détailArchitectures web/bases de données
Architectures web/bases de données I - Page web simple : HTML statique Le code HTML est le langage de base pour concevoir des pages destinées à être publiées sur le réseau Internet ou intranet. Ce n'est
Plus en détailContrôle Parental Numericable. Guide d installation et d utilisation
Contrôle Parental Numericable Guide d installation et d utilisation Version 12.3 pour OS X Copyright 2012 Xooloo. Tous droits réservés. Table des matières 1. Introduction Dénomination et caractéristiques
Plus en détail< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Plus en détail