Want to make creations as awesome as this one?

Transcript

Développement une application mobile

Nguyen Hoang Nam

Soutenance pour le titre professionnel CDA

Concepteur Développeur d'Application

IntroductionContexte du projetGestion du projetAnalyse du besoinConception et déploiement du codeCaractéristiques PrincipalesConclusion

1.2.3.4.5.6.7.

Sommaire

Résumé et présentation

Introduction

Dans le cadre de ma troisième année à EPSI, on m'a attribué un projet de stage de développer une application. Ce projet vise à créer une plateforme de communication et d'information globale conçue spécifiquement pour les établissements éducatifs.

Resume

Présenter du projet

Le Service Pédagogique d'EPSI fait face à des défis opérationnels en gérant divers outils éducatifs, entraînant un mécontentement croissant parmi étudiants et enseignants.

Problématique et fonctionnaltés

Contexte du projet

Problématique

Le projet vise à développer une application mobile hybride en Flutter, servant de plateforme FAQ pour centraliser les questions des apprenants et des intervenants, tout en intégrant une systeme de chat pour des réponses des questions instantanées.

Fonctionnalités

  • Connexion utilisateur
  • Reconnaissance du rôle de l'utilisateur
  • Création et édition de FAQ
  • Messagerie en temps réel

L'objectif est de créer une app FAQ pour les apprenants et intervenants, incluant une base de données de questions, un chat intégré et un accès au planning, basés sur une analyse initiale des besoins des utilisateurs.

Objectif du projet

Gestion du projet

Git

Android Studio

Firebase

Outils utilisés

Pour assurer un résultat optimal, le projet mobilise une variété d'outils technologiques

l'Optimisation des Performances
Testing

économiser du temps et des efforts, tout en ajoutant des fonctionnalités avancées à notre application.

Flutter Plugins

Objectif de qualité

Un design simplifié non seulement améliore l'expérience utilisateur, mais permet également de réduire le temps de chargement de l'application.

À chaque ajout d'une nouvelle fonctionnalité ou correction de bug, je relis le code pour vérifier qu'il n'y a aucune erreur.

Application Front et Back

Analyse du besoin

Création du diagramme de classe

Le diagramme de classe me permettra d'optimiser la structuration et la gestion des données dans mon application.

Firebase Authentication

Cloud Firestore

Application Back - End

Firestore est une base de données NoSQL dans le cloud de Google. Elle permet de stocker et synchroniser des données en temps réel, tout en étant hautement évolutiv

Un service pour authentifier les utilisateurs via diverses méthodes comme l'email, le numéro de téléphone, et des fournisseurs OAuth. Il est facile à intégrer et sécurisé.

Firestore(BDD)
FireAuth

CONTROLLER

Response

Request

APP

Fonctionnement de l'API (Back - End)

Assets

Layouts

les éléments de base pour construire une interface utilisateur dans Flutter. Tout, d'un simple bouton à une application entière, est un widget.

Widgets

l'organisation des widgets au sein flexible et engageante. Flutter offre divers widgets de mise en page populaires comme Row (ligne), Column (colonne), Stack (pile), GridView (grille), ListView (liste), etc.

se réfèrent aux ressources telles que les images, les icônes, les polices et d'autres fichiers de données nécessaires à l'application.

Application Front - End

Le MVC (Model-View- Control)

Ce modèle facilite l'organisation claire du code, augmente la réutilisabilité et réduit la complexité lors du développement et de la maintenance de l'application

Conception et déploiement du code

La structure des fichiers de mon projet Flutter est organisée en plusieurs dossiers . Des fichiers de configuration et de documentation complètent cette structure pour faciliter le développement et le déploiement

Structure des Fichiers

gestion de l'état et la navigation

responsable de l'interrogation de la base de données

Le contrôleur ne sert pas seulement à organiser le code source, facilitant ainsi la maintenance et l'extensibilité de l'application, mais il assure également que le flux d'informations est géré de manière efficace et sécurisée.

Structure des controllers

Définition des propriétés dan le Constructeur

Intéraction base de données

Les modèles peuvent également interagir avec des bases de données, des services d'API pour créer, lire, mettre à jour ou supprimer des données.

Structure des modèles

l'interface utilisateur prend vie, en suivant les directives du modèle et sous la gestion du contrôleur. C'est ici que les données deviennent visuelles et où les interactions utilisateur sont captées pour être traitées

Structure des Vues

Caractéristiques Principales

Gestion des Conversations en Temps Réel

Fonctionnalité de Chat dans l'Application

Interactions CRUD et Gestion de l'État dans Firebase

Gestion des FAQ

Conclusion