« STIC Discussion:STIC II - exercice 10 (Xerneas) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(→‎mise en forme xml? -- ~~~~ : nouvelle section)
 
(11 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 66 : Ligne 66 :


Merci pour votre aide,
Merci pour votre aide,
===Re: mise en forme xml? -- [[Utilisateur:Mattia A. Fritz|Mattia A. Fritz]] ([[Discussion utilisateur:Mattia A. Fritz|discussion]]) 19 mars 2018 à 15:26 (CET)===
Bonjour Maud,
remplissez votre page HTML avec des données d'exemples, pas seulement la structure. Donc insérez dans le HTML l'équivalent des données que vous avez/voulez avoir dans votre XML. Par exemple mettez le nom du cours, l'activité, le lien, etc. Comme ça vous aurez une idée précise de ce que vous voulez faire avec vos données et comment vous voulez les afficher au final.
Une fois que vous avez fait cela, on verra comment créer des règles de transformation dans votre XSLT qui vont faire cela de manière automatique depuis votre XML.
'''NB''' : Faites attention à ce que votre lien n'est pas correcte... vous avez toujours le /web/... qui ne doit pas figurer...
Mattia
====Re: Re: mise en forme xml? -- [[Utilisateur:Maud Bernies|Maud Bernies]] ([[Discussion utilisateur:Maud Bernies|discussion]]) 19 mars 2018 à 15:51 (CET)====
:: Replace this text with your reply
Voici
http://tecfaetu.unige.ch/etu-maltt/xerneas/bernies7/stic-2/ex10/html%20et%20css/test.html
====Re: Re: Re: mise en forme xml? -- [[Utilisateur:Mattia A. Fritz|Mattia A. Fritz]] ([[Discussion utilisateur:Mattia A. Fritz|discussion]]) 19 mars 2018 à 16:08 (CET)====
Voilà, donc vous avez maintenant une première version du résultat final de votre transformation en HTML. Il faudra sûrement la modifier, par exemple vous utilisez les listes <code><nowiki><li>...</li></nowiki></code> sans l'élément <code><nowiki><ul>...</ul></nowiki></code> qui les entore (voir par exemple [https://developer.mozilla.org/fr/Apprendre/HTML/Comment/Cr%C3%A9er_une_liste_d_%C3%A9l%C3%A9ments_avec_HTML Créer une liste à puce en HTML], mais cela est déjà une début.
Maintenant vous pouvez analyser votre code HTML et le comparer avec votre XML et noter par exemple que :
* Chaque fois que vous avez un élément XML du type <code><nom>ERGO</nom></code>, cela se traduit par <code><nowiki><h1>ERGO</h1></nowiki></code>
* Chaque fois que vous un élément XML du type <code><activite> Implémentation d'une maquette </activite></code>, cela se traduit par <code><nowiki><li>Implémentation d'une maquette</li></nowiki></code>
* ...
Donc ce que votre XSLT doit faire, c'est définir les règles de ces transformations avec la déclaration des templates, par exemple :
<source lang="XML">
<xsl:template match="nom">
    <h1><xsl:apply-templates/></h1>
</xsl:template>
</source>
ou
<source lang="XML">
<xsl:template match="activite">
    <li><xsl:apply-templates/></li>
</xsl:template>
</source>
Vous devez avoir quelque chose de similaire pour tous les éléments XML que vous voulez transformer en HTML. en tenant compte du principe de l'itération (e.g. vous avez plusieurs cours) et en sachant que vous avez des éléments qui sont emboîtés dans d'autres, ce qui complique un peu la transformation.
Mattia
=====Re: Re: Re: Re: mise en forme xml? -- [[Utilisateur:Maud Bernies|Maud Bernies]] ([[Discussion utilisateur:Maud Bernies|discussion]]) 19 mars 2018 à 21:54 (CET)=====
::: Merci pour votre aide, je vais étudier tout ca!
=====Re: Re: Re: Re: Re: mise en forme xml? -- [[Utilisateur:Maud Bernies|Maud Bernies]] ([[Discussion utilisateur:Maud Bernies|discussion]]) 21 mars 2018 à 10:13 (CET)=====
:::: Voilà! J'ai réussi à faire ce que je voulais.
Pouvez vous me faire un retour pour d'éventuelles améliorations ?
http://tecfaetu.unige.ch/etu-maltt/xerneas/bernies7/stic-2/ex10/ex10.xml
Merci d'avance,
=====Re: Re: Re: Re: Re: Re: mise en forme xml? -- [[Utilisateur:Mattia A. Fritz|Mattia A. Fritz]] ([[Discussion utilisateur:Mattia A. Fritz|discussion]]) 22 mars 2018 à 09:00 (CET)=====
Bonjour Maud,
sur le plan technique je n'ai pas essayé de valider votre code, donc soyez d'abord sûre de la double validation de la DTD et du XML. À priori il me semble que vous n'utilisez pas par exemple les éléments infocalendrier (qui est déconnecté des autres éléments) et auteur qui est attendu à l'intérieur. C'est une bonne occasion éventuellement pour complexifier votre DTD avec des éléments optionnels.
Pour améliorer votre transformation avec quelque chose d'un peu plus ambitieux, vous pouvez essayer de transformer votre URL dans un vrai lien hypertextuel du type <code><a href="votre-lien">votre-label</a></code>. Comme on en avait discuté brièvement, c'est fait dans l'exemple des recettes de cuisine et cela requière un peu plus de travail car il faut coordonner deux informations dans la même transformation.
Plus simplement sur le plan du contenu, pensez que votre transformation de vos données doit nous faire imaginer concrètement l'utilité de votre DTD/XML. Pour l'instant vous avez deux fois les mêmes données, ce qui n'est pas représentative de votre grammaire car l'idée et d'avoir différentes échéances.
Mattia
======Re: Re: Re: Re: Re: Re: Re: mise en forme xml? -- [[Utilisateur:Maud Bernies|Maud Bernies]] ([[Discussion utilisateur:Maud Bernies|discussion]]) 23 mars 2018 à 14:15 (CET)======
:::: merci!
== DTD -- [[Utilisateur:Alessandro MINNECI|Alessandro MINNECI]] ([[Discussion utilisateur:Alessandro MINNECI|discussion]]) 26 mars 2018 à 17:57 (CEST) ==
Bonjour Monsieur,
J'ai une question sur la DTD.
Dans le rapport j'ai mis un lien qui va vers le fichier DTD, es-ce que cela peut vous convenir ?
lien : http://tecfaetu.unige.ch/etu-maltt/xerneas/minneci0/stic-2/ex10/cellule/cellule.dtd
voici le lien pour le rapport : http://tecfaetu.unige.ch/etu-maltt/xerneas/minneci0/stic-2/ex10/index.html
Cordialement
Alessandro
===Re: DTD -- [[Utilisateur:Mattia A. Fritz|Mattia A. Fritz]] ([[Discussion utilisateur:Mattia A. Fritz|discussion]]) 27 mars 2018 à 11:31 (CEST)===
Oui, le lien est ok.
Par contre, essayez de synthétiser les labellisations de vos liens (e.g. "Le lien vers la DTD de l'exercice 10 sur la liste des cellules qui se trouve sur l'espace travaux : DTD"). C'est bien d'être précis, mais vous pouvez regrouper les informations et réduire les répétitions. Par exemple :
Voici les liens pour l'exercice 10 qui propose une grammaire pour faire une liste de cellules stockées dans un laboratoire de biologie à l'Université. Tous les fichiers se trouvent sur mon espace travaux :
* Exemple de page HTML
* Grammaire DTD
* Données XML
* ...
En général, dans les pages web, on privilégie une écriture immédiate et qui favorise le repère des informations saillantes.
====Re: Re: DTD -- [[Utilisateur:Alessandro MINNECI|Alessandro MINNECI]] ([[Discussion utilisateur:Alessandro MINNECI|discussion]]) 27 mars 2018 à 16:21 (CEST)====
:: Replace this text with your reply
Merci, je vais faire les changements
Bonnes fêtes de Pâques
Cordialement
Alessandro

Dernière version du 27 mars 2018 à 15:21

mise en forme xml? -- Maud Bernies (discussion) 12 mars 2018 à 15:16 (CET)

Bonjour,

J'ai beau retourner le problème dans tous les sens, je n'arrive pas à comprendre pourquoi la mise en forme ne s'applique pas? le texte reste aligné malgré toutes les tentatives que je fais...

http://tecfaetu.unige.ch/etu-maltt/xerneas/bernies7/stic-2/ex10/test.xml

Merci pour votre aide,

Maud.

Re: mise en forme xml? -- Mattia A. Fritz (discussion) 12 mars 2018 à 17:47 (CET)

Bonjour,

d'après ce que je vois, un problème concerne sûrement votre fichier test.xsl dans lequel vous déclarez plusieurs fois le template qui "match" seulement l'élément <cours>...</cours> de votre XML :

<xsl:template match="cours">

Il faut avoir un template pour tous les éléments/balises qui font partie de votre XML, donc par exemple :

<xsl:template match="nom">

ou

<xsl:template match="echeance">

etc.

Pour chaque élément/balise XML il faut en effet un seul template qui match cet élément en particulier et qui transforme son contenu en HTML en fonction de ce que vous voulez afficher à la page.

Mattia

Re: Re: mise en forme xml? -- Maud Bernies (discussion) 13 mars 2018 à 14:14 (CET)

Bonjour,

Seriez vous disponible vendredi matin? j'aimerai vous poser qq questions sur XML?

Merci d'avance,

Maud

Replace this text with your reply

Re: Re: Re: mise en forme xml? -- Mattia A. Fritz (discussion) 13 mars 2018 à 16:43 (CET)

Vous pouvez passer à 11h vendredi si cela vous convient.

Dans l'attente je vous conseille quand même d'essayer de poser quelques questions ici, car en dehors du cadre du cours, la plupart de la communication sur des technologies se fait par écrit. Formuler des questions sur les technologies est également une compétence qui s'apprend avec la pratique ;)

Mattia

Re: Re: Re: Re: mise en forme xml? -- Maud Bernies (discussion) 14 mars 2018 à 16:56 (CET)
ok pour 11h, je passerai et j'essaye de formuler mes questions mais ce sont davantage des incompréhensions...

mise en forme xml? -- Maud Bernies (discussion) 19 mars 2018 à 15:16 (CET)

Bonjour Mattia,

Comme conseillé j'ai fait le fichier HTML (avec nouveau css)- http://tecfaetu.unige.ch/web/etu-maltt/xerneas/bernies7/stic-2/ex10/html%20et%20css/test.html

Voici donc la mise en forme souhaitée (je n'ai intégré le nouveau css qu'au doc html mais pas aux autres, je le ferai dans un second temps).Je ne vois toujours pas comment les données de mise en forme sont intégrées au xml?

Merci pour votre aide,

Re: mise en forme xml? -- Mattia A. Fritz (discussion) 19 mars 2018 à 15:26 (CET)

Bonjour Maud,

remplissez votre page HTML avec des données d'exemples, pas seulement la structure. Donc insérez dans le HTML l'équivalent des données que vous avez/voulez avoir dans votre XML. Par exemple mettez le nom du cours, l'activité, le lien, etc. Comme ça vous aurez une idée précise de ce que vous voulez faire avec vos données et comment vous voulez les afficher au final.

Une fois que vous avez fait cela, on verra comment créer des règles de transformation dans votre XSLT qui vont faire cela de manière automatique depuis votre XML.

NB : Faites attention à ce que votre lien n'est pas correcte... vous avez toujours le /web/... qui ne doit pas figurer...

Mattia

Re: Re: mise en forme xml? -- Maud Bernies (discussion) 19 mars 2018 à 15:51 (CET)

Replace this text with your reply

Voici

http://tecfaetu.unige.ch/etu-maltt/xerneas/bernies7/stic-2/ex10/html%20et%20css/test.html

Re: Re: Re: mise en forme xml? -- Mattia A. Fritz (discussion) 19 mars 2018 à 16:08 (CET)

Voilà, donc vous avez maintenant une première version du résultat final de votre transformation en HTML. Il faudra sûrement la modifier, par exemple vous utilisez les listes <li>...</li> sans l'élément <ul>...</ul> qui les entore (voir par exemple Créer une liste à puce en HTML, mais cela est déjà une début.

Maintenant vous pouvez analyser votre code HTML et le comparer avec votre XML et noter par exemple que :

  • Chaque fois que vous avez un élément XML du type <nom>ERGO</nom>, cela se traduit par <h1>ERGO</h1>
  • Chaque fois que vous un élément XML du type <activite> Implémentation d'une maquette </activite>, cela se traduit par <li>Implémentation d'une maquette</li>
  • ...

Donc ce que votre XSLT doit faire, c'est définir les règles de ces transformations avec la déclaration des templates, par exemple :

<xsl:template match="nom">
    <h1><xsl:apply-templates/></h1>
</xsl:template>

ou

<xsl:template match="activite">
    <li><xsl:apply-templates/></li>
</xsl:template>

Vous devez avoir quelque chose de similaire pour tous les éléments XML que vous voulez transformer en HTML. en tenant compte du principe de l'itération (e.g. vous avez plusieurs cours) et en sachant que vous avez des éléments qui sont emboîtés dans d'autres, ce qui complique un peu la transformation.

Mattia

Re: Re: Re: Re: mise en forme xml? -- Maud Bernies (discussion) 19 mars 2018 à 21:54 (CET)
Merci pour votre aide, je vais étudier tout ca!
Re: Re: Re: Re: Re: mise en forme xml? -- Maud Bernies (discussion) 21 mars 2018 à 10:13 (CET)
Voilà! J'ai réussi à faire ce que je voulais.

Pouvez vous me faire un retour pour d'éventuelles améliorations ? http://tecfaetu.unige.ch/etu-maltt/xerneas/bernies7/stic-2/ex10/ex10.xml Merci d'avance,

Re: Re: Re: Re: Re: Re: mise en forme xml? -- Mattia A. Fritz (discussion) 22 mars 2018 à 09:00 (CET)

Bonjour Maud,

sur le plan technique je n'ai pas essayé de valider votre code, donc soyez d'abord sûre de la double validation de la DTD et du XML. À priori il me semble que vous n'utilisez pas par exemple les éléments infocalendrier (qui est déconnecté des autres éléments) et auteur qui est attendu à l'intérieur. C'est une bonne occasion éventuellement pour complexifier votre DTD avec des éléments optionnels.

Pour améliorer votre transformation avec quelque chose d'un peu plus ambitieux, vous pouvez essayer de transformer votre URL dans un vrai lien hypertextuel du type <a href="votre-lien">votre-label</a>. Comme on en avait discuté brièvement, c'est fait dans l'exemple des recettes de cuisine et cela requière un peu plus de travail car il faut coordonner deux informations dans la même transformation.

Plus simplement sur le plan du contenu, pensez que votre transformation de vos données doit nous faire imaginer concrètement l'utilité de votre DTD/XML. Pour l'instant vous avez deux fois les mêmes données, ce qui n'est pas représentative de votre grammaire car l'idée et d'avoir différentes échéances.

Mattia

Re: Re: Re: Re: Re: Re: Re: mise en forme xml? -- Maud Bernies (discussion) 23 mars 2018 à 14:15 (CET)
merci!

DTD -- Alessandro MINNECI (discussion) 26 mars 2018 à 17:57 (CEST)

Bonjour Monsieur,

J'ai une question sur la DTD.

Dans le rapport j'ai mis un lien qui va vers le fichier DTD, es-ce que cela peut vous convenir ?

lien : http://tecfaetu.unige.ch/etu-maltt/xerneas/minneci0/stic-2/ex10/cellule/cellule.dtd

voici le lien pour le rapport : http://tecfaetu.unige.ch/etu-maltt/xerneas/minneci0/stic-2/ex10/index.html

Cordialement

Alessandro

Re: DTD -- Mattia A. Fritz (discussion) 27 mars 2018 à 11:31 (CEST)

Oui, le lien est ok.

Par contre, essayez de synthétiser les labellisations de vos liens (e.g. "Le lien vers la DTD de l'exercice 10 sur la liste des cellules qui se trouve sur l'espace travaux : DTD"). C'est bien d'être précis, mais vous pouvez regrouper les informations et réduire les répétitions. Par exemple :

Voici les liens pour l'exercice 10 qui propose une grammaire pour faire une liste de cellules stockées dans un laboratoire de biologie à l'Université. Tous les fichiers se trouvent sur mon espace travaux :

  • Exemple de page HTML
  • Grammaire DTD
  • Données XML
  • ...

En général, dans les pages web, on privilégie une écriture immédiate et qui favorise le repère des informations saillantes.

Re: Re: DTD -- Alessandro MINNECI (discussion) 27 mars 2018 à 16:21 (CEST)

Replace this text with your reply

Merci, je vais faire les changements

Bonnes fêtes de Pâques

Cordialement

Alessandro