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
- Bonus: Page validé (pour une fois, je demande juste du bien formé...)
Activités en classe
- Modification d'un petit contenu SVG
<?xml version="1.0" ?> <!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> On peut imbriquer SVG dans XHTML. Utiliser Firefox, IE 6/7 n'implémente ni XHTML ni SVG </p> Ci-dessous du SVG <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 /> Retour au <strong>HTML</strong> </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)
- Croczilla SVG Samples
- 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)