You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
175 lines
6.8 KiB
175 lines
6.8 KiB
# **LIVRE LAND**
|
|
|
|
## Bonjour et bienvenue sur le dépôt du projet LIVRE LAND ! 👋
|
|
|
|
*******
|
|
|
|
Sommaire
|
|
1. [Accessibilité](#acces)
|
|
2. [Progression](#progression)
|
|
3. [Présentation du projet](#presentation)
|
|
4. [Contenu](#contenu)
|
|
5. [Auteurs](#auteurs)
|
|
|
|
*******
|
|
|
|
<div id='acces'/>
|
|
|
|
Pour accéder au code de l'application, vous pouvez cloner la branche `master` du dépôt Code#0 et ouvrir celle-ci dans `Microsoft Visual Studio` par exemple.
|
|
|
|
Disponible sur :
|
|
|
|
|
|
|
|
> **Warning**: L'application est fonctionnelle sous Windows et Android mais n'a pas été testée sous IOS.
|
|
|
|
*******
|
|
|
|
<div id='progression'/>
|
|
|
|
🚧 __EN PROGRESSION__
|
|
|
|
### Étape 1 : Développement des vues en XAML
|
|
- Intégralité des pages proposées sur la page d'accueil développées
|
|
- Mode clair & Mode sombre disponibles (pas très esthétique)
|
|
- Utilisable en mode portrait ou mode paysage
|
|
- Exploitation des Styles et des Content View réutilisables
|
|
- Mise à disposition de quelques données dans un Stub pour la présentation des vues
|
|
- View Model non utilisés et fonctionnalités pas toutes mises en place (seulement les vues)
|
|
- Navigation généralement utilisable mais pas parfaitement codée
|
|
|
|
---
|
|
|
|
### Étape 2 : Personnal MVVM Toolkit
|
|
|
|
La création de ce `Toolkit Personnel` a pour but de faciliter le développement de l'application en fournissant un ensemble de fonctionnalités et de composants réutilisables. De plus, à l'aide d'une classe comme `RelayCommand`, notre objectif est de ne pas inclure dans nos ViewModels une dépendance avec les Commands de .NET MAUI.
|
|
|
|
Nous pouvons représenter la structure de notre toolkit avec le diagramme suivant :
|
|
|
|
```mermaid
|
|
classDiagram
|
|
direction LR
|
|
class INotifyPropertyChanged {
|
|
<<interface>>
|
|
}
|
|
|
|
class ObservableObject{
|
|
+PropertyChanged: event PropertyChangedEventHandler?;
|
|
#OnPropertyChanged (string PropertyName = null) : void
|
|
#SetProperty<T> (T member, T value, Action<T> action, string propertyName = null) : void
|
|
#SetProperty<T> (ref T member, T value, string propertyName = null) : void
|
|
}
|
|
|
|
class BaseViewModel{
|
|
+Model: TModel;
|
|
-model: TModel;
|
|
+BaseViewModel(TModel model)
|
|
+BaseViewModel() : this(default)
|
|
}
|
|
|
|
class ICommand{
|
|
<<interface>>
|
|
}
|
|
|
|
class RelayCommand{
|
|
+CanExecuteChanged: event EventHandler?;
|
|
+CanExecute (object? parameter) : bool
|
|
+Execute (object? parameter) : void
|
|
+RefreshCommand() : void
|
|
}
|
|
|
|
ObservableObject ..|> INotifyPropertyChanged
|
|
BaseViewModel --|> ObservableObject
|
|
RelayCommand ..|> ICommand
|
|
```
|
|
|
|
Cette strcuture est une version remplaçant pour le moment le `Community Toolkit` mis en place par Microsoft qui permet aussi de supprimer beaucoup de code inutile en remplaçant celui-ci par des annotations et des classes partielles.
|
|
|
|
---
|
|
|
|
### Étape 3 : MVVM
|
|
|
|
Nous utilisons au sein de notre projet le **patron d'architecture MVVM** avec les ViewModels Wrapping et Applicatives.
|
|
- Les **Wrapping ViewModel** encapsulent les données du modèle et exposent des propriétés et des commandes nécessaires à la vue pour interagir avec le modèle.
|
|
- Les **Applicative ViewModel ** peuvent inclure une logique métier spécifique et des propriétés calculées, elles peuvent également exposer des commandes pour effectuer des actions spécifiques liées à la vue.
|
|
|
|
```mermaid
|
|
classDiagram
|
|
direction LR
|
|
|
|
```
|
|
|
|
Le **diagramme de classes** pouvant être extrèmement grand à cause des multiples classes au sein de notre projet, j'ai décidé de représenter une partie de celui-ci qui pourrait se répéter pour toutes les autres parties. L'objectif principal étant de comprendre comment fonctionne le **modèle MVVM** et comment les classes intéragissent entre elles, j'ai choisi de faire mon exemple avec la partie des livres qui est la plus générale du sujet.
|
|
|
|
*******
|
|
|
|
<div id='presentation'/>
|
|
|
|
### **Présentation**
|
|
|
|
LivreLand : votre bibliothèque connectée !
|
|
Retrouver tous vos livres préférés en un clic.
|
|
|
|
*******
|
|
|
|
<div id='contenu'/>
|
|
|
|
## Fonctionnalités
|
|
|
|
**TP2 - Base** :
|
|
- [x] Page d'accueil
|
|
- [x] Affichage des livres de l'utilisateur : afficher tous les livres de l'utilisateur dans la vue BooksPage et permettre la sélection d'un livre et la navigation vers la page BookPage
|
|
* seule la note n'est pas encore affichée sous la forme d'étoiles
|
|
- [x] Filtrage par auteur et par date de publication : afficher dans la vue de filtrage (FilterPage)
|
|
|
|
**TP2 - Ajouts** :
|
|
- [x] Changer le statut de lecture d'un livre
|
|
* la mise à jour du statut de livre se fait si l'on recharge les livres en revenant sur la BooksPage, cependant elle ne se fait pas encore directement sur la page de détails pour le moment
|
|
- [x] Ajouter un livre aux favoris
|
|
* l'ajout en favoris fonctionne, cependant lorque je choisis à partir de la page BooksPage d'ajouter un livre qui ne se trouve pas sur la première page alors celui-ci supprime tous les livres déjà en favoris
|
|
- [x] Filtrer les livres par Auteur, Date de publication, Note
|
|
* le filtrage fonctionne, au deuxième clique sur une date par exemple une fois une première date visitée, je remarque des soucis avec de temps à autre une exception
|
|
- [ ] Ajouter un livre à sa collection en saisissant l'ISBN
|
|
* le livre est ajouté mais ne s'affiche pas encore directement dans la liste
|
|
- [x] Supprimer un livre
|
|
- [x] Prêter un livre (et ajouter un contact si besoin)
|
|
* la page avec les contacts n'est pas esthétiquement très réussie
|
|
- [x] Consulter la liste des livres prêtés
|
|
* j'ai fait le choix de n'afficher que les livres _actuellement_ prêtés ou empruntés
|
|
|
|
**TP3** :
|
|
- [ ] Modifier l'intégralité du code pour que l'application utilise désormais le MVVM Community Toolkit à la place du toolkit personnel
|
|
|
|
**TP 4** :
|
|
Ajouter les vues et les VM nécessaires pour permettre :
|
|
- [x] Le scan de code-barres afin d'ajouter de nouveaux livres
|
|
* le scan de code-barres fonctionne mais le livre n'est pas encore directement ajouté dans la liste
|
|
- [ ] La recherche en ligne (via le web service)
|
|
|
|
*******
|
|
|
|
## Ressources
|
|
|
|
- Temps
|
|
- 4 Septembre au 22 Octobre 2023
|
|
- Matériel
|
|
- Ordinateurs portables sous Windows
|
|
- Émulateur sous Visual Studio 2022
|
|
- Téléphone portable
|
|
- Langages utilisés
|
|
- 
|
|
- 
|
|
- 
|
|
- Personnes
|
|
- 1 étudiant en BUT Informatique
|
|
|
|
|
|
*******
|
|
|
|
<div id='auteurs'/>
|
|
|
|
## Auteur
|
|
|
|
Étudiant 3ème Annnée - BUT Informatique - IUT Clermont Auvergne - 2023-2024
|
|
`BRODA Lou`
|