« STIC:STIC III (2020)/Initiation électronique » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
Ligne 162 : Ligne 162 :


==== Design ====
==== Design ====
(Encore en cours de réalisation) '''La respiration en pleine conscience'''.
'''La respiration en pleine conscience'''.
 
https://makecode.com/_Avi4Hmg1R8m3


==== Fichier uf2 ====
==== Fichier uf2 ====
Bientôt communiqué
[[Fichier:Circuitplayground-Respiration alternee.uf2.zip|gauche|vignette]]


==== Code ====
==== Code ====
Bientôt communiqué
Code Javascript<syntaxhighlight lang="javascript" line="1">
input.buttonA.onEvent(ButtonEvent.Click, function () {
    for (let i = 0; i < 4; i++) {
        pause(800)
        control.runInParallel(function () {
            music.playMelody("C D E F G A B C5 ", 110)
        })
        light.setBrightness(20)
        light.setAll(0x00ffff)
        pause(800)
        light.setBrightness(40)
        light.setAll(0x00ffff)
        pause(800)
        light.setBrightness(60)
        light.setAll(0x00ffff)
        pause(800)
        light.setBrightness(80)
        light.setAll(0x00ffff)
        pause(3000)
        control.runInParallel(function () {
            music.playMelody("C5 B A G F E D C ", 110)
        })
        light.setBrightness(50)
        light.setAll(0xff0000)
        pause(800)
        light.setBrightness(40)
        light.setAll(0xff0000)
        pause(800)
        light.setBrightness(30)
        light.setAll(0xff0000)
        pause(800)
        light.setBrightness(20)
        light.setAll(0xff0000)
        pause(800)
        light.setBrightness(10)
        light.setAll(0xff0000)
        pause(2000)
        light.stopAllAnimations()
    }
})
input.buttonB.onEvent(ButtonEvent.Click, function () {
    light.stopAllAnimations()
    music.stopAllSounds()
    light.clear()
    control.reset()
})
input.onGesture(Gesture.Shake, function () {
    light.stopAllAnimations()
    music.stopAllSounds()
    light.clear()
    control.reset()
})
music.baDing.play()
light.showAnimation(light.colorWipeAnimation, 600)
 
</syntaxhighlight>


==== Signification ====
==== Signification ====
Ligne 177 : Ligne 234 :
# Trouver une idée de "design" via le CPX d'Adafruit qui exprimera le thème choisi
# Trouver une idée de "design" via le CPX d'Adafruit qui exprimera le thème choisi
# Premiers tests sur Makecode.com
# Premiers tests sur Makecode.com
# La suite est en cours de développement et sera détaillée dans les prochaines étapes.
# Développement des blocks
# Réflexion sur les 4 cycles de respiration et comment les intégrer au CPX
# Ajout de sons
# Ajout de fonction Reset pour recommencer le processus
# Vérification du code et test sur le CPX


==== Difficultés rencontrées ====
==== Difficultés rencontrées ====
* Trouver une idée de matérialisation de ce que l'on ne voit pas et la combiner avec le CPX.
* Trouver une idée de matérialisation de ce que l'on ne voit pas et la combiner avec le CPX.

Version du 31 mars 2021 à 09:58

Introduction

Cette page fait partie du module I du cours STIC:STIC III (2020). Cette page est consacrée à l'électronique et aux cartes électroniques.

AdaFruit Circuit Playground Express'. Source: Flickr of AdaFruit
Dans cette page, vous trouverez
  • Une présentation de la technologie et des exemples d'applications en éducation,
  • Les consignes de l'activité hands-on réalisée en classe et celles de l'activité à distance,
  • Les outils de support et les liens utiles pour vous épauler dans votre apprentissage,
  • Un espace pour y déposer vos productions.

