Блог 2Smart (UK)

Познайомся з IoT платформою – створи свій перший пристрій без мікроконтролера та керуй ним зі смартфона

Познайомся з IoT платформою – створи свій перший пристрій без мікроконтролера та керуй ним зі смартфона
2Smart Cloud – IoT платформа, розроблена як для потреб досвідчених розробників, так і для DIY-користувачів або IoT стартапів. Професійні можливості поєднані у ній із простим і зрозумілим інтерфейсом. Пропонуємо оцінити цю перевагу прямо зараз.

Навіть якщо у вас під рукою немає мікроконтролера, на основі якого можна зібрати найпростіший пристрій, ви можете скористатися віртуальною лампою. Вона створена спеціально для демонстрації можливостей платформи.

Демонстрація дозволить протестувати повний функціонал 2Smart Cloud, а також переглянути готовий продукт очима реального користувача. В цьому допоможе керування пристроєм з мобільного додатка.

Реєстрація на платформі та демонстрація на прикладі віртуального пристрою


1. Перейдіть за посиланням https://cloud.2smart.com/.

2. Створіть новий обліковий запис або увійдіть до свого особистого кабінету за допомогою свого акаунту Google або Facebook. При авторизації за допомогою соцмереж, ви отримаєте автоматично створений пароль на свій Email – його можна змінити в особистому акаунті. Пароль може знадобитися для підключення сторонніх сервісів без авторизації через соціальну мережу. Його також потрібно буде використовувати під час авторизації в мобільному додатку.

Вікно авторизації на платформі 2Smart Cloud

3. Після реєстрації система пропонує створити тестовий продукт на основі віртуального пристрою – натисніть “Let’s go!”, щоб розпочати.

Привітання нового користувача з пропозицією створити тестовий віртуальний продукт

4. На всіх етапах демонстрації вас супроводжуватимуть докладні підказки у правій нижній частині екрана. Їх можна приховати, натиснувши на значок “>” або кнопку “OK” і викликати знову,натиснувши по значку “i” у тому самому місці екрана.

Управління підказками візарду

5. Працюючи з реальним пристроєм насамперед необхідно вибрати мікроконтролер, з урахуванням якого збирається схема. Оскільки ви працюєте з віртуальним пристроєм, можна вибрати тільки варіант “Virtual MCU”. Зробіть це та натисніть "Next".

Екран вибору мікроконтролера

6. Тепер рекомендується ввести назву пристрою та завантажити іконку. Якщо мова йде про реальний продукт, ця інформація згодом буде відображатись в каталозі пристроїв мобільного додатка 2Smart Cloud. У режимі демонстрації цей крок можна пропустити, натиснувши “Next”.

Заповнення загальної інформації про продукт

7. Наступний крок – конфігурація прошивки. Під час роботи з реальним пристроєм для кожного мікроконтролера можна обрати кілька варіантів.

Наприклад, для контролера ESP32 доступна база ESPHome, яка взагалі вимагає знання основ програмування. Альтернативний варіант – Custom прошивка, для написання якої використовується документація до платформи, яка дає більше можливостей для розробника.

Для віртуальної лампи Custom прошивка вже створена. Натисніть посилання “Connect Lamp” – у новій вкладці браузера відкриється готовий віртуальний пристрій з необхідними налаштуваннями. Дочекайтеся, коли у правій верхній частині екрана з'явиться повідомлення про успішне підключення пристрою до платформи.

Екран вибору прошивки пристрою

Віртуальна розумна лампа для тестування можливостей платформи

8. Поверніться до кабінету розробника – підказка з посиланням на віртуальний пристрій буде закрита автоматично. Натисніть “Next”, щоб перейти до наступного кроку.

Екран вибору прошивки пристрою

9. Повідомлення на новому екрані повідомляє, що пристрій успішно виявлено системою.

Повідомлення про успішне підключення пристрою до платформи

10. Натисніть кнопку “Preview State” – відкриється вікно попереднього перегляду даних сенсорів пристрою. Аналогічну телеметрію можна буде отримати з реального пристрою вже на цьому етапі роботи з візардом.

Вікно попереднього перегляду даних сенсорів

11. Закривши вікно попереднього перегляду даних сенсорів та натиснувши “Next”, ви переходите до наступного кроку – створення мобільного додатку..

Базовий інтерфейс для будь-якого нового пристрою створюється автоматично – на основі тих сенсорів, що передбачені його схемою. Ви можете зробити цей інтерфейс кращим.

Для керування пристроєм використовуються віджети, які можна групувати на окремих вкладках. На платформі представлена ​​велика бібліотека віджетів, багато з яких взаємозамінні – для управління одним і тим самим сенсором можна використовувати різні віджети. Залежно від того, який з них зручніший для використання з вашим пристроєм.

Екран налаштування інтерфейсу мобільного додатка для керування пристроєм

12. Зверніть увагу, що керувати пристроєм можна безпосередньо з емулятора програми. Так, встановивши червоний колір світіння у віджеті "Color RGB", ви можете побачити, що віртуальний пристрій миттєво відреагував і виконав цю команду.

Керування пристроєм з емулятора мобільного додатка у браузері

Керування пристроєм з емулятора мобільного додатка у браузері

13. Налаштувавши інтерфейс мобільного додатка на свій смак, натисніть "Next". Відкриється вікно з інструкцією з додавання пристрою до мобільного додатка.

Інструкція з додавання пристрою в мобільний додаток

14. Встановіть додаток 2Smart Cloud на свій смартфон і увійдіть з тим самим логіном та паролем, які використовувалися при вході на платформу.

Ваш віртуальний пристрій вже відображається на вкладці “Devices”.

Екран “Devices” мобільного додатка 2Smart Cloud з автоматично доданим віртуальним пристроєм

