Блог 2Smart (RU)

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

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

Даже если у вас под рукой нет микроконтроллера, на основе которого можно собрать простейшее устройство, вы можете воспользоваться виртуальной лампой. Она создана специально для демонстрации возможностей платформы.

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


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


1 - Перейдите по ссылке https://cloud.2smart.com/.

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

Окно авторизации на платформе 2Smart Cloud

3 - После регистрации система предложит создать тестовый продукт на основе виртуального устройства – нажмите “Поехали!”, чтобы начать.

Окно приветствия нового пользователя с предложением создать тестовый виртуальный продукт

4 - На всех этапах демонстрации вас будут сопровождать подробные подсказки в правой нижней части экрана. Их можно скрывать, нажав на значок “>” или кнопку “Понятно” и вызывать снова, кликнув по значку “i” в том же месте экрана.

Управление подсказками визарда

5 - При работе с реальным устройством в первую очередь нужно выбрать микроконтроллер, на основе которого собирается схема. Поскольку вы работаете с виртуальным устройством, выбрать можно только вариант “Виртуальный MCU”. Сделайте это и нажмите “Далее”.

Экран выбора микроконтроллера

6 - Теперь рекомендуется ввести название устройства и загрузить иконку для него. Если речь идет о реальном продукте, именно эта информация впоследствии отображается в каталоге устройств мобильного приложения 2Smart Cloud. В режиме демонстрации этот шаг можно пропустить, сразу нажав “Далее”.

Заполнение общей информации о продукте

7 - Следующий шаг – конфигурация прошивки. При работе с реальным устройством для каждого микроконтроллера можно выбрать несколько вариантов.

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

Для виртуальной лампы Custom прошивка уже создана. Нажмите на ссылку “Подключить лампу” – в новой вкладке браузера откроется готовое виртуальное устройство с необходимыми настройками. Дождитесь, когда в правой верхней части экрана появятся уведомления о том, что устройство успешно подключилось к тестовому окружению кабинета вендора.

Экран выбора варианта прошивки устройства

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

8 - Вернитесь в кабинет вендора – подсказка со ссылкой на виртуальное устройство будет закрыта автоматически. Нажмите “Далее” для перехода к следующему шагу.

Экран выбора варианта прошивки устройства

9 - Уведомление на новом экране сообщает, что устройство успешно обнаружено системой.

Уведомление об успешном подключении устройства к платформе

10 - Нажмите кнопку “Предпросмотр состояния” – откроется окно предварительного просмотра данных сенсоров устройства. Аналогичную телеметрию можно будет получить и с реального устройства уже на этом шаге работы с визардом.

Предпросмотр состояний

11 - Закрыв окно предварительного просмотра данных сенсоров и нажав “Далее”, вы переходите к следующему шагу – созданию мобильного приложения.

Базовый интерфейс приложения для любого нового устройства создается автоматически – на основе тех сенсоров, что предусмотрены его схемой. Вы можете сделать этот интерфейс лучше.

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

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

12 - Обратите внимание, что управлять устройством можно непосредственно из эмулятора приложения. Так, установив красный цвет свечения в виджете “Color RGB”, вы можете увидеть, что виртуальное устройство моментально отозвалось и выполнило эту команду.

Управление устройством из эмулятора мобильного приложения в браузере

Управление устройством из эмулятора мобильного приложения в браузере

13 - Настроив интерфейс мобильного приложения на свой вкус, нажмите “Далее”. Откроется окно с инструкцией по добавлению устройства в мобильное приложение.

Инструкция по добавлению устройства в мобильное приложение

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


Ваше виртуальное устройство уже отображается на вкладке “Устройства”.


Экран “Устройства” мобильного приложения 2Smart Cloud с автоматически добавленным виртуальным устройством

15 - Нажав на название устройства, вы увидите тот же интерфейс управления, что и в кабинете вендора в браузере. Если вы вносили какие-то изменения в интерфейс, они будут отображаться в приложении.


Откройте вкладку с виртуальной лампой в браузере и убедитесь, что она отзывается на все команды из мобильного приложения – вы можете изменить яркость лампы, ее цвет, включать и отключать устройство.


Экран управления устройством мобильного приложения 2Smart Cloud

Экран публикации устройства в маркете

16 - Вернитесь в окно демонстрации платформы, нажмите “Далее”. Откроется завершающий этап работы над продуктом – публикация в маркет. При работе с реальным продуктом публикация устройства позволит пользователям добавлять его в мобильное приложение по стандартной процедуре сопряжения.

Экран публикации устройства в маркете

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

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

Чтобы начать, нажмите “Протестировать” – откроется новый визард с пошаговыми подсказками.

Окно перехода к тестированию управления устройством из мобильного приложения

18 - Установите на смартфон мобильное приложение 2Smart Cloud. Чтобы начать, вам нужно выйти из своего аккаунта в приложении, если оно уже установлено, отключить Sandbox режим в настройках на экране авторизации, после чего войти снова под любым логином. Вашего продукта уже не будет в списке устройств, его нужно будет привязать по стандартной процедуре сопряжения.

Инструкция по установке мобильного приложения 2Smart Cloud

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

Описание способов привязки устройства к приложению

20 - Для подключения виртуального устройства обычные способы не подходят. Чтобы добавить виртуальную лампу в приложение, нажмите на предложенную ссылку.

Инструкция по привязке виртуального устройства к мобильному приложению

21 - В новом окне введите Email пользователя и токен доступа – их можно найти на экране “Настройки” мобильного приложения. Если что-то не получается, воспользуйтесь наглядной подсказкой, которая открывается при нажатии на ссылку “Не могу найти”.

Привязка виртуального устройства к аккаунту пользователя мобильного приложения

22 - После ввода Email и токена виртуальная лампа появится на экране “Устройства” мобильного приложения.


Экран “Устройства” мобильного приложения 2Smart Cloud с привязанным виртуальным устройством

23 - Интерфейс для управления устройством – тот, что был настроен в кабинете вендора. Изменения можно вносить в любой момент – они будут отображаться у пользователей после перезапуска мобильного приложения.


Инструкция по настройке интерфейса мобильного приложения

Интерфейс управления устройством в мобильном приложении

24 - Попробуйте управление виртуальной лампой из приложения. Как и при тестировании в Sandbox режиме, лампа моментально отзывается на команды. Вы можете изменить цвет, яркость свечения лампы, включать и отключать ее.


Выбор цвета свечения лампы в интерфейсе мобильного приложения

Отключение виртуальной лампы из мобильного приложения

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

  • добавление часто используемых виджетов на главный экран приложения – “Избранное”,

Описание функционала “Избранное” мобильного приложения 2Smart Cloud

  • получение уведомлений от устройств на экране “Уведомления”,

Описание функционала “Уведомления” мобильного приложения 2Smart Cloud

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

Описание функционала “Голосовые команды” мобильного приложения 2Smart Cloud

  • управление с помощью бесплатного телефонного звонка,

Описание функционала “Управление телефонным звонком” мобильного приложения 2Smart Cloud

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

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

  • возможность поделиться доступом к управлению устройством с другими пользователями.

Описание функционала “Sharing” мобильного приложения 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