Conception d'interfaces et le multimédia (MULT 1064)

360 $ CA avec accompagnement (cours crédité avec personne-ressource disponible, évaluations/travaux corrigés)

Introduction

Ce cours vous permettra de vous familiariser avec les composantes de l'interface qui doivent être prises en considération, soit la mise en page, les couleurs et la typographie. De plus, vous verrez les cinq éléments du multimédia qui peuvent être intégrés dans la programmation d'une page vous permettant de créer des sites dynamiques et attrayants.

Durée

45 heures

Préalables/Particularités

Introduction au HTML (16930 IFM)

Ce cours n'explique pas l'utilisation de logiciels donc une connaissance de base des logiciels de traitement de l'image, du son, de la vidéo, de l'animation et de texte est nécessaire pour réussir ce cours.

Matériel requis

Pour le cours Conception d'interfaces et le multimédia, vous pouvez utiliser plusieurs logiciels pour répondre à vos besoins. S'il vous manque un ou plusieurs de ces logiciels, vous pouvez vous procurer certains logiciels gratuitement sur Internet pour les évaluer et/ou pour une période d'essai de 30 jours.

Traitement de l'image :
    ImageReady d'Adobe (version pour évaluation)
    Adobe Photoshop (version pour évaluation)
    http://www.adobe.fr/products/tryadobe/main.html
    Macromedia Fireworks(version pour évaluation)
    http://www.macromedia.com/
    Paint Shop pro(version pour évaluation)
    http://www.jasc.com/


Texte et typographie :
    Polices de caractère
    http://www.fontfreak.com


Édition HTML :
    Webexpert 2 (version pour essai de 30 jours)
    http://www.visic.com/WebExpert/
    Il a l'avantage d'être en français.
    Macromedia DreamWeaver
    http://www.macromedia.com


Traitement du son :
    Anvil Studio (version pour essai pour 30 jours)
    http://www.anvilstudio.com


Traitement de la vidéo :
    Adobe Premiere
    http://www.adobe.com


Création d'animation GIF :
    Ulead GIF Animator
    http://www.ulead.com/ga/runme.htm
    ImageReady d'Adobe (version pour évaluation)
    http://www.adobe.com/prodindex/imageready/main.html
    ZD Net
    http://www.zdnet.com/downloads/graphics.html


Logiciel auteur :
    Macromedia Flash
    http://www.macromedia.com
    Macromedia Director (version pour évaluation)
    http://www.macromedia.com
    Macromedia Authorware Attains
    http://www.macromedia.com

NOTE : Les logiciels suggérés ici ne sont pas nécessairement les meilleurs ou les plus performants; ils ont été suggérés d'abord parce qu'ils peuvent être téléchargés gratuitement ou en partagiciel ou encore parce qu'ils semblent offrir le plus grand nombre d'options de manipulation. Vous pouvez explorer Internet et en trouver qui répondront davantage à vos attentes et besoins.

Plan de cours

Déroulement
Ce cours est divisé en huit modules. Nous commencerons par nous familiariser avec les composantes de l'interface que l'on doit prendre en considération, soit la mise en page, les couleurs et la typographie. Par la suite, nous présenterons cinq éléments du multimédia qui peuvent être intégrés dans la programmation d'une page vous permettant de créer des sites dynamiques et attrayants.

Ce cours n'explique pas l'utilisation de logiciels donc une connaissance de base des logiciels de traitement de l'image, du son, de la vidéo, de l'animation et de texte est nécessaire pour réussir ce cours.

Module 1 - La mise en page

  • Section 1 - Introduction à la mise en page
  • Section 2 - Principes de mise en page
  • Section 3 - L'harmonie d'un parc
  • Section 4 - Objectifs et clientèle cible de la mise en page
  • Section 5 - Design de l'information
  • Section 6 - Autres trucs de la mise en page

Module 2 - Les couleurs

  • Section 1 - Introduction aux couleurs
  • Section 2 - La signification des couleurs
  • Section 3 - L'importance des facteurs de couleurs
  • Section 4 - Les arrangements de couleurs

Module 3 - La typographie

  • Section 1 - Introduction à la typographie
  • Section 2 - Caractéristiques des polices de caractères
  • Section 3 - Styles de polices
  • Section 4 - Les polices de caractères sur le web
  • Section 5 - L'acquisition et la manipulation du texte
  • Section 6 - La description technique et les logiciels de traitement de texte

Module 4 - L'image

  • Section 1 - Description technique de l'image
  • Section 2 - L'acquisition et la manipulation des images
  • Section 3 - Les logiciels et la compression

