Projet L'Interview
DEVELOPPEMENT WEB

Eclipsea

Site d'inventaire des astres de notre système solaire

CONTEXTE DU PROJET

Eclipsea est un site web servant d’inventaire des astres. Le projet repose sur une base de données en PHP/MySQL permettant de stocker et de classer les astres par catégories, avec des options de filtrage en JavaScript et un formulaire relié à la base pour ajouter de nouveaux éléments. C’était la première fois que je travaillais avec une base de données, ce qui m’a permis de mieux comprendre son rôle dans la conception d’un site web. Le site a été hébergé sur O2Switch, une solution d’hébergement très complète, même si aucun nom de domaine personnalisé n’était associé au projet.

Le projet à été réalisé dans un contexte universitaire, et a été mené seule sur une période d’environ trois mois, avec une date de rendu fixée au 2 juin 2025. Ce projet m’a permis de développer des compétences essentielles en développement web, notamment en structuration et exploitation d’une base de données, en intégration d’éléments interactifs et en mise en relation entre le front-end et le back-end. Les langages utilisés sont PHP, SQL, JavaScript, HTML et CSS, et pour faire fonctionner tout cela j’ai utilisé les logiciels VS Code et PHPMyAdmin.

OUTILS

VS CODE PHPMyAdmin Hébergement O2Switch

COMPÉTENCES

  • Conception et structuration d’une base de données relationnelle
  • Création de pages dynamiques en PHP connectées à une base MySQL
  • Mise en place d’un formulaire relié à la base de données pour l’ajout de contenus
  • Développement de fonctionnalités interactives en JavaScript

Conception & mise en place

Le projet a débuté par une phase de réflexion autour de la structure du site et de l’organisation des données. J’ai défini les différentes catégories d’astres ainsi que les informations nécessaires à leur référencement, avant de concevoir et mettre en place une base de données PHP / MySQL. Cette étape m’a permis de comprendre le rôle central de la base de données dans un site web dynamique, ainsi que les liens entre le front-end et le back-end.

Tournage de l'interview

Développement & mise en ligne

Une fois la base fonctionnelle, j’ai développé l’interface du site en HTML / CSS, en veillant à la clarté et à la hiérarchisation des contenus. Des fonctionnalités interactives en JavaScript, notamment le filtrage des astres par catégories, ont été ajoutées afin d’améliorer l’expérience utilisateur. Le projet a ensuite été mis en ligne sur un hébergement O2Switch, ce qui m’a permis de tester le site dans un environnement réel et de mieux appréhender les contraintes liées au déploiement d’un projet web.

Montage vidéo sur Premiere Pro