Plan du cours INU3051 - Information et sites Web (Hiver 2014)

3 crédits

Concomitant : INU1001 ou l'équivalent

Chargé de cours : Marc-André Robert
Courriel : ma.robert@umontreal.ca
Téléphone : 514-343-6111, p. 0929
Bureau : C-2007
Disponibilités : (sur demande)

Site Web du cours : https://studium.umontreal.ca/course/view.php?id=44889

Les cours se donnent le Jeudi, de 19hres à 22hres.

Description officielle

Gestion de projets Web. Normes et standards du Web. Langage HTML et feuilles de style CSS. Design Web. Ergonomie. Accessibilité. Interactivité. Référencement et mesure d'audience.

Objectifs généraux

À titre d’objectif général, ce cours cherche à développer chez les étudiants les habiletés intellectuelles et techniques nécessaires à la conception et au développement avancé de sites Web. La réalisation de cet objectif implique que les étudiants soient en mesure, au terme du cours, de témoigner de leurs habilités à réaliser de manière concrète un certain nombre de tâches et d’opérations reliées au développement de sites Web.

Objectifs spécifiques

Au terme de ce cours, les étudiants devront être en mesure :

d’identifier les principales étapes de l’histoire du Web et d’identifier les rôles des différents acteurs qui y sont associés;
de créer des pages Web conformes à la norme XHTML 1.0;
de créer des feuilles de style en cascade conformes à la norme CSS 2.1;
d’intégrer dans des pages Web divers éléments (images, documents PDF, etc.);
d’appliquer certains principes fondamentaux relatifs à au design et à l’ergonomie des sites Web;
de créer des pages Web conformes aux principes de base du Web Content Accessibility Guidelines 1.0 proposé par le Web Accessibility Initiative (WAI);
d'intégrer efficacement des scripts et des composantes interactives au sein de documents XHTML;
de comprendre et de mettre en pratique les concepts fondamentaux de la gestion de projets Web.

Méthodes pédagogiques

La majorité des cours seront divisés en deux parties : un volet théorique et un volet pratique.
Les volets théoriques, sous forme d’exposés magistraux et de démonstrations en classe, porteront sur les notions et techniques relatives à la matière étudiée. Lors de ces exposés, les étudiants seront invités à intervenir activement pour discuter de la matière au programme.
Les volets pratiques, sous forme d’ateliers en laboratoire, viseront à expérimenter les diverses techniques présentées. Ces ateliers, sous la supervision du responsable du cours, auront pour objectif d’approfondir certaines notions et de permettre aux étudiants une prise de contact directe avec les techniques et les logiciels vus en classe.
Pour ce cours, la présentation des exposés magistraux sera soutenue par des documents PowerPoint. Cependant, ces documents ne sauraient en aucun cas remplacer les exposés magistraux. La maîtrise des techniques et des concepts abordés dans le cours repose principalement sur la présence et la participation aux exposés et aux périodes de laboratoire. Les documents ne constituent donc que le support de diffusion pédagogique du contenu du cours. Les étudiants pourront télécharger ces documents à partir du site Web du cours. Ce site Web servira aussi de lieu d’interaction entre le professeur et les étudiants. Il est donc fortement recommandé de consulter régulièrement ce site. En plus des documents relatifs à chaque cours, des textes et des informations supplémentaires en rapport avec la matière présentée en classe seront mis à la disposition des étudiants.

Contenu du cours

Ce cours, de niveau avancé, à comme objet la conception et le développement de sites Web. Le contenu thématique du cours est divisé en trois parties principales :

[T1] Normes du W3C, balisage (XHTML). Cette partie du cours portera sur les principales techniques et méthodes de balisage des documents structurés. Nous présenterons de manière détaillée les principes et les caractéristiques de la norme XHTML 1.0 strict.
[T2] Normes du W3C, feuilles de style (CSS). Cette partie du cours portera sur les principales techniques et méthodes de présentation des documents structurés. Nous présenterons de manière détaillée les principes et les caractéristiques de la norme CSS 2.1.
[T3] Historique du Web, gestion de projets Web, accessibilité (WCAG), ergonomie, utilisabilité, design Web, interactivité, référencement et mesure d’audience. Divers volets de la conception et du développement de sites Web seront présentés dans cette partie. Ainsi, nous tracerons un bref historique et Web, nous présenterons les concepts fondamentaux de la gestion de projets Web, nous identifierons les principales normes concernant l’accessibilité des sites Web. En outre, nous présenterons des considérations traitant de l’ergonomie et de l’utilisabilité des sites Web, du design Web, de l’intégration de modules interactifs à l’intérieur de documents structurés, ainsi que de référencement et de techniques de mesure d’audience.

Calendrier des activités

