Générateur de site web SVG/HTML cross-browser

Générateur de site web SVG/HTML cross-browser

Profil Etudiant en stage de master
Prérequis Connaissances de HTML, Javascript et bonnes bases en XML/XSL/XPATH. SVG est un plus.
Durée Minimum 6 semaines

Contexte

L’outil de conception de cahier de charges Objectiver permet de modéliser des besoins d’un système informatique à l’aide de notations graphiques évoluées (diagrammes de buts) et textuelles (open-office avec références). A partir de ces modèles il est possible de générer un cahier de charge au format texte (linéaire) ou hypertexte (navigable).

Le contexte du travail est la partie hypertexte (site web) qui comprend plusieurs frames dont un frame central présentant la partie graphique, générée en SVG, un frame textuel présentant la partie textuelle associée au diagramme ou concept sélectionné et enfin plusieurs frames de navigation/propriétés.

PNG - 142.6 ko
Exemple de site généré

Le site a été initialement conçu pour Internet Explorer avec le plugin SVG d’Adobe mais à évolué au cours du temps pour être compatible avec les nouvelles version d’Internet Explorer et Firefox (qui dispose d’un lecteur SVG interne). Il ne supporte pas de nouveaux navigateurs tels que Google Chrome ou le navigateur SAFARI (navigateur par défaut sur Mac).

L’objectif du travail est de rendre le code du site web plus générique et évolutif par rapport à la diversité des navigateurs, en particulier dans le contexte du portage de l’application sur d’autres OS et l’évolution long terme (convergence vers HTML5).

Travail à réaliser

Le travail suivra une démarche rigoureuse de développement évolutif avec reprise basé sur les étapes classiques suivantes :

  • une phase d’apprentissage (répartie sur tout le stage mais surtout vers le début de celui-ci) pour consolider les connaissances en xhtml, css, xml, xslt, svg
  • une phase d’analyse (environ 3 semaines) comprenant
    • un état des lieux du code d’un site web typique généré (html, javascript, SVG) pour identifier les points critiques pour la compatibilité
    • un état des lieux des navigateurs actuels en termes de type de support SVG et de la nouvelle version HTML5
    • la production d’un document de synthèse présentant une série de recommandations pour améliorer la maintenabilité. Il inclura un modèle UML de l’architecture de l’application (modules de navigations, modules de présentation SVG, présentation texte, intéraction) afin d’en améliorer la compatibilité et l’évolutivité.
    • la validation des pistes par le responsable de l’outil qui génère le site HTML en question
  • une phase d’implémentation (de 5 à 7 semaines selon le temps disponible)
    • traitement de la série des recommandations retenues selon les priorité précisées
    • essais techniques sur des prototypes partiels
    • optionnellement réincorporation du code inséré dynamiquement au niveau du générateur
    • suivi assuré semaine par semaine par rapport aux difficultés d’implémentation et un ajustement éventuel
  • une phase de test (environ 1 semaine)
    • ciblé pour chaque phase d’amélioration
    • effort plus conséquent en fin de stage : batterie consolidées sur les navigateurs retenus et les spécifications
  • une phase de documentation (dernière semaine)
    • vérification de la documentation correcte du code
    • mise à jour des documents d’architecture suivant l’évolution

Les technologies utilisées et pour lequel un apprentissage sera assuré sont :

  • HTML pour le site web
  • SVG pour les graphiques
  • XML/XSL/XPATH pour les techniques de génération du site
  • Javascript pour certaines fonctions du site web
  • JAVA pour l’intégration dans l’outil (ponctuel)

Références

Contact : Christophe Ponsard (christophe.ponsard@cetic.be)