Room on Demand : la chambre d hôtel du futur

Projets Multimédia Avril-Juin 2008 Mr Declipeur Room on Demand : la chambre d hôtel du futur Par Thiebaut Ossola Et Marie-Laure Blaise 29 avril 2008 1

TABLE DES MATIERES INTRODUCTION...3 1. PUBLIC CIBLE...3 1.1 Public cible...3 1.2 Plateformes cibles...4 3. CHARTE GRAPHIQUE...6 3.1. L écran principal...6 3.2 Les écrans secondaires (accueil et départ)...7 4. SCENARIO...7 5. MEDIAS UTILISES...9 5.1 Un logiciel de création de sites web...9 5.2. Photoshop...9 5.3. Adobe Flash...9 6. PARTENAIRES PRESTATAIRES...9 7. EQUIPE DE PRODUCTION : ROLES ET ATTRIBUTIONS...10 7.1. Un chef de projet technique :...10 7.2. Un développeur :...10 7.3. Un scénariste - story boarder :...10 7.4. Un graphiste - animateur :...10 8. PLANNING PREVISIONNEL...11 9. BUDGET PREVISIONNEL...11 9.1 Budget Equipe de Réalisation...12 9.2. Budget besoin en logiciel...12 9.3 Budget Prestataire externe...13 9.4 Récapitulatif des coûts...13 2

Introduction «Room on Demand»(RoD) est une interface de personnalisation de la chambre d hôtel, disponible sur Internet. Une fois la chambre d hôtel confirmé sur le site web de myhotel¹ ou bien via une réservation téléphonique, le client sera redirigé vers une page web où il aura la possibilité de personnaliser certains aspects de sa chambre : qualité de l oreiller, dominante de couleur en chambre, contenu du minibar, sélection de chaînes de télévision, etc. Ce lien lui sera remis par un email de confirmation ou bien directement par le service réservation de myhotel. Ce système aura différents objectifs : - Représenter une réelle valeur ajoutée pour le client, en lui permettant de personnaliser sa chambre hôtelière de façon significative, en fonction de ses préférences ; - Offrir une interface simple, souple et intuitive, pour ne pas transformer cette offre en une expérience «frustrante» pour le client ; - Présenter un contenu à la fois réaliste et réalisable par l opérateur hôtelier, par exemple en limitant le nombre de modifications à ce qui est effectivement réalisable dans la chambre d hôtel. - Ce système devra permettre au client de visualiser le coût de chaque option, dans le cas où les options choisies entraîneraient un supplément. - Enfin, pour le partenaire hôtelier, la possibilité de conserver l ensemble des données du client dans une base clients, et ainsi permettre un degré de fidélisation accru. En effet, chacune des pages sera garder en mémoire dans un système, ce qui permettra de devancer les attentes des clients à chacune de ses visites 1. Public cible 1.1 Public cible RoD s adresse aux clients de l hôtel ayant déjà réservé leur chambre, et souhaitant bénéficier d une personnalisation accrue de leur chambre sur Internet. Comme ce public effectue de toute évidence des achats sur Internet, il s agit probablement de clients ayant l habitude de naviguer sur des pages Internet offrant un certain degré d interactivité (technologie Web 2.0), et prêts à consacrer une certaine attention au contenu offert. ¹ Le nom de l hôtel a été inventé pour les besoins du projet 3

Typiquement, le client idéal de RoD est un homme d affaire qui voyage seul, qui fréquente un certain type d hôtels par souci de confort et par habitude. Ce même client est souvent fidèle à un hôtel qu il apprécie parce qu il se sent reconnu à chacune de ses venues. Les fonctionnalités de la page s appuieront donc sur les besoins de ce profil d homme d affaire dans un premier temps, puis pourra se développer à d autres segments (couples et loisirs) par la suite Néanmoins, il faut garder à l esprit que ce public reste «zappeur»: entre 50% et 70% des usagers d Internet restent moins de 30 secondes sur un nouveau site, en fonction du contenu offert par ce site. Etant donné que la personnalisation d hôtel touche une catégorie d hôtels supérieure (quatre étoiles et plus), dont la clientèle est relativement aisée (CSP+), l interface devra présenter des caractéristiques esthétiques (charte graphique cohérente avec celle de l hôtel) ainsi qu un certain degré de finition (musique de fond, animations «Flash», etc.). 1.2 Plateformes cibles Comme ce contenu sera disponible sur Internet, il faudra qu il soit compatible avec la plupart des navigateurs Internet (en particulier IE 7.0 et Mozilla Firefox 2.0). Comme le public cible est probablement équipé d ordinateurs modernes et régulièrement mis à jours, on peut attendre qu ils soient équipés de lecteurs d animations flashs adéquats. 4

