Уроки

Урок 4. Выводим кнопку на дисплей DWIN. Среда разработки DGUS.

Продолжаем изучать среду разработки DGUS (DWIN Graphic Utilized Software). Данное программное обеспечение позволяет создавать красивые интерфейсы для HMI дисплеев компании DWIN. Сегодня на уроке научимся создавать кнопки. В этом нам поможет инструмент «Return Key code». Информацию о других инструментах среды разработки DGUS вы можете прочитать в разделе сайта «DWIN».

Создаём кнопку на дисплее DWIN.

18 июля 2022 281
Урок 3. Создаем переключатели (кнопки с фиксацией) на дисплее DWIN.

В предыдущем уроке мы познакомились со средой разработки DGUS (DWIN Graphic Utilized Software). Подготовили фоновые изображения и иконки, после чего проверили отображение графики на дисплее. Сегодня научимся создавать кнопки с фиксацией или переключатели на дисплее DWIN. В этом нам помогут два инструмента: «Bit icon», «Incremental Adjustment».

Инструменты для создания переключателя (кнопки с фиксацией) в среде разработки DGUS.

13 июля 2022 309
Урок 2. MP3 звуки при касании сенсора дисплея DWIN.

В проектах с дисплеем DWIN я уже показывал, что можно сделать звук при касании сенсора. Это привычное для всех пищание зуммера. Иногда данный звук даже нет желания использовать, так как он достаточно противный. В конфигурационном файле .CFG можно настроить тональность, но это тоже не то, что нужно. Хотелось бы использовать свой звук, желательно в .mp3 формате. Для этого дисплей DWIN имеет возможность загрузить свои звуки. Что для этого нужно и как использовать, сейчас разберём в данном уроке.

21 июня 2022 275
Урок 1. Знакомство со средой разработки DGUS - DWIN. Подготовка изображений.

В данном уроке познакомимся со средой разработки DGUS (DWIN Graphic Utilized Software). Рассмотрим, как подготовить изображения для проекта с использованием дисплея компании DWIN. Подробно разберём, как загрузить изображения в проект и подготовить основные файлы проекта.

Среда разработки DGUS.

Давайте рассмотрим программу DGUS (сокращение от DWIN Graphic Utilized Software) и основные формируемые файлы для работы. Ниже представлена краткая диаграмма разработки ПО.

25 мая 2022 260
Программирование ESP32 в среде Arduino IDE. Структура кода.

Чтобы начать программировать ESP32 в среде Arduino IDE, необходимо изучить структуру кода. В данном уроке постараюсь объяснить структуру кода в среде Arduino IDE. Данная структура применима при программировании и других микроконтроллеров в данной среде разработки. Вы можете убедиться в этом, посмотрев мой урок по программированию Arduino.

Что понадобиться для выполнения данного урока.

12 января 2022 423
Урок 10. Строим графики waveform - дисплей Nextion.

Сегодня в уроке рассмотрим инструмент Waveform Nextion. Который позволит строить графики на сенсорном дисплее Nextion. Посмотрим, какие особенности нужно учитывать при построении графиков. Сгенерируем сигнал для построения 4 графиков. А также выводим график на основе показаний с Arduino.

Строим график на дисплее Nextion по сгенерированным данным таймера.

22 октября 2021 326
9 урок Nextion на русском. Красивый дизайн из 2 картинок. tft Nextion 3.5

При создании дизайна интерфейса для дисплея Nextion можно столкнуться с рядом сложностей. Первый недочет, на мой взгляд, нет возможности использовать изображения без фона. Кроме этого, как рассказывал в предыдущих уроках, для реализации 1 красивой кнопки нужно 2 картинки. А если в проекте не один экран управления с большим количеством кнопок. Картинок нужно очень много и в них можно запутаться. Как же сделать красивый дизайн для экрана Nextion 3.5 дюйма (в моем случае, у вас может быть другой размер дисплея) и сохранить полученный результат tft Nextion, для дальнейшей загрузки прошивки на дисплей? Об этом расскажу сегодня в уроке Nextion на русском.

Что нужно для реализации красивого дизайна интерфейса дисплея Nextion?

5 октября 2021 408
HTTP-сервер ESP8266. Выводим информацию HTML, Javascript и CSS

Цель этого урока - объяснить, как работать с HTML, Javascript и CSS на веб-сервере ESP8266 HTTP.

Важно учитывать, что HTML, Javascript и CSS - это языки, которые выполняются / отображаются на стороне клиента. Поскольку мы собираемся выполнять HTTP-запросы из веб-браузера, он будет отвечать за рендеринг HTML и CSS и выполнение Javascript.

Это означает, что мы узнаем, как интерпретировать HTML, CSS или Javascript. Как увидим ниже, этот код будет храниться в строках, которые будут возвращены в ответах HTTP, почти так же, как мы это делали бы для возврата любого другого типа контента.

В этом простом примере мы создадим главную страницу на HTML. Страницу с кодом Javascript на которой будет запускаться окно предупреждения при нажатии кнопки. И страницу с кнопкой, стилизованной с помощью CSS.

1 октября 2021 451
Урок ESP8266. Настройка простого HTTP веб-сервера.

Цель этого урока - объяснить, как настроить веб-сервер HTTP на ESP8266 и делать к нему простые запросы с помощью веб-браузера.

В уроке будем использовать библиотеки ESP8266 для Arduino IDE. Как настроить Arduino IDE для поддержки ESP8266, узнать можно здесь.

Тесты проводились с использованием платы NodeMCU, очень дешевая и простая в использовании плата ESP8266.

Код простого HTTP веб-сервера на ESP8266.

Прежде всего, подключим библиотеку ESP8266WiFi, которая содержит необходимые функции для подключения ESP8266 к сети Wi-Fi. Вы можете прочитать более подробное описание того, как подключить ESP8266 к сети Wi-Fi в предыдущем уроке.

30 сентября 2021 561
Урок ESP8266. Управление двигателем постоянного тока. NodeMCU + MX1508

Цель этого урока - объяснить, как управлять двигателем постоянного тока и изменять скорость вращения, с помощью ESP8266 и драйвера MX1508. Подробное описание драйвера можно посчитать в моем уроке по подключению MX1508 к Arduino.

Поскольку цифровые выводы микроконтроллера могут подавать только ограниченный ток (в случае ESP8266, максимум 12 мА), мы не можем напрямую использовать их для управления двигателем постоянного тока. Поэтому будем использовать драйвер MX1508, чтобы обеспечить ток, необходимый для вращения двигателя.

Схема подключения NodeMCU, MX1508 и двигатель постоянного тока.

22 сентября 2021 406
Разработка проектов