Elodie Bayet :: Développeuse Web Fullstack & UI/UX Designer

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.

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

Architecture SEO
Architecture SEO
Wireframe n°1 Desktop
Wireframe n°1 - Desktop
Schéma Entités-Associations
Schéma Entités-Associations
Schéma relationnel
Schéma Relationnel

Programmation Back-End

Cette page est actuellement en cours de développement. Certains contenus ne sont pas encore disponibles.

Programmation Front-End

Cette page est actuellement en cours de développement. Certains contenus ne sont pas encore disponibles.