Prjet de sessin - UMvie Le prjet de sessin cnsiste à dévelpper une applicatin permettant de visinner une biblithèque de films/saisns télévisées, de puvir créer des watchlists et de les partager entre amis. Le prjet dit être fait en équipe de 4 à 6 étudiants. L équipe dit utiliser les dépôts GitHub furnis par les enseignants. L'applicatin dit être réalisée en anglais. l Vir dates de remise sur le prtail des curs. NOTE : Pur les previews vidé, vus devrez utiliser l'api de Yutube puisque le frmat renvyé par itunes n'est pas lisible. Vir ici. Utilisez simplement le premier résultat de recherche. Pur chaque livrable Furnir un ZIP cmprenant: Dcument design au frmat PDF Expliquer cmment lancer l applicatin Dit être très simple (1 u 2 étapes maximum) Vtre numér d équipe Le membres de vtre équipe Nms, IDULs et Matricules Dssier qui cmprend les fichiers html, css et js ATTENTION Vtre applicatin dit fnctinner sans aucune manipulatin du crrecteur
dit fnctinner sans erreurs ni exceptins dans la cnsle de Chrme (la crrectin sera fait dans Chrme, pas Firefx, pas Internet Explrer). Si l applicatin n est pas fnctinnelle et que le crrecteur n est pas en mesure de crriger, vus risquez la nte de zér. Grille de crrectin dispnible ici Livrable 1 Afficher un menu cmprenant les items suivants: Champ de recherche Lien vers la page d'accueil Lien vers les watchlists Afficher l utilisateur curant Lien pur se décnnecter Lien vers les paramètres utilisateurs Inspirez vus des applicatins de musiques ppulaires (rdi, sptify, ggle play music, etc) La barre dit être respnsive Supprter 3 frmats d écrans Mbile : Le menu peut être masqué/affichée avec du JavaScript et est masqué par défault Tablette : Le menu est plus petit et laisse plus de place aux pages (telles que mvie, actr etc.) Standard : Le menu est visible par default et plus grs
Afficher la page d un film (mvie.html) La page de film dit cmprendre le nm du film lien vers la page itunes avec lg: https://www.apple.cm/ca/itunes/link/ genre date de srtie descriptin preview vidé du film (la vidé n'a pas besin d'etre fnctinnelle au livrable 1). cuverture "rating" du film (Everyne, Mature etc.) La page dit être statique (les infrmatins du film divent être hardcdées), cmprendre seulement du HTML et du CSS La page dit être respnsive Supprter 3 frmats d écrans (mbile, tablet et desktp) Les images divent s adapter au 3 tailles d écran Afficher la page d une saisn de série télévisée (tvshw.html) La page de série télévisée dit cmprendre le nm de la série télévisée lien vers la page itunes avec lg: https://www.apple.cm/ca/itunes/link/
genre date de srtie descriptin preview vidé de la série (la vidé n'a pas besin d'etre fnctinnelle au livrable 1). cuverture liste des épisdes de la série (simplement le titre et la pchette). La page dit être statique (les infrmatins de la série divent être hardcdées), cmprendre seulement du HTML et du CSS La page dit être respnsive Supprter 3 frmats d écrans (mbile, tablet et desktp) Les images divent s adapter au 3 tailles d écran Afficher la page d un acteur (actr.html) La page d acteur dit cmprendre nm de l'acteur lien pur achat sur itunes avec lg: https://www.apple.cm/ca/itunes/link/ genre primaire de l'acteur pht de l'acteur liste des films (si applicable) incluant (nm, pchette, date de srtie, preview vidé)
La page dit être statique (les infrmatins de l acteur divent être hardcdées), cmprendre seulement du HTML et du CSS u JavaScript de présentatin. La page dit être respnsive Supprter 3 frmats d écrans (mbile, tablet et desktp) Les images divent s adapter au 3 tailles d écran Les listes de films et de saisns divent etre flexibles et s'adapter à la taille de l'écran Page d'accueil de l'applicatin La page d'accueil dit représenter le pint d'entrée de vtre applicatin. Elle ne demande pas de fnctinnalité particulière, à vus d'être créatif! La page dit etre respnsive (Supprter 3 frmats d'écrans). Dcument design Expliquer cmment lancer l applicatin Livrable 2 Ça ne devrait pas être plus cmpliqué que de dnner le chemin de vs fichiers html... La barre de menu dit être un template u une vue Afficher la page des watchlists de l utilisateur La page dit être dynamique (les infrmatins des listes divent prvenir de l API via une requête AJAX) Permet de créer une nuvelle liste vide et de lui dnner un nm.
La page mntre les watchlists de l utilisateur. Permet de mdifier une watchlist Changer le nm de la watchlist Ajuter/Retirer des films d une watchlist Supprimer une watchlist Permet de vir les films dans une watchlist (dans la même page OU dans une page différente) La page dit intégrer les cncepts MVC NOTE : Les watchlists ne s'appliquent qu'aux films, et nn pas aux séries télévisées. Afficher la page d un acteur La page dit être dynamique (les infrmatins de l'acteur divent prvenir de l API via une requête AJAX) La page dit intégrer les cncepts MVC Afficher la page d un film La page dit être dynamique (les infrmatins du film divent prvenir de l API via une requête AJAX) La page dit cntenir un butn pur ajuter le film à une watchlist existante La page permet d écuter l'extrait vidé du film La lecture se fait directement dans le navigateur sans téléchargement La page dit intégrer les cncepts MVC
Afficher la page d une série télévisée La page dit être dynamique (les infrmatins de la série télévisée divent prvenir de l API via une requête AJAX) La page permet d écuter l'extrait vidé de la série La lecture se fait directement dans le navigateur sans téléchargement Tus les frmulaires divent être validés via JavaScript avant d être sumis au serveur Dcument design Expliquer cmment lancer l applicatin Dnner des détails sur cmment vir chacune des pages Livrable 3 urls butns à cliquer facilitez la vie du crrecteur! Afficher la page d une série télévisée La page permet d'uvrir une fenêtre mdale pur chaque épisde de la série. La fenêtre mdale dit cmprendre les détails suivants : nm de la saisn nm de l'épisde cuverture preview vidé de l'épisde
descriptin durée de l'épisde La page dit permettre de chercher parmi les épisdes de la série. Afficher la page d enregistrement (sign up) L utilisateur dit puvir s enregistrer en entrant sn nm, curriel, et mt de passe Afficher la page d authentificatin (lgin) L utilisateur dit puvir se cnnecter avec sn curriel et mt de passe L applicatin dit enregistrer le tken d authentificatin dans un ckie et envyer ce tken cmme en-tête Authrizatin à chaques requêtes AJAX Un fis le tken enregistré, n peut fermer le navigateur et returner sans avir à entrer sn mt de passe L applicatin dit rediriger l utilisateur à la page de lgin si sn tken est expiré, u absent. Afficher un message d erreur clair en cas de mauvaise cmbinaisn curriel et mt de passe Permettre la recherche Recherche glbale Recherche par Film Saisn de série télévisée
Acteur Utilisateur La recherche dit mener à une page de résultat Page de résultats (recherche glbale) Afficher un icône pur différencier les résultats (film, saisn de série télévisée, acteur, utilisateur) OU gruper les résulats par type Les résultats divent avir des butns pur ajuter à une watchlist dans le cas d'un film u, dans le cas d un utilisateur, un butn pur suivre celui-ci. Lien vers le résultat plus en détails (page série, page film, page acteur, page utilisateur) La page dit permettre de filtrer par genre. Elle dit dnc lister les genres et lrsque l'usager clique sur un u plusieurs genres, afficher seulement les films/séries crrespndant à ces genres. Afficher la page d un utilisateur Sis l utilisateur curant u un utilisateur d un résultat de recherche Afficher le nm et le curriel de l utilisateur Afficher une liste des watchlists de cet utilisateur Offrir un butn suivre et arrêter de suivre pur ajuter u supprimer cet utilisateur de vtre liste d amis. Afficher les amis de l utilisiteur Validatin et sécurité L applicatin dit afficher des messages d erreurs clairs lrsqu un erreur serveur survient.
Tus les frmulaires divent être validés via JavaScript avant d être sumis au serveur Fnctinnalités avancées (chisir 2 parmis les prpsitins suivantes) La barre de recherche ffre l autcmplétin des résultats pendant que l utilisateur tappe au clavier Afficher une pht de l utilisateur avec gravatar Permettre de "reviewer" un film/série et d'afficher les reviews des différents utilisateurs. Obtenir des suggestins d acteurs similaires à un acteurs u de films similaires à un film La page de film/série permet de truver le film/série à meilleur prix sur des sites d achat en ligne (Amazn, Archambault, itunes, etc) Une fnctinnalité de vtre chix Cette fnctinalité dit être appruvée par les 2 enseignants du curs Dcument design Expliquer cmment lancer l applicatin Dnner des détails sur cmment vir chacune des pages urls butns à cliquer facilitez la vie du crrecteur! Expliquer vs 2 fnctinnalités avancées et cmment les vir en actin