Сайт «Ардуино технологии» является продолжением проекта Портал ПК. Вернее Проект Портал ПК разделился на два самостоятельных сайта «Ардуино технологии» и «ЧПУ технологии». В дальнейшем тематик будет больше. Проект Портал ПК был начат еще в 2006 году и за это время на нем появилось огромное количество различной информации, касающейся программирования, конструирования, 3D-печати.
Для чего понадобились разделение проекта и новый сайт? Сайт Portal-PK.ru за свое существование был несколько раз переписан, изменен дизайн сайта, и дальнейшая доработка сайта уже не возможна. Поэтому было принято решение сделать новые сайты с более понятной и простой навигацией. Но это еще не все! На сайтах будут обновлённые Arduino уроки. Больше новых и интересных Arduino проектов, в том числе проекты на arduino uno, arduino nano, arduino mini pro, arduino mega, NodeMcu, ESP8266, DigiSpark, ESP-01, ESP32 и других микроконтроллерах.
Технологии начинаются с простого!
После того как я сделал электронный замок с дисплеем, мне написали, что лучше сделать беспроводной замок. Дешевле и менее заметный. Поэтому я решил сделать Умный Wi-Fi замок своими руками на базе ESP8266. Управлять данным замком можно с помощью мобильного приложения. Что понадобится для того чтобы сделать такой замок сейчас расскажу.
Электроника умного Wi-Fi замка.
Тему контроля доступа я уже затрагивал в одном из предыдущих проектов. А сегодня рассмотрим пример реализации сенсорного кодового замка, который можно установить на мебель. А если внести небольшие доработки. Установить кнопку для открытия двери изнутри, то данное устройство можно поставить на входную дверь. На дисплее отображается состояние, закрыт замок или открыт, также статус блокировки ввода пароля. Кроме этого есть другие элементы упрощающие работу с замком, но обо всем по порядку.
Сегодня не редкость встретить ноутбук или клавиатуру для компьютера без «дополнительной клавиатуры». Также бывают ситуации, когда нужно организовать выносную клавиатуру с определенным набором клавиш. Сегодня в проекте рассмотрим, как можно сделать сенсорную клавиатуру для компьютера или ноутбука на Arduino своими руками. Также приложу все необходимые материалы, которые помогут реализовать подобный проект или проект с другим набор клавиш под ваши потребности.
Сенсорная клавиатура для компьютера своими руками.
Сегодня в уроке рассмотрим инструмент Waveform Nextion. Который позволит строить графики на сенсорном дисплее Nextion. Посмотрим, какие особенности нужно учитывать при построении графиков. Сгенерируем сигнал для построения 4 графиков. А также выводим график на основе показаний с Arduino.
Строим график на дисплее Nextion по сгенерированным данным таймера.
При создании дизайна интерфейса для дисплея Nextion можно столкнуться с рядом сложностей. Первый недочет, на мой взгляд, нет возможности использовать изображения без фона. Кроме этого, как рассказывал в предыдущих уроках, для реализации 1 красивой кнопки нужно 2 картинки. А если в проекте не один экран управления с большим количеством кнопок. Картинок нужно очень много и в них можно запутаться. Как же сделать красивый дизайн для экрана Nextion 3.5 дюйма (в моем случае, у вас может быть другой размер дисплея) и сохранить полученный результат tft Nextion, для дальнейшей загрузки прошивки на дисплей? Об этом расскажу сегодня в уроке Nextion на русском.
Что нужно для реализации красивого дизайна интерфейса дисплея Nextion?
Цель этого урока - объяснить, как работать с HTML, Javascript и CSS на веб-сервере ESP8266 HTTP.
Важно учитывать, что HTML, Javascript и CSS - это языки, которые выполняются / отображаются на стороне клиента. Поскольку мы собираемся выполнять HTTP-запросы из веб-браузера, он будет отвечать за рендеринг HTML и CSS и выполнение Javascript.
Это означает, что мы узнаем, как интерпретировать HTML, CSS или Javascript. Как увидим ниже, этот код будет храниться в строках, которые будут возвращены в ответах HTTP, почти так же, как мы это делали бы для возврата любого другого типа контента.
В этом простом примере мы создадим главную страницу на HTML. Страницу с кодом Javascript на которой будет запускаться окно предупреждения при нажатии кнопки. И страницу с кнопкой, стилизованной с помощью CSS.
