582 560 MT Production multimédia Travail pratique 1 Réalisation d'un site Web à l'aide d'un CMS et rédaction d'un guide de l'usager Contexte de réalisation Pondération : 20% de la note finale. Travail en équipe : 2 personnes (déterminé en classe). Travail présenté : Mardi, le 24 août 2010 à 13 h 30. Automne 2010 Remise du travail : Jeudi, le 2 septembre 2010 avant 22 h 00 sur le serveur (heure de fermeture des laboratoires). Durée : 1 semaine, 2 jours et quelques heures Remarque : Ne pas aller chercher de l'information auprès d'une autre équipe. Dites vous que ce sont des firmes concurrentes. Éléments de compétences O15N Analyser la conception du projet 1. Participer à l'idéation du projet. O15Q Contrôler la qualité du produit 6. Corriger le produit. O15S Vérifier la faisabilité technique du projet 1. Évaluer les contraintes techniques relatives à la réalisation et à la diffusion du produit. 2. Évaluer les possibilités techniques de nouvelles technologies. O15T Réaliser un produit multimédia en ligne 1. Analyser l'information relative à la conception du projet. 2. Vérifier la faisabilité technique du projet. 3. Planifier l'intégration des médias. 4. Préparer les médias. 5. Intégrer les médias. 6. Programmer l'interactivité des pages-écrans. 7. Contrôler la qualité du produit. 8. Documenter le produit. 9. Archiver le travail. 10. Présenter le produit. 11. Travailler au sein d'une équipe multidisciplinaire. Mise en situation Comme vous le savez certainement, la chaîne Mystère prend fin pour devenir AddikTV. Pour l'occasion AddikTV vous demande de rajeunir l'image du site de la chaîne afin de rejoindre un public plus jeune et refléter pleinement ce que la chaîne est devenue, ce que sa programmation propose. Au préalable, il serait bien d'aller voir la concurrence afin de vérifier ce qui ce fait présentement. 1/5
un nouveau nom un nouveau look six nouvelles séries sept nouvelles saisons http://www.addik.tv/ Les administrateurs de la chaîne désirent que le site soit mis à jour facilement, donc vous devrez utiliser un CMS. Le choix du CMS vous sera communiqué lors de la rencontre client. L'entreprise a encore des discussions à ce propos. De plus, un guide de l'usager devra être rédigé en vue de former les employés de la chaîne pour la mise à jour du site. Il va sans dire que le document doit être professionnel, imagé et facile à comprendre. Il en va de votre renom. Les principales sections demandées sont : Accueil Horaire (horaire des 7 jours de la semaine) Émissions (la liste des émissions diffusée par la chaîne un minimum de 7) La page pour l'émission à proprement parlée (développez seulement 7 pages). Informations générales (voir le site présent, pas de formulaire pour l'instant) Vous êtes aussi libre d'ajouter d'autres modules si vous les trouvez intéressants, naturellement une fois le travail terminé. Éventuellement dans l'avenir un forum de discussion sera ajouté, mais pas dans l'immédiat. Matériel fourni : Fichiers sur le serveur «_session5_docs» comprenant : La grille horaire de l'automne 2010 en format pdf. Utilisez les informations existantes sur le site actuel ainsi que les images. Exigences de la chaîne pour le site Web : Une mise en page de qualité. Vous devez utiliser les gabarits déjà existants du CMS. Il est possible d'y apporter des modifications (HTML & CSS) afin d'y insérer des éléments visuels à l'image de la chaîne d'addik (logo, images, etc.). Le site doit être visible dans les moteurs de recherche. La page d'accueil doit être invitante. À vous de nous surprendre. La page «Horaire» comprend : - Vous avez l'horaire pour chaque jour de la semaine (7 jours). - Il serait bien d'avoir une miniature de la photo de l'émission ainsi qu'une courte description. - En cliquant sur le titre et/ou l'image de l'émission, vous vous rendez à la page informative de l'émission. - Au minimum, un lien représentant une émission différente dans chacun des jours de la semaine. Les liens peuvent se répéter tout dépend du moment de la diffusion de l'émission (voir grille horaire du site présent). L'équipe d'addiktv s'occupera du reste. - Il est possible de télécharger la grille horaire en format pdf de l'automne 2010. 2/5
La page «Émissions» comprend : - La liste des émissions par ordre alphabétique. - En cliquant sur le titre et/ou l'image de l'émission, vous vous rendez à la page à proprement parlée de l'émission (du programme). La page de l'émission (du programme) comprend : - Le titre - Une image - Un bref synopsis de l'émission - Le résumé de l'épisode - Le ou les jours de la semaine où est diffusée l'émission. - Vous n'avez pas à faire toutes les émissions. Nous vous en demandons un minimum de 7 pages. La page Informations générales : - Descriptif de la chaîne, voir : http://www.facebook.com/addiktv#!/addiktv?v=info - Voici quelques informations obligatoires (incluant des liens cliquables, voir le site Web) : o Abonnement : Vidéotron (illico) (93): 188 VIDEOTRON Bell (136): 1 888 759 3474 Shaw Direct (758) : 1 888 554 7827 Cogeco (93) : 1 877 922 2539 o Une chaîne spécialisée du Groupe QUEBECOR MEDIA Non obligatoire : adresse postale et courriel. o Adresse postale (si vous la trouvez, ancienne version oui, nouvelle non). o Courriel (idem). - Ou toutes autres informations pertinentes. Les liens vers : facebook, twitter, etc. Les URL du site doivent être «SEO friendly» c'est à dire améliorer l'esthétique, l'utilisation et la pérennité de vos liens. Par exemple : http://www.fashion geektim.fr/?p 123 pour : http://www.fashion geektim.fr/archivers/123 Les différentes erreurs de validation doivent toutes être corrigées. Le site doit être valide HTML 5.0. Le site doit être opérationnel sur IE 7/8, Firefox 3, Opera, Safari et les plateformes Mac et PC. Vous devez créer des utilisateurs avec certaines restrictions : - Un compte administrateur (login et mot de passe à part du guide de l'usager). - Deux comptes utilisateurs qui ont les permissions de : créer des catégories, créer des articles et créer des pages (le login et le mot de passe se retrouvent dans votre guide de l'usager).
Guide de l'usager : Un document professionnel, imagé et facile à comprendre. Il est primordial que les instructions soient rédigées de façon : claires, précises et concises. Pertinence des informations. Les images appuieront les instructions données. En un seul document : page de couverture, table des matières, contenu et annexes s'il y a lieu. Pagination du document Sur la page couverture : le titre du document, le nom des auteurs, la date de parution du document ainsi que le logo et le nom de votre entreprise. Le document sera remis aux employés qui suivront la formation. Donc, le login et le mot de passe de l'administrateur ne doivent absolument pas figurer dans ce document. Contenu du guide de l'usager comprend : création de pages, création de catégories, création d'articles, téléversement d'images ou de documents et insertion dans un article. Il n'est pas nécessaire d'inclure dans le guide de l'usager l'installation du CMS. Feuille de temps (non pondéré) : Notez le temps que cela vous prend pour réaliser ce travail tant au niveau du design, de la programmation, de l'intégration, etc. Vous aurez probablement à réutiliser ces renseignements dans le cours Gestion de projet. Ceci est pour vous habituer à comptabiliser vos heures de travail en vue de la facturation au client. Biens livrables Site sur le serveur cms.espacevacant.com dans le dossier de votre équipe, le site qui sera placé là sera celui corrigé. Fichiers : - Dossiers : un pour le site, un pour les documents - Fichiers : o le guide de l'usager en format.docx; o o feuille de temps; le login et le mot de passe de l'administrateur ainsi que l'url de votre site Web dans un document à part. Compressez le tout dans un dossier et le déposer sur le serveur dans «_session5_chute». Impression : - guide de l'usager; - login et mot de passe de l'administrateur et l'url du site; - évaluation par les pairs; - feuille de temps. À noter : Vous pouvez remettre l'évaluation par les pairs directement à l'enseignant, si vous le désirez, lors de la remise du travail. 4/5
Critères d'évaluation 20% Site Web Contenu, intégration du pdf, mise en page du site /40 URLs du site améliorés /5 Validation HTML5 /5 Compatibilité sur les principaux navigateurs et plates formes (Mac et PC) /10 /60 Guide de l'usager Mise en page du document selon les critères demandés /15 Contenu : /20 - page couverture; - table des matières; - clarté, pertinence, précision et concision des instructions; - login & mot de passe,; - intégration des images; - etc. Qualité de la langue /5 /40 /100 La note sera ramenée sur /20 Gestion de panique : Jean Michel Simard et Claudine Billette. Bon travail! 5/5