EIP - Begreen Documentation utilisateur

Transcription

1 Ce document contient la documentation à destination des utilisateurs EIP - Begreen Documentation utilisateur Romain Cornu - Charles Lacquit - Ludovic Le Vaillant - Sebastien Cochet Simon Diradourian - Cyril Lauxerois

2 Résumé du document La documentation utilisateur a pour but d'expliquer comment utiliser nos services aux utilisateurs. Il constitue un guide et un mode d emploi pour l utilisateur. Il permet également de répondre aux questions posées les plus fréquemment par les utilisateurs, et les aide à résoudre les problèmes qu ils pourraient rencontrer. 1

3 Description du document Titre EIP - Begreen Documentation utilisateur Date 01/04/2013 Romain Cornu Charles Lacquit Sébastien Cochet Simon Auteurs Diradourian Sujet Documentation Utilisateur Version du modèle 3.0 Tableau des révisions Date Auteur Section(s) Commentaire 24/06/2013 Tous Toutes Première révision Application Ajout de la partie Windows 8 et 24/06/2013 Romain mobile Windows Phone 8 25/06/2013 Charles Site Web Ajout de la partie web 27/06/2013 Sebastien Android Ajout de la partie Android 27/06/2013 Simon ios Ajout de la partie ios 24/06/2013 Romain Application mobile Mise a jour de la partie Windows 8 et Windows Phone 8 2

4 Contenu Résumé du document... 1 Description du document... 2 Tableau des révisions... 2 Contenu Description du projet Application Web... 6 a. Accès au site internet... 6 b. Connexion au site web... 6 c. Création de compte... 8 d. Recherche d un produit e. Comparer des produits Applications Mobiles a. Windows Connexion Barre de navigation latérale Catalogue Comparateur Gestion de compte b. ios Menu principal Compte Catalogue c. Android Installation... Erreur! Signet non défini. Creation d'un compte Connexion au compte Catalogue Produit d. Windows Phone Connexion / inscription Inscription Page d accueil

5 Recherche Mon compte A propos e. Bug connus

6 1. Description du projet BeGreen est un site s adressant aussi bien aux particuliers qu aux professionnels. Il permet de comparer et d estimer les avantages financiers et énergétiques de vos produits par rapport à ceux du marché. L utilisateur obtiendra des graphiques sur les coûts en fonction du temps ainsi qu une liste d articles à fort taux de rentabilité. Le site proposera des catégories/sous-catégories (Marques, types, références..) selon les articles disponibles. Une fois les catégories sélectionnées des filtres seront disponibles pour affiner le comparatif. Lors de la sélection d'un article on accèdera à sa fiche produit, ainsi qu'un graphique sur sa consommation d'énergie/coûts dans le temps. Un article peut être ajouté à l outil de comparaison, il regroupe les graphiques des articles sélectionnés en un, et permet de visualiser le plus rentable. Le coût sera calculé avec une moyenne du prix de l'énergie. Chaque article possède une note. Cette note est le résultat de l'empreinte écologique du produit. L'empreinte écologique rassemble toute les informations liées à l'environnement qui dépendent du cycle de vie du produit. Par exemple : Matériaux utilisé, transport, recyclable... Il est possible de s'enregistrer pour avoir des informations plus précises notamment en indiquant les produits que nous possédons dans notre foyer pour les comparer à de nouveaux produits. 5

7 2. Application Web a. Accès au site internet Pour accéder au site web, utilisez votre navigateur web préféré puis aller sur un moteur de recherche (Google ou Bing par exemple). Effectuez une recherche en utilisant les mots clés «begreen eip» dans la barre de recherche. Puis cliquer sur le lien contenant l adresse internet, (voir Figure 1). Figure 1 - Accès à l'adresse du site via un moteur de recherche Il vous est aussi possible d accéder au site en tapant directement son adresse internet, dans votre navigateur web (voir Figure 2). Figure 2 - Accès direct au site via son adresse web b. Connexion au site web Une fois sur le site web, vous avez la possibilité de vous connecter. Pour ce faire il vous suffit de cliquer sur le bouton «Login» (voir Figure 3), ou d aller directement à l adresse internet 6

8 Figure 3 - Accès à la page de Login via le menu du site La page de Login vous permet de renseigner les informations de votre compte afin d être connecté. Les informations demandées sont votre username et votre mot de passe (voir Figure 4). Figure 4 - Boîte de connexion au site Sur cette page plusieurs erreurs peuvent être rencontrées : Mot de passe invalide : le mot de passe que vous tentez d utiliser ne correspond pas au compte auquel vous essayez de vous connecter. Username invalide : l username que vous tentez d utiliser n existe pas dans la base de données des utilisateurs. Il ne vous est pas obligatoire de vous connecter sur le site pour bénéficier de toutes les fonctionnalités. Cependant si vous souhaitez faire plus que consulter notre catalogue et analyser les produits disponibles, il vous faudra créer un compte. 7

