M1105 : Écriture pour les médias numériques

ressources

• Inscription au module
• Rendus
• B – processus de design, premières étapes
  • Introduction
  • Étape 1
  • Étape 2
  • Étape 3
  • Étape 4
  • Étape 5
  • Étape 6
  • Conclusion
• Choix typographiques
  • Quelques règles
  • Où chercher des polices de caractères ?
  • Notes additionnelles

dossier à rendre – le voyage à Nantes

• Dossier à rendre – Le Voyage à Nantes
  • A – former un groupe
  • B – Calendrier
  • C – Composants du rendu
  • D – Modalités de rendu
  • Checklist

corrigés

• Arborescence d’une page
• Arborescence d’un site : adera-reseau.fr
• Maquette filaire : onf.ca

cours magistraux

• CM 1 : inscription, PPN, méthode et outils
  • Enseignant
  • PPN (Programme Pédagogique National)
  • Métiers
  • Méthodes et outils
  • Liaison avec le module intégration S1
  • Déroulement des cours
  • Fraudes
  • À faire pour le prochain cours
• CM 2 : quelques notions historiques
  • Une remarque intéressante
  • Culture Numérique : bref retour historique
  • Expérience Utilisateur : Définitions
  • Quelques schémas simples
• CM 3 : cycles de conception et éléments de l’expérience utilisateur
  • Élément de l’expérience utilisateur
  • Design itératif
  • Méthodes de travail
• CM 4 : patrons de conception
  • A Pattern Language, par Christopher Alexander, Sara Ishikawa et Murray Silverstein
  • Design Patterns: Elements of Reusable Object-Oriented Software
  • Designing Interfaces
• CM 5 : patrons de conception pour la conception adaptative (responsive design)
  • Problématique
  • Notions pour le design adaptatif
  • Patrons de conception

travaux dirigés

• TD1 : usage général d’illustrator
  • Tutoriel vidéo
  • Exercice additionnel
• TD2 : illustrator pour la réalisation de maquettes
  • Croquis
  • Arborescence de page
  • Maquette filaire
  • rendu

travaux pratiques

• TP1 : notion de graphes et analyse d’arborescences
  • Introduction
  • Représentation de structures sous forme de graphes
  • Testes Ta Compréhension : graphes
  • Dessiner des graphes
  • Exercice 1 : se familiariser avec draw.io
  • exercice-2.rst : adera-reseau.fr
• TP2 : croquis et arborescence de composants web
  • Définitions
  • Niveaux de définition et caractère informatif
  • Dessiner une interface
  • Exercice 1 : maquette filaire
  • Exercice 2 : structure du document
• TP3 : tri par carte
  • Objectifs
  • Déroulement
• TP4 : croquis LVAN et solidification des arborescences
  • Déroulement du TP
  • Objectif
  • À propos : les patrons de conception ou design patterns
• TP5 : maquette filaire et graphique
  • Déroulement du TP
  • Objectif
• TP6 : conception adaptative
  • Exercice 1 : site d’un collectif d’architectes et designers
  • Exercice 2 : label musical
  • Exercice 3 : e-commerce
• TP7 : accessibilité
  • « origines » historique
  • Référentiels et normes
  • Législation
  • WCAG en détail
  • Qui est concerné ? Uniquement les développeurs ?
  • Exercice pratique

• Index
• Index du module
• Page de recherche