> multimédia SF HIVER 2014 PRÉSENTATION GÉNÉRALE DU COURS STRATÉGIES PÉDAGOGIQUES ET MODALITÉS DE PARTICIPATION GRAPHISME

Transcription

1 GRAPHISME Cégep de Sainte-Foy Techniques de communication SF HIVER 2014 Pondération Groupes (Mardi 9h-12h / h) Locaux L-104 / L-111 > multimédia 3 Professeurs Daniel Allaire > dallaire@cegep-ste-foy.qc.ca #6659 > Bur. : C Annie Hardy > ahardy@cegep-ste-foy.qc.ca #6661 > Bur. : C PRÉSENTATION GÉNÉRALE DU COURS Le cours Multimédia III est le dernier de la séquence des cours de multimédia du programme. À partir d une approche pédagogique dite par projet, ce cours propose des activités d apprentissages qui offrent l occasion de poursuivre l apprentissage des techniques liées à des logiciels auteurs. Les étudiants seront en mesure d élaborer la mise en œuvre d un projet multimédia, à partir de l analyse du mandat jusqu à la réalisation d un prototype. Les projets permettront à ceux-ci d expérimenter des avenues conceptuelles originales en intégrant les habiletés acquises dans les autres cours du programme (design, image et communication). STRATÉGIES PÉDAGOGIQUES ET MODALITÉS DE PARTICIPATION Le cours est axé sur la prise en charge autonome et responsable par les étudiants de l acquisition des connaissances. Il développera chez eux le sens des responsabilités et la méthode de travail requise à la planification et à la recherche. Les professeurs donneront un support technique bien entendu, mais davantage en terme de pistes de recherche et de développement que de contenu. Les contenus développés dépendront donc de la prise en charge et de l implication de chacun. Le cours est séparé en trois parties : 1 La première partie, d une durée de 7 semaines, sera elle aussi divisée en deux parties distinctes chacune étant assurée par un professeur différent. Pour les sept premières semaines, donc, les six heures de cours hebdomadaires seront distribuées en deux blocs de trois heures. Ces deux parties seront indépendantes l une de l autre. Le contenu qui sera développé dans cette partie touchera le design web d une part et l animation After Effects d autre part. Les notions abordées dans ces deux sections auront pour but de parfaire les habiletés requises à la conception et à la fabrication d un produit multimédia fonctionnel et créatif. 2 Dans la deuxième partie d une durée de 4 semaines, un projet d intégration sera proposé aux étudiants. Les compétences de multimédia seront enrichies et perfectionnées à travers ce projet. 3 Dans la troisième partie d une durée de 4 semaines, les étudiants seront en stage à l extérieur. Un suivi de stage sera effectué par les professeurs. Autres précisions : + Des écouteurs sont requis pour tous les cours. + Des notes de cours photocopiées vous seront remises au courant de la session. À cet effet, il faut se procurer une entente en vente à la Coop 570-E14 (5,76$). + Une page web servira de support à la partie After Effects du cours :

2 Compétences Objets d apprentissage Savoir Savoir faire Savoir être Les étapes de travail d un projet multimédia Le scénario Le système interactif L équipe de travail Utilisation de la documentation Critères techniques Identifier les diverses possibilités des logiciels en regard au but visé. L ergonomie et l utilisabilité d un système interactif Les principales fonctions d After Effects Utiliser une méthode de travail Juger des meilleurs processus de travail Planifier le projet Structurer des contenus pour une intégration Web Utiliser un schéma de navigation Réaliser l interface du système interactif multimédia Fabriquer et traiter des images fixes et animées en vue de leur implantation dans un projet Exploiter les notions d animation. Méthodique, organisé, autonome, critique, curieux, imaginatif, créatif et astucieux Stratégies d évaluation Évaluation formative Les rencontres individuelles en cours de projet constituent les évaluations formatives. Elles permettront aux étudiants d évaluer leur démarche, leur travail sera commenté, critiqué et des suggestions lui seront offertes dans le but d atteindre les compétences du cours. Ces rencontres sont la responsabilité des étudiants. Évaluation sommative Design d interface 35 % Critères d évaluation des projets : Les critères d évaluation seront remis au moment de la présentation des consignes de chacun des projets. After Effects Compilation des exercices 1, 2 et 3 : 15 % Exercice 4 : 10 % Projet intégrateur : 30 % Stage extérieur : 10 % 2

