1
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
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
¹ Le nom de l’hôtel a été inventé pour les besoins du projet 3
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.
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.
5 2. Architecture Interactive
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
7 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 ».
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»
9 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.
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.
11 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 :
9.1 Budget Equipe de Réalisation
9.2. Budget besoin en logiciel
Besoin en logiciels
Cadrage, conception de site web Dreamweaver, Filezilla
Photoshop, Painter, Photofiltre
Etudes et spécifications Photoshop, Painter, Photofiltre
Réalisation Photoshop, Painter, Photofiltre
Adobe Flash
licence à l'unité*
Nbre de
stations Coût total
Coût des logiciels Dreamweaver 572,88 € 2 1 145,76 €
Photoshop 411,83 € 2 823,65 €
Painter et Photofiltre 0,00 € 2 0,00 €
Adobe Flash 447,27 € 1 447,27 €
LOGILCIELS
SOUS TOTAL TTC LOGICIEL 2 416,68 €
* prix recherché sur le site web d’adobe
Etape Poste
estimation du Nb de J
de dvlpmt Total HT
Cadrage, conception, lancement Chef de Projet 5 jours 6 000,00 €
Scénariste- story boarder 5 jours 5 000,00 €
Etudes et spécifications Chef de Projet 10 jours 6 000,00 €
Scénariste- story boarder 10 jours 5 000,00 €
Graphique- animateur 10 jours 1 000,00 €
Réalisation Chef de Projet 15 jours 9 000,00 €
Ingénieur développement 15 jours 6 000,00 €
Graphiste- animateur 15 jours 1 500,00 €
Intégration Chef de Projet 5 jours 6 000,00 €
Ingénieur développement 5 jours 4 000,00 €
Recette Chef de Projet 10 jours 6 000,00 €
Ingénieur développement 10 jours 5 000,00 €
Graphiste 10 jours 1 000,00 €
EQUIPE DE REALISATION
SOUS TOTAL HT EQUIPE 125 jours 61 500,00 €
13 9.3 Budget Prestataire externe
Prestataire externe Agence web Etape
estimation du Nb de Jrs
de dvlpmt Total HT
Cadrage, conception, lancement 2 1 000,00 €
Etudes et spécifications 5 2 500,00 €
Réalisation 10 5 000,00 €
Intégration 2 1 000,00 €
PRESTATAIRE
SOUS TOTAL PRESTATAIRE 9 500,00 €
9.4 Récapitulatif des coûts Récapitulatif
HT TTC*
EQUIPE DE REALISATION 61 500,00 € 73 554,00 €
PRESTATION EXTERNE 9 500,00 € 11 362,00 €
LOGICIELS 2 416,68 €
TOTAL 87 332,68 €
* TVA= 19,6%
Le prix total du projet RoD est estimé à 87 332, 68 euros TTC.
