Conception et réalisation d’un site web dynamique pour un cinéma
Présentation du projet
Ce projet s’inscrit dans le cadre de mes études en Réseaux et Télécommunications à l’IUT d’Annecy. Réalisé en équipe de deux, il a pour objectif de concevoir et développer un site web en PHP, HTML et CSS, connecté à une base de données PostgreSQL.
Objectif du projet
- Développer un site web comprenant une partie administration pour gérer les contenus et une partie client pour les utilisateurs finaux.
- Élaborer un cahier des charges précis afin de structurer correctement le projet et planifier les différentes étapes de développement.
- Définir une charte graphique commune, garantissant une interface claire, cohérente et agréable pour le client.
- Produire un site 100 % fonctionnel, conforme aux attentes du cahier des charges.
- Renforcer notre capacité à travailler en équipe sur un projet commun, en utilisant des outils collaboratifs comme Microsoft Teams.
Organisation du projet
PARTIE 1 - ORGANISATION DU PROJET
Analyse des besoins et définition du concept
Pour débuter le projet, nous avons choisi de créer un site web pour un cinéma fictif, ce qui a permis de définir clairement les fonctionnalités et la structure nécessaires. Nous avons identifié les principales fonctionnalités du site : présentation des films à l’affiche, horaires des séances, réservation en ligne, et une interface d’administration pour gérer les contenus et les horaires. Cette étape a servi à formaliser le cahier des charges interne et à guider la conception du site.
Organisation de la structure du site
Le site a été découpé en deux parties principales : Partie client : pages publiques pour consulter les films, les horaires et effectuer des réservations. Partie administration : interface sécurisée permettant de gérer les films, les séances et les réservations. Une arborescence des fichiers a été définie pour organiser le code HTML, CSS et PHP de manière claire et cohérente.
Conception de la base de données PostgreSQL
Nous avons conçu une base de données adaptée au cinéma, comprenant des tables pour : Les films (titre, synopsis, affiche, genre, durée), Les séances (date, horaire, salle, capacité), Les utilisateurs et les réservations. Un schéma conceptuel a été réalisé pour visualiser les relations entre les tables et assurer l’intégrité des données.
Planification et répartition des tâches
Chaque membre de l’équipe s’est vu attribuer des responsabilités spécifiques : développement du front-end, gestion du back-end et création de la base de données pour chaque partie. Nous avons utilisé Microsoft Teams pour coordonner nos actions et suivre l’avancement du projet.
PARTIE 2 - Réalisation du projet
Réalisation du projet
La deuxième étape du projet a consisté à développer concrètement le site web du cinéma, en s’appuyant sur la structure et la base de données définies lors de la phase d’organisation. Cette étape a permis de passer de la planification à la production réelle, en portant une attention particulière à l’interface et aux fonctionnalités.
Pour ma part, je me suis personnellement chargé de la réalisation de la partie client, qui comprend :
- Les pages accessibles aux utilisateurs, présentant les films et les séances.
- La mise en place des sessions utilisateur permettant aux visiteurs de se connecter avec un login et un mot de passe, garantissant un accès sécurisé aux réservations et à leur compte personne
- L’intégration dynamique avec la base de données pour afficher les informations à jour et gérer les réservations en temps réel.
Cette approche a permis de créer un site interactif et sécurisé, offrant aux utilisateurs une expérience complète et personnalisée.
Page détaillée pour chaque film, avec affiche, genre et durée.
Page de réservation permettant aux utilisateurs réserver leurs places.
Page permettant aux utilisateurs de consulter leurs réservations.
Conclusion Globale du projet
Ce projet de développement d’un site web pour un cinéma fictif a permis de mettre en pratique l’ensemble des compétences acquises en programmation web et gestion de bases de données. De la phase de planification avec la rédaction du cahier des charges et la conception de la base de données, à la réalisation concrète du site, chaque étape a renforcé notre capacité à structurer, développer et organiser un projet en équipe. J’ai personnellement contribué à la partie client, en développant les pages utilisateurs et en mettant en place un système de sessions sécurisées avec login et mot de passe. Le site permet ainsi aux utilisateurs de consulter les films, réserver des séances et gérer leur compte de manière dynamique et sécurisée. Ce projet a également été l’occasion de travailler en collaboration à l’aide d’outils comme Microsoft Teams, de suivre une méthodologie rigoureuse et de respecter des conventions de codage et de design, tout en garantissant un résultat fonctionnel et cohérent. En résumé, ce projet a été une expérience complète combinant technique, organisation et travail collaboratif, et constitue un premier exemple concret de réalisation web professionnelle.