B2-B3 2022-2023 : Différence entre versions
| Ligne 17 : | Ligne 17 : | ||
* Méthode : écriture des énoncés (exemple: les mots du texte ne s'affichent qu'à proximité de la souris), décomposition du problème en petites parties à résoudre, résolution de chaque partie et assemblage. | * Méthode : écriture des énoncés (exemple: les mots du texte ne s'affichent qu'à proximité de la souris), décomposition du problème en petites parties à résoudre, résolution de chaque partie et assemblage. | ||
* Projet parallèle: enquête sur un dispositif numérique contraignant. | * Projet parallèle: enquête sur un dispositif numérique contraignant. | ||
| + | |||
| + | Résolution du premier énoncé: | ||
| + | |||
| + | <syntaxhighlight lang="js"> | ||
| + | //faire appararaitre une fenetre modale après une période d'inactivité | ||
| + | //fenêtre modale = rectangle qu'il faut fermer et qui réapparait toutes les x secondes | ||
| + | |||
| + | //intervale de temps, x secondes | ||
| + | //-> faire apparaitre la fenêtre modale | ||
| + | |||
| + | //lorsque l'utilisateur clique sur la fenêtre, elle se ferme -> ok | ||
| + | |||
| + | function showModal(){ | ||
| + | |||
| + | dialog.showModal(); | ||
| + | |||
| + | } | ||
| + | function launchTimer(){ | ||
| + | setTimeout(showModal, 3000); | ||
| + | } | ||
| + | |||
| + | |||
| + | const dialog = document.querySelector('dialog'); | ||
| + | |||
| + | dialog.addEventListener('close', launchTimer); | ||
| + | |||
| + | launchTimer(); | ||
| + | |||
| + | //setInterval(showModal, 3000); | ||
| + | |||
| + | |||
| + | </syntaxhighlight> | ||
| + | |||
=== 30 septembre 2022: lecture contrainte === | === 30 septembre 2022: lecture contrainte === | ||
Version du 7 octobre 2022 à 09:55
Sommaire
Pages des étudiant.e.s
Sessions
6 octobre 2022: lecture contrainte; sprint
- L'objectif est de réaliser en atelier le plus d'expériences possibles, de les mettre en ligne et de les éprouver.
- Méthode : écriture des énoncés (exemple: les mots du texte ne s'affichent qu'à proximité de la souris), décomposition du problème en petites parties à résoudre, résolution de chaque partie et assemblage.
- Projet parallèle: enquête sur un dispositif numérique contraignant.
Résolution du premier énoncé:
//faire appararaitre une fenetre modale après une période d'inactivité
//fenêtre modale = rectangle qu'il faut fermer et qui réapparait toutes les x secondes
//intervale de temps, x secondes
//-> faire apparaitre la fenêtre modale
//lorsque l'utilisateur clique sur la fenêtre, elle se ferme -> ok
function showModal(){
dialog.showModal();
}
function launchTimer(){
setTimeout(showModal, 3000);
}
const dialog = document.querySelector('dialog');
dialog.addEventListener('close', launchTimer);
launchTimer();
//setInterval(showModal, 3000);
30 septembre 2022: lecture contrainte
- Lecture à plusieurs sur la page http://work.designnumerique.be/2022-2023/01-contraindre/martin/001/
- Discussion collective sur l'article lu + effet de l'interface sur la lecture
23 septembre 2022: Présentation du cours
- Le design numérique à l'ERG, contexte d'existence de l'orientation
- Ce qui nous occupe : pratiques du design, usages, systèmes, protocoles, interfaces, outils, ...
- Structure du cours : trois projets, place de la documentation, outils de publication.
- Le web et ses technologies au centre du cours en B2-B3.
- La place que l'on donne à la technique et à son apprentissage. Discussion collective.
- Présentation du premier projet : empêcher, contraindre, designer.
