TP11.1 Créer une Application Flutter Dynamique avec GridView et Slider
TP11.1 Créer une Application Flutter Dynamique avec GridView et Slider
-
Objectif
- Développer une application Flutter simple qui affiche une liste de moyens de transport. Chaque moyen de transport doit être représenté par un item de type ListTile.
-
Question de Projet :
- En vous basant sur l’image fournie d’une application Flutter, développez une application similaire qui présente différentes cartes. Inspirez-vous de l’image pour créer une interface utilisateur attrayante, comprenant une liste de cartes sur la page d’accueil. Lorsqu’une carte est cliquée, affichez un popup contenant le titre de la carte.
-
Image
-
Barème de Notation
| Critères | Description | Points |
|---|---|---|
| 1. Interface Utilisateur (UI) | La grille est affichée correctement avec les icônes et leurs titres alignés dans des cartes. | 10 |
| Utilisation d’un thème cohérent : Les couleurs, polices et styles sont bien choisis pour l’interface. | 10 | |
| 2. Fonctionnalités Principales | Le **Slider** ajuste dynamiquement le nombre de colonnes dans le **GridView**. | 10 |
| Affichage d’une boîte de dialogue : Un clic sur une carte ouvre correctement une boîte de dialogue avec le titre de l’icône sélectionnée. | 10 | |
| 3. Réactivité et Expérience Utilisateur | Les interactions (clics, ajustement du slider) fonctionnent sans erreurs ou latence. | 10 |
| Bonne adaptation de l’interface aux différentes tailles d’écran. | 10 | |
| 4. Qualité du Code | Le code est bien structuré, commenté, et suit les conventions de Flutter (noms des classes, widgets personnalisés). | 10 |
| Bonne gestion de la séparation des préoccupations (utilisation de widgets pour modulariser). | 10 | |
| 5. Fonctionnalités Supplémentaires (Bonus) | Ajout de styles ou animations pour améliorer l’expérience utilisateur. | 10 |
| Ajout d’une fonction de recherche ou autre amélioration (ex. thèmes dynamiques). | 10 |
Total : 100
