*Exemples de thèmes et couleurs *light* et *dark* pour l'application **Musique** sur iOS*
### Affichage des listes et des détails
Pour l'affichage de la liste et du détail, on s'inspirera de l'application **Discogs**.
*Exemples d'affichage de master/detail dans le cas de l'application **Discogs***.
### Gestion de l'orientation
On souhaite avoir un affichage du détail d'un périhérique différent en fonction de l'orientation (plutôt en une colonne en mode portrait ; plutôt sur deux colonnes en mode paysage) comme dans l'exemple ci-dessous :
*Exemples de gestion de l'orientation sur une application maison*
On peut également gérer l'idiome (téléphone ou tablette) pour un rendu différent et adapté.
*Exemples de rendu variant selon l'idiome sur une application maison*
### Préférences
Pour accéder aux préférences (et au bouton de déconnexion), on pourra choisir l'une des deux méthodes suivantes :
- un menu tiroir comme dans l'application **ATP WTA Live** :
- un système classique iOS avec un *tap* sur l'icône de l'utilisateur suivi d'un parcours entre les différentes écrans de formulaire (comme dans l'application **Signal**) :
Dans l'exemple ci-dessous, l'utilisateut tape sur son icône (en haut à gauche), puis sur *Paramètres* dans le menu contextuel, puis sur *Apparence*, puis sur *Thème*
### Multi-plateformes
L'application doit fonctionner sur Android et iOS.
## Contraintes sur MVVM
Il vous est demandé de suivre les conseils donnés en cours quant à l'utilisation du patron d'architecture **Model-View-ViewModel**, et notamment :
- l'utilisation de *VM wrapper* et de *VM applicatives*
- l'utilisation la plus limitée possible de *code-behind*
- l'utilisation du *Data-Binding* aussi bien pour les propriétés que pour les actions
- l'utilisation de *ContentView*s
- l'utilisation de l'injection de dépendance.
L'utilisation du framework **MVVM Community Toolkit** est interdite pour la partie 2, mais fait l'objet de la partie 3. Une validation de la partie 2 auprès de votre enseignant avant de passer à la partie 3.
## Diagramme de classes du modèle
### ```Person```
Une personne peut représenter un administrateur (peut tout faire), un membre du personnel (*staff*, qui peut valider des emprunts et des retours), un étudiant (qui peut faire des demandes d'emprunt et de retour). Ceci est représenté par l'énumération ```Role``` et ces trois valeurs possibles (```ADMIN```, ```STAFF``` et ```STUDENT```).
Une personne possède également :
- un identifiant unique,
- un email (unique),
- un prénom et un nom de famille.
### ```Equipment```
Un élément de matériel est représenté par la classe ```Equipment```, qui possède :
- un identifiant généré lors de l'insertion dans la base,
- un nom
- une éventuelle description,
- une petite image en base64 (qu'il faudra décoder ou coder lors de la récupération ou de l'ajout/modification d'un élément)
- une grande image en base64
> **Note** :
> Lors de l'utilisation de la web api, une route rendant plusieurs équipements ne *rend* jamais les grandes images. Il faut utiliser une route permettant de récupérer un ```Equipment``` en donnant son id pour obtenir cette valeur.
- des propriétés permettant de connaître le nombre d'exemplaires de cet équipement (le nombre total, le nombre d'éléments en stock, le nombre d'éléments réservés, et le nombre d'éléments empruntables)
- un superviseur (une personne avec le rôle ```Staff```), qui est le responsable/spécialiste de ce matériel
- une collection d'exemplaires (```Copy```, cf. ci-dessous).
> **Note** :
> Lors de l'utilisation de la web api, une route rendant plusieurs équipements ne *rend* jamais la collection d'exemplaires. Il faut utiliser une route permettant de récupérer un ```Equipment``` en donnant son id pour obtenir cette collection.
### ```Copy```
Un exemplaire est représenté par la classe ```Copy```, et possède :
- un identifiant unique,
- l'```Equipment``` auquel cet exemplaire se rapporte,
- un état (```Condition```),
> **Note** :
> L'état représente ... l'état de cet exemplaire (neuf, excellent, très bon état, bon état, usure normale, endommagé, inutilisable)
- une situation (```Situation```)
> **Note** :
> La situtation d'un exemplaire permet d'indiquer s'il est : stocké (et donc empruntable), emprunté (donc non stocké), réservé (à l'IUT mais non empruntable), déstocké (il n'est plus utilisable donc plus empruntable).
### ```Borrowing```
Un emprunt est représenté par une instance de ```Borrowing```, et possède :
- un identifiant unique (généré par lors de l'insertion en base),
- l'exemplaire (```Copy```) emprunté
- l'emprunteur (```Borrower``` de type ```Person```, avec n'importe quel ```Role```)
- le responsable de l'emprunt (```StaffMember``` de type ```Person```, avec le rôle ```STAFF```),
- la date (```BorrowingDate```) et l'état (```OriginalCondition```) au début de l'emprunt,
- la date de retour (```ReturningDate```) et l'état (```ReturnedCondition```) au retour de l'exemplaire
> **Note** :
> La date de retour peut varier jusqu'au retour, en accord avec le responsable de l'emprunt.
> L'état du retour est, au démarrage de l'emprunt, par défaut, celui d'origine, mais pourra être ajusté lors du retour par le membre du personnel responsable de l'emprunt. Cette modification entrainera la modification de l'état de l'exemplaire (```Copy.Condition```).
- un commentaire (pouvant varier pendant l'emprunt).
### ```Reservation```
Une réservation d'exemplaires (pour des TP par exemple), est représentée par la classe ```Reservation```, et possède :
- un identifiant unique (généré lors de l'insertion en base)
- l'exemplaire réservé (```Copy```)
> **Note** :
> Pour simplifier le modèle, pour réserver plusieurs exemplaires, il faut autant d'instances de ```Reservation```.
- l'auteur de la réservation (```Person``` avec le ```Role``` ```STAFF```)
- une date de début de réservation (```StartingDate```) et une date de fin de réservation (```EndingDate```)
- un commentaire (permettant par exemple de donner les créneaux ou le groupe, ce qui pourrait permettre à un collègue d'accepter un emprunt sur un créneau de deux jours si on sait que l'exemplaire ne sera pas utilisé avant).
### ```IDataService```
Il vous est conseillé de faire une interface représentant le service d'accès aux données. Vous pourrez en faire une ou deux concrétisations, parmi :
- un stub (pour tester votre modèle, ou parce que vous avez du mal à faire le suivant...)
- un client consommant le web service fourni.
> **Note** :
> Vous pouvez placer cette couche abstraite dans une autre bibliothèque partagée, utilisée par le modèle. Pour cela, il faudra bien entendu rendre cette couche abstraite générique.
### ```Manager```
Cett façade sera l'interlocuteur privilégié entre votre applications et vos données. Vous pourrez injecter la couche d'accès aux données via constructeur, et utiliser les autres classes du modèle.
Les méthodes de ```Manager``` permettront d'appeler les routes du web service via la couche d'accès aux données (mais pas directement dans le code de ```Manager``` !) et les noms des méthodes pourront donc largement s'inspirer des routes.
```mermaid
classDiagram
direction LR
class Condition{
<
|
Breaking Stretch Patricia Brennan (2024) |
|
Songs My Mom Liked Anthony Branker & Imagine (2024) |
|
The Messthetics and James Brandon Lewis The Messthetics and James Brandon Lewis (2024) |
|
Mosaic Nicole McCabe (2024) |
|
Phoenix Reimagined (Live) Lakecia Benjamin (2024) |
|
3+3 Tomeka Reid Quartet (2024) |