Ram16 Projet Bachelor 2006/2007 Tony Svenson Bruno Dumas – Jean Hennebert – Rolf Ingold – Susanne Bickel Tony Svenson Plan de la présentation ● Description générale du projet ● Description de l'architecture du programme ● Rappel SVG/SMIL vs. Flash ● Demo ● Particularités ● Modélisation XML utilisée dans le projet ● User/Admin (interface) ● Améliorations et critiques 2/19 Tony Svenson Description générale du projet ● ● ● Jeu à but pédagogique Basé sur le cours d'égyptologie donné au département des sciences de l'antiquité Personnage se déplaçant dans un monde virtuel ● ● ● Lire des textes pour recueillir des informations sur l'égypte antique Répondre à des questions portant sur les textes rencontrés Va être utilisé par les étudiants dans le cadre du cours sur l'histoire de l'égypte 3/19 Tony Svenson Description de l'architecture du projet ● Serveur Tomcat avec Servlets Java (Open Source) ● XML (Open Source) pour le transfert de données ● Client en Flash avec langage Actionscript 4/19 Tony Svenson SVG vs. Flash ● Comparaison Flash / SVG (scalable vector graphics) SVG ­ spécification W3C ­ format de fichier XML ­ permet de créer des formes et de les animer ­ permet d'inclure des scripts (php asp javascript) ­ forme / graphisme peut dépendre de données dynamiques ­ fichier *.svg (interprété) Flash ­ logiciel propriétaire ­ permet de créer des formes et de les animer ­ permet d'inclure des scripts (ActionScript) ­ peut dessiner des graphiques qui dépendent de données dynamiques ­ fichier *.fla *.swf (compilation et compression) 5/19 Tony Svenson SMIL vs. Flash ● Comparaison Flash / SMIL (Synchronized Multimedia Integration Language) SMIL ­ spécification W3C ­ format de fichier XML ­ permet d'inclure des contenus multimédias ­ synchronisation d'images/son/texte pour une présentation Flash ­ permet d'inclure des contenus multimédias (video, son, swf) ­ permet de créer les éléments multimédias dont il se sert ­ s'appuie sur sa partie logicielle dessin ou langage de programmation 6/19 Tony Svenson Demo 7/19 Tony Svenson Particularités (1) ● Disposition des niveaux dynamique ­ 1 = mur ­ 2 = question ­ 0 = sol 8/19 Tony Svenson Particularités (2) ● Réutilisabilité ­ niveaux dynamiques ­ séparation coté graphique – architecture ­ contenu facilement éditable 9/19 Tony Svenson Xml ● Transfert des questions et textes ● Liste des scores ● Modélisation des niveaux 10/19 Tony Svenson XML ● Questions 11/19 Tony Svenson XML ● Textes 12/19 Tony Svenson XML ● Scores 13/19 Tony Svenson XML ● Niveaux 14/19 Tony Svenson User ● Site web ­ connexion avec un nom d'utilisateur ­ aperçu des meilleurs scores de tout le monde ­ aperçu de ses propres scores ­ choix du thème à utiliser dans la partie 15/19 Tony Svenson Admin ● Site web d'administration ­ connexion avec un nom d'utilisateur et mot de passe ­ remise à zéro des scores ­ rajout / modification / suppression d'un thème ­ changement d'un thème actif en passif, et vice et versa 16/19 Tony Svenson Critiques ● Interface graphique du jeu ● Complexité de l'utilisation du jeu (Tests utilisateurs) ● Interface graphique de la page web ● Espace utilisateur de la page web ● Fonctionnalités de la console d'administration ● Flash – Mémoires des navigateurs 17/19 Tony Svenson Améliorations possibles ● Graphismes (mur, table, etc..) ­> SVG ­ changer le design des maps dans sa totalité ● Programmer interpréteur SVG dans flash ● Mettre tous les graphismes dans des fichiers SVG ­ modifier l'interface graphique à 100%, seulement en changer les fichiers xml ­ réutilisation totale pour un autre cours, ou un autre événement ● Editeur de niveaux (flash, java) ● Admin : récupérer et déplacer les textes et questions 18/19 Tony Svenson Questions 19/19 Tony Svenson