Réalisation d'un site statique et Dynamique : My Movies

I/ Contexte || Problématique.

 

Le but de cette mission était de réaliser dans un premier temps un site web statique, puis ensuite de réaliser un site web dynamique dites vitrine, ayant pour thème la gestion des films. Des films devaient être affichées au sein de cette application afin de regarder les détails spécifiques de chaque films qui sont affichées(Date de parution, synopsis, résumé du film par exemple) lorsqu'un utilisateur se rend sur le site.

 

La réalisation de ces 2 versions s'est fait dans un projet de groupe avec des membres de la classe. Cela s'est réalisée lors d'un module nommée SI6 en 1ère année de BTS SIO.

 

II/ Solution Mis en place.

 

La solution mise en place nous a été fournit lors de cette mission par le professeur, en réalisant 2 versions de sites web, dont l'une avec un affichage brut des données inscrits depuis la page et l'autre la réception de données par une connexion à une Base de Données.

III/ Notions et applications utilisées pour la réalisation de la solution ou du besoin.

 

Des contraintes nous ont été données dans la mission tant au niveau des pages à créer que dans l'utilisation de certains langages ainsi qu'au niveau des délais de rendement de chaque version du logiciel.

 

Concernant la 1ère version du logiciel, il nous a été demandé de créer :

  • 1 page d’accueil qui affiche la liste des films.

  • 1 page pour chaque film, recensant les détails le concernant.

Par rapport aux exigences techniques il nous a été demandé d'utiliser :

  • HTML.

  • CSS.

  • Framework Bootstrap.

  • D'indenter le code.

  • Mettre en place une arborescence du dossier.

Concernant la 2ème version du logiciel, il nous a été demandé en plus des mêmes restrictions que le site statique de :

  • Stocker les informations dans une Base de Données.

Par rapport aux exigences techniques en plus de la version statique, il nous a été demandé d'utiliser :

  • PHP.

  • MySQL.

  • PDO.

  • De ne pas dupliquer les données(Include).

  • Créer un script permettant de créer sa BDD.

IV/ Production réalisé / Étape de la réalisation.

 

Pour la réalisation du projet, j'ai rejoins le groupe de Marc Tete et de Yohan Fortin qui était notre chef de projet. Chacun avait un rôle et chacun avait un travail qui lui était attribué ou en commun. L'ensemble des tâches effectués ont été enregistrés grâce à une application de gestion de projet nommé Gantt Project.

 

Travail réalisée par les membres pour les 2 versions du logiciel :

  • Voir la gestion de projet pour voir le travail réalisée par chaque membres du groupe.

  • 2 versions du logiciel.

V/ Compétences mises en œuvre :

 

Situation 1 : Participation à un projet d’évolution d’un SI (solution applicative et d’infrastructure portant prioritairement sur le domaine de spécialité du candidat).

 

Réalisation de 2 sites web(statique et dynamique).

 

Situation 3 : Elaboration de documents relatifs à la production et à la fourniture de services.

 

Réalisation d'un document sur la gestion de projet(Gantt).

 

Situation 4 : Productions relatives à la mise en place d’un dispositif de veille technologique et à l’étude d’une technologie, d’un composant, d’un outil ou d’une méthode.

 

Étude de notions nécessaires à la réalisation des 2 types de sites (PHP avec l'accès à la Base de données, Bootstrap).

 

A1,1,1 : Analyse du cahier des charges d'un service à produire.

 

Respect des restrictions mis en place par le professeur et des règles mises en place dans les besoins souhaités.

 

A1,1,3 : Étude des exigences liées à la qualité attendue d'un service.

 

Recensement des règles à respecter pour réaliser les 2 versions du site web.

 

A1,2,4 : Détermination des tests nécessaires à la validation d'un service.

 

Réalisation des tests nécessaires à la bonne utilisation des fonctionnalités.

 

 

A1,2,5 : Définition des niveaux d'habilitation associés à un service.

 


Accès à des pages spécifiques(ajout de pages) si on est connecté en tant qu'utilisateur dans la version du site dynamique.

 

A1,3,1 : Test d'intégration et d'acceptation d'un service.

 

Réalisation de tests sous environnement de développement sous serveur WAMP.

 

A1,4,1 : Participation à un projet.

 

Participation à la réalisation au sein d'un groupe des 2 versions du logiciel.

 

A1,4,2 : Évaluation des indicateurs de suivi d'un projet et justification des écarts.

 

Gestion du temps restant afin de peaufiner les 2 versions du logiciel en fonction des limites qui ont été fixés selon le professeur.

 

 

A1,4,3 :Gestion des ressources.

 

Réalisation des 2 sites à l'aide de ressources fournies par le professeur pour nous donner des pistes.

 

 

A4,1,2 : Conception ou adaptation de l'interface utilisateur d'une solution applicative.

 

Mise en place d'une interface et d'un accès à des pages spécifiques pour l'utilisateur.

 

A4,1,3 : Conception ou adaptation d'une base de données.

 

 

Mise en place d'une BDD simple pour le site dynamique.


A4,1,4 : Définition des caractéristiques d'une solution applicative.

 

 

Réutilisation de certains outils et notions du site statique pour la réalisation du site dynamique.

 

A4,1,7 : Développement, utilisation ou adaptation de composants logiciels.

 

 

Adaptation de composant (PDO) pour l'utiliser sous le logiciel.

 

A4,2,2 : Adaptation d'une solution applicative aux évolutions de ses composants.

 

 

Passage d'un site statique à un site dynamique en utilisant des composants existant.


A5,2,2 : Veille technologique.

 

 

Nécessité de s'informer sur la réalisation de fonctionnalité à mettre en place (Variable de session, notion Bootstrap, connexion, déconnexion, mise en forme) avec la documentation fournie du professeur.