Création d'une application mobile en utilisant Flutter

Initiation au développement mobile à l'aide de Flutter

Objectifs et backlog produit

L'objectif

Je souhaiterais m'initier au développement d'application mobile, et pour ce faire j'ai choisi d'utiliser Flutter à travers le langage Dart.

Qu'est ce que Flutter ? 🤔

L'un des principaux avantages de Flutter réside dans son architecture de widget. Chaque élément de l'interface utilisateur, qu'il s'agisse de boutons, de mises en page, ou d'animations, est un widget.

Cette approche modulaire simplifie la création et la personnalisation des interfaces tout en facilitant la maintenance du code. De plus, Flutter propose une vaste bibliothèque de widgets prêts à l'emploi, facilitant ainsi la création d'applications esthétiquement attrayantes et fonctionnelles.

Un autre atout majeur de Flutter est sa rapidité de développement. Grâce à la fonctionnalité de rechargement "hot reload", les développeurs peuvent voir les modifications apportées à leur code en temps réel, accélérant ainsi le processus de test et d'itération. Cette caractéristique, combinée à la facilité de partage de code entre les plateformes, fait de Flutter un choix idéal pour les projets nécessitant une mise sur le marché rapide et une maintenance efficace.

Qu'est ce que Dart ? 🤔

Dart est le langage de programmation qui accompagne Flutter. Également développé par Google, Dart est un langage moderne, orienté objet, offrant une syntaxe propre et concise. Conçu pour être à la fois performant et facile à apprendre, Dart s'intègre harmonieusement avec Flutter pour permettre aux développeurs de créer des applications mobiles robustes et élégantes.

La compilation just-in-time (JIT) de Dart offre une exécution rapide du code pendant le développement, tandis que la compilation anticipée (AOT) garantit des performances optimales une fois l'application déployée.

En résumé, Dart et Flutter forment un tandem puissant, offrant aux développeurs une solution complète pour la création d'applications mobiles modernes. La combinaison de la facilité de développement, de la rapidité d'exécution, et de la capacité à produire des interfaces utilisateur exceptionnelles fait de Flutter avec Dart un choix de prédilection pour ceux qui cherchent à exceller dans le domaine du développement mobile multiplateforme.

Backlog

Sprint 1

(Merci Sarah pour le beau tableau 😎)

Retour et ajustement du Sprint 1

J'ai dédié environ 8h30 de mon temps sur le premier Sprint, mais je pense avoir commis une erreur qui m'a fait perdre pas mal de temps. En effet, j'ai voulu avancer petit à petit sur mon POK en installant tout l'environnement nécessaire au développement avec Flutter dans un premier temps, puis en espaçant mes sessions de travail afin d'avoir une certaine continuité. J'ai justement trop espacé ces sessions et j'avais donc du mal à replonger dans le logiciel et les formations que je suivais du fait que je sois purement débutant (d'autant plus que l'installation de tout l'environnement de développement m'a joué des tours)

Le petit projet sympas que je souhaite réaliser doit ressembler à cela :

Et voici ce que j'ai obtenu pour l'instant :

Et voici la vidéo youtube que j'ai suivi : petit projet sympas

Sprint 2

Pour le second Sprint, je souhaite terminer mon premier projet Flutter. Je souhaiterais ensuite rejoindre Monsieur Assane Diouf sur son fameux projet CupCare ou démarrer un projet en solo si cela n'est pas possible.

Ce qu'il s'est passé durant le Sprint 2

Durant le deuxième Sprint, j'ai tout d'abord terminé mon petit projet solo :

Assane a accepté de me laisser travailler avec lui sur son projet d'application CupCare. Je vous invite à aller voir sa superbe application !

Voici comment nous avons travaillé ensemble.

J'ai tout d'abord eu accès au Figma de son projet ainsi qu'au code mis sur github. Nous avons ensuite discuté de la répartition des tâches afin d'être efficace. Voici le Backlog du projet pour le Sprint 2 :

• [ ] Finir la création des pages (3) (Samy)
  • [ ] Page d'un produit (1) (Samy)
  • [ ] Page d'une machine (1) (Samy)
  • [ ] Login et logout avec validation du form (1) (Samy)
• [ ] Faire une navigation fonctionnelle (sans se préoccuper de l'authentification) (1) (Samy)
• [ ] Ajouter des données factices dans Firebase (1) (Assane)
• [ ] Lier Firebase à Flutter (1) (Assane)
• [ ] Mettre en place l'authentification (3) (Assane)
  • [ ] Faire les config sur Firebase (1) (Assane)
  • [ ] Afficher les page de connexion/inscription que si le user n'est pas connecté (2) (Assane)
• [ ] Mettre à jour les pages avec les données (2) (Assane)
• [ ] Ajouter de vraies données (3) (Assane)