Commit f10973a0 authored by Pierre Boudes's avatar Pierre Boudes 💬

conversion du README au markdown pour une meilleure intégration avec gitlab (liens vers les issues)

parent 4ce99329
* Design de l'application UnivMobile
# Design de l'application UnivMobile
** Introduction
## Introduction
Le design d'UnivMobile s'inscrit dans une [[intro-generale.org][réflexion générale]] sur les services que l'on peut rendre en tant qu'établissement supérieur avec un mobile / ordinateur corporel.
Le design d'UnivMobile s'inscrit dans une [réflexion générale](intro-generale.org) sur les services que l'on peut rendre en tant qu'établissement supérieur avec un mobile / ordinateur corporel.
L'objectif de la première phase de design était de produire une première proposition minimale pour la refonte de l'application actuelle. La documentation de cette première phase est centralisée dans le wiki ici :
https://lab.unif.app/pierreboudes/univmobile-design/wikis/Documentation-projet
** Prototype et wireframes
Lien vers le prototype : [[https://marvelapp.com/d767fj7]]
## Prototype et wireframes
Lien vers le prototype : [https://marvelapp.com/d767fj7]
Le design des différents écran est proposé dans les 23 premiers issues du projet :
Ref #1 Ref #2 Ref #3 Ref #4 Ref #5 Ref #6 Ref #7 Ref #8 Ref #9 Ref #10 Ref #11 Ref #12 Ref #13 Ref #14 Ref #15 Ref #16 Ref #17 Ref #18 Ref #19 Ref #20 Ref #21 Ref #22 Ref #23
Le design des différents écrans est proposé dans les 23 premiers issues du projet :
#1 #2 #3 #4 #5 #6 #7 #8 #9 #10 #11 #12 #13 #14 #15 #16 #17 #18 #19 #20 #21 #22 #23
Liste : https://lab.unif.app/pierreboudes/univmobile-design/issues
** Détails des écrans (synthèse des issues)
## Détails des écrans (synthèse des issues)
On pourra discuter chaque élément dans les issues associées.
*** Onboarding
### Onboarding
Premier écran choix de la langue. On pourra éventuellement rajouter d'autres langues quand on sera polyglottes.
[[./img/Onboarding-1.png]]
![onboarding 1](./img/Onboarding-1.png)
Second écran, on décide si on se connecte avec son compte université ou si on explore l'app en invité. On peut ajouter le choix de l'établissement (université) sur cet écran.
[[./img/Onboarding-2.png]]
![onboarding 2](./img/Onboarding-2.png)
Troisième écran : la connexion proprement dite.
[[./img/Onboarding-3.png]]
![onboarding 3](./img/Onboarding-3.png)
Quatrième écran : on vérifie et corrige les informations préremplies.
[[./img/Onboarding-4.png]]
![onboarding 4](./img/Onboarding-4.png)
Ajouter un élémnet sur la mise en cache local des favoris.
*** Les cinq écrans de l'app
### Les cinq écrans de l'app
**** L'accueil
##### L'accueil
Avec une barre de recherche, un choix de thématique des liens rapides, les actualités et la possibilité de les filtrer.
[[./img/1_Accueil.png]]
![Accueil](./img/1_Accueil.png)
Sur cet écran, on peut en apprendre plus sur une actualité en cliquant dessus (puis revenir en arrière). Voir [[Détails d'une actualité]].
Sur cet écran, on peut en apprendre plus sur une actualité en cliquant dessus (puis revenir en arrière). Voir [Détails d'une actualité](détails-d'une-actualité).
Les dernières actualités (texte complet et ilustration) doivent être chargées de façon à être disponible hors connexion données.
On peut aussi effectuer une recherche sur un mot et en voir les résultats.
[[./img/7_Résultat_recherche-mot-clé.png]]
![recherche texte](./img/7_Résultat_recherche-mot-clé.png)
Il n'est pas nécessaire que cela fonctionne hors connexion données.
On peut aussi choisir une thématique à explorer
[[./img/2_Recherche-thématique.png]]
![recherche thématique](./img/2_Recherche-thématique.png)
et en afficher les résultats.
[[./img/6_Résultat-recherche-catégorie.png]]
![résultats de recherche](./img/6_Résultat-recherche-catégorie.png)
Hors connexion, cela fonctionne sur les actualités actuellement en cache.
On peut encore filtrer les affichages.
[[./img/3_Filtres_une.png]]
![filtres](./img/3_Filtres_une.png)
Hors connexion, cela fonctionne sur les actualités actuellement en cache.
*** Détails d'une actualité
### Détails d'une actualité
Depuis les écrans précédents on peut accéder aux détails d'une actualité.
[[./img/5_Détail-événement.png]]
![détail d'une actualité](./img/5_Détail-événement.png)
*** Partager
### Partager
Depuis la vue résumé ou la vue détaillée sur une actualité on peut la partager :
[[./img/4_Partager.png]]
![partager une actualité](./img/4_Partager.png)
Hors connexion données, on laisse l'application tierce gérer l'erreur.
*** La carte
### La carte
La carte est accessible par le menu de pied de page ou via des liens dans les résultats de recherche ou dans le détail d'une actualité.
[[./img/8_Carte.png]]
![la carte](./img/8_Carte.png)
Il est possible de se géolocaliser.
[[./img/11_Carte.png]]
![géolocalisation](./img/11_Carte.png)
La dernière position utilisée est retenue entre les usages de la carte. Une partie des tuiles doit être conservée en cache.
Un changement de lieu pourrait conduire à un /fly to/ d'un point à un autre.
*** Mes favoris
### Mes favoris
La page des favoris reprend les actualités qui auront été mises en favori, et e y compris hors connexion. Les actualités périmées (événement passé etc.) sont grisées.
[[./img/9_Mes-favoris.png]]
![les favoris](./img/9_Mes-favoris.png)
Il est possible de supprimer (et d'annuler la suppression d'éléments périmés).
[[./img/10_Mes-favoris-toast-retrait.png]]
![supprimer un favori](./img/10_Mes-favoris-toast-retrait.png)
*** Mon compte
### Mon compte
Sur la vue mon compte on peut régler des paramètres simples comme le ou les campus fréquentés et des sujets comme le stockage local (stocker plus ou moins d'actualités, stocker plus ou moins de tuiles).
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment