Camille Beglot Vincent Mercier Yoann Vandecnocke Automne 2011 SI28
Sommaire Synopsis 2 Cahier des charges 3 Scénario 4 Story Board.4 Conclusion..6 1
Synopsis Concept Le but du projet est de réaliser un plan 3D interactif du centre Benjamin Franklin. Le visiteur pourra se déplacer à la première personne à l aide d une interface intuitive ou accéder directement à une salle grâce à un menu. L application sera disponible en ligne sur une page web comportant également une notice d utilisation et les informations relatives au projet. Une exportation ultérieure sur d autres supports, comme des tablettes tactiles, est envisageable. Public cible L application visera toute personne (extérieur, étudiant, personnel...) amenée à se rendre dans un lieu précis du bâtiment Benjamin Franklin, ou simplement qui souhaiterait se faire une idée de l aspect architectural de l école. Problématique Le public cible, et particulièrement les nouveaux arrivants, sont souvent amenés à chercher des lieux clés (associations, instance administrative...) actuellement impossible à trouver sans l aide d une tierce personne connaissant ces lieux, puisqu il n existe pratiquement aucun plan ou système de fléchage. Objectifs - Trouver un lieu à partir d un menu avec différents critères de recherche. - Visualiser un plan (vue du dessus) et cliquer pour accéder à un endroit de l UTC. - Visiter le lieu en 3 dimensions avec une navigation à la première personne. - Interagir avec l environnement en fonction de l endroit où l on se situe (photos, vidéos, lien...). - Pouvoir visiter les bâtiments librement et avec des suggestions de directions à prendre. - Pouvoir accéder à un maximum d informations correspondant au lieu visité. 2
Cahier des charges Objectif Visualiser les principaux lieux clés de l UTC (administratifs et associatifs) à l aide d une représentation en 3 dimensions. L application devra être rapide à prendre en main et facile à utiliser. Concurrence Projet similaire préexistant : Rapport final du projet LO18 Visite virtuelle de l UTC réalisé au semestre dernier (P11). Site réalisé dans le cadre de ce projet : http://www.utc.fr/vv-utc/visitevirtuelle/# Ressources média La modélisation des bâtiments a été réalisée à l aide des plans en 2D au format PDF et DWG (Autocad) de l UTC. Structure et navigation Structure en hyperdocument : chaque espace peut être visité librement et indépendamment des autres. Navigation en deux phases : - Libre et immersive : l utilisateur, en vue à la première personne, peut se déplacer dans les bâtiments à l aide de la souris et du clavier, une mini-carte lui permettant de se repérer. - Guidée : l utilisateur, en vue du ciel (au-dessus des bâtiments), dispose d un menu doté d une arborescence, pour plus de clarté, et a la possibilité de choisir une pièce afin de la situer, puis de s y rendre (et donc de repasser en navigation libre). Choix techniques Le projet portant sur la 3D, nous avons utilisé les logiciels suivants : - Modélisation 3D : Google SketchUp - Moteur graphique 3D et physique : Unity3D, Les scripts sous Unity3D sont codés en langage C#. Le site web a été codé en HTML5, son design réalisé sous Photoshop CS5 et codé en CSS3. 3
Scénario et Story Board Installation du Web Player Unity Lors de l ouverture de la page Web, l utilisateur est invité à installer le Web Player, permettant de lire l application, par deux éléments visuels : - Un texte explicatif - Le logo suivant, s affichant au milieu de la page Cette étape est obligatoire pour poursuivre. Structure de la page Web Hormis l application en elle-même, la page contient des éléments visuels permettant d informer l utilisateur sur les manipulations à effectuer. Figure 1 : structure de la page web Nous avons opté pour un thème graphique simple, permettant de faire ressortir les éléments importants au premier coup d œil ; à savoir les commandes de navigation et les informations complémentaires. 4
Navigation et interactivité Il existe deux systèmes de navigation distincts, selon que l utilisateur soit en vue à la première personne ou en vue du ciel, survolant les bâtiments. Chacun possède son propre menu (à afficher avec la touche M) et son mode de déplacement : - Vue du ciel : c est la vue active par défaut au lancement de l application. L utilisateur survol les bâtiments afin d avoir une vue d ensemble. Le menu comprend la liste des salles, classées de deux manières : par thème et par situation. Lors du choix d une salle, les étages la cachant deviennent transparents et une lumière indique son emplacement. Un bouton permet alors de se rendre dans cette salle et de passer en vue première personne. - Vue première personne : l utilisateur se retrouve dans les bâtiments de l UTC et peut s y promener, ce qui offre un sentiment d immersion. Une mini-carte lui permet de se repérer facilement. Le déplacement se fait au clavier et à la souris, ou uniquement à la souris. Le menu permet de repasser en vue du ciel. Figure 2 : systèmes de navigation Les menus comprennent également un bouton pour activer ou désactiver le mode plein écran. 5
Conclusion Ce projet interactif et multimédia portant sur une visite virtuelle de l UTC nous aura beaucoup apporté sur les plans technique et culturel. Nous avons dû prendre en compte des notions comme l ergonomie : comment rendre l utilisation instinctive et efficace ; la virtualisation : quels sont les facteurs qui relient l environnement virtuel aux lieux réels ; l interactivité : quelles possibilités d interaction nous offre un environnement en 3D et quelles sont celles à exploiter en priorité Comme tout projet, nous avons dû faire des concessions sur l idée que nous nous en faisions au départ, cela principalement par faute de temps devant l ampleur du travail, tout en ajoutant certains aspects nouveaux au cours du semestre, souvent guidés par les avis de personnes extérieures au projet. Nous avons décidé de privilégier les aspects interactif et ergonomique au détriment de l aspect virtualisation. En effet, n ayant appliqué de textures sur les bâtiments, l aspect visuel n apparait pas réaliste ; mais nous avons jugé plus important de travailler les fonctionnalités pratiques de notre projet comme la recherche de salle, les déplacements, la gestion des menus, de la caméra etc. Étant un groupe hétérogène, chacun a pu trouver un rôle adapté à ses connaissances techniques, à ses envies et à son temps. Vincent, ayant déjà manipulé le logiciel Unity3D et connaissant le langage de programmation associé (C#), s est chargé de rechercher et de programmer les scripts de l application. Camille, ayant des connaissances en CAO, s est appliqué à modéliser tous les bâtiments en 3D sous Google Sketchup. Yoann, ayant des notions en langages de programmation web et une bonne maitrise de Photoshop, a réalisé le site de présentation du projet, et a participé à la multiplication des scripts pour les différentes salles des bâtiments. Au final, nous avons réussi à réaliser une application assez proche de notre idée de départ, mais qui mériterait plus de temps pour aboutir à une utilisation à grande échelle. C est pourquoi nous espérons que le projet intéressera le service communication de l UTC, ce qui nous permettrait alors de l améliorer les semestres suivants. 6