Making-Of
Avant-propos
Cette page décrit – dans les grandes lignes – la conception du site elodiebayet.com. Quelles technologies ont été utilisées et quels concepts ? Comment s’est déroulé le processus de développement et quelles étaient les étapes ?
À chaque refonte et depuis sa mise-en-ligne initiale en 2017, ce site répond aux 2 mêmes objectifs habituels.
Le premier est de servir de projet de développement Fullstack “from scratch”. Aucun Framework n’est utilisé pour le développement Front-End ou Back-End. Chaque “couche” du projet est donc entièrement conçue par mes soins. L’avantage de ce mode de développement, est qu’il permet de rester à jour sur les différentes technologies, et même d’approfondir et renforcer leur connaissance.
Le second objectif est de lister les technologies maîtrisées ; de présenter les projets réalisés – qu’ils soient archivés ou non – ; et de détailler le parcours professionnel et formatif. Constituer une sorte de Portfolio interactif.
Déroulement du projet
Étant seule dans la conception de ce projet, le processus de réalisation implique plutôt l'organisation en cascade – Waterfall.
- Rédaction du cahier des charges – inclus la description du projet, la définition des contenus et de leur formats, et la définition de la structure.
- Analyse conceptuelle – inclus l’établissement du schéma entités-associations et la description fonctionnel du site.
- Modélisation et révision conceptuelle – inclus l’établissement du schéma relationnel et des diagrammes de classes, mais aussi la révision du cahier des charges et de l’analyse conceptuelle.
- Implémentation de la base de données et révision du modèle relationnel – inclus la réalisation de la base de données et la correction du schéma relationnel.
- Prototype Back-End et révision du modèle relationnel – inclus le développement prototype du Back-End et la corrections du schéma relationnel.
- Programmation Back-End et révisions des schémas – inclus le développement réel du Back-End, et la corrections du schéma relationnel et des diagrammes de classes.
- Tests corrections Back-End – inclus les premiers tests, l’optimisation du code, et la révision des diagrammes de classes.
- Programmation Front-End et rétrospection Back-End – inclus le développement réel du Front-End et l’adaptation des charges qui incombent au Back-End.
- Tests et corrections Front-End – inclus les premiers tests et l’optimisation du code.
- Déploiement et corrections directes – inclus les tests d’accessibilité et l’audit de performance.
- Maintenance et rétrospection – en cours, inclus le perfectionnement des codes métiers en Front-End et en Back-End.
En résumé : il y a eu 3 versions du cahier des charges ; 2 versions du schéma entités-associations ; 4 versions de la bases de données et de son schéma relationnel ; 2 versions du diagrammes des classes.
Cahier des charges
La 1re partie du cahier des charges comprend 3 sections :
- La description globale : y sont décrit les objectifs du site et les contraintes à respecter. Mais aussi à qui s’adresse ce site, quelles innovations et quelles idées seraient intéressantes à mettre en œuvre.
- La description structurelle : y sont établit l’architecture SEO avec les niveaux de profondeur, la définition de la structure du site et de son contenu.
- La description applicative : y sont définit les fonctionnalités et le fonctionnement de chaque page.
Modélisation
Programmation Back-End
En cours de rédaction...
Programmation Front-End
En cours de rédaction...
Construction time : 0.012972831726074 sec.