15. Натиснувши назву пристрою, ви побачите той самий інтерфейс управління, що й у кабінеті розробника в браузері. Якщо ви внесли якісь зміни до інтерфейсу, вони будуть відображатися в додатку.

Відкрийте вкладку з віртуальною лампою в браузері та переконайтеся, що вона реагує на всі команди з мобільного додатка – ви можете змінити яскравість лампи, її колір, вмикати та вимикати пристрій.

Екран управління пристроєм мобільного додатка 2Smart Cloud

16. Поверніться у вікно демонстрації платформи, натисніть "Next". Відкриється завершальний етап роботи над продуктом – публікація маркет. При роботі з реальним продуктом публікація пристрою дозволить користувачам додавати його до мобільного додатку за стандартною процедурою сполучення.

Екран публікації пристрою в маркеті

17. Система запропонує повернутись до мобільного додатку, але цього разу оцінити роботу з пристроєм очима кінцевого споживача вашого майбутнього продукту.

Не ігноруйте таку можливість - насправді замість віртуальної лампи буде ваш розумний пристрій, який потрапить до рук ваших клієнтів. Поставте себе на їх місце та ще раз оцініть, наскільки зручно керувати пристроєм. А також обов'язково спробуйте додаткові способи керування, доступні для всіх користувачів 2Smart Cloud: голосові команди, телефонні дзвінки, Telegram-бот.

Щоб розпочати, натисніть “Test” – відкриється новий візард із покроковими підказками.

Вікно переходу до тестування управління пристроєм із мобільного додатка

18. Встановіть на смартфон мобільний додаток 2Smart Cloud, якщо ви це ще не зробили.

Інструкція по встановленню мобільного додатка 2Smart Cloud

19. При додаванні реального пристрою до додатка можна використовувати два основних способи: стандартне приєднання через маркет або вбудований веб-інтерфейс пристрою.

Опис способів прив'язки пристрою до додатка

20. Для підключення віртуального пристрою звичайні методи не підходять. Щоб додати віртуальну лампу до додатка, натисніть на запропоноване посилання.

Інструкція з прив'язування віртуального пристрою до мобільного додатка

21. У новому вікні введіть Email користувача та токен доступу – їх можна знайти на екрані “Account settings” мобільного додатка. Якщо щось не виходить, скористайтеся наочною підказкою, що відкривається, натиснувши на посилання “I can't find”.

Прив'язка віртуального пристрою до облікового запису користувача мобільного додатка

22. Після введення Email та токена віртуальна лампа з'явиться на екрані “Devices” мобільного додатка.

Екран “Devices” мобільного додатка 2Smart Cloud із прив'язаним віртуальним пристроєм

23. Інтерфейс управління пристроєм – той, що був налаштований у кабінеті розробника. Зміни можна вносити будь-якої миті – вони будуть відображатися у користувачів після перезапуску мобільного додатка.

Інструкція з налаштування інтерфейсу мобільного додатка

Інтерфейс керування пристроєм у мобільному додатку

24. Спробуйте керувати віртуальною лампою з додатка. Ви можете змінити колір, яскравість світла лампи, вмикати та вимикати її.

Вибір кольору лампи в інтерфейсі мобільного додатка

Відключення віртуальної лампи з мобільного додатка

25. Крім управління з інтерфейсу мобільного додатка, ви можете використовувати інші можливості, про які дізнаєтеся на наступних кроках демонстрації. Ви можете просто ознайомитися з функціоналом додатка з підказок або одразу спробувати всі додаткові функції в роботі:

  • додавання часто використовуваних віджетів на головний екран додатка - "Favorites",

Опис функціоналу “Favorites''” мобільного додатка 2Smart Cloud

  • отримання повідомлень від пристроїв на екрані “Notifications”,

Опис функціоналу “Notifications” мобільного додатка 2Smart Cloud

  • використання голосових команд для керування пристроями,

Опис функціоналу “Voice commands” мобільного додатка 2Smart Cloud

  • керування за допомогою безкоштовного телефонного дзвінка,

Опис функціоналу “Phone call control” мобільного додатка 2Smart Cloud

  • управління з Telegram бота 2Smart Cloud,

Опис Telegram бота 2Smart Cloud

  • можливість поділитися доступом до керування пристроєм з іншими користувачами.

Опис функціоналу

Рекомендуємо спробувати керування віртуальною лампою з Telegram-бота, за допомогою голосових команд та телефонного дзвінка – оцініть, наскільки це просто та зручно. Всі ці додаткові способи можна буде використовувати й під час керування вашим реальним пристроєм.

Спробуйте поділитися доступом до керування пристроєм із близькими – вони також зможуть керувати віртуальною лампою з мобільного додатка на своїх смартфонах.

Якщо щось не виходить – докладні інструкції для кожного із способів керування можна знайти у блозі 2Smart Cloud.

Про те, як додати реальний пристрій на платформу IoT 2Smart Cloud, можна дізнатися з наступних статей серії.

Посилання:


Всі статті про створення та підтримку IoT пристрою в 2Smart Cloud:

  1. Познайомся з IoT платформою – створи свій перший пристрій без мікроконтролера та керуй ним зі смартфона
  2. Як створити Wi-Fi реле з керуванням за допомогою мобільного додатка та Telegram-бота
  3. Як створити новий IoT пристрій всього за 4 кроки
  4. Як створити IoT пристрій на друкованій платі – від прототипу до реального продукту
  5. Як написати прошивку для IoT пристрою на базі SDK
  6. Як за 5 хвилин оновити прошивку і мобільний додаток готових пристроїв
  7. Збір та аналіз статистики – корисний інструмент для покращення продукту
Made on
Tilda