Star Wars, Plateforme Web

Un site PHP qui consomme ses donnees depuis un fichier JSON, sans base de donnees traditionnelle.

Contexte & Objectifs

Dans le cadre de la SAE 1.05 du BUT MMI (IUT de Troyes), l'enjeu etait de concevoir un site web complet sur un sujet libre, avec une contrainte technique forte : rendre les pages dynamiques cote serveur via PHP et stocker les donnees dans un fichier JSON plutot qu'une base SQL. Passionne de science-fiction, j'ai choisi l'univers de Star Wars pour porter ce projet.

Au-dela de l'integration HTML/CSS, ce SAE evaluait la capacite a architecturer un site "vivant" : contenu genere a la volee, formulaire traite cote serveur, galerie alimentee par les donnees JSON.

  • SAE 1.05, BUT MMI, IUT de Troyes
  • S1 2024-2025, projet individuel
  • Role : developpeur web full-stack
  • Enjeu : dynamisme PHP, donnees JSON
  • Technologies : HTML5, CSS3, PHP 8, JSON

Demarche & Architecture

Avant de coder, j'ai structure le fichier JSON comme une mini-API : personnages, vaisseaux, lore. Chaque page PHP lit ce fichier et genere le HTML correspondant avec des boucles. Le formulaire de contact utilise GET pour passer les messages de succes/erreur dans l'URL sans rechargement complet.

Formulaire PHP

Traitement cote serveur avec gestion des erreurs et messages de retour via parametres GET. Pas de JS requis.

Donnees JSON

Tout le contenu (personnages, vaisseaux, citations) est parse et injecte dynamiquement dans les templates PHP.

Galerie Dynamique

Galerie generee via inclusions PHP depuis les donnees JSON : ajouter un personnage au fichier suffit a l'afficher sur le site.

Bilan & Apprentissages

Le plus instructif dans ce projet n'etait pas PHP en lui-meme mais la notion de separation donnees / presentation. Utiliser JSON comme source de verite m'a fait comprendre intuitivement ce que font les CMS et les APIs avant meme d'en avoir utilise un formellement.

J'ai aussi decouvert que la gestion des erreurs de formulaire "a l'ancienne" (via GET) est plus robuste qu'elle n'y parait : pas de dependance JS, fonctionne meme sur les navigateurs les plus limites.

  • AC14.01. Mettre en place un environnement de developpement web
  • AC14.02. Produire des pages web statiques et dynamiques
  • AC11.01. Analyser un besoin et formaliser une solution technique
  • AC21.01. Developper a l'aide d'un langage de script cote serveur
← Projets