Dossier Projet -Médi'Avenir

by Richal Stella

- Medi'Avenir -

start

Dossier Projet

Conclusion

Projet

Gestion de Projet

Cahier des Charges

Sommaire

Cahier des Charges

En période de Covid-19, la médiathèque de La Chapelle-Curreaux, Médi'Avenir , a décidé de s'inspirer du click and collect pour permettre aux habitants d'emprunter et de profiter davantage de ses services.

Contexte

• Symfony (version 7)
• PhpMyAdmin
• Doctrine / ORM
• PHP 7.4
• EasyAdmin
• Postman

• HTML 5
• CSS 3
• Javascript

• Debian 12.4 (Bookworm)
• Apache (Version 2.4.56)
• PHP (Version 7.4)
• Extension PHP : PDO
• MariaDB (Version 15.1)

- Spécifité technique -

Serveur

Front-End

Back-End

Documentation Technique

US8 : Modifier son profil

US7 : Rendre un livre

US6 : Consulter les emprunts en cours

US5: Ajouter un livre dans le catalogue

US4 : Emprunter un livre

US3 :Découvrir le catalogue

US2 : Se Connecter

US1 : Créer son compte

• L’habitant devra renseigner : un nom, un prénom, un email valide, une date de naissance, son adresse postale et un mot de passe sécurisé résistant aux injections SQL.

Utilisateurs concernées : Habitant

US1 : Créer son compte

- Les Fonctionnalités -

• Les utilisateurs concernés se connectent sur le plateforme respective : l’inscrit se connecte sur l’interface inscrit et l’employé l’interface administrateur .

Utilisateurs concernées : Inscrit , employé (Admin)

• Les utilisateurs concernés auront accès à l’intégralité du catalogue de la médiathèque.

Un visuel permettra de différencier les livres disponibles de ceux qui ne le sont pas. Si besoin, il peut rechercher un livre précis par son titre grâce à une barre de recherche ou filtrer par genre (ex : romance, science-fiction, fantastique, etc.)

• Si l’inscrit clique sur le bouton, le livre ne sera plus accessible pour d’autres utilisateurs.
• Lorsque l’inscrit vient pour récupérer son livre à la médiathèque, un employé confirmera l’emprunt.
• Si, au bout de 3 jours, le livre n’a toujours pas été récupéré par l’inscrit, l’emprunt sera considéré comme annulé et le livre sera de nouveau disponible dans le catalogue.

• L’employé peut ajouter un livre qui à pour caractéristique :

- Un titre, -Une image de la première de couverture, - Une date de parution, -Une description, -Un auteur, -Un genre.

• Lorsqu’un inscrit vient rendre un livre sur place, un employé confirme la remise.

Automatiquement, le livre devient à nouveau accessible dans le catalogue.

• - Les utilisateurs concernés peuvent consulter et modifier leur profil

• Les employés de la médiathèque voient la liste des emprunts en cours
• De son côté, l’inscrit voit aussi la liste des livres qu’il a empruntés.

US2 : Se Connecter

Utilisateurs concernées : Habitant , Inscrit , employé (Admin)

Utilisateurs concernées : employé (Admin)

Utilisateurs concernées :Inscrit , employé (Admin)

Utilisateurs concernées :Inscrit , employé (Admin)

Utilisateurs concernées :Inscrit , employé (Admin)

Utilisateurs concernées : Inscrit , employé (Admin)

US4 : Emprunter un livre

US7: Rendre un livre

US8: Modifier son profil

US6: Ajouter un livre

US5: Ajouter un livre

US3 : Découvrir le catalogue

Documentation Technique

La créativité et d'autres aspects visuels

Le développement de l'environnement de projet

L'organisation et la gestion du projet

- Les outils et technologies utilisés -

Documentation Technique

- Charte Graphique -

Documentation Technique

Gestion de Projet

Test & Sécurité

Création Projet

Création Maquette & Charte Graphique

Analyse du contexte & Documentation

- Mon Organisation -

Organisation

La méthode Agile est une approche de gestion de projet qui favorise la flexibilité, l'adaptabilité et la collaboration pour livrer des résultats de manière progressive et collaborative.

