B2-B3 2021-2022 : Différence entre versions
(→Pages des étudiant.e.s) |
|||
| Ligne 15 : | Ligne 15 : | ||
= Sessions = | = Sessions = | ||
| + | |||
| + | == 03 décembre 2021 == | ||
| + | === Énoncé exercice de fin de quadri === | ||
| + | # Choisir un texte en rapport avec le numérique. Cela peut être un article, une nouvelle de fiction, une poésie, etc. Une fois le texte choisi, le copier / coller dans sa page personnelle du wiki. | ||
| + | # Imaginer un scénario de navigation, un principe d'interaction au sein d'une page web qui influe sur la lecture de ce texte. Si vous donnez ce texte à lire dans une page web, quelles interactions apporteraient du sens, créeraient une expérience particulière à la lecture de ce texte. Décrire ce scénario de navigation et le mettre dans le wiki (un schéma convient aussi). Mots clés: obscurcir, agrandir, diminuer, flouter, découper, narration interactive, ... | ||
| + | # Réaliser cette page. | ||
| + | # La mettre en ligne et mettre le lien dans le wiki. | ||
| + | |||
| + | |||
| + | |||
== 15 octobre 2021 == | == 15 octobre 2021 == | ||
Version du 3 décembre 2021 à 09:16
Sommaire
Pages des étudiant.e.s
Sessions
03 décembre 2021
Énoncé exercice de fin de quadri
- Choisir un texte en rapport avec le numérique. Cela peut être un article, une nouvelle de fiction, une poésie, etc. Une fois le texte choisi, le copier / coller dans sa page personnelle du wiki.
- Imaginer un scénario de navigation, un principe d'interaction au sein d'une page web qui influe sur la lecture de ce texte. Si vous donnez ce texte à lire dans une page web, quelles interactions apporteraient du sens, créeraient une expérience particulière à la lecture de ce texte. Décrire ce scénario de navigation et le mettre dans le wiki (un schéma convient aussi). Mots clés: obscurcir, agrandir, diminuer, flouter, découper, narration interactive, ...
- Réaliser cette page.
- La mettre en ligne et mettre le lien dans le wiki.
15 octobre 2021
Ressources
Tableau d'images en 3 colonnes
8 octobre 2021
Début de développement de prototypes de pages web.
Ressources
1er octobre 2021
Focus sur un élément d'interface très particulier par sa longévité (il existe depuis les années 70), son rapport à l'écran (on déplace du contenu à l'intérieur d'un cadre ou on déplace un cadre par rapport à un contenu); le scroll. Lancement d'un premier exercice autour du scroll; comment détourner / utiliser le scroll au sein d'une expérimentation sur une page web.
Ressources
https://scrollbars.matoseb.com/
https://www.theverge.com/2019/11/1/20943552/scroll-bar-visual-history-30-years
https://www.youtube.com/watch?v=NqKyHEJe9_w (smalltalk)
24 septembre 2021
Introduction générale au cours et au sujet de ce début d'année. Nous abordons le web et les interfaces numériques par le biais d'un élément très spécifique: Le scroll. Rappel/introduction sur un langage de structuration de données fondamental; l'HTML, et sur un langage de mise en forme; le CSS.
Ressources
https://www.newrafael.com/websites/
http://simon-bouvier.xyz/projets/multiple-stories/index.html