9 c. Création de compte La page de création de compte vous permet de créer un compte pour accéder aux fonctionnalités privées du site. Pour accéder à cette page, il vous suffit de cliquer sur le bouton «Register» dans le menu (voir Figure 5), ou d aller directement à l adresse internet Figure 5 - Accès à la création de compte via le menu du site Une fois sur la page de création de compte il vous sera demandé les informations suivantes (voir Figure 6) : Username : Champ texte qui servira de nom d affichage sur le site et vous sera demandé lors de votre connexion. Password : Champ texte qui sera votre mot de passe utilisé lors de votre connexion. Confirm Password : Champ texte qui s assure que vous n ayez pas fait de fautes de typographies dans votre mot de passe, en vous demandant de le retaper. 8

10 Figure 6 - Formulaire d'enregistrement Sur cette page les erreurs suivantes peuvent être rencontrées : Le mot de passe doit faire au moins 6 caractères : votre mot de passe doit contenir au minimum 6 caractères, si ce n est pas le cas le compte ne peut pas être créé. Le mot de passe et le mot de passe à confirmer ne correspondent pas : Le mot de passe que vous avez rentré n est pas identique au mot de passe à confirmer, si les deux mots de passes ne sont pas parfaitement identiques le compte ne peut pas être créé. Après avoir complété cette étape avec succès vous faites partie des membres du site. Vous avez maintenant accès à toutes les fonctionnalités suivantes : Faire une requête de mot de passe oublié : Permet de générer un nouveau mot de passe dans le cas où vous auriez un problème avec votre mot de passe actuel. Répertorier les produits de son foyer : Permet d enregistrer les produits qui se trouvent dans votre foyer, vous pourrez les comparer avec les produits disponibles sur le site. Proposer un article : Si vous remarquez qu un produit n est pas disponible sur notre site, vous avez la possibilité de faire changer les choses en nous suggérant un nouveau produit. 9

11 Renseigner ses informations : Vous pouvez indiquer des informations propres à votre consommation d énergie telles que votre fournisseur d énergie, vos plages horaires de consommations Ces données permettront d améliorer les calculs lors de la comparaison. Modifier son mot de passe : Permet de changer votre mot de passe. Modifier son adresse Permet de changer votre adresse . Se déconnecter : Si vous souhaitez retourner au statut d utilisateur jusqu à votre prochaine identification. d. Recherche d un produit Il vous est possible de rechercher un produit, soit par une recherche simple en utilisant le nom de l article, soit par une recherche avancée en utilisant des caractéristiques tels que la marque, la catégorie (exemples : machine à laver, téléviseur), La recherche simple peut être directement effectuée depuis la page d accueil du site (voir Figure 7). Figure 7- Recherche simple d'un produit depuis la page d'accueil La recherche avancée est accessible depuis une page dédiée, où il vous est possible de renseigner un maximum d informations. Si votre recherche aboutit sur des résultats multiples, une liste des produits correspondants vous est présentée. Cette liste est organisable selon plusieurs critères de pertinences telles que (la marque, le prix, la note écologique ). 10

12 Une fois la recherche terminée et le produit sélectionné, vous accéder à la page de détail du produit. Toutes les informations relatives au produit y sont affichées (référence constructeur, prix, consommation énergétique, note écologique ). Depuis cette page il vous est possible d ajouter le produit à une comparaison. e. Comparer des produits La page de comparaison est accessible depuis le menu du site ou directement via son adresse internet. Sur cette page vous retrouverez les produits que vous avez préalablement sélectionnés. Les produits sont comparés suivant différents critères (prix, consommation énergétique, composant, payant de fabrication ). Le produit ayant le meilleur score est mis en avant. 11

13 3. Applications Mobiles a. Windows 8 Connexion Afin d accéder à la comparaison Begreen sur les applications et le site web il est nécessaire de s identifier, pour cela remplissez le premier champ avec votre identifiant, puis le champ directement dessous avec votre mot de passe. Il est possible de créer un compte en utilisant le bouton «+» 12

14 Barre de navigation latérale La barre de navigation latérale permet de naviguer sur les grandes sections de l application, (en cliquant sur les boutons associes) : - Le catalogue - L outil de comparaison - La gestion de compte - Les paramètres 13

15 Catalogue Le premier niveau du catalogue permet de sélectionner un rayon parmi la liste proposée. Pour sélectionner un rayon cliquer sur celui-ci. Barre d application horizontale: Il est possible de rafraichir la liste des produits en utilisant le bouton «rafraichir» (refresh). 14

16 Le second niveau du catalogue permet de parcourir la liste de produits associes au rayon, et de sélectionner un produit pour le visionner. Barre d application horizontale: Il est possible d ajouter ou retirer un produit du comparateur en utilisant le bouton «ajouter» (add) ou «retirer» (remove) 15

17 Comparateur En naviguant sur la page de comparaison, vous pouvez consulter la liste des produits présents dans votre comparateur et découvrir les notes qu ils leurs ont été assignes. 16

18 Gestion de compte En navigant sur la page de gestion de compte, vous pouvez consulter vos informations personnelles relatives à votre compte. Barre d application horizontale: Il est possible d éditer ou rafraichir les donnes de votre compte grave aux boutons «éditer» (edit) 17 et «rafraichir» (refresh). Le bouton déconnexion (log out) permet de quitter la session.