- Méthode Agile avec Trello -

Organisation

La sauvegarde sur Github peut se faire sur le terminal ou sur un logiciel qui se nomme Github Desktop

- Sauvegarde avec Github -

Organisation

Version Mobile

Version Desktop

- Maquette -

Organisation

Diagramme de séquence :Rendre un livre

Diagramme de séquence :Emprunter un livre

Diagramme de cas d'utilisaton

Diagramme de classe

- Diagramme -

Organisation

Le modèle MVC (Modèle-Vue-Contrôleur) est un motif d'architecture logicielle qui divise une application en trois composants principaux pour mieux organiser le code et séparer les préoccupations.

Source : Par Benoît Prieur — Travail personnel, CC0, https://commons.wikimedia.org/w/index.php?curid=85996118

- Modele Vue Controller (MVC)-

Organisation

Projet

Conception

- Responsive -

Conception : Front-End

Interface Administrateur

Interface Utilisateur

Interface Générale

- Arborescense -

Conception : Front-End

- Optimisation des balises META : J'ai soigneusement rédigé des balises <title> et <meta description> uniques et pertinentes pour chaque page du site, en incluant des mots-clés stratégiques. - Optimisation des images : J'ai optimisé les images en utilisant des balises ALT descriptives et en les compressant pour améliorer le temps de chargement des pages et l'expérience utilisateur. - Structure du site : J'ai veillé à ce que la structure du site soit claire et organisée, en utilisant des balises HTML appropriées pour structurer le contenu et faciliter l'indexation par les moteurs de recherche.

- SEO -

Conception : Front-End

5 - Configuration des routeset des contrôleurs

4 - Utilisation des bundlesSymfony

3 - Gestion des packages avec Composer

2 - Configuration initiale

1 - Installation du projetSymfony

- Symfony -

Conception : Front-End

Sauvegarde etMise à jour de la base de donnée

Création et miseen relation des entités

Liaison base de donnée avec leprojet

Création de la base de donnée , de l'utilisateur et ses priviléges

- Base de donnée -

Conception : Back-End

Info

Info

Info

- Formulaire -

Conception : Back-End

- CRUD -

Conception : Back-End

Message de journalisation

RGPD & CNIL

Routes & Privilèges

- Sécurité -

Conception : Back-End

Fonctionnalité

Routes

- Test -

Conception : Back-End

Conclusion

• Continuer études informatique, spécialisation développement front-end.
• Re travailler sur mes sites

• Test
• Sécurité
• Appronfondir mes compétences en Front-end

• Veille informatique :

- Version Symfony

• Organisation

Et après ?

Introspection

Amélioration

Conclusion

FIN

Merci de m'avoir écouter !

Vue

La vue est responsable de l'interface utilisateur de l'application. Elle affiche les données au format souhaité pour les utilisateurs et interagit avec eux. Elle ne contient pas de logique métier, elle se contente d'afficher les données fournies par le contrôleur.

Form Inscription

Twig Inscription

Contrôleur Inscription

Twig contact

Form contact

Contrôleur Accueil - route contact

Entité Contact

Le diagramme de cas d’utilisation schématise les fonctionnalités du site , c'est-à-dire les utilisateurs concernés et les actions qui leurs ont été attribuées .

Interface Général

Twig authentification

Contrôleur Authentification

Sécurité et gestion de l'authentification

Contrôleur

Le contrôleur agit comme un intermédiaire entre le modèle et la vue. Il reçoit les requêtes des utilisateurs, traite les données en conséquence en utilisant le modèle approprié, puis renvoie la réponse à la vue pour affichage. Il gère la logique d'interaction et de traitement des données.

Interface Général

Le diagramme de classe représente la structure statique des classes et de leurs relations dans un système logiciel.

Le diagramme de séquence illustre la séquence d'interactions entre les objets d'un système logiciel dans le temps.

Modèle

Le modèle représente les données de l'application et la logique métier associée. Il est responsable de l'accès aux données, de leur manipulation et de leur traitement. Il interagit avec la base de données pour récupérer et enregistrer les données.