Как стать автором
Обновить

Starting Electronics: руководство по веб-серверам на Arduino. Часть 1

Время на прочтение 8 мин
Количество просмотров 7.8K
Блог компании Timeweb Cloud Программирование микроконтроллеров *Разработка для интернета вещей *Разработка под Arduino *DIY или Сделай сам
Туториал
Перевод


От переводчика. В сети есть много информации о работе веб-серверов на микроконтроллерах, но она плохо структурирована и не отличается системным подходом к изложению материала. Среди прочих есть в интернете один замечательный, можно сказать культовый, туториал (руководство) по работе веб-серверов на Arduino от проекта Starting Electronics. Его авторам удалось невозможное: всего в нескольких уроках просто и доступно донести сложные вещи — как сам принцип работы веб-вервера, так и работу сопутствующих технологий (HTTP, HTML, CSS, Javascript, AJAX и т. д.) и причём сделать в практической плоскости.

Далее я предлагаю вашему вниманию перевод первых двух частей, скомпонованных в одну статью. Затем последует перевод и публикация и всех остальных частей (уроков) этого руководства.

Читать дальше →
Всего голосов 28: ↑26 и ↓2 +24
Комментарии 35

Starting Electronics: руководство по веб-серверам на Arduino. Часть2. HTML и веб-сервер с SD картой

Время на прочтение 8 мин
Количество просмотров 4.5K
Блог компании Timeweb Cloud Программирование микроконтроллеров *Разработка для интернета вещей *Разработка под Arduino *DIY или Сделай сам
Туториал
Перевод


От переводчика. Продолжаем изучать тему создания веб-серверов на Arduino и на микроконтроллерах вообще. В этой статье скомпонованы две части оригинального руководства — «Структура веб-страницы (HTML)» и «Arduino веб-сервер с SD картой».

Материал в этих уроках излагается последовательно и после прочтения этой статьи вы будете иметь начальное представление о внутреннем устройстве веб-страниц и принципе работы веб-сервера с SD картой в качестве хранилища этих страниц.

Другими словами, после (теоретического и практического) прохождения этих уроков, у вас появится общее представление о том, как это работает и некоторые навыки по созданию собственных веб-серверов на микроконтроллерах.

Читать дальше →
Всего голосов 15: ↑15 и ↓0 +15
Комментарии 6

Starting Electronics: руководство по веб-серверам на Arduino. Часть3. Управление светодиодом с веб-страницы

Время на прочтение 6 мин
Количество просмотров 5.9K
Блог компании Timeweb Cloud Программирование микроконтроллеров *Разработка для интернета вещей *Разработка под Arduino *DIY или Сделай сам
Туториал
Перевод


От переводчика. Поскольку при переводе и публикации на Хабре некоторые разделы оригинального руководства были скомпонованы друг с другом, то нумерация частей оригинала и перевода не совпадает — у нас это 3-я часть, а в оригинале — 5-я.

В этой части автор переходит к самому интересному — управлению оборудованием с веб-страницы. В данном случае это светодиод, но по этому же принципу можно управлять любыми актуаторами, подключёнными к контроллеру.

Мы уже умеем работать с веб-страницами, хранить их на SD карте памяти, а теперь ещё научимся в динамике управлять подключённым оборудованием.
Читать дальше →
Всего голосов 21: ↑21 и ↓0 +21
Комментарии 0

Starting Electronics: руководство по веб-серверам на Arduino. Часть 4. Отображение состояния кнопки на веб-странице

Уровень сложности Сложный
Время на прочтение 5 мин
Количество просмотров 3K
Блог компании Timeweb Cloud Программирование микроконтроллеров *Разработка для интернета вещей *Разработка под Arduino *DIY или Сделай сам
Туториал
Перевод


От переводчика. В этой части руководства автор собирает ещё одну часть пазла и объясняет каким образом можно отображать состояние кнопки на веб-странице. Разумеется, это не обязательно должна быть кнопка, это может быть переключатель, джампер, контакты реле или что-то подобное.

Если посмотреть на этот вопрос шире, то становится понятно, что используя описанный в статье принцип, можно отображать на веб-странице как состояние подключённого оборудования, так и внутренних регистров, переменных, GPIO и т. д. самого микроконтроллера.