Module 5 - L'animation

  • Section 1 - La description de l'animation
  • Section 2 - L'acquisition et la manipulation des animations
  • Section 3 - Les logiciels de création et de manipulation

Module 6 - Le son

  • Section 1 - Qu'est-ce que le son ?
  • Section 2 - Les formats des sources de sons
  • Section 3 - Les logiciels de traitement de son
  • Section 4 - L'enregistrement et la manipulation des sons

Module 7 - La vidéo

  • Section 1 - La description générale de la vidéo
  • Section 2 - La compression
  • Section 3 - L'acquisition et la manipulation de la vidéo

Module 8 - Le multimédia

  • Section 1 - Introduction au multimédia
  • Section 3 - Les logiciels auteurs
  • Section 4 - La loi de la survie

Objectifs

Généraux

  1. Comprendre les principes de la mise en page et de la disposition d'une page Web.
  2. Connaître la terminologie et certaines notions associées aux couleurs et leurs arrangements.
  3. Apprendre la terminologie associée à la typographie et l’agencement efficace de différentes polices de caractères.
  4. Comprendre les composantes, les manipulations et les modes de compression de l’image.
  5. Connaître les particularités des images animées GIF.
  6. Décrire le son selon ses différentes représentations, ses usages et les logiciels qui le traitent.
  7. Comprendre ce qu’est la vidéo, sa compression ainsi que son acquisition et sa manipulation.
  8. Connaître la signification du terme « multimédia ».

Spécifiques

  1. Décrire l’évolution du HTML.
  2. Énumérer les buts de la mise en page.
  3. Identifier les composantes de la planification de la mise en page.
  4. Structurer l’information d’une façon visuelle afin de faciliter la lecture.
  5. Identifier les objectifs de la clientèle visée dans un contexte donné.
  6. Définir l’espace sécuritaire d’une interface.
  7. Identifier l’utilité des tableaux invisibles.
  8. Décrire l’utilisation des cadres.
  9. Définir certains termes reliés aux couleurs.
  10. Décrire les caractéristiques de certaines couleurs.
  11. Énumérer les utilités des couleurs.
  12. Donner la signification de certaines couleurs.
  13. Décrire les différents facteurs des couleurs et leur importance.
  14. Identifier quelques recommandations par rapport aux arrangements de couleurs sur une page Web.
  15. Décrire l’historique et l’évolution de la typographie dans le temps.
  16. Identifier les parties d’une police de caractère.
  17. Distinguer différents styles de polices.
  18. Analyser les différents éléments qui composent une police de caractères.
  19. Appliquer les connaissances acquises concernant la typographie.
  20. Identifier différentes façons d’obtenir et de manipuler du texte.
  21. Énumérer les différents formats d’utilisation du texte.
  22. Nommer différents logiciels de traitement de texte.
  23. Énumérer les différentes sortes d’images.
  24. Expliquer leurs particularités et les modes de compression en usage sur le Web.
  25. Identifier différentes sources d’images.
  26. Nommer les deux façons que les retouches d’images peuvent s’effectuer.
  27. Identifier les logiciels de traitement de l’image les plus populaires.
  28. Expliquer la particularité de la compression d’image.
  29. Décrire les formats de compression applicables aux images destinées au réseau Internet.
  30. Décrire le processus d’agencement pour une animation GIF.
  31. Identifier le mode d’emploi d’une animation GIF.
  32. Décrire les étapes à franchir pour créer une animation GIF.
  33. Identifier les contraintes qui influencent la compression d’une animation.
  34. Énumérer quelques logiciels de création d’images animées en GIF.
  35. Décrire les trois caractéristiques et les trois propriétés du son.
  36. Identifier les différents formats de fichier de son, les différentes utilisations et les sources de son.
  37. Identifier différents logiciels de traitement de son.
  38. Décrire les étapes d’enregistrement, de numérisation et de manipulation du son.
  39. Énumérer les standards de la télévision.
  40. Décrire les points forts et les utilités de la vidéo.
  41. Identifier les facteurs pouvant influencer la vidéo numérique.
  42. Identifier les principales caractéristiques de la compression.
  43. Définir la redondance.
  44. Décrire les standards de compression de la vidéo.
  45. Décrire comment acquérir, numériser et manipuler la vidéo.
  46. Énumérer quelques logiciels multimédias.

Évaluation
Le seuil de réussite pour ce cours est de 60 %.

 

Description Pondération

Évaluation sommative 1

40 %

Évaluation sommative 2

30 %
Projet final 30 %