PLAN DE COURS INTRODUCTION AU MULTIMÉDIA 570-400-VM Pondération du cours 1-2-1 Session Hiver 2015 Compétence(s) visée(s) OOPL - OOPM Programme-hôte Graphisme Professeur(s) Jean-François Pariseau Sabin Farley Département de graphisme bureau 5.33C Téléphone 514 982.2427 poste 2186 courriel jfpariseau@cvm.qc.ca courriel farleyd@cvm.qc.ca.ca
1 Compétence(s) visée(s) par le cours OOPM // Créer le concept et le prototype d une production multimédia interactive Énoncé de la compétence OOPM - Créer le concept et le prototype d une production multimédia interactive Éléments de compétence 1. Analyser le mandat 3. Traduire le concept en scénario 5. Fabriquer les éléments visuels et sonores du prototype 6. Effectuer le montage de prototype 8. Évaluer le prototype 9. Créer le concept et le prototype d une production multimédia interactive Contexte de réalisation Critères de performance OOPL // Exploiter des logiciels multimédia Énoncé de la compétence OOPL - Exploiter des logiciels mutimédia Éléments de compétence 1. Choisir un logiciel 3. Explorer des modules 4. Évaluer les possibilités des fonctions 5. Analyser le potentiel des outils Activité synthèse Exploiter des logiciels multimédias Contexte de réalisation Critères de performance
2 Présentation générale du cours Description du cours Dans le cours Introduction au multimédia, les élèves analyseront les composantes formant une présentation multimédia. Ils apprendront à analyser le mandat, concevoir un visuel, et le produire en utilisant un logiciel de traitement d image, en vue d une intégration ultérieure dans un prototype multimédia. Le cours Introduction au multimédia est reparti en trois étapes importantes pour I élaboration de votre projet multimédia interactif: 1 // Scénarisation (concept) 2 // Traitement de I image (contenu) 3 // Intégration (montage multimédia) à l aide des langages HTML5/CSS3 Ce cours d une durée de 45 heures est constitué d un bloc de 3 heures alloué à la création et à l intégration multimédia. Votre cheminement à I intérieur du cours vous rendra apte à concevoir et à produire un projet multimédia et cela, de manière professionnelle. But du cours et lien avec le programme Le cours Introduction au multimédia est le premier d une série de trois portant sur l aspect multimédia de la profession de graphiste. Ce dernier utilisera les notions acquises à l intérieur des disciplines dites «classiques» du graphisme, soit : typographie, mise en page, image communicante, couleur, etc, respectivement reliées aux cours du même nom. De plus, comme le projet final se présente sous la forme du portfolio personnel de l étudiant(e), ce dernier puisera à même les projets qu il aura réalisés lors de ses trois années d étude, lui donnant ainsi un regard sur son cheminement depuis son arrivée.
Objectifs du cours Objectif global Prendre en charge toutes les étapes de création, production et intégration d un prototype multimédia, en format HTML5/CSS3. Objectif spécifique À la fin de ce cours, l élève sera en mesure de : - colliger de l information (contenu) - créer une interface multimédia en fonction du support visé - faire les bons choix techniques en fonction du contenu à présenter - créer les éléments composant l interface - intégrer tous ces éléments en une présentation multimédia - mettre en ligne (on-line) le prototype Organisation des activités d enseignement et d apprentissage Utilisant l approche contextuelle, la démarche proposée amènera l élève à faire sa propre réflexion sur la présentation de contenu à caractère multimédia. L élève aura à faire des choix autant esthétiques que fonctionnels, en soupesant les besoins et exigences de ces deux principaux axes de création. Les activités d évaluation L évaluation formative Le volet production/intégration amènera l élève à se questionner, à l aide d exemples, sur la manière de présenter le contenu multimédia soumis par le client/professeur. De plus, de nouvelles programmations lui seront soumises à titre d exploration. Ce volet amènera aussi l élève à intégrer toutes les notions et réflexions acquises lors des étapes de création et de production. L évaluation sommative Durant la session, I étudiant(e) devra concevoir et produire des projets portant sur les étapes suivantes :
SCÉNARIO (Relevant du volet création) 1. L originalité 2. Développement du concept (clarté) 3. Présence des éléments demandés 4. Compréhension des liens entre chaque «interface» 5. Distribution de tâches et harmonie (écheancier) 6. Lisibilité et orthographe TRAITEMENT DE L IMAGE (Relevant du volet création) 1. Qualité des images et modifications au besoin 2. Réalisation des éléments visuels (mise en page, boutons, fonds, vidéo et photos) INTÉGRATION (Relevant du volet production/intégration) 1. La gestion des médias (polices et contenu texte et image) 2. Qualité de l écriture du code HTML5/CSS3 3. Qualité de l ossature de la page web (wireframe) 4. Qualité de la navigation Chaque volet comporte une évaluation sommative basée sur les critères spécifiques à chacune des étapes. L addition de ces trois notes représentera la note finale. Notre pratique d évaluation sommative est basée sur Ie système des lettres: A = 90 B = 80 C = 70 D= 60 E = échec La répartition des notes est la suivante : Création : 45 % Production / intégration : 45 % - mini-projets : pour un total de 20 % - 3 projets : pour un total de 25 % Examen théorique : 10 %
Épreuve certificative du cours Concevoir et réaliser un site web interactif complet, de sa conception à sa mise en ligne. Critères généraux d évaluation de l épreuve certificative du cours - Qualité de l information recueillie - Qualité de la présentation visuelle - Qualité du rapport contenu (informations) / contenant (manière de les présenter) - Qualité de la programmation (application des notions techniques apprises) - Gestion des médias Ce qui est attendu de vous La théorie étant exposée une seule fois, vous devez absolument assister à chaque volet de tous les cours (voir politique départementale sur le site web à http://www.cvm.qc.ca/graphisme/politique-departementale.pdf). Faire tous les exercices et travaux demandés et les remettre dans le temps requis. Réaliser les projets et cela en respectant les normes et les contraintes liées au cours. Tout travail doit être effectué entièrement par l étudiant lui-même. L espace réseau est OBLIGATOIRE. Nous vous suggérons 300mb. Apporter le matériel nécessaire à chaque cours. Autonomie, responsabilité, dynamisme et participation active. 3 Calendrier des activités Voir la liste complète des activités à l adresse suivante : http://www.cvm.qc.ca/graphisme/multi1/notes.htm Voici un résumé : Semaine 1 - Présentation du cours - Présentation de la profession de designer web
Semaine 2 - Le rôle du graphiste, définition du métier et des intervenants. - Historique de l interface Semaine 3 - Étude des composantes d une page web - État du design en 2015 : tendances, normes, mobile, etc Semaine 4 - Système de mesure (pixels) - Étude de la surface de visionnement (sizing) Semaine 5 - De l ossature d une page web (wireframe) à l esquisse au final PS - Production de maquettes en fonction d une interface (1) - Grilles de base en web Semaine 6 - Production de maquettes en fonction d une interface (2) Semaine 7 - Découpage d une maquette en fonction de leur diffusion en HTML (slicing) Semaine 8 - Le langage de programmation HTML5 (introduction) Semaine 9 - Le langage de programmation HTML5 (suite) - Le langage de programmation CSS3 (introduction) Semaine 10 - Les langages de programmation HTML5/CSS3 (suite) Semaine 11 - Les langages de programmation HTML5/CSS3 (suite) - Les polices personnalisées sur le web : en ligne et locales Semaine 12 - Production d un ste web avancé Semaine 13 - Production d un ste web avancé Semaine 14/15 - Production d un ste web avancé
4 Matériel requis pour le cours Le matériel suivant est requis : Cahier de prise de notes manuscrites Clé USB pour sauvegarde et transfert Espace-réseau de stockage (50MB minimum) 5 Médiagraphie Les notes de cours sont disponibles à l adresse internet suivante : www.cvm.qc.ca/graphisme/multi1 6 Politique départementale Voir la politique départementale à l adresse suivante : http://www.cvm.qc.ca/graphisme/politique-departementale.pdf).