Dossier Projet -Médi'Avenir

Dossier Projet

- Medi'Avenir -

start

by Richal Stella

Cahier des Charges

Sommaire

Gestion de Projet

Projet

Conclusion

Cahier des Charges

Contexte

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.

Documentation Technique

- Spécifité technique -

Back-End

Front-End

Serveur

• 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)

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

Documentation Technique

- Les Fonctionnalités -

US5: Ajouter un livre

Utilisateurs concernées : employé (Admin)

• 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.

US4 : Emprunter un livre

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

• 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.

US1 : Créer son compte

Utilisateurs concernées : Habitant

• 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.

US2 : Se Connecter

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

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

US6: Ajouter un livre

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

• 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.

US5: Ajouter un livre dans le catalogue

US3 : Découvrir le catalogue

Utilisateurs concernées : Habitant , 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.)

US7: Rendre un livre

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

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

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

US1 : Créer son compte

US8: Modifier son profil

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

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

US6 : Consulter les emprunts en cours

US2 : Se Connecter

US7 : Rendre un livre

US3 :Découvrir le catalogue

US8 : Modifier son profil

US4 : Emprunter un livre

Documentation Technique

- Les outils et technologies utilisés -

L'organisation et la gestion du projet

La créativité et d'autres aspects visuels

Le développement de l'environnement de projet

Documentation Technique

- Charte Graphique -

Gestion de Projet

Organisation

- Mon Organisation -

Création Maquette & Charte Graphique

Création Projet

Test & Sécurité

Analyse du contexte & Documentation

Organisation

- Méthode Agile avec Trello -

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.

Organisation

- Sauvegarde avec Github -

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

Organisation

- Maquette -

Version Desktop

Version Mobile

Organisation

- Diagramme -

Diagramme de classe

Diagramme de séquence :Rendre un livre

Diagramme de séquence :Emprunter un livre

Diagramme de cas d'utilisaton

Organisation

- Modele Vue Controller (MVC)-

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

Projet

Conception

Conception : Front-End

- Responsive -

Conception : Front-End

- Arborescense -

Interface Générale

Interface Utilisateur

Interface Administrateur

Conception : Front-End

- SEO -

- 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.

Conception : Front-End

- Symfony -

1 - Installation du projetSymfony

4 - Utilisation des bundlesSymfony

5 - Configuration des routeset des contrôleurs

2 - Configuration initiale

3 - Gestion des packages avec Composer

Conception : Back-End

- Base de donnée -

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

Conception : Back-End

- Formulaire -

Info

Info

Info

Conception : Back-End

- CRUD -

Conception : Back-End

- Sécurité -

Routes & Privilèges

RGPD & CNIL

Message de journalisation

Conception : Back-End

- Test -

Routes

Fonctionnalité

Conclusion

Conclusion

Amélioration

Introspection

Et après ?

• 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

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.

Contrôleur Inscription

Form Inscription

Twig Inscription

Contrôleur Accueil - route contact

Form contact

Entité Contact

Twig 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

Contrôleur Authentification

Sécurité et gestion de l'authentification

Twig 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.