3 Design d interface Énoncés des compétences Exploiter des logiciels multimédias. Éléments des compétences Utiliser différentes fonctions d un logiciel auteur. Évaluer les possibilités des fonctions. Analyser le potentiel des outils. Créer le concept et le prototype d une production multimédia interactive. Analyser le mandat. Définir un concept. Traduire le concept en scénario Choisir des composantes du scénario en vue de la fabrication du prototype. Fabriquer les éléments visuels du prototype. Définir le parcours interactif. Évaluer le prototype. Critères de performance Planification du projet Originalité de l interactivité et du visuel proposé Scénarisation de l interactif Qualité du design graphique Habiletés Planifier le projet. Réaliser un schéma de navigation. Rédiger le scénario. Exploitation judicieuse de différentes avenues conceptuelles. Création originale d éléments visuels. Planification correcte du parcours. Création d une grille visuelle simple et efficace. Intégration harmonieuse des éléments visuels Établir la fonctionnalité du système interactif multimédia. Réaliser les éléments visuels. Réaliser un schéma de navigation. Réaliser l interface du système interactif multimédia. Structurer l intégration d un système interactif multimédia. Charte graphique. Contexte d apprentissage Travail réalisé en équipe de seul. À l aide de la documentation pertinente. À l aide de logiciels. Activités d apprentissage Projet de site Web Réalisation de toutes les étapes de conception et de fabrication d un projet interactif. Projet final > > Analyse du mandat. > > Schéma de navigation. > > Maquettes fonctionnelles ( Wireframe ) > > Recherche et développement des idées. > > Conception du design graphique et de l interactivité. > > Tests d utilisabilité. > > Fabrication des médias. > > Charte graphique. Durée et Pondération 21 heures en classe 14 heures à la maison. Total de 35 heures Le total de l évaluation est de 35 % Contenu Principes du design efficace. Règles de l utilisabilité. Design d interface. Fabrication des médias. Documentation du projet. 3

4 Introduction à After Effects Énoncés des compétences Exploiter des logiciels multimédias. Éléments des compétences Utiliser différentes fonctions d un logiciel auteur. Explorer des modules Analyser le potentiel des outils. Critères de performance Utiliser différentes fonctions d un logiciel auteur Explorer des modules Analyser le potentiel des outils Habiletés Explorer les fonctions spécialisées. Développer une méthode de travail propre au logiciel et à ses fonctions. Établir des liens entre les modules. Reconnaître les outils et les fonctions de chaque module. Analyser le fonctionnement des différents modules liés à la réalisation de prototypes. Manifester de l initiative. Identifier les caractéristiques des outils et reconnaître son degré de précision. Exploiter le potentiel des différents outils du logiciel. Reconnaître les différentes applications possibles d un outil. Contexte d apprentissage Travail réalisé seul À l aide de la documentation pertinente. À l aide d ordinateurs et de périphériques appropriés. Activités d apprentissage Démonstration des fonctions d After Effects suivi d une exploration personnelle de la fonction présentée. 1) L animation de base 2) L animation de la typographie 3) L utilisation de la caméra et des plans en 3D 4) Exercice synthèse Durée et Pondération 21 heures en classe 7 heures à la maison. Total de 28 heures Le total de l évaluation est de 25 % Contenu Préparation d une structure des fichiers. Intégration de divers médias : texte, image, son et vidéo Fonctions générales de l application After Effects > > Introduction au logiciel After Effects > > Structure et méthode de travail > > Traitement et importation des médias > > Animer la typographie > > La trame sonore, les masques > > Les plans en 3D, la caméra et l éclairage > > Montage de plusieurs compositions > > Techniques supplémentaires 4