А это уже открывает неограниченные возможности для вашего творчества — вы, используя знания из этого и предыдущих уроков, можете как отображать состояние различных элементов на веб-странице, так и управлять ими с этой же страницы.

Читать дальше →
Всего голосов 18: ↑17 и ↓1 +16
Комментарии 0

Starting Electronics: руководство по веб-серверам на Arduino. Часть 5. AJAX взаимодействие с веб-сервером

Уровень сложности Сложный
Время на прочтение 8 мин
Количество просмотров 3K
Блог компании Timeweb Cloud Программирование микроконтроллеров *Разработка для интернета вещей *Разработка под Arduino *DIY или Сделай сам
Туториал
Перевод


От переводчика. С каждой новой статьёй уроки руководство становится всё более и более практичным и вот мы уже добрались до AJAX взаимодействия между клиентом (браузером) и сервером. Отсюда всего один шаг до практического применения кода и знаний, описанных в этом руководстве.

AJAX позволяет обновлять данные с контроллера на веб-странице, без необходимости каждый раз перезагружать саму страницу, что делает этот метод популярным и часто применяемым на практике, поэтому стоит уделить этому уроку достаточно вашего внимания, а также поэкспериментировать с кодом из этой статьи.
Читать дальше →
Всего голосов 14: ↑14 и ↓0 +14
Комментарии 5

Starting Electronics: руководство по веб-серверам на Arduino. Часть 6. Автоматическое AJAX взаимодействие с веб-сервером

Уровень сложности Сложный
Время на прочтение 6 мин
Количество просмотров 2.2K
Блог компании Timeweb Cloud Программирование микроконтроллеров *Разработка под Arduino *Умный дом DIY или Сделай сам
Туториал
Перевод


От переводчика. На шестом уроке мы добрались до практически полезного кода — с его помощью можно создать работающий пример «бесшовного» автоматического взаимодействия между клиентом (страницей в веб-браузере) и Arduino веб-сервером, который передаёт данные о состоянии подключённого оборудования и внутренних переменных.

Тут нужно помнить, что это только «концептуальный» и базовый пример такого взаимодействия, максимально упрощённый для лучшего понимания начинающими сути самой технологии. Когда вы поймёте принцип, то далее сможете как угодно улучшать и модернизировать этот код. Например, уделить внимание его быстродействию и безопасности.

Читать дальше →
Всего голосов 15: ↑15 и ↓0 +15
Комментарии 1

Starting Electronics: руководство по веб-серверам на Arduino. Часть 7. Отображение DI и AI входов при помощи AJAX

Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров 2.9K
Блог компании Timeweb Cloud Программирование микроконтроллеров *Разработка под Arduino *Умный дом DIY или Сделай сам
Туториал
Перевод


От переводчика. Автор руководства медленно, но неуклонно ведёт заинтересованного читателя к пониманию работы веб-серверов на Arduino и всему из этого вытекающему: поняв как это работает, можно самостоятельно создавать очень интересные IoT проекты, функционал которых ограничен только вашей фантазией.

На этом уроке рассматривается динамическое отображение на веб-странице состояния кнопок и аналогового входа при помощи AJAX. Скетч из этого урока можно легко модифицировать для отображения любого (в разумных пределах, конечно) количества кнопок и аналоговых входов, а также доработать код для отображения других параметров контроллера Arduino.

Читать дальше →
Всего голосов 12: ↑12 и ↓0 +12
Комментарии 1

Starting Electronics: руководство по веб-серверам на Arduino. Часть 8. Веб-сервер с SD картой и ссылки на страницы

Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров 1.6K
Блог компании Timeweb Cloud Программирование микроконтроллеров *Разработка под Arduino *Умный дом DIY или Сделай сам
Туториал
Перевод


От переводчика. Всё интереснее и интереснее. В этом уроке рассматривается хранение двух файлов на SD карте памяти веб-сервера и создание ссылок в HTML коде веб-страниц на эти файлы, а также загрузка этих страниц при нажатии на ссылки. Фактически мини-прототип сайта, который вы можете самостоятельно развивать и модернизировать.
Читать дальше →
Всего голосов 13: ↑13 и ↓0 +13
Комментарии 2