Mode d'emploi du site internet Youfood et de son application Android

1. You Food Inc.
Mode d’emploi
1
14juin2012
Y o u F o o d I n c .
M A S S A - O N F R O Y A u r é l i e n
G R O N D I N F l o r i a n
M O R E T T I J é r é m y
K A R A A z o c a n
1 4 / 0 6 / 2 0 1 2
SUPINFO Nice B3
Explication pas à pas de l’implémentation de la solution dans
les Restaurants You Food.
Mode d’emploi

2. 2 SUPINFO Nice B3
14juin2012
Table des matières
I. Introduction................................................................................................................................................. 3
II. Descriptif du contenu de la solution............................................................................................................ 3
III. Mode d’emploi ............................................................................................................................................ 3
A. Le site internet......................................................................................................................................... 3
a. Disponibilité des ressources................................................................................................................ 3
b. Gestion du menu ................................................................................................................................. 4
c. Analyse des données par Restaurant.................................................................................................. 5
d. Le menu............................................................................................................................................... 5
e. L’interface Admin ................................................................................................................................ 5
B. L’application client : YouFoodApp........................................................................................................... 5
f. Configuration du restaurant................................................................................................................ 6
g. Configuration de la table..................................................................................................................... 7
h. Ajouter un plat au panier .................................................................................................................... 8
i. Supprimer un plat du panier ............................................................................................................... 8
j. Finaliser une commande ..................................................................................................................... 9

3. You Food Inc.
Mode d’emploi
3
14juin2012
I. Introduction
Ce document a pour but de définir la solution mise en place pour la société You Food et ses
différents Restaurants.
You Food est une société (voir pdf)
II. Descriptif du contenu de la solution
Merci d’avoir choisi notre solution pour votre projet.
Notre solution comporte :
2 Applications Android :
o 1 Application client :
 Mémorise le numéro de table et l’adresse du restaurant
 Permet de passer des commandes depuis un menu géré sur le site internet
 A la fin de la commande le client doit payer par Paypal pour que la commande soit
envoyée au site internet
o 1 Application serveurs (waiters) :
 Mémorise l’adresse du restaurant
 Récupère les commandes non encore traitées depuis le site internet
 Valide ou Annule une commande
1 Site internet de gestion dont l’adresse est provisoire :http://youfood94018.heroku.com :
o Affiche le menu et propose des outils pour le modifier
o Affiche des statistiques par restaurant sur les différentes commandes
o Contient une interface ADMIN pour gérer les données de la base de données
III. Mode d’emploi
A. Le site internet
a. Disponibilité des ressources
Dès l’arrivée sur la page d’accueil du site, il faut se connecter (id :youfoodADMIN, mdp :secret) pour
arriver sur l’interface graphique du site internet.

4. 4 SUPINFO Nice B3
14juin2012
Les ressources du Service REST (envoyées au format JSON) sont disponibles sans se connecter.
b. Gestion du menu
Une fois connecté, on arrive sur le menu. Depuis cette page il est possible de modifier le menu en
retirant un plat ou une catégorie :
Ou encore de rajouter un plat ou une catégorie :
Pour une administration plus globale du menu, il faut cliquer sur « Administration du menu » qui va faire
dérouler ce menu :
Depuis cette interface, on peut créer un nouveau menu, activer un ancien menu, ou supprimer le menu
actuellement affiché.

5. You Food Inc.
Mode d’emploi
5
14juin2012
c. Analyse des données par Restaurant
En dessous du menu, nous avons affiché les Restaurants existant.
En cliquant sur l’un d’eux, nous avons un diagramme (camembert) qui s’affiche. Celui-ci va montrer la
proportion en pourcentage des plats commandé dans ce Restaurant.
d. Le menu
Tout en haut de chaque page, il y a le nom de la société (lien vers la page d’accueil), avec un bouton
Admin et Logout :
e. L’interface Admin
Une fois qu’on a cliqué sur Admin, la page suivante s’affiche :
D’ici on peut créer une nouvelle Catégorie, ajouter un nouveau Plat, ajouter un Restaurant, et créer des
nouveaux Utilisateurs.
B. L’application client : YouFoodApp
L’application démarre sur le menu actif de la chaîne YouFood.

