Вы находитесь на странице: 1из 12

Лабораторная работа.

Получение мигающего индикатора с


помощью Blockly
Задачи
Часть 1. Открытие Packet Tracer и изучение программы Blockly для получения мигающего
индикатора
Часть 2. Управление индикатором RGB с помощью Blockly

Общие сведения
Blockly — это визуальный язык программирования, который позволяет создавать программы не путем
написания кода, а из блоков, представляющих различные логические структуры. Blockly работает в
веб-браузере и может транслировать визуально созданные программы в код на языках JavaScript, PHP
и Python. В этой лабораторной работе будет изучаться программирование в Blockly, а также
создаваться управление светодиодным индикатором.

Сценарий
Использование программирования в Blockly для управления светодиодным индикатором объекта IoT.
В этой лабораторной работе используется Cisco Packet Tracer, поскольку эта программа обеспечивает
поддержку Blockly для объектов IoT.

Необходимые ресурсы
 Программа Cisco Packet Tracer версии 7.1.1 или выше, установленная и готовая к работе.

Часть 1. Запуск Cisco Packet Tracer (PT) и использование Blockly


В первой части будет открываться Cisco Packet Tracer и изучаться управление светодиодным
индикатором с помощью программирования Blockly.

Шаг 1. Запуск Packet Tracer


a. Дважды щелкните пиктограмму Cisco Packet Tracer, чтобы открыть программу PT.

b. На экране появится интерфейс пользователя.

© Компания Cisco и/или ее дочерние компании, 2021г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 1 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

c. Выберите категорию Components (Компоненты), а затем перетащите элемент MCU Board (Плата
MCU) в рабочее пространство.

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 2 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

d. Выберите подкатегорию Actuators (Приводы), выберите элемент LED (Светодиодный индикатор)


и перетащите его в рабочее пространство.

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 3 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

e. Выберите категорию Connections (Подключения), а затем элемент IoT Custom Cable


(Специальный кабель IoT) для соединения MCU в порте D1 MCU со светодиодным индикатором в
порте D0.

f. Дважды щелкните MCU. На экране появится окно его настройки.

g. Откройте вкладку Programming (Программирование). (Если вкладка Programming


(Программирование) отсутствует, нажмите кнопку Advanced (Дополнительно) в правом нижнем
углу.)

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 4 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

Шаг 2. Изучение готовой программы Blockly


a. Под заметкой No Project Opened (Нет открытого проекта) нажмите New (Создать). В окне Create
Project (Создание проекта) введите Blinking LED (Мигающий светодиодный индикатор) в качестве
имени проекта. В раскрывающемся меню Template (Шаблон) выберите Blink — Visual.

b. Нажмите Create (Создать).

c. Дважды щелкните main.visual..

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 5 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

d. Нажмите Run (Выполнить). Мигает ли светодиодный индикатор?


______________
e. Нажмите Stop (Стоп) и в поле Value (Значение) первого блока digitalWrite измените значение на
1023.

f. Нажмите Run (Выполнить). Мигает ли светодиодный индикатор?


______________

Почему он не мигал, когда было задано другое значение (отличное от 1023)?


_________________________________________________________________________________
_________________________________________________________________________________
g. Щелкните светодиодный индикатор и изучите его характеристики.

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 6 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

h. Там говорится, что для регулировки яркости свечения устройства можно использовать analogWrite.
Разверните группу Pin Access (Доступ к контактам) и замените блок digitalWrite блоком
analogWrite.

i. Теперь измените значения первого и второго блоков analogWrite и понаблюдайте за тем, как
меняется яркость светодиодного индикатора.

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 7 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

Часть 2. Управление светодиодным индикатором RGB с помощью


Blockly
Во второй части выполняется управление светодиодным индикатором RGB с помощью Blockly.
Индикатор RGB может светиться разными цветами, составленными из красного, зеленого и синего.

Шаг 1. Добавление MCU и светодиодного индикатора RGB


На шаге 1 в рабочее пространство добавляется еще одна плата MCU и светодиодный индикатор RGB.
a. Выберите подкатегорию Actuators (Приводы), а затем RGB LED (Светодиодный индикатор RGB) и
перетащите его в рабочее пространство. Добавьте еще одну плату MCU.

b. Выберите категорию Connections (Подключения), а затем три кабеля IoT Custom Cable
(Специальный кабель IoT) для соединения MCU и светодиодного индикатора RGB.

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 8 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

c. Щелкните RGB LED (Светодиодный индикатор RGB) и ознакомьтесь с его характеристиками.


Обратите внимание, что разные входные контакты обозначены разными цветами.

d. Откройте готовую программу Blockly. Выберите MCU -> Programming (MCU -> Программирование).
Под заметкой No Project Opened (Нет открытого проекта) нажмите New (Создать). В окне Create
Project (Создание проекта) введите Blinking RGB LED (Мигающий светодиодный индикатор RGB)
в качестве имени проекта. В раскрывающемся меню Template (Шаблон) выберите Blink — Visual.

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 9 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

e. Нажмите Create (Создать). Дважды щелкните main.visual. На экране откроется готовая программа
Blockly.

Шаг 2. Изменение программы Blockly


a. Разверните группу Pin Access (Доступ к контактам) и добавьте еще два блока pinMode, чтобы
задать три разъема OUTPUT (Вывод) (для подачи сигнала из MCU на светодиодный индикатор
RGB).

b. В группе Pin Access (Доступ к контактам) замените блоки digitalWrite на блоки analogWrite.
Добавьте также несколько блоков print.

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 10 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

c. Программа будет выглядеть следующим образом.

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 11 из 12
Лабораторная работа. Получение мигающего индикатора с помощью Blockly

d. Запустите программу. Светодиодный индикатор должен последовательно загораться красным,


зеленым и синим цветом.

Задача
Внесите в программу изменения, чтобы индикатор светился составным цветом от всех трех входов в
зависимости от случайно создаваемых значений по каждому разъему.

© Компания Cisco и/или ее аффилированные компании, 2021 г. Все права защищены. В данном документе содержится публичная
информация компании Cisco. Страница 12 из 12