Télécharger pour lire hors ligne
projet pfe.pptx conception d'une application mobile
- 1. Université de Carthage InstitutSupérieur des Sciences Appliquées et de la Technologie de Mateur Projet de fin d’étude pour l’obtention en : Science Informatique Spécialité : Génie Logiciel & Systèmes d’informations Conception et réalisation d’une application web de gestion commerciale Réalisé par: Jihed Mejri Wael Mathlouthi Devant le jury composé de : •DR.Yosra Hammi Président •DR.Rim Rkik Rapporteur •DR.Nedra Ibrahim Encadrante Soutenue le 23 Mai 2025 Année Universitaire 2024-2025
- 2. Plan 1 4 3 2 6 5 Introduction Cadre générale duprojet Analyse et spécifications des besoins Conception Réalisation Conclusion et perspectives 1
- 3. Introduction: Les entreprises sontdevenues utilisatrices d’outils numériques pour automatiser leur travail et être plus efficaces. Les applications web aident à mieux gérer les tâches, gagner du temps et éviter les erreurs 2
- 4. Cadre générale duprojet Contexte: ATEC: Lancement en 2005 Elle propose la vente de matériel informatique, d’équipements bureautiques, elle développe également des applications web et de solutions logicielles . 3
- 5. Cadre générale duprojet Problématique: L'application existante de l’entreprise a plusieurs limites techniques et fonctionnelles : • L'interface est difficile à utiliser et peu claire. • L'application manque de modernisme. • Elle fonctionne mal avec beaucoup de données. 4
- 6. Cadre générale duprojet Objectives: Concevoir une application web clair, simple et sécurisée pour gérer les stocks, ventes, achats, clients, fournisseurs, et consulter les statistiques afin d’améliorer la gestion et la prise de décision. Les proposition de notre application: 5
- 7. Analyse et spécificationdes besoins Besoins fonctionnels : Identification des acteurs : 1 2 Administrateur: Opérateur: •Gérer les ventes et les clients •Gérer les achats et les fournisseurs •Gérer les utilisateurs •Gérer le stock •Consulter les statistiques 6
- 8. Analyse et spécificationdes besoins Besoins fonctionnels : Diagramme de cas d’utilisation globale : 7
- 9. Analyse et spécificationdes besoins Besoins non fonctionnels : Sécurité compatibilité Performance 8
- 10.
- 11.
- 12. Conception Diagramme de séquence<< Gestion de ventes >>: 11
- 13.
- 14.
- 15. Conclusion Perspectives • L’application permetune gestion fluide et efficace des activités commerciales. • Elle constitue une base solide pour de futures évolutions . • Gestion des utilisateurs et de rôle. • Implémentation de l'intelligence artificielle. 14
- 16.
Notes de l'éditeur
- #1 Bonjour à tous. Nous remercions Mme Nedra Ibrahim pour son accompagnement et ses précieux conseils, ainsi que les membres du jury pour avoir accepté d’évaluer notre travail. Le projet que nous vous présentons s’intitule : Conception et réalisation d’une application web de gestion commerciale, réalisé par moi, Wael Mathlouthi, et mon collègue Jihed Mejri.
- #2 pour bien présenté notre travail nous avons choisie le plan suivant : Nous commencerons par une introduction présentant le projet, puis son cadre général. Ensuite, nous aborderons les besoins fonctionnels et non fonctionnels, suivis de la conception. ensuite la partie réalisation, pour terminer par une conclusion avec des perspectives.
- #3 De nos jour
- #4 Commençons par la présentation de l’entreprise d’accueil ATEC a été lancée en 2005. Elle propose la vente de matériel informatique, d’équipements bureautiques, elle développe également des applications web et de solutions logicielles
- #5 Passons maintenant a notre problématique : L'application actuelle de l’entreprise présente plusieurs limites, tant techniques que fonctionnelles
- #6 Pour notre objectives on propose une application web clair, ….
- #7 Dans cette partie nous avons passant au étude de besoins fonctionnels pour définir notre acteurs qui se compose en deux acteur:
- #8 Passons au étude des besoins fonctionnelle au début en décrit de diagramme cas d’utilisation globale L’administrateur a accès à toutes les fonctionnalités : L’operateur a accès à les fonctionnalités : Toute les fonctionnalité sont offerte suite une authentification.
- #9 En plus des besoins fonctionnels, nous avons aussi étudié les besoins non fonctionnels. La sécurité : protéger l’accès au système. compatibilité : multiplateforme. La performance : rapide , même avec beaucoup d’utilisateurs
- #10 Dans la partie conception nous commençons de définir notre architecture c’est l’architecture MVC qui se base sur la séparation de ces couches : –modèle : c’est pour accès et mise à jour des données . –vue: c’est l’interface d’utilisateur pour l’entrée et sorties. –contrôleur :la gestion des événement et la synchronisation
- #11 Nous passons pour la présentation de notre diagramme de classe : Un utilisateur peut être un administrateur ou un opérateur. L’administrateur gère ventes, achats, fournisseurs, clients ,et l’opérateur gère stocks, statistiques. Les achats sont liés aux fournisseurs et aux articles, tandis que les ventes sont liées aux clients et aux articles. Chaque classe (client, fournisseur, article) possède ses propres méthodes de gestion (ajout, modification, suppression). Enfin, classe Statistique permet de générer des indicateurs globaux sur les achats, ventes et stocks.
- #12 ensuite nous passons au digramme de séquence gestion de ventes
- #13 Passons maintenant à la partie réalisation Durant le développement de notre application, nous avons utilisé les technologies suivantes : VS Code pour coder. HTML/CSS Bootstrap pour faire les pages web et le design. Angular et Type Script pour le frontend. Node.js et Express pour le backend. MongoDB pour la base de données. JWT pour l’authentification. Postman pour tester les requêtes.
- #14 Dans cette vidéo, vous allez voir comment notre application fonctionne. Voici l’interface d’authentification. L’utilisateur saisit ses données, puis clique sur le bouton "Sign In« . On passe à l’interface du tableau de bord. L’utilisateur peut consulter le total des ventes, des achats, les bénéfices, le stock et le chiffre d’affaires. Ensuite, dans la fonctionnalité de gestion de stock, l’utilisateur peut ajouter, modifier, supprimer des articles, et les consulter dans la liste des articles en dessous. Dans la gestion des ventes, l'utilisateur peut : créer une facture, l'exporter en PDF, consulter l'historique des transactions et enregistrer les paiements. dans la gestion d'achat l'utilisateur peut créer une commande fournisseurs valider la commande et suivi le paiement. dans la fonctionnalité de gestion de client , l’utilisateur peut ajouter, modifier, supprimer les clients, et les consulter dans la liste des clients en dessous. dans la fonctionnalité de gestion de fournisseurs , l’utilisateur peut ajouter, modifier, supprimer les fournisseurs, et les consulter dans la liste des fournisseurs en dessous.
- #15 Pour conclure ….. Et come perspectives……