From 1e7022a62bf31e32000a8ac24f5feedc107c3b6b Mon Sep 17 00:00:00 2001 From: Romain Vuillemot <romain.vuillemot@gmail.com> Date: Mon, 8 Jan 2024 07:50:55 +0100 Subject: [PATCH] Update README.md --- README.md | 41 +++++++++++++++++++++++------------------ 1 file changed, 23 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 13bc733..1e1df42 100644 --- a/README.md +++ b/README.md @@ -9,12 +9,17 @@ Enseignant: [Romain Vuillemot](http://romain.vuillemot.net/), *ECL, Math-Info*. <br> Email : romain.vuillemot@ec-lyon.fr +## Objectifs du cours + +1. **Connaître les principales représentations graphiques**, savoir décomposer leur mapping visuel (marques et propriétés graphiques) +2. **Maîtriser les méthodes de conception du besoin/prototype** aux spécifications d'un outil interactif en justifiant les choix de design +3. **Savoir implémenter un prototype** en technologies web (JS, D3, Observable) et leur déploiement avec une mise en page complète et des interactions appropriées ## Liens importants pour le cours -- [Etudiants inscrits + groupes de projets](https://docs.google.com/spreadsheets/d/1hYzCsJguEwDp9eR52LGAp3nf9Rsp2wT9-tJT_JAdn2Y/edit#gid=0) -- [Formulaire pour le rendu des TP](https://forms.gle/ijnK4Mp7jmasBHYa8) -- [Exemples de visualisations (que nous discutterons en cours)](https://docs.google.com/presentation/d/1JuBqMUw9xpZU7eXuYjwURr51K6fsDiA_ZjeQWtr3zrM/edit?usp=sharing) +- [Etudiants inscrits](https://docs.google.com/spreadsheets/d/1hYzCsJguEwDp9eR52LGAp3nf9Rsp2wT9-tJT_JAdn2Y/edit#gid=0) + groupes de projets à compléter +- [Formulaire de le rendu](https://forms.gle/ijnK4Mp7jmasBHYa8) des TPs 1, 2, 3 et 4 +- [Exemples de visualisations](https://docs.google.com/presentation/d/1JuBqMUw9xpZU7eXuYjwURr51K6fsDiA_ZjeQWtr3zrM/edit?usp=sharing) (que nous discutterons en cours) Documents à lire : @@ -23,14 +28,15 @@ Documents à lire : - [Observable Plot Cheatsheet](https://github.com/observablehq/plot-cheatsheets/raw/main/plot-cheatsheets.pdf) -<small>_Le cours comporte au total **28 heures de face à face, divisées en 7 séances de 2h de cours et de 2h de TP**. La présence aux cours et TP est obligatoire. Tous les rendus sont à réaliser la veille du cours (dimanche à 23h59); tout rendu tardif doit être tout de même envoyé via les formulaires (et non par email) accompagné d'un message explicatif (par email)._</small> +## Evaluation -Note : +_Le cours comporte au total **28 heures de face à face, divisées en 7 séances de 4h de cours+TP**. La présence aux cours et TP est obligatoire. Tous les rendus sont à réaliser la veille du cours. Aucun rendu tardif n'est pris en compte par email (utiliser le formulaire de rendu + indiquer dans les commentaires le motif du retard)._ -- 40% projet -- 40% examen -- 10% rendu des TPs -- 10% participation +- 40% note de projet / 20 +- 40% note d'examen / 20 +- 20% rendu des TPs (notes A/C/F) +- 10% participation (Bonus) +- Validation de la [compétence C1C3](https://www.ec-lyon.fr/formation/pedagogie/demarche-competences) --- @@ -53,7 +59,7 @@ Note : * TP 1 à finir et à rendre (rendu individuel) * 📖 S'auto-former à JavaScript, D3.JS ([exercices](https://www.freecodecamp.org/learn/data-visualization/) à réaliser, ne sont pas à rendre) - * Projets : réfléchir à un choix de sujet de sujet et de groupe + * 📖 Projets : réfléchir à un choix de sujet de sujet et de groupe --- @@ -78,7 +84,7 @@ Exercices : * TP 2 : à rendre (rendu individuel mais travail en binôme possible) * 📖 S'auto-former à : [SVG, CSS](https://observablehq.com/@nithyaramgopal/lab-1/2 ), [D3.JS](https://observablehq.com/@d3/learn-d3?collection=@d3/learn-d3) - * Projets : validation du sujet de projet (par le professeur) et cahier des charges (lien à inscrire sur le document du cours) + * 📖 Projets : validation du sujet de projet (par le professeur) et cahier des charges (lien à inscrire sur le document du cours) --- @@ -99,8 +105,7 @@ Exercices : * TP 3 à rendre (travail et rendu individuel) * 📖 S'auto-former à D3 Avancé: [D3 part 2](https://observablehq.com/@uwdata/introduction-to-d3-part-2) - * Projets : avancer la réflexion sur le projet (cahier des charges) - + * 📖 Projets : V1 du cahier des charges et explorations de données --- @@ -110,7 +115,9 @@ Exercices : - Visualisation et interactions ([slides](https://docs.google.com/presentation/d/1BOTQs-mzA9mZ323FuXuCgFeJZjNBPDz7jZQtNY9xlyI/edit)) - Layouts D3 avancés : [grouped chart](https://docs.google.com/presentation/d/1ZbHPdD8ok5fFEaaMG6kHULpg0S8j8jpVkVqvPw8QZDY/edit#slide=id.g765aa770b7_0_108) ([notebook du cours](https://observablehq.com/d/c50fc359e0d9803e)) - +- Méthode de prototypage de visualisation ([slides](https://docs.google.com/presentation/d/11kEkZK12C893qzyEDvkIjgFKPmRKFf-KDDOKiwGw6ys/edit)) +- Prototypage papier des visualisations du projet (par groupe) + ### TP 4 * [TP 4 Geo map](pdf/tp4-geo.pdf) : réaliser une carte géographique en D3 @@ -119,7 +126,7 @@ Exercices : ➡ Pour la prochaine séance * TP 4 à rendre (travail et rendu individuel) - * Projets : validation du sujet de projet (par le professeur) et cahier des charges (lien à inscrire sur le document du cours) + * 📖 Projets : prototypage * 📖 D3.js avancé : [Layouts](https://livebook.manning.com/book/d3-js-in-action/chapter-5/1) --- @@ -133,9 +140,7 @@ Exercices : ### TP 5 - * Méthode de prototypage de visualisation ([slides](https://docs.google.com/presentation/d/11kEkZK12C893qzyEDvkIjgFKPmRKFf-KDDOKiwGw6ys/edit)) - * Prototypage papier des visualisations du projet (par groupe) - * Implémentation de ce prototype en D3.JS (par groupe) + * Travail sur la V1 des projets et réponse aux questions (par groupe) ➡ Pour la prochaine séance * Projets : ajouter le prototype papier au cahier des charges et avancer sur les projets -- GitLab