5 Projet d intégration Énoncés des compétences Exploiter des logiciels multimédias. Éléments des compétences Utiliser différentes fonctions d un logiciel auteur. Évaluer les possibilités des fonctions. Analyser le potentiel des outils. Créer le concept et le prototype d une production multimédia interactive. Analyser le mandat. Choisir des composantes du scénario en vue de la fabrication du prototype. Fabriquer les éléments visuels du prototype. Évaluer le prototype. Critères de performance Planification du projet Qualité du design graphique Habiletés Planifier le projet. Planification correcte du parcours. Numérisation correcte des éléments visuels. Intégration harmonieuse des éléments visuels Établir la fonctionnalité du système interactif multimédia. Réaliser les éléments visuels. Réaliser l interface du système interactif multimédia. Structurer l intégration d un système interactif multimédia. Contexte d apprentissage À l aide de la documentation pertinente. À l aide de logiciels. Activités d apprentissage Projet d intégration Web Réalisation de toutes les étapes de fabrication d un projet interactif. > > Analyse du mandat. > > Préparer les éléments graphiques des maquettes de Photoshop en vue de l intégration dans Dreamweaver. > > Montage des pages HTML/CSS dans Dreamweaver. > > Tester le prototype dans un navigateur. Durée et Pondération 24 heures en classe 12 heures à la maison. Contenu Étapes de réalisation d un prototype HTML/CSS. De la préparation des maquettes (images) jusqu à l intégration finale. Total de 36 heures Le total de l évaluation est de 30% 5

