STIC:STIC I - exercice 5 (Nestor-Pixel)
Aller à la navigation
Aller à la recherche
Enoncé de l'exercice 5
Cet exercice du cours STIC I vous permet:
- de vous familiariser avec quelques normes e-learning
- d'apprendre à créer des "paquets e-learning" selon la norme IMS Content Packaging et/ou SCORM 1.2)
Tâche
- Créer une page XHTML/SVG
Emplacement du rapport et du fichier xhtml/svg:
/etu-maltt/nestor/<login>/stic/ex5/
Outils
- Editeur XML
- A option: Inkscape, Illustrator, etc.
- Clipart: Voir Open Clip Art Library
Contraintes
- Contenu de la page selon vos envies (mais en rapport avec une thématique MALTT)
- La page doit être bien formée. Bonus si elle est valide aussi.
Le rapport:
- Titre, auteur et date
- Liens vers le résulat (fichier XHTML/SVG)
- Objectifs de la page: Elle sert à quoi / quelle population ?
- Quelques notes sur le design
- La production: bref résumé de la démarche
- Difficultés, auto-évaluation, remarques
- Ressources utilisées, bibliographie.
Evaluation
- Qualité du rapport (y compris discussion des besoins et du vocabulaire)
- Qualité de la page
- Richesse de la page
- Mega Bonus: Page générée avec XSLT (déconseillé pour la plupart)
Activités en classe
- Modification d'un petit contenu SVG
<?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> <head> <title>SVG within XHTML Demo</title> </head> <body> <p> You can embed SVG into XHTML, provided that your browser natively implements SVG. E.g. Firefox 1.5 supports most of static SVG. </p> The SVG part starts below <hr /> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400" height="300"> <!-- un petit rectangle avec des coins arroundis --> <rect x="50" y="50" rx="5" ry="5" width="300" height="100" style="fill:#CCCCFF;stroke:#000099"/> <!-- un texte au meme endroit --> <text x="55" y="90" style="stroke:#000099;fill:#000099;font-size:24;"> HELLO cher visiteur </text> </svg> <hr /> The SVG part ended above </body> </html>
Liens
- Transparents
- http://tecfa.unige.ch/guides/tie/html/svg-intro/svg-intro.html
- http://tecfa.unige.ch/guides/tie/html/svg-dyn/svg-dyn.html (A option, surtout la partie DOM)
- http://tecfa.unige.ch/guides/tie/html/svg-xslt/svg-xslt.html (A option)
- Liens techniques edutech wiki anglais
- en:XHTML
- en:XML namespace
- Autres liens
- Mozilla SVG Project
- SVG in Firefox (Table des balises implémentées)
- Spécifications et DTDs
- Scalable Vector Graphics (SVG) 1.1 Specification
- La spécification sur les Graphiques Vectoriels Adaptables (SVG), version 1.0 (en français)
- SVG 1.1 DTD
- An XHTML + MathML + SVG Profile
- xhtml-math-svg.dtd (juste le driver)