Date	Activité(s)	Évaluation
2014-01-09	Exposé: Présentation du plan de cours et des modalités d'évaluation. Historique du Web.
2014-01-16	Exposé: Gestion de projets Web (méthodologie)
2014-01-23	Exposé: XHTML (1ère partie) Structure, Texte Régles de base Validation Listes
2014-01-30	Exposé: XHTML (2e partie) Tableaux Formulaires
2014-02-06	Laboratoire: Réalisation de la Partie 1 du Travail final (25%)
2014-02-13	Laboratoire: Réalisation de la partie 1 du Travail final (25%)
2014-02-20	Exposé: Ergonomie et Design Web	Remise de la Partie 1 du Travail final (25%)
2014-02-27	Exposé: CSS (1ère partie) CSS 2.1 Principes de base Syntaxe d'écriture d'un style
2014-03-06	Semaine de lecture
2014-03-13	Exposé: CSS (2e partie) Héritage Unité de longueur Positionnement Laboratoire: Réalisation de la Partie 2 du Travail final (10%)
2014-03-20	Exposé: Accessibilité Capacités Moyens technologiques Laboratoire: Réalisation de la Partie 2 du Travail final (10%)
2014-03-27	Exposé: Référencement (SEO) Lieux d'intervention Techniques et stratégies	Remise de la Partie 2 du Travail final (10%)
2014-04-03	Examen final (30%) Laboratoire: Réalisation de la Partie 3 du Travail final (35%)
2014-04-10	Laboratoire: Réalisation de la Partie 3 du Travail final (35%)
2014-04-17	Laboratoire: Réalisation de la Partie 3 du Travail final (35%)	Remise de la Partie 3 du Travail final (35%)

Évaluation

Pour réussir ce cours, il est essentiel d’assister aux exposés magistraux et de participer activement aux laboratoires. L’évaluation du niveau de compréhension des notions et de la maîtrise des habiletés techniques se fera au moyen de plusieurs évaluations.

Description détaillée de l’évaluation proposée

a) Un travail de session (évaluation en équipe de deux personnes). Conception d’un site Web complet intégrant l’ensemble des concepts vus dans le cours [70%] :

[20%] – Partie 1 : Codage et organisation, rédaction de la documentation technique.
[15%] – Partie 2 : Design et conception de maquettes, rédaction de la documentation technique.
[35%] – Partie 3 : Codage des feuilles de style, intégration des contenus et réalisation complète du site Web, rédaction de la documentation technique.

b) Un examen final portant sur l’ensemble de la matière vue en classe (évaluation individuelle) [30%].

Notation: La notation de ce cours est faite selon un système littéral où chaque lettre correspond à un nombre de points selon le barème indiqué à la page 26 du Guide de l’étudiant.

Politiques, règlements et directives

L’ensemble des politiques, règlements et directives énoncés dans le guide étudiant s’appliquent. Une attention particulière est à porter aux éléments suivants:

Règlement disciplinaire sur le plagiat ou la fraude concernant les étudiants (Guide de l’étudiant, pp. 29-30). Toute infraction au règlement sur le plagiat ou la fraude sera traitée suivant la procédure indiquée dans le règlement.
Délais et dates de remise des travaux (Guide de l’étudiant, p. 29). Tout retard non justifié dans la remise d’un travail sera sanctionné : 5% de la note est retranché par jour de calendrier de retard jusqu’à un maximum de 35%; à la 8ième journée de calendrier, la note F (échec) ou zéro est accordée.
Qualité de la langue (Guide de l’étudiant, p. 28). Un maximum de 10% de la note globale d’un travail pourra être retranché pour la qualité de la langue.
Il est attendu que tous les étudiants inscrits au cours respectent le code d’honneur de l’EBSI (www.ebsi.umontreal.ca/sout/code-honneur.html).

Ressources

7.1. Monographies

Addison, D. (2006). Web site cookbook. Sebastopol, CA, O’Reilly.
Barroca, C. (2003). Graphisme et ergonomie des sites Web. Paris, Dunod.
Batschelet, M. (2007). XHTML/CSS basics for Web writers. Upper Saddle River, N.J., Pearson Prentice Hall.
Engels, J. (2006). XHTML et CSS : cours et exercices. Paris, Eyrolles.
Krug, S. (2000). Don’t make me think! : a common sense approach to Web usability. Indianapolis, Ind., New Riders.
Lawrence, D. et S. Tavakol (2006). Balanced Website design: optimising aesthetics, usablity and purpose. Berlin ; New York, Springer.
Meyer, E. A. (2004). Cascading style sheets, the definitive guide. Sebastopol, CA, O’Reilly.
Morville, P. (2006). Information architecture for the world wide Web. Sebastopol, CA, O’Reilly.
Musciano, C. et B. Kennedy (2002). HTML and XHTML, the definitive guide. Sebastopol, CA, O’Reilly.
Negrino, T. et D. Smith (2004). JavaScript for the World Wide Web. Berkeley, CA, Peachpit.
Nielsen, J. (2000). Designing Web usability. Indianapolis, Ind., New Riders.
Nielsen, J. et H. Loranger (2006). Prioritizing Web usability. Berkeley, CA, New Riders.
Shea, D. et M. E. Holzschlag (2006). Le zen des CSS. Paris, Eyrolles.

7.2. Sites Web

Griffiths, P. HTML and CSS Tutorials, References, and Articles. [En ligne]. http://www.htmldog.com (Page consultée le 11 janvier 2011).
Lynch, P. et S. Horton. Web Style Guide, 2nd Edition. [En ligne]. http://www.webstyleguide.com (Page consultée le 11 janvier 2011).
Neilsen, J. useit.com: Jakob Nielsen on Usability and Web Design. [En ligne]. http://www.useit.com (Page consultée le 11 janvier 2011).
W3 Schools. W3Schools Online Web Tutorials, [En ligne]. http://www.w3schools.com (Page consultée le 11 janvier 2011).
World Wide Web Consortium. World Wide Web Consortium, [En ligne]. http://www.w3.org (Page consultée le 11 janvier 2011).