6 ÉVALUATION DES APPRENTISSAGES 1.1 Cheminement et notation Les étudiants doivent disposer au plus tard à la moitié des heures écoulées d un cours de l information sur l état de leurs apprentissages. Les résultats d une activité d évaluation sommative permettent de leur fournir cette information ou, à défaut, les résultats d une activité d évaluation formative. 1.2 Évaluation formative L étudiant est accompagné par le professeur dans son travail en cours de réalisation ; son travail est commenté, critiqué et des suggestions lui sont faites afin d identifier ses forces et ses faiblesses et, s il y a lieu, d entreprendre des actions visant à renforcer les apprentissages qui soulèvent des difficultés. Lorsqu une évaluation formative formelle du travail est donnée, elle respecte le barème suivant : Cote A+ : excellent travail, qui va au-delà des exigences Cote A : réussi, très bon travail Cote B : réalisé, mais incomplet ou faiblesse mineure Cote Z : non réalisé ou ne répond pas à la commande Plusieurs exercices en classe permettent à l étudiant de mettre en pratique des habilités nouvellement acquises et ainsi favoriser la réussite des activités sommatives proposées au cours. Ces exercices sont commentés en groupe ou de manière individuelle. X % (maximum 10 %) de la note totale de session est réservée à la réalisation adéquate et à la remise des exercices formatifs. Une remise formative remise en retard (date, lieu et heure spécifiés par le professeur) ne sera pas corrigée par le professeur. 1.3 Évaluation du français Le professeur signale sur les copies d étudiants les erreurs de langue, notamment en ce qui concerne l orthographe d usage, l orthographe grammaticale et la construction de phrase. Dans toutes les évaluations sommatives, chaque erreur de langue est pénalisée à raison de 0,5 % de la pondération de l évaluation en cause jusqu à concurrence de 10 % de la note, selon le nombre d erreurs. Le professeur peut refuser un travail lorsque les erreurs de langue entravent trop la communication et demander à l étudiant de corriger ses erreurs avant qu il remette à nouveau le travail en question. Les pénalités prévues à l article s appliquent dans un tel cas. 1.4 Présentation des travaux Les étudiants doivent présenter leurs travaux écrits en conformité avec les normes de présentation adoptées par le Cégep. Les exigences de présentations pour les travaux réalisés dans les cours de formation spécifique sont précisées pour chaque type de travaux et doivent être respectées. 1.5 Présence au cours Cette politique se situe dans la perspective d assurer une bonne qualité de cours. L étudiant a la responsabilité d être présent, ponctuel, de participer avec intérêt aux cours, aux séances de laboratoire, aux stages ou autres activités d apprentissage avec le matériel nécessaire, de se conformer aux règles départementales prévues à cet effet et, en cas d absence, de s informer de ce qu il a manqué. (Article de la PEA) L étudiant est tenu, dans la mesure du possible, de prévenir son professeur lorsqu il doit s absenter. 1.6 Présence aux activités d évaluation sommative L étudiant doit être présent pour chacune des activités d évaluation sommative, selon ce qui est prévu au plan de cours. Une absence à une activité d évaluation sommative entraîne un échec à cette activité, à moins d une raison de force majeure. 1.7 Date, heure et lieu de remise des travaux Les rapports et les travaux exigés de l étudiant doivent être remis au professeur à la date, au moment et au lieu indiqués. Une journée ouvrable de retard est tolérée entraînant une pénalité de 15 % de la note. Au-delà de ce délai, le travail est refusé et la note «0» est attribuée. En cas de force majeure, le professeur peut convenir avec l étudiant d autres modalités de remise du travail. Pour les fins de l application de la règle sur la remise des travaux, une journée ouvrable est une journée de cours, d évaluation, de relâche ou une journée périscolaire prévue au calendrier scolaire. Une journée ouvrable a une durée de 24 heures et cette période s applique à partir de l heure à laquelle le travail doit être remis. 1.8 Responsabilité de son travail L étudiant garde en tout temps la responsabilité de son travail. Il devra donc toujours en faire une copie de sécurité sur un deuxième support qu il gardera en lieu sûr. En cas de perte ou de bris du support remis au professeur, la copie de sécurité servira à l évaluation ; si l étudiant oublie de faire une copie de sécurité, en cas de perte ou de bris du support remis au professeur, la note compilée sera de 0 %. 1.9 Plagiat et fraude En cas de plagiat, de coopération à un plagiat ou de fraude lors d un examen ou d un travail, l étudiant obtient la note «0» pour cet examen ou ce travail, sans exclure la possibilité d autres sanctions compte tenu de la gravité de la faute. Chaque cas de plagiat ou de fraude est signalé à la Direction des études Condition de réussite d un cours Note de passage. Pour obtenir la note de passage d un cours, l étudiant doit obtenir une note finale minimale de 60 % Révision de la note finale Le Comité de révision sera formé de trois professeurs dont le professeur responsable du cours, un autre professeur enseignant ou ayant enseigné à la même cohorte et d un troisième 6