19 b. ios Menu principal Le menu principal s'affiche au lancement de l'application. Il permet d'accéder au catalogue ainsi qu'à la gestion du compte. 18

20 Compte Si vous n'êtes pas encore connecté, la page de compte vous permettra soit de vous connecter, soit de vous enregistrer en entrant vos informations. La connexion se fait grâce à votre adresse et au mot de passe que vous avez renseignés. Vous recevrez une alerte en cas d'erreur lors de la connexion ( ou mot de passe invalide, échec de la connexion au serveur, etc...) 19

21 Une fois connecté, les informations basiques de votre compte sont affichées. Il est possible de les modifier, ainsi que de changer de mot de passe, à l'aide du bouton "edit". Le bouton "logout" vous permet de vous déconnecter et de retourner à la page de connexion. Le bouton "back" renvoie au menu principal 20

22 Catalogue Un clic sur le bouton "catalogue" du menu principal vous envoie vers la liste des catégories de produits (washers, TVs, etc..). Une fois la catégorie sélectionnée, il est possible de rechercher un produit en cliquant tu le symbole le loupe, ou d'en afficher les détails. 21

23 Comparaison des produits Une fois les détails d un produit affichés, il est possible de le sélectionner pour comparaison en cliquant sur le bouton «Comparer». Si un produit est déjà sélectionné, l affichage d une autre fiche produit mènera à la page de comparaison. 22

24 c. Android Installation Pour télécharger l'application Begreen sur Android rendez vous sur Google Play. Google Play est une application sur Android qui permet de télécharger vos applications. Tapez "BeGreen" dans la barre de recherche Google Play puis cliquez sur "télécharger" 23

25 Creation d'un compte Pour créer un compte il suffit de cliquer sur le bouton Register. Renseignez ensuite les informations demandées. Un message apparait pour valider votre inscription. Sur cette page les erreurs suivantes peuvent être rencontrées : -Le mot de passe doit faire au moins 6 caractères : votre mot de passe doit contenir au minimum 6 caractères, si ce n est pas le cas le compte ne peut pas être créé. -Le mot de passe et le mot de passe à confirmer ne correspondent pas : Le mot de passe que vous avez rentré n est pas identique au mot de passe à confirmer, si les deux mots de passes ne sont pas parfaitement identiques le compte ne peut pas être créé -Le format d' est invalide: L' que vous avez rentré n'est pas valide, il ne comporte pas d'arobase, ou le nom de domaine n'est pas accepté. 24

26 Connexion au compte Pour se connecter à son compte, il suffit de cliquer sur le bouton Login puis de renseigner son et mot de passe. Un message apparait pour valider la connexion. Sur cette page plusieurs erreurs peuvent être rencontrées : - Mot de passe invalide : le mot de passe que vous tentez d utiliser ne correspond pas au compte auquel vous essayez de vous connecter. - Username invalide : l username que vous tentez d utiliser n existe pas dans la base de données des utilisateurs. 25

27 Catalogue Produit Pour accéder au produit cliquer sur le bouton "Products" puis sur la catégorie de votre choix. Vous accédez alors à l'ensemble des produits de la catégorie choisie. En cliquant sur le produit, vous accédez à la fiche de celui ci 26

28 Comparaison des produits Il est possible de comparer deux produits de la même catégorie. 27

29 d. Windows Phone 8 Connexion / inscription La page de connexion / inscription permet de se connecter ainsi que de créer un compte Begreen. Pour défiler sur les différentes parties glisser votre doigt de droite à gauche ou cliquer directement sur la partie cible. Pour vous connecter entrez vos identifiants et valider grâce au bouton «valider». Pour créer un compte utiliser le bouton «+». 28

30 Inscription Pour créer un compte remplissez chacun des champs pour appuyer sur le bouton «sauvegarder» (save). L utilisation d une photo n est pas requise pour la création d un compte. 29

31 Page d accueil Pour naviguer d une partie à une autre glisser votre doigt de droite à gauche ou inversement. Le bouton de recherche vous permet d accéder à la page de recherche. Le bouton d aide «?» permet d accéder à la page d aide. 30

32 Recherche Pour effectuer une recherche, entrez un ou plusieurs mots clefs dans l espace à gauche de la loupe, puis cliquer sur la loupe pour effectuer la recherche. 31

33 Mon compte Pour accéder à la page de «Mon compte», cliquer sur le bouton «mon compte» sur la page d accueil. La page «Mon compte» vous permet de visualiser et modifier les informations relatives à votre compte. Depuis la barre d action, Il est aussi possible de se déconnecter de la session courante en utilisant le bouton «déconnexion» (log out) et de supprimer le compte courant en utilisant le bouton «supprimer mon compte» (delete my account). 32

34 A propos Accéder à la page «à propos» depuis la page d accueil. Cette page vous permet de découvrir les membres de l équipe de Begreen. 33

35 e. Bug connus Les applications Begreen ne contiennent pas de bugs connus. Une phase de test intensive et résolution de bugs est prévue. 34