Skip to content
Merged
Show file tree
Hide file tree
Changes from 17 commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
a5e772d
Replace triple tap reset animation with img
microbit-grace Mar 30, 2026
c36ddd5
A+B, reset animation
microbit-grace Mar 31, 2026
20f88a1
Triple tap reset animation
microbit-grace Mar 31, 2026
dc2882a
Fix lint issue
microbit-grace Mar 31, 2026
8e265b8
Prettier
microbit-grace Mar 31, 2026
e444c0c
Avoid layout shift when switching methods
microbit-grace Mar 31, 2026
aa7b3cf
Touch up AB label fill up animation to avoid slither of background co…
microbit-grace Mar 31, 2026
1866d55
Tweak to remove slither of background in AB label
microbit-grace Mar 31, 2026
ecbb5be
Add 1 sec pause before starting animation
microbit-grace Apr 1, 2026
57e30e6
Add fullstop at end of reset bt subtitle
microbit-grace Apr 1, 2026
dd01a71
Stack PauseResumeButton at the bottom
microbit-grace Apr 1, 2026
94ddb9e
Tweak layout for small screen sizes to avoid overlaps
microbit-grace Apr 1, 2026
b648193
Don't start paused and remove animation for reduced motion
microbit-grace Apr 1, 2026
2b248a3
Remove unused forwardRef
microbit-grace Apr 1, 2026
f3bce82
Add user select none styling to animations
microbit-grace Apr 2, 2026
6048f09
Tweak copy to include "the"
microbit-grace Apr 2, 2026
6973ada
Remove unused image
microbit-grace Apr 7, 2026
11658a0
Use alt text instead of aria label for animations
microbit-grace Apr 8, 2026
ec80bd4
Merge branch 'apps' of https://github.com/microbit-foundation/ml-trai…
microbit-grace Apr 8, 2026
9a3ca87
Make pause resume animation link styling consistent with other dialogs
microbit-grace Apr 8, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 6 additions & 2 deletions lang/ui.ca.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,10 @@
"defaultMessage": "Amic que narra contes amb IA",
"description": "Home page resource card title"
},
"animation-bluetooth-mode-label": {
"defaultMessage": "Animation demonstrating how to reset to Bluetooth mode.",
"description": "Aria label for animation"
},
"animation-label": {
"defaultMessage": "Animació que demostra els cinc passos del flux de treball del CreateAI: Connectar, Recollir dades, Provar el Model, Codificar i Ús. Connectar: Una micro:bit està connectada a l'ordinador, establint una comunicació entre els dos. Recollir Dades: una micro:bit està lligada al canell. Es recullen les dades de dos moviments: una onada (representat per la icona d'un cor) i sacseig (representat per la icona d'una creu). Es recullen diferents mostres i s'entrena un model de machine learning. L'ordinador, després intenta reconèixer els gestos de l'onada i el sacseig en temps real. L'usuari després pot retornar al pas de Recollir Dades i obtenir mostres adicionals i fer altre cop la prova del model. Codificar: l'usuari escriu un programa utilitzant els blocs de MakeCode que incorporen el model entrenat. El programa acabat es baixa a la micro:bit. Ús: La micro:bit respon als moviments físics de l'usuari, mostrant icones diferents a la pantalla de LEDs depenent de si es detecta un gest d'onada o de sacseig. ",
"description": "Aria label for animation"
Expand Down Expand Up @@ -1664,15 +1668,15 @@
"description": "Heading for rename project dialog"
},
"reset-to-bluetooth-mode-ab-subtitle": {
"defaultMessage": "Hold A+B and press RESET",
"defaultMessage": "Hold A+B and press RESET. Keep holding A+B until the Bluetooth icon appears.",
"description": "Instructions to hold A and B buttons while pressing reset on the micro:bit"
},
"reset-to-bluetooth-mode-heading": {
"defaultMessage": "Reset to Bluetooth mode",
"description": "Title for dialog with instructures on using "
},
"reset-to-bluetooth-mode-subtitle": {
"defaultMessage": "Press RESET three times",
"defaultMessage": "Press RESET three times.",
"description": "Instructions to press the physical reset button on the micro:bit"
},
"reset-to-default-action": {
Expand Down
10 changes: 7 additions & 3 deletions lang/ui.en.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,10 @@
"defaultMessage": "AI storytelling friend",
"description": "Home page resource card title"
},
"animation-bluetooth-mode-label": {
"defaultMessage": "Animation demonstrating how to reset to Bluetooth mode.",
"description": "Aria label for animation"
},
"animation-label": {
"defaultMessage": "Animation demonstrating the five steps of the CreateAI workflow: Connect, Collect Data, Test Model, Code, and Use. Connect: A micro:bit device is connected to a computer, establishing communication between the two. Collect Data: A micro:bit is strapped to a wrist. Movement data is recorded for two gestures: a wave (represented by a heart icon) and a shake (represented by a cross icon). Multiple samples are collected for each gesture to train the model. Test Model: Once enough samples are gathered, a machine learning model is trained. The computer then attempts to recognise wave and shake gestures in real time. The user can return to the Collect Data step to gather additional samples and do subsequent testing. Code: The user writes a program using MakeCode blocks that incorporates the trained model. The finished program is downloaded to the micro:bit. Use: The micro:bit responds to the user's physical movements, displaying different icons on its LED screen depending on whether a wave or shake gesture is detected.",
"description": "Aria label for animation"
Expand Down Expand Up @@ -1664,15 +1668,15 @@
"description": "Heading for rename project dialog"
},
"reset-to-bluetooth-mode-ab-subtitle": {
"defaultMessage": "Hold A+B and press RESET",
"defaultMessage": "Hold A+B and press RESET. Keep holding A+B until the Bluetooth icon appears.",
"description": "Instructions to hold A and B buttons while pressing reset on the micro:bit"
},
"reset-to-bluetooth-mode-heading": {
"defaultMessage": "Reset to Bluetooth mode",
"description": "Title for dialog with instructures on using "
},
"reset-to-bluetooth-mode-subtitle": {
"defaultMessage": "Press RESET three times",
"defaultMessage": "Press RESET three times.",
"description": "Instructions to press the physical reset button on the micro:bit"
},
"reset-to-default-action": {
Expand Down Expand Up @@ -2127,4 +2131,4 @@
"defaultMessage": "How CreateAI works",
"description": "Welcome dialog"
}
}
}
8 changes: 6 additions & 2 deletions lang/ui.es-es.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,10 @@
"defaultMessage": "Amigo cuentacuentos con IA",
"description": "Home page resource card title"
},
"animation-bluetooth-mode-label": {
"defaultMessage": "Animation demonstrating how to reset to Bluetooth mode.",
"description": "Aria label for animation"
},
"animation-label": {
"defaultMessage": "Animación que demuestra los cinco pasos del flujo de trabajo de CreateAI: Conectar, Recopilar datos, Probar modelo, Programar y Usar. Conectar: Se conecta un dispositivo micro:bit a un ordenador, estableciendo la comunicación entre ambos. Recopilar datos: Se sujeta una micro:bit a la muñeca. Se registran los datos de movimiento para dos gestos: un saludo (representado por el icono de un corazón) y una sacudida (representada por el icono de una cruz). Se recolectan múltiples muestras de cada gesto para entrenar el modelo. Probar el Modelo: Una vez que se han reunido suficientes muestras, se entrena un modelo de aprendizaje automático (machine learning). El ordenador intenta entonces reconocer los gestos de saludo y sacudida en tiempo real. El usuario puede volver al paso de Recopilar datos para obtener muestras adicionales y realizar pruebas posteriores. Programar: El usuario escribe un programa utilizando bloques de MakeCode que incorpora el modelo entrenado. El programa finalizado se descarga en la micro:bit. Usar: La micro:bit responde a los movimientos físicos del usuario, mostrando diferentes iconos en su pantalla LED dependiendo de si se detecta un gesto de saludo o de sacudida.",
"description": "Aria label for animation"
Expand Down Expand Up @@ -1664,15 +1668,15 @@
"description": "Heading for rename project dialog"
},
"reset-to-bluetooth-mode-ab-subtitle": {
"defaultMessage": "Hold A+B and press RESET",
"defaultMessage": "Hold A+B and press RESET. Keep holding A+B until the Bluetooth icon appears.",
"description": "Instructions to hold A and B buttons while pressing reset on the micro:bit"
},
"reset-to-bluetooth-mode-heading": {
"defaultMessage": "Reset to Bluetooth mode",
"description": "Title for dialog with instructures on using "
},
"reset-to-bluetooth-mode-subtitle": {
"defaultMessage": "Press RESET three times",
"defaultMessage": "Press RESET three times.",
"description": "Instructions to press the physical reset button on the micro:bit"
},
"reset-to-default-action": {
Expand Down
8 changes: 6 additions & 2 deletions lang/ui.fr.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,10 @@
"defaultMessage": "L'IA, l'amie de la narration",
"description": "Home page resource card title"
},
"animation-bluetooth-mode-label": {
"defaultMessage": "Animation demonstrating how to reset to Bluetooth mode.",
"description": "Aria label for animation"
},
"animation-label": {
"defaultMessage": "Animation illustrant les cinq étapes du processus CreateAI : Connecter, Collecter des données, Tester le modèle, Coder et Utiliser. Connecter : un micro:bit est connecté à un ordinateur, établissant ainsi une communication entre les deux appareils. Collecter des données : un micro:bit est fixé au poignet. Les données de mouvement sont enregistrées pour deux gestes : un signe de la main (représenté par une icône en forme de cœur) et une secousse (représentée par une icône en forme de croix). Plusieurs échantillons sont collectés pour chaque geste afin d'entraîner le modèle. Tester le modèle : une fois qu'un nombre suffisant d'échantillons a été recueilli, un modèle d'apprentissage automatique est entraîné. L'ordinateur tente alors de reconnaître les gestes de salut et de secousse en temps réel. L'utilisateur peut revenir à l'étape \"Collecter les données\" pour recueillir des échantillons supplémentaires et effectuer des tests ultérieurs. Coder : l'utilisateur écrit un programme à l'aide des blocs MakeCode qui intègre le modèle entraîné. Le programme terminé est téléchargé sur le micro:bit. Utiliser : le micro:bit réagit aux mouvements physiques de l'utilisateur, affichant différentes icônes sur son écran LED selon qu'un geste de salut ou de secousse est détecté.",
"description": "Aria label for animation"
Expand Down Expand Up @@ -1664,15 +1668,15 @@
"description": "Heading for rename project dialog"
},
"reset-to-bluetooth-mode-ab-subtitle": {
"defaultMessage": "Hold A+B and press RESET",
"defaultMessage": "Hold A+B and press RESET. Keep holding A+B until the Bluetooth icon appears.",
"description": "Instructions to hold A and B buttons while pressing reset on the micro:bit"
},
"reset-to-bluetooth-mode-heading": {
"defaultMessage": "Reset to Bluetooth mode",
"description": "Title for dialog with instructures on using "
},
"reset-to-bluetooth-mode-subtitle": {
"defaultMessage": "Press RESET three times",
"defaultMessage": "Press RESET three times.",
"description": "Instructions to press the physical reset button on the micro:bit"
},
"reset-to-default-action": {
Expand Down
8 changes: 6 additions & 2 deletions lang/ui.ja.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,10 @@
"defaultMessage": "AIストーリーテリングの友達",
"description": "Home page resource card title"
},
"animation-bluetooth-mode-label": {
"defaultMessage": "Animation demonstrating how to reset to Bluetooth mode.",
"description": "Aria label for animation"
},
"animation-label": {
"defaultMessage": "「CreateAI」のワークフローの5つのステップ(「Connect」「Collect Data」「Test Model」「Code」「Use」)を示すアニメーションです。\nConnect: micro:bit デバイスをコンピューターに接続し、両者のコミュニケーションを確立します。\nCollect Data: micro:bit を手首に装着し、2種類のジェスチャー(ハートのアイコンで表すウェーブと、十字のアイコンで表すシェイク)の動作を記録します。モデルを学習させるために、各ジェスチャーのデータを複数回収集します。\nTest Model: 十分なデータが集まると、機械学習モデルがトレーニングされます。コンピューターはリアルタイムでウェーブとシェイクのジェスチャーを認識しようとします。必要に応じて「Collect Data」にリターンし、追加データを収集して再テストを行うことができます。\nCode: ユーザーは MakeCode ブロックを使って、学習済みモデルを組み込んだプログラムを作成します。完成したプログラムを micro:bit にダウンロードします。\nUse: micro:bit はユーザーの動作に反応し、ウェーブまたはシェイクのどちらが検知されたかに応じて、LED 画面に異なるアイコンを表示します。",
"description": "Aria label for animation"
Expand Down Expand Up @@ -1664,15 +1668,15 @@
"description": "Heading for rename project dialog"
},
"reset-to-bluetooth-mode-ab-subtitle": {
"defaultMessage": "Hold A+B and press RESET",
"defaultMessage": "Hold A+B and press RESET. Keep holding A+B until the Bluetooth icon appears.",
"description": "Instructions to hold A and B buttons while pressing reset on the micro:bit"
},
"reset-to-bluetooth-mode-heading": {
"defaultMessage": "Reset to Bluetooth mode",
"description": "Title for dialog with instructures on using "
},
"reset-to-bluetooth-mode-subtitle": {
"defaultMessage": "Press RESET three times",
"defaultMessage": "Press RESET three times.",
"description": "Instructions to press the physical reset button on the micro:bit"
},
"reset-to-default-action": {
Expand Down
8 changes: 6 additions & 2 deletions lang/ui.ko.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,10 @@
"defaultMessage": "AI 스토리텔링 친구",
"description": "Home page resource card title"
},
"animation-bluetooth-mode-label": {
"defaultMessage": "Animation demonstrating how to reset to Bluetooth mode.",
"description": "Aria label for animation"
},
"animation-label": {
"defaultMessage": "연결, 데이터 수집, 모델 테스트, 코드, 사용 등 CreateAI 워크플로 5단계를 보여주는 애니메이션. 연결: micro:bit 장치를 컴퓨터에 연결하여 두 기기의 통신을 설정합니다. 데이터 수집: micro:bit를 손목에 착용합니다. 손 젓기(하트 아이콘으로 표시)와 흔들기(X 아이콘으로 표시)라는 두 가지 제스처에 대한 움직임 데이터를 기록합니다. 모델을 학습시키기 위해 각 제스처에 대한 샘플을 여러 개 수집합니다. 모델 테스트: 샘플을 충분히 수집했다면 머신러닝 모델을 학습시킵니다. 그 후 컴퓨터는 실시간으로 손 젓기와 흔들기 제스처를 인식하려고 시도합니다. 사용자는 필요에 따라 다시 데이터 수집 단계로 돌아가 샘플을 더 수집하여 후속 테스트를 진행할 수 있습니다. 코드: 사용자는 학습된 모델이 포함된 MakeCode 블록을 사용해 프로그램을 작성합니다. 완성한 프로그램을 micro:bit에 다운로드합니다. 사용: micro:bit가 사용자의 신체 움직임에 반응합니다. 손 젓기 또는 흔들기 제스처가 감지되면 LED 스크린에 각 제스처에 해당하는 아이콘이 나타납니다.",
"description": "Aria label for animation"
Expand Down Expand Up @@ -1664,15 +1668,15 @@
"description": "Heading for rename project dialog"
},
"reset-to-bluetooth-mode-ab-subtitle": {
"defaultMessage": "Hold A+B and press RESET",
"defaultMessage": "Hold A+B and press RESET. Keep holding A+B until the Bluetooth icon appears.",
"description": "Instructions to hold A and B buttons while pressing reset on the micro:bit"
},
"reset-to-bluetooth-mode-heading": {
"defaultMessage": "Reset to Bluetooth mode",
"description": "Title for dialog with instructures on using "
},
"reset-to-bluetooth-mode-subtitle": {
"defaultMessage": "Press RESET three times",
"defaultMessage": "Press RESET three times.",
"description": "Instructions to press the physical reset button on the micro:bit"
},
"reset-to-default-action": {
Expand Down
8 changes: 6 additions & 2 deletions lang/ui.lol.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,10 @@
"defaultMessage": "crwdns363518:0crwdne363518:0",
"description": "Home page resource card title"
},
"animation-bluetooth-mode-label": {
"defaultMessage": "Animation demonstrating how to reset to Bluetooth mode.",
"description": "Aria label for animation"
},
"animation-label": {
"defaultMessage": "crwdns369281:0crwdne369281:0",
"description": "Aria label for animation"
Expand Down Expand Up @@ -1664,15 +1668,15 @@
"description": "Heading for rename project dialog"
},
"reset-to-bluetooth-mode-ab-subtitle": {
"defaultMessage": "Hold A+B and press RESET",
"defaultMessage": "Hold A+B and press RESET. Keep holding A+B until the Bluetooth icon appears.",
"description": "Instructions to hold A and B buttons while pressing reset on the micro:bit"
},
"reset-to-bluetooth-mode-heading": {
"defaultMessage": "Reset to Bluetooth mode",
"description": "Title for dialog with instructures on using "
},
"reset-to-bluetooth-mode-subtitle": {
"defaultMessage": "Press RESET three times",
"defaultMessage": "Press RESET three times.",
"description": "Instructions to press the physical reset button on the micro:bit"
},
"reset-to-default-action": {
Expand Down
8 changes: 6 additions & 2 deletions lang/ui.nl.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,10 @@
"defaultMessage": "AI verhalenvertellende vriend",
"description": "Home page resource card title"
},
"animation-bluetooth-mode-label": {
"defaultMessage": "Animation demonstrating how to reset to Bluetooth mode.",
"description": "Aria label for animation"
},
"animation-label": {
"defaultMessage": "Animatie om de vijf stappen van de CreateAI workflow te demonstreren: Verbind, Verzamel gegevens, Test model, Codeer en Gebruik. Verbind: Een micro:bit apparaat is verbonden met een computer, waardoor communicatie tussen de twee tot stand wordt gebracht. Verzamel gegevens: Een micro:bit is om een pols gebonden. Gegevens van beweging worden geregistreerd voor twee gebaren: een golf (vertegenwoordigd door een hartpictogram) en een schudding (vertegenwoordigd door een kruispictogram). Er worden meerdere opnames verzameld voor elk gebaar om het model te trainen. Test model: Zodra er genoeg opnames zijn verzameld, wordt er een machine learning-model getraind. De computer probeert vervolgens golf- en schudgebaren in real time te herkennen. De gebruiker kan terugkeren naar de Verzamel gegevens- stap om extra opnames te verzamelen en vervolgens te testen. Codeer: De gebruiker schrijft een programma met behulp van MakeCode blokken waarin het getrainde model is geïntegreerd. Het voltooide programma wordt gedownload naar de micro:bit. Gebruik: De micro:bit reageert op de fysieke bewegingen van de gebruiker, verschillende pictogrammen worden weergegeven op het LED-scherm, afhankelijk van of er een golf- of schudgebaar wordt gedetecteerd.",
"description": "Aria label for animation"
Expand Down Expand Up @@ -1664,15 +1668,15 @@
"description": "Heading for rename project dialog"
},
"reset-to-bluetooth-mode-ab-subtitle": {
"defaultMessage": "Hold A+B and press RESET",
"defaultMessage": "Hold A+B and press RESET. Keep holding A+B until the Bluetooth icon appears.",
"description": "Instructions to hold A and B buttons while pressing reset on the micro:bit"
},
"reset-to-bluetooth-mode-heading": {
"defaultMessage": "Reset to Bluetooth mode",
"description": "Title for dialog with instructures on using "
},
"reset-to-bluetooth-mode-subtitle": {
"defaultMessage": "Press RESET three times",
"defaultMessage": "Press RESET three times.",
"description": "Instructions to press the physical reset button on the micro:bit"
},
"reset-to-default-action": {
Expand Down
Loading
Loading