7 RÈGLES DE FONCTIONNEMENT COLLECTIF professeur n ayant pas enseigné à cette cohorte. Toutes les demandes de révision de note doivent être traitées une semaine après la réception de la demande par le coordonnateur du département. L étudiant qui demande une révision de note doit fournir ses travaux et examens au comité de révision de note Échelle de notation 90 % % Excellent, le travail est de qualité exceptionnelle dépassant tous les objectifs (implication personnelle). 80 % - 90 % Très bien, très bon travail répondant à l ensemble des objectifs tant techniques que conceptuels. 70 % - 80 % Bien, bon travail répondant aux objectifs mais comportant des lacunes mineures. 60 % - 70 % Passable, travail acceptable mais comportant des lacunes importantes par rapport à l atteinte des objectifs. 60 % Note de passage. 50 % - 60 % Insatisfaisant, travail s éloignant trop des objectifs et comportant des lacunes dans le rendu technique et conceptuel. 30 % - 50 % Travail faible à tous les niveaux. 0 % - 30 % Plagiat, travail non remis ou remis trop tard. 2.1 Règles de base Les étudiants doivent se conformer aux directives données par le professeur et laisser leur table et leur espace dans un bon état de propreté. 2.2 Exclusivité Les locaux servant de salle de cours ou de laboratoire sont accessibles uniquement aux étudiants inscrits à des cours du département. 2.3 Respect des horaires Les étudiants doivent respecter les horaires d ouverture des locaux. 2.4 Interdiction Il est interdit de boire ou de manger dans les laboratoires informatiques. 2.5 Clés ou code d accès des laboratoires informatiques Le détenteur d une clé ou d un code d accès donnant accès à des laboratoires informatiques ne pourra, pour aucune considération, céder cette clé à une tierce personne ou la reproduire. 2.6 Utilisation du matériel dans les locaux Il est formellement interdit pour quiconque de sortir du matériel (ordinateurs, périphériques, etc.) du département sans l autorisation d un professeur du département de Graphisme. 2.7 Politique générale d utilisation des ordinateurs portables en classe En tout temps, le professeur du cours a l autorité d autoriser ou non l utilisation des ordinateurs portables en classe, tout comme il autorise ou non l utilisation des ordinateurs de table disponibles dans les laboratoires. Les apprentissages visés dans un cours justifient en tout temps les choix des outils nécessaires à leur acquisition. Un étudiant refusant de se conformer à cette règle pourra être expulsé de la classe. 2.8 Règles à respecter dans les laboratoires du département Afin d assurer une ambiance de travail qui favorise le respect et le professionnalisme, nous vous rappelons que vous devez respecter les règlements internes du département de Graphisme et du Cégep de Sainte-Foy Attitudes Afin d optimiser l utilisation des laboratoires : Les postes de travail doivent servir à des fins pédagogiques. Une ambiance calme de travail est exigée. L utilisation d Internet, de messagerie électronique, d application de clavardage, de téléphone cellulaire et tout autre appareil électronique à des fins personnelles n est pas tolérée pendant les heures de cours et de laboratoire. Le téléchargement d applications, de mp3, de bandes vidéo à des fins autres que pédagogiques est strictement interdit. 7

8 2.8.2 Apparence et organisation du bureau Adopter un fond d écran et des polices qui donnent une image professionnelle à votre poste de travail : qui seraient acceptables dans un contexte de travail et qui ne nuirait pas à l image de l organisation ; qui favorisent la lisibilité ; qui ne véhiculent ni violence ni pornographie. Optimiser l accès aux applications et aux fichiers. Ne pas utiliser d autre économiseur d écran que celui du système Utilisation du son L utilisation des écouteurs est tolérée uniquement durant les ateliers et les heures de travail personnel et ce à condition de ne pas déranger. Vous êtes responsables de l achat de vos écouteurs Organisation des informations sur les disques Nommer les partitions comme suit : initiales du prénom + nom. Les noms des fichiers et des dossiers doivent toujours être significatifs de leur contenu. Aucune application ne peut être installée sans l autorisation d un professeur. RÈGLES ÉTHIQUES 3.1 Utilisation frauduleuse ou utilisation malveillante du matériel informatique L utilisation du matériel informatique appartenant au Cégep de Sainte-Foy dans le but de réaliser ou de tenter de réaliser une fraude informatique ou une utilisation malveillante est interdite. 3.2 Installation non permise de document ou de logiciel L installation de logiciel ou de document informatique sur un poste de travail doit être autorisée avant leur installation. 3.3 Piratage informatique L utilisation, l installation, la copie, la vente et le recel de matériel piraté sont interdits. Bien que les étudiants soient les propriétaires de leur travail, certaines contraintes dans l utilisation de ce droit peuvent contraindre la diffusion. Ainsi, l usage de documents photographiques ou de trames sonores peuvent interdire la présentation publique des travaux. Le Cégep de Sainte-Foy peut présenter des travaux d étudiants si les crédits sont donnés dans la présentation et si les droits de diffusion publique sont accordés. L étudiant qui ne veut pas que son travail soit diffusé doit le faire connaître par écrit lors de la remise de son travail au professeur. 3.6 Sanctions La coordination se réserve le droit d interdire l accès aux laboratoires à quiconque ne respecterait pas ces règles ou causerait par une utilisation abusive des dommages aux appareils du département. Des plaintes pour vandalisme pourront être portées contre tout étudiant tenu responsable du bris de matériel scolaire ou de tout acte détériorant le mobilier ou les locaux Sanctions durant les cours et les laboratoires Rappel à l ordre. Avertissement. Obligation de quitter, comptabilisation de l absence et convocation au bureau du professeur Sanctions durant les heures de travail personnel Convocation auprès du coordonnateur. Restriction de l accès à l ordinateur. L étudiant qui refuse de quitter le laboratoire aux heures convenues se verra refuser l accès au laboratoire pour le reste de la session. L oubli d une carte est considéré comme un refus de quitter à l heure. 3.4 Modification des systèmes informatiques La modification ou l altération des fonctions systèmes des ordinateurs ne peut se faire que sous la supervision d un professeur ou d un technicien. 3.5 Droit d auteur Les professeurs et les étudiants doivent respecter les droits d auteur. Si un cas limite se présente, la coordination du département prendra les informations nécessaires pour trancher le litige et assurer le respect des droits d auteur. Les travaux produits par les étudiants leur appartiennent en droit à l exception des travaux produits dans le cadre des stages. Dans ce cas si aucune entente ne précise les droits, les travaux restent la propriété du milieu de stage. 8

