« STIC:STIC I - exercice 2 (Nestor-Pixel) » : différence entre les versions
Aller à la navigation
Aller à la recherche
m (using an external editor) |
m (using an external editor) |
||
Ligne 1 : | Ligne 1 : | ||
{{stic12}} | {{stic12}} | ||
== Enoncé de l'exercice 2 == | == Enoncé de l'exercice 2 == | ||
Cet exercice du cours [[STIC I]] vous permet: | Cet exercice du cours [[STIC I]] vous permet: | ||
* d'apprendre comment construire des | * d'apprendre comment construire des DTDs pour XML | ||
* d'apprendre les bases de XSLT | * d'apprendre les bases de XSLT | ||
* d'apprendre comment associer une feuille de style CSS à une "sortie XHTML" | * d'apprendre comment associer une feuille de style CSS à une "sortie XHTML" | ||
Ligne 9 : | Ligne 10 : | ||
=== Tâche === | === Tâche === | ||
* | * Créer une DTD simple sur un sujet de votre choix, mais en rapport avec une thématique "MALTT" | ||
* Afficher avec une feuille de style XSLT un contenu | * Afficher avec une feuille de style XSLT un contenu valide crée avec cette DTD | ||
* Bonus: associer une CSS au résultat HTML | * Bonus: associer une CSS au résultat HTML | ||
* Ecrire un rapport | |||
* Participer au Wiki | |||
Emplacement de la page d'accueil / rapport: | Emplacement de la page d'accueil / rapport: | ||
Ligne 17 : | Ligne 20 : | ||
/etu-maltt/<promo>/<login>/stic/ex2/ | /etu-maltt/<promo>/<login>/stic/ex2/ | ||
par exemple: | par exemple: | ||
/etu-maltt/ | /etu-maltt/pixel/user1/stic/ex2/ | ||
=== Contraintes === | === Contraintes === | ||
Ligne 24 : | Ligne 27 : | ||
* Vous pouver soit définir une nouvelle DTD, soit adapter une DTD | * Vous pouver soit définir une nouvelle DTD, soit adapter une DTD | ||
* La DTD doit être correcte et vos contenus doivent être valides (respecter la DTD) | * La DTD doit être correcte et vos contenus doivent être valides (respecter la DTD) | ||
* Vous devez | * Vous devez créer deux feuilles de style XSLT qui présente les informations de deux façons différentes. Vous êtes notamment encouragés à présenter des informations partielles dans une des variantes. Cette présentation se fera en XHTML (strict ou transitoire). | ||
Il faut donc produire 6 fichiers au moins: Une DTD, deux fichiers *.xml qui sont identiques, deux fichiers *.xsl | Il faut donc produire 6 fichiers au moins: | ||
* Une DTD, | |||
* deux fichiers *.xml qui sont identiques, | |||
* deux fichiers *.xsl associés à ces fichiers xml | |||
* un rapport. | |||
Le rapport: | Le rapport: | ||
Ligne 39 : | Ligne 46 : | ||
* Objectifs XSLT: Comment avez-vous pensé la mise en page ? | * Objectifs XSLT: Comment avez-vous pensé la mise en page ? | ||
* La production: '''bref''' résumé de la démarche | * La production: '''bref''' résumé de la démarche | ||
* Contribution Wiki (il suffit de faire un lien vers votre home page wiki) | |||
* Difficultés, auto-évaluation, remarques | * Difficultés, auto-évaluation, remarques | ||
* Ressources utilisées, bibliographie. | * Ressources utilisées, bibliographie. | ||
Ligne 46 : | Ligne 54 : | ||
* Qualité du rapport (y compris discussion des besoins et du vocabulaire) | * Qualité du rapport (y compris discussion des besoins et du vocabulaire) | ||
* Thématique (pas de recette de cuisine, liste de CDs etc. !) | * Thématique (pas de recette de cuisine, liste de CDs etc. !) | ||
* Ergonomie et qualité de la présentation | * Ergonomie et qualité de la présentation (X)HTML | ||
* Fonctionalité, originalité. etc. | * Fonctionalité, originalité. etc. | ||
* Qualité de la DTD par rapport au buts fixés | * Qualité de la DTD par rapport au buts fixés | ||
* Validité des fichiers XML, XSLT et de la DTD | * Validité des fichiers XML, XSLT et de la DTD | ||
* Bonus: Richesse de la DTD (faire plus qu’une simple structure tabulaire ! Evitez donc les DTD pour gérér vos CD et vos livres ....) | * Bonus: Richesse de la DTD (faire plus qu’une simple structure tabulaire ! Evitez donc les DTD pour gérér vos CD et vos livres ....) | ||
* | * Participation au wiki (en dehors de la page discussion !) | ||
== Activités en classe == | == Activités en classe == | ||
Ligne 151 : | Ligne 159 : | ||
http://tecfa.unige.ch/guides/xml/examples/dtd-examples/ | http://tecfa.unige.ch/guides/xml/examples/dtd-examples/ | ||
; | ; Pages wiki fr | ||
: [http://edutechwiki.unige.ch/fr/XML XML] | |||
: [[Encodage de caractères]] | |||
; Pages wiki en | |||
: [[:en:XML|XML]] (en, mini-tutoriel + liens) | |||
: [[:en:XSLT|XSLT]] (en, liens) | : [[:en:XSLT|XSLT]] (en, liens) | ||
: [[:en:XSLT_Tutorial_-_Basics|XSLT Tutorial]] (en, mini-tutoriel) | : [[:en:XSLT_Tutorial_-_Basics|XSLT Tutorial]] (en, mini-tutoriel) | ||
: [[:en:Character encoding| Character encoding]] (en, liens encodage) | : [[:en:Character encoding| Character encoding]] (en, liens encodage) | ||
[[Category: STIC]] | [[Category: STIC]] |
Version du 24 septembre 2009 à 17:39
Enoncé de l'exercice 2
Cet exercice du cours STIC I vous permet:
- d'apprendre comment construire des DTDs pour XML
- d'apprendre les bases de XSLT
- d'apprendre comment associer une feuille de style CSS à une "sortie XHTML"
Tâche
- Créer une DTD simple sur un sujet de votre choix, mais en rapport avec une thématique "MALTT"
- Afficher avec une feuille de style XSLT un contenu valide crée avec cette DTD
- Bonus: associer une CSS au résultat HTML
- Ecrire un rapport
- Participer au Wiki
Emplacement de la page d'accueil / rapport:
/etu-maltt/<promo>/<login>/stic/ex2/
par exemple:
/etu-maltt/pixel/user1/stic/ex2/
Contraintes
- Contenu selon vos envies et possibilités, mais en rapport avec les thématiques de MALTT
- Vous pouver soit définir une nouvelle DTD, soit adapter une DTD
- La DTD doit être correcte et vos contenus doivent être valides (respecter la DTD)
- Vous devez créer deux feuilles de style XSLT qui présente les informations de deux façons différentes. Vous êtes notamment encouragés à présenter des informations partielles dans une des variantes. Cette présentation se fera en XHTML (strict ou transitoire).
Il faut donc produire 6 fichiers au moins:
- Une DTD,
- deux fichiers *.xml qui sont identiques,
- deux fichiers *.xsl associés à ces fichiers xml
- un rapport.
Le rapport:
- Titre, auteur et date
- Le résulat:
- Lien vers la DTD
- Lien vers le fichier XML 1
- Lien vers le *.XSLT qui va avec (et la CSS si vous en utilisez)
- Lien vers une copie du fichier XML 1 (XML 2)
- Lien vers le *.XSLT qui va avec (et la CSS si vous en utilisez)
- Objectifs DTD: Elle sert à quoi ?
- Objectifs XSLT: Comment avez-vous pensé la mise en page ?
- La production: bref résumé de la démarche
- Contribution Wiki (il suffit de faire un lien vers votre home page wiki)
- Difficultés, auto-évaluation, remarques
- Ressources utilisées, bibliographie.
Evaluation
- Qualité du rapport (y compris discussion des besoins et du vocabulaire)
- Thématique (pas de recette de cuisine, liste de CDs etc. !)
- Ergonomie et qualité de la présentation (X)HTML
- Fonctionalité, originalité. etc.
- Qualité de la DTD par rapport au buts fixés
- Validité des fichiers XML, XSLT et de la DTD
- Bonus: Richesse de la DTD (faire plus qu’une simple structure tabulaire ! Evitez donc les DTD pour gérér vos CD et vos livres ....)
- Participation au wiki (en dehors de la page discussion !)
Activités en classe
Introduction à XML
- Introduction à XML et DOM (slides)
- Introduction technique à XML (HTML) - PDF, (transparents)
Warm-up - éditer une DTD de cuisine
Copiez ces fichiers:
- http://tecfa.unige.ch/guides/xml/examples/dtd-examples/cuisine.xsl
- http://tecfa.unige.ch/guides/xml/examples/dtd-examples/cuisine.css
- http://tecfa.unige.ch/guides/xml/examples/dtd-examples/cuisine.dtd
- http://tecfa.unige.ch/guides/xml/examples/dtd-examples/cuisine-template.xml
ATTENTION: il faut "sauver les lien sous" / "save link as" ! Pas afficher dans le navigateur et sauver ensuite ...
Avec votre éditeur XML, ouvrez le document cuisine-template.xml
Entrez une recette ...
Créer une DTD
- Créez une DTD
- Faites un fichier XML avec cette DTD
Template XML (remplacez "VOTRE_RACINE" et "VOTRE_DTD")
<?xml version="1.0"?> <!DOCTYPE VOTRE_RACINE SYSTEM "VOTRE_DTD.dtd"> <VOTRE_RACINE> </VOTRE_RACINE>
Introduction à XSLT
- Introduction technique à XSLT - PDF file , (transparents)
XSLT
- Pour votre XML/DTD faites une simple feuille de style XSLT
Copiez/collez le chablon ci-dessous si vous voulez et remplacez "VOTRE_RACINE, "UN_ELEMENT" par vos éléments. Sinon, la plupart des éditeurs XML offrent une assistance XSLT.
Template XSLT:
<?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="html"/> <xsl:template match="VOTRE_RACINE"> <html> <body bgcolor="#FFFFFF"> <xsl:apply-templates/> </body> </html> </xsl:template> <xsl:template match="UN_ELEMENT"> </xsl:template> <xsl:template match="UN_ELEMENT"> </xsl:template> </xsl:stylesheet>
Template XML avec XSLT
<?xml version="1.0" ?> <!DOCTYPE VOTRE_RACINE SYSTEM "VOTRE_DTD.dtd"> <?xml-stylesheet href="VOTRE_STYLE.xsl" type="text/xsl"?> <VOTRE_RACINE> </VOTRE_RACINE>
Ressources
- Transparents
- TECFA's XML page
- Introduction à XML et DOM - PDF file , (transparents)
- Introduction technique à XML - PDF file , (transparents)
- Introduction technique à XSLT - PDF file , (transparents)
- Exemples de DTD
http://tecfa.unige.ch/guides/xml/examples/dtd-examples/
- Pages wiki fr
- XML
- Encodage de caractères
- Pages wiki en
- XML (en, mini-tutoriel + liens)
- XSLT (en, liens)
- XSLT Tutorial (en, mini-tutoriel)
- Character encoding (en, liens encodage)