2. Architecture Interactive 5

3. Charte graphique Comme le système RoD constitue le prolongement d un site préexistant, il faudra suivre la charte graphique de l hôtel choisi, en conservant les couleurs, les logos et l identité visuelle de l établissement. Néanmoins, il faudra offrir une interface suffisamment vivante et attractive pour inciter le client à rester sur la page. On peut donc imaginer que RoD présentera deux types de contenu: - Un contenu purement «décoratif», offrant des animations attirant la curiosité du client, l incitant à rester sur le site ;(à ce titre, nous éviterons tout lien externe qui inciterait le client à sortir de la page) - Un contenu plus opérationnel, dont le but sera de présenter différentes options au client, lui permettant de faire ses choix, et de voir la chambre se personnaliser sur l écran au fur et à mesure de la navigation. 3.1. L écran principal L écran principal se composera de trois zones clairement délimitées : - Une large fenêtre centrale, qui présentera une vue de la chambre type de l hôtel. Cette vue sera directement reliée au type de chambre réservé par le client. Si le client choisit une chambre standard ; la vue générera les informations de la chambre standard. A l inverse, si le client a confirmé une réservation dans une suite, il se verra offrir la vue et les fonctionnalités d une suite. Par conséquence, les vues comprendront tous les éléments personnalisables de la chambres (lit, minibar, TV, ouverture sur la salle de bain, etc.) liés au type de la chambre. Les autres éléments de la page sont les suivants : - Un volet latéral, à la droite de la vue centrale, qui présentera les différentes options ; - Un bandeau placé au dessus de la fenêtre centrale et le volet latéral, reprenant le nom, le logo, les coordonnées de l établissement, - Un bouton «reset» (pour annuler toutes les options sélectionnées et revenir à la vue standard) et un bouton «check out»(pour confirmer toutes les options sélectionnées) seront disponibles et fonctionnelle sur la fenêtre centrale 6

Le fonctionnement du système RoD sera assez simple et intuitif : en passant avec la souris sur les zones personnalisables de la photo, les différentes options possibles pour cette zone s afficheront dans le volet latéral. Par exemple, en passant avec la souris sur l oreiller, l oreiller sera alors en zoom, un texte bulle indiquera l objet sélectionné au passage de la souris, et le volet latéral se mettra automatiquement à jour et présentera toutes les options d oreillers. En cliquant sur l une de ses options dans le volet latéral, la vue de la chambre se «mettra à jour». Par exemple, après avoir sélectionné une «couleur en chambre», la couleur des murs de la chambre se mettra à jour en fonction du choix du client. De façon à améliorer l expérience du client lors de la personnalisation de sa chambre, chaque changement pourrait s accompagner d une animation «flash», rendant le système RoD plus ludique et attractif. En outre, le client aura à disposition dans le volet latéral une «boite à outil», à partir de laquelle il pourra choisir d introduire les éléments supplémentaires dans sa chambre, à l aide d un drag and drop. Pour effacer les modifications réalisées et revenir à l écran de départ, l utilisateur pourra se servir d un bouton «reset»(dans le bandeau inférieur). Pour confirmer toutes les modifications réalisées, et sortir du système, l utilisateur pourra cliquer sur le bouton «check out», à partir duquel il sera mené vers une page de départ, qui lui indiquera que les préférences ont été envoyées à la Gouvernante de l hôtel. 3.2 Les écrans secondaires (accueil et départ) Il s agirait d écrans simples, accompagnés d animations flash de façon à attirer l attention du client : - L écran d accueil donnerait quelques instructions simples quant à l utilisation du système RoD ; L écran de départ confirmerait la prise en compte de ces préférences, indiquant qu elles ont été directement transmises à la Gouvernante (peut-être un numéro de ligne pour joindre cette personne directement pourrait agrémenter l écran et donner plus de «crédibilité» à l expérience). 4. Scénario Le client pourra grâce à ce système de personnalisation se sentir «comme à la maison». 7

