retour en haut de la page
Nathan.THOMASSET   Nathan.THOMASSET    SIO-SLAM   

Realistation :

PPE

Modaliter :

En equipeIndividuelle

Competence :

A1.1.1 A1.1.2 A1.1.3 A1.2.4 A1.3.2 A1.3.3 A1.4.1 A1.4.2 A1.4.3 A4.1.1 A4.1.3 A4.1.6 A5.1.1    A5.2.1

Ressource fournies :

Contexte présentant l’association CinePassion38, les fonctionnalités à développer et le cahier des charges.

Resultat attendus :

Un site dynamique qui gère l'affichage des films

Environement :

Eclipse (avec l'extension Toad pour les bases de données.), GitHub, Visual Studio Code

 Context   Réalisation  Projet Annexe

 Contexte

Un site web mettant en avant des films est déjà commencé, ils nous ont demandé de l’améliorer en y ajoutant 3 pages différentes :

  • Une première page, qui affiche des films qui défilent et un texte,
  • Une seconde page, qui présente les films sous la forme d’un tableau,
  • Et une dernière page qui nous donne des informations sur un film sélectionné.

 Réalisation 

Les logiciels :

  • Eclipse, environnement de développement utilisé pour déboguer la partie PHP du projet,
  • VSC (Visual Studio Code)environnement de développement utilisé pour l'ecriture et le déboguage du code du projet
  • Toad, logiciel de gestion de base de données,
  • Extension SVN sous Eclipse, pour partager le projet avec l’autre partie du groupe.
  • GitHub, GitHub Desktop pour realiser les commit et pouvoir avencer le projet en dehors des heur de cours

Les langages :

  • L’HTML, le langage de base pour construire les pages web nécessaires à la création de l’application,
  • Le CSS, indispensable pour la mise en forme des pages web et pour rendre le site plus agréable à utiliser,
  • Bibliothèques jQuery, pour dynamiser l’affichage des produits,
  • Le PHP, pour dynamiser le contenu du site.
  • Eplication du Projet

    La première page (Annexe 1) que nous devions réaliser se nomme « Présentation du Module Film », elle est constituée de deux parties :

    • Des affiches de film qui défilent une à une,
    • D’un texte qui présente le site avec le nombre de films en temps réel dans la base.

    La seconde page (Annexe 2) que nous devions créer se nomme « Liste des Films ». Sur cette page, il y a un tableau qui affiche tous les films de l’association. Un certain nombre de film choisis volontairement par page. Les films sont triés dans l’ordre alphabétique et les informations telles que le nom, le genre, la date de sortie et la durée sont affichées. Ces données sont récupérées dans la base de données. Grâce à la pagination, il nous était possible de naviguer entre les pages avec des boutons, soit la première ou la dernière, la précédente ou la suivante en fonction de la page ou on se situait.

    La dernière page (Annexe 3) nous permet d’avoir différentes informations sur un film sélectionné sur la seconde page. Les informations qui s’affichaient sous forme de différents onglets sont :
    • Les informations sur le film (date de sortie, auteur, durée, etc…),
    • L’histoire,
    • Les acteurs,
    • La notation,
    • Les commentaires.
    Dans les onglets, toutes les informations proviennent de la base de données.

     Annexe

    Annexe 1 : Première Page « Présentation du module Film »

    Annexe 2 : Seconde Page « Liste des Films »

    Annexe 3 : Troisième Page Exemple


    Fiche de competence
    Projet
    Confinement
    Contact
    Veilles