Activités en classe (60')

Présentation (10')

Workflow

  • Dessiner le circuit - papier et crayon ou CircuitLab
  • Coder le circuit avec MakeCode (ou autre editeur de code) + simuler
  • Construire son objet
  • Tester

Activités Hands-on (50')

Thématique : les Emoji 😵

Objectif : exprimer votre emoji avec le CPX

Pour l'organisation, on vous propose de travailler seul-e ou en groupe de 2 selon votre souhait (privilégiez les groupes Zelda-Aegir)

Processus

2. Choisissez un emoji 5'

Consultez la bibliothèque Emojipedia et choisissez un émoticône.

2. Choisissez un circuit 5'

Consultez la page exploration de projets CPX qui présentent plusieurs projets (peut être plus rapide).

3. Représenter l'émoji électroniquement et postez-le dans le chat 20'

  • Modifier le code pour que l'output corresponde à l'émoji choisi en jouant avec le simulateur de gauche. A ce stade, vous pouvez revenir en arrière et choisir un émoji qui correspond le mieux à ce que vous avez réalisé.
  • Une fois terminé, téléchargez le fichier *.uf2 et postez-le dans le Chat Zoom

5. Présentation de quelques émojis animés 20'

Présentez à l'oral (3 mn par groupe + 1 mn question)

  • le codage : démarche, inputs/output utilisés, complexité, éléments remarquables
  • le rapport avec l'émoji choisi

Activités à distance

Thématique
  • Matérialisation de l'invisible
Consignes
  • Réaliser 2 objets sur la thématique proposée
    • Input : données externes invisible (une pour deux thématiques).
    • Output : votre interprétation de ces données avec la gravure-découpe laser.
  • Contraintes :
    • au moins un input (capteur ou action utilisateur) et un output
    • un effet son
    • un effet lumière
    • une boucle
Conception et fabrication
  • Vous n'aurez pas besoin de machines pour cette activité mais les créneaux pour la conception ou la fabrication sont ouverts également pour cette activité. Réservez vous Calendrier de RDV (Lisez bien les conditions SVP).

NOTE : vous pouvez utiliser des modèles faits par d'autres à condition de citer vos sources.

Support et liens utiles

Support
  • Pour les questions rapides ou demande d'avis non bloquants : utilisez la page discussion de cette page
  • Ateliers de conception et de fabrication : si vous avez plusieurs questions ou si vous avez besoin de plus d'explications voire d'une conception suivie, inscrivez-vous aux ateliers de conception et de fabrication (cf. calendrier de RDV STIC III).
Liens utiles

Dans le wiki français, nous avons encore peu de tutoriels (domaine nouveau)

Dans le wiki anglais essentiellement (pour le moment) sous en:E-textile et plus particulièrement :

Productions des étudiant-es

Déposez vos travaux en copiant-collant la section exemple ci-dessous :

Production de NOM

Dans votre paragraphe,

  • insérer votre design et une photo de votre objet brodé,
  • expliquer la signification de votre objet, ses étapes de conception et les difficultés rencontrées.

Production de Aurélie

Design

Code

"Toucher" code disponible ici: https://makecode.com/_AVoht5aPHRqD

Fichiers à télécharger

Fichier:CodeToucherStic3ProjetAurelie.zip

Signification

Le toucher est essentiel et fait partie de nos 5 sens. Toutefois, il n'est pas "visible" à proprement parlé. L'objectif de ce projet est donc de rendre visible le toucher à l'aide de l'électronique.

Etapes de conception

  1. Définir le sujet et réfléchir à comment le conceptualiser
  2. Exploration des possibilités de codage en lien avec le toucher
  3. Exploration des possibilités de codage en lien avec le visuel et le son
  4. Paramétrage à l'aide de MakeCode pour l'Adafruit Circuit Playground Express
  5. Tests en réel afin de vérifier que cela fonctionne comme sur le simulateur

Difficultés rencontrées

La principale difficulté a été de trouver un sujet et de le conceptualiser.

Production de Martina

Design

Fichier uf2

Fichier:HeartBeat.uf2.zip

Code

Heartbeat

Signification

  1. Heartbeat : Le son est celui d'un battement de coeur, tandis que le coeurs s'illumine en rouge en suivant la fréquence cardiaque, mimant un vrai coeur. Cela représente la vie.

Etapes de conception

  1. Trouver une idée de thème
  2. Trouver une idée de "design" qui exprimera le thème choisi
  3. Faire un premier essai, avec la lumière et le son
  4. Refaire plusieurs essais jusqu'à obtenir un résultat satisfaisant
  5. Télécharger le fichier uf2
  6. Déplacer le fichier sur le CPX
  7.  Essayer

Difficultés rencontrées

  • Réussir à programmer deux actions simultanées

Production de Simon

Design

La respiration en pleine conscience.

https://makecode.com/_Avi4Hmg1R8m3

Fichier uf2

Fichier:Circuitplayground-Respiration alternee.uf2.zip

Code

Code Javascript

 1 input.buttonA.onEvent(ButtonEvent.Click, function () {
 2     for (let i = 0; i < 4; i++) {
 3         pause(800)
 4         control.runInParallel(function () {
 5             music.playMelody("C D E F G A B C5 ", 110)
 6         })
 7         light.setBrightness(20)
 8         light.setAll(0x00ffff)
 9         pause(800)
10         light.setBrightness(40)
11         light.setAll(0x00ffff)
12         pause(800)
13         light.setBrightness(60)
14         light.setAll(0x00ffff)
15         pause(800)
16         light.setBrightness(80)
17         light.setAll(0x00ffff)
18         pause(3000)
19         control.runInParallel(function () {
20             music.playMelody("C5 B A G F E D C ", 110)
21         })
22         light.setBrightness(50)
23         light.setAll(0xff0000)
24         pause(800)
25         light.setBrightness(40)
26         light.setAll(0xff0000)
27         pause(800)
28         light.setBrightness(30)
29         light.setAll(0xff0000)
30         pause(800)
31         light.setBrightness(20)
32         light.setAll(0xff0000)
33         pause(800)
34         light.setBrightness(10)
35         light.setAll(0xff0000)
36         pause(2000)
37         light.stopAllAnimations()
38     }
39 })
40 input.buttonB.onEvent(ButtonEvent.Click, function () {
41     light.stopAllAnimations()
42     music.stopAllSounds()
43     light.clear()
44     control.reset()
45 })
46 input.onGesture(Gesture.Shake, function () {
47     light.stopAllAnimations()
48     music.stopAllSounds()
49     light.clear()
50     control.reset()
51 })
52 music.baDing.play()
53 light.showAnimation(light.colorWipeAnimation, 600)

Signification

Dans ce monde de brutes, nous ne prenons pas le temps de respirer ! De plus, nous ne faisons pas attention à notre respiration tellement nous en sommes habitué.e.s ; nous ne la percevons plus, elle devient quasi-invisible et pourtant elle est bien là et (trop) souvent mal exprimée par notre corps. Dans ce projet, je veux créer un dispositif visuel et sonore avec le CPX d'Adafruit permettant à l'utilisateur.trice de visualiser la "bonne" façon de respirer, d'inspirer, d'expirer. Une visualisation de respirations répétées via une phase d'inspiration à travers les LED animés du CPX, suivie d'une phase d'expiration avec du son et les LED est ainsi envisagée et en cours de développement.

Etapes de conception

  1. Trouver une idée de thème
  2. Trouver une idée de "design" via le CPX d'Adafruit qui exprimera le thème choisi
  3. Premiers tests sur Makecode.com
  4. Développement des blocks
  5. Réflexion sur les 4 cycles de respiration et comment les intégrer au CPX
  6. Ajout de sons
  7. Ajout de fonction Reset pour recommencer le processus
  8. Vérification du code et test sur le CPX

Difficultés rencontrées

  • Trouver une idée de matérialisation de ce que l'on ne voit pas et la combiner avec le CPX.