Pour bien préparer sa venue, voici les quelques étapes clés de la navigation du client de myhotel : a) Le client sur un bouton «Customise my room» présent sous la forme d onglet sur la Homepage de l Hôtel. b) Une brève animation flash fait patienter le client jusqu'à ce que la page charge c) Le client entre sur la page principale où s ouvre directement une fenêtre pop up. La pop up explique le fonctionnement de la page de la manière suivante «Welcome, Mr Dupont. In order to enjoy your experience at MyHotel, you are invited to customize your room. Please click on each element that you would like to tailor to your needs. You will have then a variety of colors or objets to choose from. You basket will resume your preferences and could be either recorded or directly send to the concierge. We already wish you a wonderful stay. Feel free to contact us in case you need further details d) En passant la souris sur les différents éléments de la chambre, le lit, le mur, le mini bar, les fleurs, les chaînes TV, l élément en question sera zoomé. En cliquant sur l objet, le détail du menu s affichera dans le menu de droite (cf l architecture interactive qui permet de visualiser les différents menus) e) Le click sur l objet le sélectionnera et il sera automatiquement transposé dans le volet latéral droit. Le client a la possibilité de désélectionner l élément en cliquant une seconde fois dessus. f) De la même façon, le client est invité à parcourir les différentes zones de l écran à l aide de la souris afin d effectuer d autres sélections. g) Une fois la sélection terminée et l ensemble des choix effectués, le client pourra cliquer sur le bouton «save» en bas du volet vertical à droite la page. h) Une nouvelle fenêtre s ouvre pour inviter le client à confirmer ses choix : Si le client valide, il passe en i) Si le client ne valide pas (click sur «close»), il reste sur la page principal. i) Une autre fenêtre s ouvre alors avec les détails financiers, liés au choix de chaque objet. Durant cette étape, le client est libre de désélectionner un élément et de choisir un autre élément via un bouton «return to main page». Si le client est satisfait, il clique sur «save my preferences» 8

Si le client valide ses choix et clique sur save my preferences, une pop up s ouvre «We are taking your options in consideration. We are looking forward to your stay at myhotel» Si le client ne souhaite pas valider, il a alors le choix entre Save your current data and send it later» ou «I don t want to record my data». 5. Médias utilisés Les médias utilisés pour réaliser ce projet de RoD seront les suivants 5.1 Un logiciel de création de sites web Il faudrait en effet avoir la possibilité de créer une architecture basique de site web qui présenterait très succinctement l hôtel, et ses informations concernant ses chambres, ses prix et sa localisation. Dès la réservation confirmée, le client serait alors très rapidement orienté sur l onglet :«customise your room» qui présente le système RoD. 5.2. Photoshop Photoshop sera utilisé pour transformer les photos et icônes souhaitées dans la page 5.3. Adobe Flash Adobe Flash permettra de réaliser des animations interactives. Pratiquement, Flash va permettre l importation de fichiers Adobe Photoshop, avec lequel l équipe technique aura fabriqué les icônes nécessaires à l ergonomie de la page. A partir de ces icônes, il sera possible de faire évoluer l image en permettant par exemple de zoomer sur un objet en passant le souris dessus (système de mouse over) D autres fonctionnalités en termes d ergonomie sont prévues avec Adobe Flash, comme la réalisation d une vue dynamique de la chambre. 6. Partenaires prestataires Après avoir effectué une comparaison entre les avantages et inconvénients de l externalisation, il a été décidé l internalisation de la maîtrise d œuvre. 9

L équipe de production sera donc une équipe interne à l hôtel. Le DSI sera en charge de l organisation et du recrutement de l équipe RoD. Etant donné l importance donnée à l expérience perçue par le client de l hôtel, il est nécessaire de pointer l importance de l aspect esthétique et de la charge graphique. Pour cette raison, il a été prévu de travailler en partenariat avec une agence Web design sur les aspects graphiques uniquement. 7. Equipe de production : Rôles et attributions² 7.1. Un chef de projet technique : Le Chef de projet a en charge la gestion du projet, l encadrement des équipes du projet. Il se porte garant des engagements fonctionnels et techniques relatifs à cette prestation, il affecte les ressources aux tâches, supervise les développements et les tests de l application ainsi que la recette. Il est aussi coordinateur des actions produites par l agence de Web design. 7.2 Un développeur : Il est chargé de la réalisation d un ensemble de tâches du projet. A partir du dossier de spécifications, il réalise le développement ou l intégration des fonctionnalités indiquées. Nous compterons au cours de la phase de recette, la réalisation de tests unitaires afin que l application soit rendue opérationnelle. Le développeur réalisera les tests unitaires sur l application conjointement avec le chef de projet. 7.3. Un scénariste - story boarder : Le scénariste story-boarder sera en charge de faire ressortir les besoins et de les transcrire clairement. Il sera en charge notamment du dossier de spécifications, réalisé conjointement avec le chef de projet technique. 7.4. Un graphiste - animateur : Le graphiste animateur sera en charge des relations avec l agence de Web design. Il aura pour tâche de valider les besoins en interne et sera le garde fou des standards de la charte graphique. ² Pour des raisons évidentes de technique liées à la conduite de projets dans le cadre de l Essec, les rôles et attributions de tâches seront effectivement répartis entre les deux membres du binôme 10

