SAE 203 : Développer

Informations de la SAE

Sujet : Concevoir un site web de streaming de films intégrant une base de donnée.


Durée : 2 semaines


Description : En tant que développeurs web juniors, les étudiants doivent concevoir un site web relié à une base de données comme par exemple un catalogue de produits organisé par catégories ou mots-clés. Ce site doit présenter de manière lisible et ergonomique les données stockées et permettre de naviguer au sein de celles-ci. Il doit permettre aux utilisateurs d'ajouter des contenus par exemple en postant des commentaires ou en réservant un produit. Les étudiants doivent répondre à la question : Comment consulter de manière fluide des contenus stockés dans une base de données et permettre aux utilisateurs d'interagir avec ces contenus ?


Organisation : Travail effectué en duo


Objectif :

● Combiner les ressources liées au développement web et à la gestion des bases de données et comprendre comment elles s'articulent pour automatiser la production de pages Web ;

● Approfondir les ressources liées à l'intégration en lien avec les normes et les bonnes pratiques pour produire des pages fluides, valides et accessibles ;

● Découvrir le développement front et approfondir la connaissance du CSS en mettant en place des animations et interactions simples ;

● Découvrir l'administration d'un hébergement web en mettant en ligne un projet web et en veillant à la sécurité des données.

Ressources mobilisées et combinées

R2.12

Intégration

R2.13

Développement Web

R2.14

Système d'information

R2.15

Hébergement

Eléments

BASE DE DONNEES

Cela comprend :


- La base de donnés du site entier faites sur "phpmyadmin"

BACKOFFICE

Cela comprend :


- Tous les éléments qu'on ajoute/modifie/supprime qui apparaîtront par la suite sur le site vitrine.

Accéder au backoffice

SITE VITRINE

Cela comprend :


- La page qui affiche les films ajoutés via le backoffice lorqu'on clique sur "tous"

- Les différents types de films

- Les trailers des films en cliqnat sur "Trailer"

- Les différents profils ainsi que leur playlist de films (ajouter et supprimer)

Accéder au site

SITE VITRINE 2

Cela comprend :


- Un autre exemple de répartition du site en s'inspirant d'un site de streaming existant déjà (BFI PLAYER)

- Rajout de ce site en "Alias" lors de l'hébergement pour en avoir 2 différents

Accéder au backoffice

RAPPORT DU SITE

Cela comprend :


- La page qui affiche les statistiques du site entier en indiquant plusieurs éléments.

Accéder au site

Résumé

Cela comprend :


- Tous les éléments énoncé en 1 pdf en ayant indiquer quelques commentaires sur la construction du site.

Accéder au backoffice

Ressenti de la SAE

Je crois avoir accompli les cinq apprentissages essentiels de cette séance d'apprentissage en autonomie. C'était une version plus approfondie de la saé du premier semestre, ce qui m'a beaucoup plu. La possibilité de choisir moi-même la mise en page a révélé mon côté créatif.

Apprentissages Critiques

AC14.01

Exploiter de manière autonome un environnement de développement efficace et productif

AC14.02

Produire des pages web incluant un balisage sémantique efficace et des interactions simples

AC14.03

Générer des pages web à partir de données structurées

AC14.04

Mettre en ligne une application web en utilisant une solution d’hébergement standard

AC14.05

Modéliser les données d’une application web