9 CALENDRIER HIVER 2014 > multimédia 3 PARTIE 1 DESIGN WEB + INTRODUCTION AE COURS DATE CONTENU REMISES CONTENU REMISES janvier Présentation du plan de cours Règles d ergonomie [Test formatif] Recherche capsules janvier Capsule web responsive Présentation du projet [analyse du mandat, identifier les contenus] 03 4 février Maquettes fonctionnelles [Axure, Moodboard] février Capsule_Tests d utilisabilité Développement des concepts [moodboard, croquis] Recherche site Maquettes fonctionnelles février Maquettes des pages-écran Maquettes fonctionnelles_ finales 15 % Moodboard 5 % Présentation du plan de cours Calendrier Introduction à l appplication Animation simple Exercice 1 La structure des fichiers Compiler l animation Animer la typographie Exercice 2 La trame sonore Exercice 2 Les plans en 3D Utilisation de la caméra Exercices 3 Montage de plusieurs compositions Exercice février Maquettes des pages-écran Autres techniques d animation Exercice mars Maquettes des pages-écran Prise de vue Exercice 4 RELÂCHE 11 mars Semaine de relâche Pré-remise exercice 1 Pré-remise exercice 2 Remise de la compilation des exercices AE 15 % PARTIE 2 PROJET D INTÉGRATION COURS DATE CONTENU REMISES mars Capsule _ Intégration Web Maquettes finales 15 % mars Atelier _ intégration projet web Remise de l exercice 4 AE 10 % 10 1 avril Encadrement et activités PÉRISCOLAIRE 11 8 avril Atelier _ intégration projet web Remise du projet intégration 30 % PARTIE 3 STAGE avril Stage avril Stage avril Stage 15 6 mai Stage Stage 10 % Annie Hardy > ahardy@cegep-ste-foy.qc.ca > C Daniel Allaire > dallaire@cegep-ste-foy.qc.ca > C > #6659 9

10 médiagraphie * Logiciels : Adobe After Effects Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver Axure Firefox Safari Livres : The Animator s Survival Kit, Richard Williams, Faber and Faber Cartoon Animation, Preston Blair, Walter Foster Publishing Animation Now!, Anima mundi/ Julius Wiedemann, Taschen Le design web raisonné, Daniel Lafrenière, Les éditions logiques Re design web 2.0 conduite de projet, Kelly Goto et Emily Cotler, Eyrolles Don t Make Me Think, Steve Krug, New Riders 10 * Des références supplémentaires vous seront données tout au long de la session