8. Planning prévisionnel Le planning prévisionnel prend compte de l architecture des pages souhaitées et du temps de développement requis à l élaboration de l interface RoD Phase/ jour S1 S2 S3 S4 S5 S6 S7 S8 S9 Cadrage/ lancement Dossier de spécification Réalisation Intégration Recette Le planning prévoit une durée de 9 semaines- avec 5 jours ouvrés par semaine- pour la mise en place de l interface Web. 9. Budget prévisionnel Le devis établi à partir des coûts d'unité d'oeuvre en relation avec les qualifications des ingénieurs retenus. Ces prix intègrent les coûts de l administration de la plate-forme de développement utilisée pendant la durée du projet. Les tarifs journaliers des interventions forfaitaires par jour de développement sont les suivants³ _ 600.H.T. pour les prestations de Chef de projet (CP), _ 400.H.T. pour les prestations d ingénieur en Développement (IE) _ 500.H.T pour les prestations du Scénariste/story-board (SB) _ 100.H.T. pour les prestations du Graphiste animateurs (GA) _ 500. HT pour les prestations de la société partenaire en Web design Notre estimation des coûts prévisionnels est réalisée de la manière suivante : 11

9.1 Budget Equipe de Réalisation Etape Poste estimation du Nb de J de dvlpmt Total HT Cadrage, conception, lancement Chef de Projet 5 jours 6000,00 Scénariste- story boarder 5 jours 5000,00 EQUIPE DE REALISATION Etudes et spécifications Chef de Projet 10 jours 6 000,00 Scénariste- story boarder 10 jours 5000,00 Graphique- animateur 10 jours 1000,00 Réalisation Chef de Projet 15 jours 9000,00 Ingénieur développement 15 jours 6000,00 Graphiste- animateur 15 jours 1500,00 Intégration Chef de Projet 5 jours 6000,00 Ingénieur développement 5 jours 4000,00 Recette Chef de Projet 10 jours 6000,00 Ingénieur développement 10 jours 5000,00 Graphiste 10 jours 1000,00 SOUS TOTAL HT EQUIPE 125 jours 61 500,00 9.2. Budget besoin en logiciel LOGILCIELS Besoin en logiciels Cadrage, conception de site web Etudes et spécifications Réalisation Dreamweaver, Filezilla Photoshop, Painter, Photofiltre Photoshop, Painter, Photofiltre Photoshop, Painter, Photofiltre Adobe Flash licence à l'unité* Nbre de stations Coût total Coût des logiciels Dreamweaver 572,88 2 1145,76 Photoshop 411,83 2 823,65 Painter et Photofiltre 0,00 2 0,00 Adobe Flash 447,27 1 447,27 SOUS TOTAL TTC LOGICIEL 2 416,68 * prix recherché sur le site web d adobe 12

9.3 Budget Prestataire externe PRESTATAIRE Prestataire externe Agence web Etape estimation du Nb de Jrs de dvlpmt Total HT Cadrage, conception, lancement 2 1000,00 Etudes et spécifications 5 2500,00 Réalisation 10 5000,00 Intégration 2 1000,00 SOUS TOTAL PRESTATAIRE 9500,00 9.4 Récapitulatif des coûts Récapitulatif HT TTC* EQUIPE DE REALISATION 61500,00 73554,00 PRESTATION EXTERNE 9500,00 11362,00 LOGICIELS 2416,68 TOTAL 87332,68 * TVA= 19,6% Le prix total du projet RoD est estimé à 87 332, 68 euros TTC. 13