6. 6 SUPINFO Nice B3
14juin2012
A la première utilisation, il est nécessaire de configurer le restaurant ainsi que la table auxquels la tablette
sera associée. Pour ce faire, il suffit de suivre les étapes suivantes :
a. Configuration du restaurant
Appuyez sur le bouton menu de la tablette Android, un menu d’options s’affiche. Cliquez ensuite sur
« Choisir un restaurant »
La liste des restaurants devrait s’afficher. Si rien ne s’affiche, il est possible qu’aucun restaurant ne soit
disponible dans le service Web, veuillez vous référer au mode d’emploi du service Web.
Choisissez le restaurant dans lequel la tablette sera utilisée.

7. You Food Inc.
Mode d’emploi
7
14juin2012
b. Configuration de la table
Appuyez sur le bouton menu de la tablette Android, un menu d’options s’affiche. Appuyez ensuite
sur « Numéro de table »
Une nouvelle interface s’affiche, Il suffit ensuite de spécifier le numéro de table dans le champ de texte et
d’appuyer sur le bouton « Valider »

8. 8 SUPINFO Nice B3
14juin2012
c. Ajouter un plat au panier
Pour ajouter un plat au panier, le client doit effectuer un appui simple sur le plat demandé, cela
affichera la fenêtre de dialogue tel que suit :
Le client doit ensuite appuyer sur « Oui » afin d’ajouter le plat désiré ou sur « Non » pour annuler son choix.
d. Supprimer un plat du panier
Lorsque le client appuie sur le bouton « Afficher le panier », la liste des plats dans le panier s’affiche.
Un appui simple sur un des plats du panier affichera la fenêtre de dialogue tel que dans l’image qui suit :

9. You Food Inc.
Mode d’emploi
9
14juin2012
Le client doit ensuite appuyer sur « Oui » afin de supprimer le plat non-désiré ou sur « Non » pour revenir
sur son panier.
e. Finaliser une commande
Le panier se présente comme qui suit :
Un simple appui sur le bouton « Payer avec PayPal » le mènera au service de paiement Paypal intégré à
l’application :

10. 10 SUPINFO Nice B3
14juin2012
Le client n’a plus qu’à suivre les étapes du paiement Paypal.
C. L’application de gestion des commandes
L’application de gestion des commandes démarre sur la liste des commandes non-traitées du restaurant
auquel elle est liée.
Au premier démarrage de l’application, la liste des commandes est vide, ceci est un comportement normal
de l’application. L’application n’étant liée à aucun restaurant par défaut, il est nécessaire de le faire. Pour ce
faire, il suffit de suivre les étapes suivantes :
a. Configurer le restaurant
Afin de lier l’application à un restaurant, appuyez sur le bouton « menu » de la tablette Android puis
effectuez un appui simple sur choisir un restaurant.

11. You Food Inc.
Mode d’emploi
11
14juin2012
La liste des restaurants devrait s’afficher. Si rien ne s’affiche, il est possible qu’aucun restaurant ne soit
disponible dans le service Web, veuillez vous référer au mode d’emploi du service Web.
Choisissez le restaurant dans lequel la tablette sera utilisée.
b. Actualiser la liste des commandes
Afin d’actualiser la liste des commandes, appuyez sur le bouton « menu » de la tablette Android, puis
effectuer un appui simple sur le bouton « Refresh » ou « Actualiser »

12. 12 SUPINFO Nice B3
14juin2012
c. Terminer une commande
Afin de marquer une commande comme terminée ou servie, effectuez un appui simple sur le titre de la
commande concernée, cela affichera la fenêtre de dialogue suivante :
Il suffit ensuite d’appuyer sur « Oui » pour marquer la commande comme terminée ou servie. Un appui
simple sur « Non » vous ramènera sur la liste des commandes.
d. Annuler une commande
Afin d’annuler une commande, effectuez un appui long sur le titre de la commande concernée, cela affichera
la fenêtre de dialogue suivante :

13. You Food Inc.
Mode d’emploi
13
14juin2012
Appuyez ensuite sur « Oui » afin d’annuler la commande sélectionnée.