Графика в реално време

Ниво 4 · Урок 14 · Програмиране с MakeCode (micro:bit)

Стойност от сензор на micro:bit се чертае като графика в реално време - числата вече се виждат като линия, не като цифри.

Част AВъведение

Какво ще направим?

Числата са хубаво, но графиката се вижда веднага. Финалният урок показва измерванията като живи стълбчета - на екрана на micro:bit и в серийния монитор.

Дай на класа минута да предположи как ще стане, преди да продължиш. Целта е да измислят стъпките сами.

Част AАналогия от живота

Термометър-стълб

Живакът в термометъра се качва по-високо, когато е по-топло - виждаш стойността веднага. Стълбовидната графика прави същото със стойностите.

Аналогията прави абстрактното конкретно - задръж на нея, докато класът я схване.

Част BКак мисли програмата

Как работи?

Разгледай схемата: редът на блоковете е важен - програмата тръгва отгоре надолу.

Блокът „ покажи стълбовидна графика “ рисува стойност като стълбчета на екрана 5×5 - колкото по-голяма стойността, толкова по-висок стълбът. Задаваме и максимума (например 1023), за да знае micro:bit докъде е пълно. Комбинирано със серийната връзка, компютърът рисува плавна графика през времето - данните оживяват.

Част CСтроим програмата блок по блок - не я преписваме наготово

Кодът стъпка по стъпка

Всяка стъпка добавя по едно нещо и казва защо. Пускай програмата СЛЕД всяка стъпка - детето вижда промяната, вместо да я приема наготово.

Част DЖив симулатор на MakeCode - програмата работи наистина

Пробвай на живо

Пусни симулатора на дъската и покани деца да натискат бутоните. Свържи видяното с кода от предишния дял.

Част EЦъкни отговор - зелено вярно, червено грешно

Въпрос 1 от 2

Какво прави „покажи стълбовидна графика“?

Рисува стойност като стълбче на екрана
Показва число
Свири
Мери допир

Дай време за мислене. Цъкането оцветява избора; „Покажи верния" показва отговора на дъската.

Част EЦъкни отговор - зелено вярно, червено грешно

Въпрос 2 от 2

Защо задаваме максимум (1023)?

За да знае micro:bit докъде е пълно
За звук
За цвят
Не е нужно

Дай време за мислене. Цъкането оцветява избора; „Покажи верния" показва отговора на дъската.

Част FГотови решения нарочно няма - търси, греши и пробвай пак

Твой ред да твориш

★ Направи графика на светлинния сензор.
★★ Направи графика на звука (v2).
★★★ Сравни две графики - вграден и външен сензор.

измисли свое Измисли какво искаш да видиш като жива графика - пулс, шум в класа, светлина през деня?

Насърчи промяна и разширяване, не копиране. Звездите са трудност, а „измисли свое" е поканата да излязат извън урока.

За учителяОрганизация на часа

Честа грешка

Стълбчето е винаги пълно Максимумът е сложен твърде малък спрямо стойностите.

✓ Задай верен максимум За аналогов вход максимумът е 1023; за друг сензор - неговата горна граница.

Речник

Графика - Картина на числата, която се разбира веднага.

Стълбовидна графика - Стойност, показана като височина на стълб.

Как върви часът

1. Идея. Класът предполага как ще стане, преди да види кода.

2. Кодът - по един блок. Пускай след всяка стъпка.

3. На живо. Симулаторът свързва кода с резултата.

4. Твой ред. Задачите нямат готови решения - нарочно.

Откъде е урокът: курс „Програмиране с MakeCode" (micro:bit) на stemprojects.eu. Блоковете са наши, на български; програмата се СТРОИ стъпка по стъпка, не се преписва наготово.