Difference between revisions of "ECOM RICM5 Groupe6 2017 - Evaluation acceuil"

From air
Jump to navigation Jump to search
(Created page with "---- {|class="wikitable alternance" |+ Fiche de suivi |- | !scope="col"| |- | colspan="7" style="text-align: center; background-color:green;"| <span style="color:whit...")
 
 
(20 intermediate revisions by the same user not shown)
Line 2: Line 2:
   
 
{|class="wikitable alternance"
 
{|class="wikitable alternance"
  +
|+ Evaluation selon les 10 principes de Jacob Nielsen
|+ Fiche de suivi
 
|-
+
|
 
!scope="col"|
 
   
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >Visibilité de statut du système</span>
|-
 
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Le système devrait maintenir l’utilisateur toujours informé sur sa localisation à travers des marquages appropriées dans un temps raisonnable. Dans ce principe, deux chose sont plus importantes : Les utilisateurs doivent savoir où est-ce qu’ils sont et où est-ce qu’ils doivent aller.</span>
   
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">Préparation de sprint</span>
 
|-
 
| rowspan="2" | <span style="color:blue">Mardi 26/09/17</span>
 
| <span style="color:green">Taches effectuées</span>
 
|<!-- Alicia --> style="width: 225px;" |
 
* Analyse des scénarios et extraction d'arbres des tâches
 
* Autoformation sur Angular 4
 
|<!-- Aymeric --> style="width: 225px;" |
 
* Analyse de scénarios et extraction d'arbre des tâches
 
* Installation docker sur ma machine perso
 
* Test JHipster dans un container docker
 
* Autoformation sur Angular 4
 
|<!-- Ahmed--> style="width: 225px;" |
 
* Réalisation d'arbre des tâches à partir des scénarios
 
* Installation Jhipster
 
* Formation sur Jhipster
 
* Génération d'un premier site à l'aide de Jhipster
 
|<!-- Boris--> style="width: 225px;" |
 
* Réalisation d'arbre des tâches à partir des scénarios
 
* Installation Jhipster
 
* Création fiche de suivis WikiAir
 
* Première prise de contact avec le client
 
|<!-- Vincent-->
 
* Analyse scénarios + arbre des tâches
 
* Formation utilisation/compréhension JHipster : Gateway/JHipster Register/Microservices
 
* Formation utilisation Docker
 
 
|-
 
|-
|<span style="color:red">Problèmes rencontrés</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|<!-- Alicia -->
 
  +
Présence description du site plus boutons d'inscription de connexion ou de redirection vers les courses.
   
|<!-- Aymeric -->
 
* Génération JHipster : connection admin/user
 
|<!-- Ahmed-->
 
   
  +
|-
|<!-- Boris-->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
  +
Même si on le comprend facilement, il n'y a aucune indication que c'est la page d’accueil
   
  +
|-
|<!-- Vincent-->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
  +
écrire quelque part, accueil.
   
|-
 
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SPRINT 0</span>
 
|-
 
| rowspan="2" | <span style="color:blue">Mardi 03/10/17</span>
 
|<span style="color:green">Taches effectuées</span>
 
|<!-- Alicia -->
 
* Analyse des scénarios et extraction d'arbres des tâches
 
* Réflexion sur l'architecture Système et création du SAS
 
* Rédaction du DCS
 
|<!-- Aymeric -->
 
* Analyse de scénarios et extraction d'arbre des tâches
 
* Diagramme de contexte V1
 
* Reflexion en groupe sur la séparation en micro-services
 
|<!-- Ahmed-->
 
* Réalisation d'arbre des tâches à partir des scénarios
 
* Réalisation d'un product backlog
 
|<!-- Boris-->
 
* Réalisation d'arbre des tâches à partir des scénarios
 
* Etude des micros service en liens avec notre projet
 
|<!-- Vincent-->
 
* Analyse scénarios + arbre des tâches
 
* Conception du site : définition des microservices -> SAS
 
|-
 
|<span style="color:red">Problèmes rencontrés</span>
 
|<!-- Alicia -->
 
   
|<!-- Aymeric -->
 
   
|<!-- Ahmed-->
 
   
  +
|-
|<!-- Boris-->
 
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >Correspondance entre le système et le monde réel</span>
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Le système devrait " parler " la langue des utilisateurs de telle façon que les informations apparaissent dans un ordre naturel et logique, en se conformant aux mots, expressions et conventions usuels.</span>
   
|<!-- Vincent-->
 
Difficultés à définir l'architecture en microservices : manque d'expérience. Commentaire DD : lire http://microservices.io/patterns/microservices.html et démarrer incrémentalement par 1 micro-service. Vous bâtirez votre cathédrale plus tard.
 
|-
 
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SPRINT 1</span>
 
 
|-
 
|-
| rowspan="4" | <span style="color:blue">Mardi 10/10/17</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
| rowspan="2" | <span style="color:Purple">Tâches à réaliser</span>
+
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
  +
Le site s'adresse à des sportifs français, la langue est donc adaptée. Il n'y a pas de langage difficile.
| colspan="6" style="text-align: center; background-color:lightgray;"| <span style="color:black">Présenter l'audit 1 - Besoins</span>
 
  +
|-
 
  +
|<!-- Alicia -->
 
  +
|-
* Plannification des futurs sprints
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
* Formation Angular
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|<!-- Aymeric -->
 
  +
* Formation [[Leaflet]] (Commentaire DD : voir [http://www.jhipster.tech/modules/marketplace/#/details/generator-jhipster-leaflet ce lien])
 
  +
|-
|<!-- Ahmed-->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
* Formation SpringBoot
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
* V1 back-end
 
  +
|<!-- Boris-->
 
  +
* Mise en place icescrum
 
  +
|<!-- Vincent-->
 
  +
* Formation SpringBoot
 
  +
* V1 back-end
 
|-
 
|<span style="color:green">Taches effectuées</span>
 
|<!-- Alicia -->
 
* Autoformation Angular 4
 
* Début de planification des sprints
 
|<!-- Aymeric -->
 
* Formation [[Leaflet]]
 
|<!-- Ahmed-->
 
* Formation SpringBoot (Beans, cycle de vie, scope...)
 
* Assistance a la mise en place de la v1
 
|<!-- Boris-->
 
* premier contact avec le client
 
* Implémentation de toutes les users story dans Iscrum
 
* installation docker
 
* début formation angular
 
   
  +
|-
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >Contrôle de l’utilisateur et liberté</span>
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Le système devrait être très " obéissant " aux actions de l’utilisateur et offrir des " sorties de secours " clairement marquées pour les opérations exécutées mais non désirées, ainsi que des options de faire/défaire les opérations dans le dialogue. Il faut aussi permettre à l’utilisateur de personnaliser sa zone de travail comme la couleur, la police de caractères, la largueur de l’écran, la version du navigateur, etc.</span>
   
|<!-- Vincent-->
 
* Mise en place de la V1 du site avec : registre, gateway, un seul microservice, front-end non modifié. Entités à terminer.
 
* Projet opérationnel sur Github après modification des .gitignore.
 
 
|-
 
|-
|<span style="color:red">Problèmes rencontrés</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|<!-- Alicia -->
 
  +
Le design de la page d’accueil s’adapte au format d'écran utilisé. La connexion est impossible si vous n'avez pas de compte et on vous indique si vous essayé de vous connecter avec des login non existant.
   
|<!-- Aymeric -->
 
   
  +
|-
|<!-- Ahmed-->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
  +
Pas de changement de couleur ou de police qui sont l'identité du site.
   
  +
|-
Problème de mise en place du compte AWS (Carte bancaire)
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
   
|<!-- Boris-->
 
   
  +
|<!-- Vincent-->
 
  +
  +
  +
  +
|-
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >Consistance et étalon (normalisation)</span>
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Suivre les conventions de plate-forme est la façon la plus sûr de respecter ce principe. Les utilisateurs ne doivent pas se demander si les différentes mots, situations ou actions veulent dire la même chose. Les titres et entêtes doivent être représentatifs du contenu.</span>
   
 
|-
 
|-
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SPRINT 2</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|-
 
  +
Les quelques boutons porte des indication claire. La police reste la même sur toute la page: homogénéité.
|rowspan="3" |<span style="color:blue">Mardi 17/10/17</span>
 
  +
|<span style="color:Purple">Tâches à réaliser</span>
 
  +
|-
|<!-- Alicia -->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
* Front-end pour la V1
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|<!-- Aymeric -->
 
  +
* Front-end pour la V1
 
  +
|-
|<!-- Ahmed-->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
* Hébergement de l'application
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|<!-- Boris-->
 
  +
* Front-end pour la V1
 
  +
|<!-- Vincent-->
 
  +
* Hébergement de l'application
 
  +
|-|-
 
  +
|<span style="color:green">Taches effectuées</span>
 
|<!-- Alicia -->
 
* Autoformation Angular 4
 
* Fin de planification des sprints
 
|<!-- Aymeric -->
 
* Formation [[Leaflet]]
 
* lien entre Angular et Leaflet
 
   
|<!-- Ahmed-->
 
* Formation Swagger.
 
* Réalisation d'un début d'API pour un microservice.
 
|<!-- Boris-->
 
   
* Mise à jour icesrum
 
* formation angular
 
* installation Angular, Jhipster
 
   
  +
|-
|<!-- Vincent-->
 
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >Prévention contre les erreurs</span>
* Mise en place serveur AWS Amazon gratuit
 
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Le système devrait prévoir les erreurs que l’utilisateur peut commettre. Il doit offrir de bons messages d’erreurs et instructions compréhensibles pour les corriger afin d’éviter que des problèmes surviennent.</span>
* Mise en place de Jenkins afin d'automatiser le build à chaque modification Git
 
   
 
|-
 
|-
|<span style="color:red">Problèmes rencontrés</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|<!-- Alicia -->
 
* Difficultés à commencer le front-end (en attente du back-end)
 
|<!-- Aymeric -->
 
   
|<!-- Ahmed-->
 
   
  +
|-
|<!-- Boris-->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
  +
  +
|-
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
  +
  +
  +
  +
  +
  +
  +
  +
  +
|-
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >Reconnaissance plutôt que rappel</span>
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Le système devrait rendre les objets, les actions et les options visibles. L’utilisateur ne doit pas se rappeler des informations d’une partie du dialogue à l’autre. Les directives pour l’usage du système doivent être visible ou facilement récupérables à chaque fois que c’est nécessaire pendant le dialogue (boutons, cartes de navigation, bonnes étiquettes et liens descriptifs, par exemple).</span>
   
|<!-- Vincent-->
 
* Push l'image docker sur Dockerhub (automatiquement avec Jenkins en fin de build) ne fonctionne pas (+personne ne semble avoir eu le problème)
 
* La VM Amazon semble saturer au moment du build (de n'importe quel des composants de la web app)
 
* Dockeriser l'application ne fonctionne pas (je ne sais pas exactement pourquoi encore)
 
 
|-
 
|-
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SPRINT 3</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|-
 
  +
Toutes les actions de cette page sont visible et claire.
| rowspan="3"|<span style="color:blue">Mardi 24/10/17</span>
 
  +
|<span style="color:Purple">Tâches à réaliser</span>
 
  +
|-
|<!-- Alicia -->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
* Front end V1
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
* Maquette IHM
 
  +
* Diagramme UML
 
  +
|-
|<!-- Aymeric -->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
* Front end V1
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
* Slides pour audit 2
 
  +
|<!-- Ahmed-->
 
  +
* Back-end paiement
 
  +
* Diagrammes UML
 
  +
|<!-- Boris-->
 
* Front end V1
 
* Slides pour audit 2
 
|<!-- Vincent-->
 
* Continuer le déploiement et comprendre les problèmes
 
* Mettre en place de manière propre le début de BDD pour que les autres puissent bosser (notamment sur le front-end)
 
|-
 
|<span style="color:green">Taches effectuées</span>
 
|<!-- Alicia -->
 
* Front end V0 : recherche de course selon différents paramètres.
 
* Maquette IHM
 
|<!-- Aymeric -->
 
* Slides pour audit 2
 
* Diagrammes de sequences
 
|<!-- Ahmed-->
 
   
* Diagrammes de séquence, vues physiques
 
* Page UML du wiki
 
* Documentation payement
 
   
|<!-- Boris-->
 
   
  +
|-
* Mise à jour Icescrum
 
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >Flexibilité et efficience d’utilisation</span>
* fin slides Audit 2
 
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Le système devrait offrir des raccourcis pour les utilisateur expérimentés. Mettre des accélérateurs permettant aux utilisateurs de faire et/ou récupérer les actions plus fréquemment utilisées (par exemple, des signet et etc.).</span>
* réalisation Chart Graphique
 
   
|<!-- Vincent-->
 
* Remettre en place la BDD propre (à partir d'un .jdl)
 
* En passant à 2Go de RAM et sur un serveur AWS EC2, Amazon Linux, ça tourne. Ca consomme pas mal de RAM et c'est limite.
 
* https://imgur.com/a/EaoMc : la consommation du gateway, registre, et seul microservice.
 
 
|-
 
|-
|<span style="color:red">Problèmes rencontrés</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|<!-- Alicia -->
 
  +
il y a seulement des actions direct qui ne demandent pas vraiment de raccourcis.
* Routage des pop-up
 
* Connexion avec le back-end et utilisation d'un fonction de recherche de course
 
* Difficultés à gérer les profiles différents (bénévole/organisateur) et les fonctionnalités possibles.
 
|<!-- Aymeric -->
 
   
  +
|-
|<!-- Ahmed-->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
   
  +
|-
|<!-- Boris-->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
  +
  +
  +
  +
  +
  +
  +
  +
|-
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >" Design " esthétique et minimaliste</span>
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Les dialogues devraient contenir seulement les informations pertinentes et principales qui devraient être bien visible. Les informations non pertinentes ou rarement utilisées doivent être placées dans les niveaux les plus bas ou les plus détaillés dans la hiérarchie de distribution du contenu. Chaque unité d’information supplémentaire dans un dialogue rivalise avec les unités pertinentes et diminue leur visibilité relative.</span>
   
|<!-- Vincent-->
 
* Il faut que l'on upgrade la VM, les 1Go de RAM semblent poser problème
 
|-
 
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SPRINT 4</span>
 
|-
 
| rowspan="4" | <span style="color:blue">Mardi 07/11/17</span>
 
| rowspan="2" | <span style="color:Purple">Tâches à réaliser</span>
 
| colspan="6" style="text-align: center; background-color:lightgray;"| <span style="color:black">Présenter l'audit 2 - Conception</span>
 
|-
 
|<!-- Alicia -->
 
* Application Web
 
* Analyse maquettes inscription (En attente de leur mise en ligne)
 
|<!-- Aymeric -->
 
* Application mobile
 
* Formation
 
* Analyse maquettes recherche
 
|<!-- Ahmed-->
 
* Application mobile
 
* Formation
 
* Analyse maquettes détails
 
|<!-- Boris-->
 
* Application mobile
 
* Formation
 
* Refaire les maquettes
 
** Recherche
 
** Inscription
 
** Accueil
 
** Détails d'une course
 
* Mettre en ligne les maquettes (échéance Jeudi 09/11 soir. Commentaire AA : Toujours en attente)
 
* Analyse maquettes inscription
 
|<!-- Vincent-->
 
* Application Web
 
* Analyse maquettes accueil
 
|-
 
|<span style="color:green">Taches effectuées</span>
 
|<!-- Alicia -->
 
* 1h : Présentation de l'audit 2 et sprint planning
 
* 1h30 : Développement de la page de recherche avec les champs spécifiques
 
* 1h : Mise à jour du wiki
 
**Comptes rendus de réunions
 
**Maquettes
 
**Arbres des tâches (à finir de mettre en ligne)
 
|<!-- Aymeric -->
 
* 4h00 mise en place de l'environement de dev pour coder l'appli mobile + créer appli cordova de base et test sur browser + tentative de build pour la platforme android et recherche pour l'usage de typescript dans une app cordova
 
* Support technique (pour des questions ponctuelles) à d'autre membre du groupe pour l’installation de cordova
 
* 1H30 géolocalisation (simple affichage de sa position) ok sur android et browser chrome mais ne marche pas sous firefox.
 
* 2H00 Revisions html/css https://www.freecodecamp.org/
 
|<!-- Ahmed-->
 
|<!-- Boris-->
 
|<!-- Vincent-->
 
* Mise en place requêtes personnalisées JPA en cours
 
* 5h sur update de la BDD, requêtes impossibles à effectuer dans le gateway après l'update, toujours pas résolu.
 
|-
 
|<span style="color:red">Problèmes rencontrés</span>
 
|<!-- Alicia -->
 
* 30 min : Résolution d'un bug rencontré avec Git (qui était du à la mauvaise connexion internet)
 
* Problèmes de versionage, le fait de générer de nouvelles entités avec JHipster crée des erreurs : besoin de retourner à une version antérieure du projet et d'y réinjecter les modifications déjà effectuées.
 
|<!-- Aymeric -->
 
* lenteur de téléchargement
 
* le build de l'appli pour Android a échoué (problèmes de dépendances)
 
* 2h00 problèmes de build résolus : appMobile Helloworld cordova ok sur browser et build passing sur android (real device)
 
* problèmes de version/configuration de certain utilitaire (ex gradle 4.x.x installé mais le buid lance le téléchargement d'une version antérieur)
 
* Certains tutoriel d'installation sont obsolètes et font usages de commandes deprecated
 
|<!-- Ahmed-->
 
|<!-- Boris-->
 
|<!-- Vincent-->
 
|-
 
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SPRINT 5</span>
 
 
|-
 
|-
|rowspan="3" |<span style="color:blue">Mardi 14/11/17</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
|<span style="color:Purple">Tâches à réaliser</span>
+
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
  +
Pas beaucoup d'informations. Cela reste pertinant.
|<!-- Alicia -->
 
  +
* Circuit d'une course
 
  +
|<!-- Aymeric -->
 
  +
|-
* Geolocalisation
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
|<!-- Ahmed-->
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
* Circuit d'une course
 
  +
|<!-- Boris-->
 
  +
|-
* Geolocalisation
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
|<!-- Vincent-->
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
* Geolocalisation
 
  +
|-
 
  +
|<span style="color:green">Taches effectuées</span>
 
  +
|<!-- Alicia -->
 
  +
|<!-- Aymeric -->
 
  +
|<!-- Ahmed-->
 
  +
|<!-- Boris-->
 
  +
|<!-- Vincent-->
 
  +
|-
 
  +
|-
|<span style="color:red">Problèmes rencontrés</span>
 
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >Fonctions de l’aide (reconnaissance, diagnostic et récupération d’erreurs)</span>
|<!-- Alicia -->
 
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Les messages d’erreurs devraient être exprimés dans la langue ordinaire, sans code en indiquant précisément le problème de manière constructive, claire et compressible et de minière à offrir une solution aux problèmes ou en tout cas comment les résoudre.</span>
|<!-- Aymeric -->
 
|<!-- Ahmed-->
 
|<!-- Boris-->
 
|<!-- Vincent-->
 
|-
 
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SPRINT 6</span>
 
|-
 
|rowspan="3" |<span style="color:blue">Mardi 28/11/17</span>
 
|<span style="color:Purple">Tâches à réaliser</span>
 
|<!-- Alicia -->
 
* Temps de passage
 
|<!-- Aymeric -->
 
* Roadbook
 
|<!-- Ahmed-->
 
* Temps de passage
 
|<!-- Boris-->
 
* Roadbook
 
|<!-- Vincent-->
 
* Roadbook
 
|-
 
|<span style="color:green">Taches effectuées</span>
 
|<!-- Alicia -->
 
|<!-- Aymeric -->
 
|<!-- Ahmed-->
 
|<!-- Boris-->
 
|<!-- Vincent-->
 
|-
 
|<span style="color:red">Problèmes rencontrés</span>
 
|<!-- Alicia -->
 
|<!-- Aymeric -->
 
|<!-- Ahmed-->
 
|<!-- Boris-->
 
|<!-- Vincent-->
 
|-
 
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SPRINT 7</span>
 
|-
 
|rowspan="3" |<span style="color:blue">Mardi 05/12/17</span>
 
|<span style="color:Purple">Tâches à réaliser</span>
 
|<!-- Alicia -->
 
* Benevoles
 
|<!-- Aymeric -->
 
* Roadbook
 
|<!-- Ahmed-->
 
* Finalisation appli web
 
|<!-- Boris-->
 
* Roadbook
 
|<!-- Vincent-->
 
* Roadbook
 
|-
 
|<span style="color:green">Taches effectuées</span>
 
|<!-- Alicia -->
 
|<!-- Aymeric -->
 
|<!-- Ahmed-->
 
|<!-- Boris-->
 
|<!-- Vincent-->
 
|-
 
|<span style="color:red">Problèmes rencontrés</span>
 
|<!-- Alicia -->
 
|<!-- Aymeric -->
 
|<!-- Ahmed-->
 
|<!-- Boris-->
 
|<!-- Vincent-->
 
   
 
|-
 
|-
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SPRINT 8</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|-
 
  +
Il n'y a pas vraiment d'erreur possible.
|rowspan="3" |<span style="color:blue">Mardi 12/12/17</span>
 
  +
|<span style="color:Purple">Tâches à réaliser</span>
 
  +
|<!-- Alicia -->
 
  +
|-
* Publication de classements
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
* Finalisation appli web
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
* Préparation présentation finale
 
  +
|<!-- Aymeric -->
 
  +
|-
* Publication de classements
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
* Finalisation appli web
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
* Préparation présentation finale
 
  +
|<!-- Ahmed-->
 
  +
* Publication de classements
 
  +
* Finalisation appli web
 
  +
* Préparation présentation finale
 
  +
|<!-- Boris-->
 
  +
* Publication de classements
 
  +
* Finalisation appli web
 
  +
* Préparation présentation finale
 
  +
|-
|<!-- Vincent-->
 
  +
| rowspan="1" style="text-align: center; background-color:gray;"| <span style="color:black" >Aide et documentation</span>
* Publication de classements
 
  +
| style="text-align: center; background-color:gray;"| <span style="color:black" >Le système devrait fournir des aides et de la documentation. Toutes les informations devraient être facile à chercher et être concentrées sur la tâche (par exemple, tutoriels, spécifications, agents intelligents, etc.).</span>
* Finalisation appli web
 
* Préparation présentation finale
 
   
 
|-
 
|-
|<span style="color:green">Taches effectuées</span>
+
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle bien mise en application ?</span>
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|<!-- Alicia -->
 
  +
|<!-- Aymeric -->
 
  +
|<!-- Ahmed-->
 
  +
|-
|<!-- Boris-->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment est­ elle mal mise en application ?</span>
|<!-- Vincent-->
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|-
 
  +
|<span style="color:red">Problèmes rencontrés</span>
 
  +
|-
|<!-- Alicia -->
 
  +
| rowspan="1" style="text-align: center; background-color:white;"| <span style="color:black" >Comment pourrait ­elle être appliquée ?</span>
|<!-- Aymeric -->
 
  +
| style="text-align: center; background-color:white;"| <span style="color:black" ></span>
|<!-- Ahmed-->
 
  +
On pourrait créer des pop-up sur chaque boutons dans le but d'expliquer son utilisation. Boutons facile à comprendre = Pertinent ?
|<!-- Boris-->
 
|<!-- Vincent-->
 
|-
 
| colspan="7" style="text-align: center; background-color:green;"| <span style="color:white">SOUTENANCE FINALE - 19/12</span>
 
|-
 

Latest revision as of 07:27, 28 November 2017


Evaluation selon les 10 principes de Jacob Nielsen
Visibilité de statut du système Le système devrait maintenir l’utilisateur toujours informé sur sa localisation à travers des marquages appropriées dans un temps raisonnable. Dans ce principe, deux chose sont plus importantes : Les utilisateurs doivent savoir où est-ce qu’ils sont et où est-ce qu’ils doivent aller.
Comment est­ elle bien mise en application ?

Présence description du site plus boutons d'inscription de connexion ou de redirection vers les courses.


Comment est­ elle mal mise en application ?

Même si on le comprend facilement, il n'y a aucune indication que c'est la page d’accueil

Comment pourrait ­elle être appliquée ?

écrire quelque part, accueil.



Correspondance entre le système et le monde réel Le système devrait " parler " la langue des utilisateurs de telle façon que les informations apparaissent dans un ordre naturel et logique, en se conformant aux mots, expressions et conventions usuels.
Comment est­ elle bien mise en application ?

Le site s'adresse à des sportifs français, la langue est donc adaptée. Il n'y a pas de langage difficile.


Comment est­ elle mal mise en application ?
Comment pourrait ­elle être appliquée ?




Contrôle de l’utilisateur et liberté Le système devrait être très " obéissant " aux actions de l’utilisateur et offrir des " sorties de secours " clairement marquées pour les opérations exécutées mais non désirées, ainsi que des options de faire/défaire les opérations dans le dialogue. Il faut aussi permettre à l’utilisateur de personnaliser sa zone de travail comme la couleur, la police de caractères, la largueur de l’écran, la version du navigateur, etc.
Comment est­ elle bien mise en application ?

Le design de la page d’accueil s’adapte au format d'écran utilisé. La connexion est impossible si vous n'avez pas de compte et on vous indique si vous essayé de vous connecter avec des login non existant.


Comment est­ elle mal mise en application ?

Pas de changement de couleur ou de police qui sont l'identité du site.

Comment pourrait ­elle être appliquée ?




Consistance et étalon (normalisation) Suivre les conventions de plate-forme est la façon la plus sûr de respecter ce principe. Les utilisateurs ne doivent pas se demander si les différentes mots, situations ou actions veulent dire la même chose. Les titres et entêtes doivent être représentatifs du contenu.
Comment est­ elle bien mise en application ?

Les quelques boutons porte des indication claire. La police reste la même sur toute la page: homogénéité.

Comment est­ elle mal mise en application ?
Comment pourrait ­elle être appliquée ?





Prévention contre les erreurs Le système devrait prévoir les erreurs que l’utilisateur peut commettre. Il doit offrir de bons messages d’erreurs et instructions compréhensibles pour les corriger afin d’éviter que des problèmes surviennent.
Comment est­ elle bien mise en application ?


Comment est­ elle mal mise en application ?
Comment pourrait ­elle être appliquée ?





Reconnaissance plutôt que rappel Le système devrait rendre les objets, les actions et les options visibles. L’utilisateur ne doit pas se rappeler des informations d’une partie du dialogue à l’autre. Les directives pour l’usage du système doivent être visible ou facilement récupérables à chaque fois que c’est nécessaire pendant le dialogue (boutons, cartes de navigation, bonnes étiquettes et liens descriptifs, par exemple).
Comment est­ elle bien mise en application ?

Toutes les actions de cette page sont visible et claire.

Comment est­ elle mal mise en application ?
Comment pourrait ­elle être appliquée ?




Flexibilité et efficience d’utilisation Le système devrait offrir des raccourcis pour les utilisateur expérimentés. Mettre des accélérateurs permettant aux utilisateurs de faire et/ou récupérer les actions plus fréquemment utilisées (par exemple, des signet et etc.).
Comment est­ elle bien mise en application ?

il y a seulement des actions direct qui ne demandent pas vraiment de raccourcis.

Comment est­ elle mal mise en application ?
Comment pourrait ­elle être appliquée ?




" Design " esthétique et minimaliste Les dialogues devraient contenir seulement les informations pertinentes et principales qui devraient être bien visible. Les informations non pertinentes ou rarement utilisées doivent être placées dans les niveaux les plus bas ou les plus détaillés dans la hiérarchie de distribution du contenu. Chaque unité d’information supplémentaire dans un dialogue rivalise avec les unités pertinentes et diminue leur visibilité relative.
Comment est­ elle bien mise en application ?

Pas beaucoup d'informations. Cela reste pertinant.


Comment est­ elle mal mise en application ?
Comment pourrait ­elle être appliquée ?





Fonctions de l’aide (reconnaissance, diagnostic et récupération d’erreurs) Les messages d’erreurs devraient être exprimés dans la langue ordinaire, sans code en indiquant précisément le problème de manière constructive, claire et compressible et de minière à offrir une solution aux problèmes ou en tout cas comment les résoudre.
Comment est­ elle bien mise en application ?

Il n'y a pas vraiment d'erreur possible.


Comment est­ elle mal mise en application ?
Comment pourrait ­elle être appliquée ?





Aide et documentation Le système devrait fournir des aides et de la documentation. Toutes les informations devraient être facile à chercher et être concentrées sur la tâche (par exemple, tutoriels, spécifications, agents intelligents, etc.).
Comment est­ elle bien mise en application ?


Comment est­ elle mal mise en application ?
Comment pourrait ­elle être appliquée ?

On pourrait créer des pop-up sur chaque boutons dans le but d'expliquer son utilisation. Boutons facile à comprendre = Pertinent ?