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)
<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,6 +115,8 @@ 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
...
...
@@ -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)
