Bubble как работает приложение
12 Архитектура, оптимизация и ограничения движка Баббл
Bubble позволяет вам работать над версией разработчика, в то время как версия, которая видна пользователям, остаётся неизменной. Когда вы готовы выдать изменения, которые вы сделали в версии разработчика, вы можете установить их в живую версию. Данный раздел рассматривает эти ключевые идеи.
У приложения Bubble всегда есть две версии. Живая версия (live), это та версия, которой пользуются пользователи, и версия разработчика (development), над которой вы работаете. Если приложение называется "marketplace", то у каждой из версий будет своя ссылка. Живая версия будет доступна по ссылке:
Обратите внимание, что живая версия так же может находиться по адресу:
Между обеими версиями можно переключаться в редакторе в выпадающем меню Версия/Version.
Живая версия приложения доступна только для чтения. Вы можете просматривать её в Редакторе, пользоваться вкладкой Данные или Логи для изучения данных и активности приложения, но не можете изменять внешний вид, процессы и структуру данных. Изменения в живую версию вносятся через изменение версии разработчика и выгрузка этих изменений в живую версию.
У обеих версий разные базы данных. Пользователи и сущности , которые были созданы в версии разработчика не будут существовать в живой версии. Если вам нужно скопировать какие-то данные, Bubble позволяет это сделать (см ниже).
Вы можете защитить версию разработчика и запрашивать пароль при её запуске. Это полезно, если вы хотите скрыть от пользователей текущую рабочую ситуацию. См соответствующую секцию (. ЛНК. ) ниже.
Когда вы готовы выдать изменения из вашей версии Разработчика в Живую версию, вы можете воспользоваться панелью "Выгрузка и контроль версий"/"Deployment and version control". Это всплывающее окно позволяет выкатить изменения в живую версию и вернуть изменения к текущему моменту времени, согласно вашему тарифному плану. Здесь мы опишем процесс развертывания, а в этом разделе (. ЛНК. ) объясняется как происходит откат к более ранним версиям.
Для выгрузки (чтобы выкатить из версии Разработчика в Живую версию), кликните по "Выгрузить версию разработчика в живую"/"Deploy development to live" и введите описание для развертывания. Признак хорошей дисциплины - точное описание в чем заключается выгрузка (тип вносимых изменений), так как это поможет в будущем управлять версиями и обслуживать приложение. Когда вы выгружаете приложение в живую версию, само приложение заменяется на более новую версию, а база данных остается неизменной. В Bubble также есть некоторые функции для копирования базы данных между версиями, и это будет описано в главе Обслуживание приложения (. ЛНК. ).
Паша Шишкин из «Карьерного цеха» рассказал о своем кейсе на Bubble — без цензуры. Он продакт, в бэкграунде — разработка и даже победа в Чемпионате мира по программированию. Паша собрал приложение на Bubble для проекта, который он делает вместе с Глебом Кудрявцевым из Skyeng. Приложение создавал в одиночку и Bubble до этого не знал — изучал всё самостоятельно.
Что такое «Карьерный цех»
«Карьерный цех» берёт на себя первую половину воронки найма, чтобы компаниям не надо было проводить по 30 собеседований на одну позицию, а кандидатам — каждый раз проходить всю воронку найма. Основная часть воронки найма — тестовое задание. Мы даем одно задание на всех продактов, они выполняют его и оценивают друг друга — на выходе получается рейтинг кандидатов, компании выбирают тех, кто по своему мышлению и уровню проработки тестового подходит им больше всего. Модель монетизации простая — компании платит комиссию, если кандидат успешно прошел испытательный срок.
Вторая особенность «Цеха» — продакты могут сравнить себя с рынком, понять и оценить свой уровень, посмотреть на других, откалибровать план своего развития.
Рейтинг продактов
Как начали делать «Карьерный цех» и почему выбрали Bubble
Я закончил работать в «Авито» и решил делать свой проект — и вышел на Глеба. У него была идея проекта для упрощения найма продактов. Проработали идею и я стал выбирать техническое решение — на чем делать «Карьерный цех». Кодить вручную — долго, нанимать разработчиков — дорого, а Bubble показался отличным вариантом. Правда, изучить его оказалось непросто — уровень самостоятельного вхождения в Bubble очень «кровавый».
Зато всю бизнес-логику реализовали на Bubble.Сначала было тяжело, но когда появилось понимание платформы, основных сущностей и концептов, дело пошло быстро и сроки стали предсказуемыми.
Бизнес-логика в интерфейсе Bubble
Решил собирать «Цех» самостоятельно, чтобы понять всю внутрянку и получить уверенность, что все работает без ошибок и проблем. Например, в Bubble есть workflows. И надо разобраться: страница считается загруженной, только когда загрузились все элементы или раньше? Или пользователь нажимает кнопку: насколько быстро при этом перезагрузится страница и успеет ли отработать дополнительный JS-код. Если проект сложный — однозначно надо проводить эксперименты, чтобы понимать, как работают все компоненты и как протекают все процессы. То есть выбирая разработчика на Bubble, лучше отдать предпочтение тому, кто понимает внутреннее устройство веба, принципы работы браузеров.
Bubble сложно использовать, если нет опыта в разработке — для сложных проектов надо понимать много программистских концепций, операторы условий и т.п. Я бы сказал, что это в первую очередь инструмент для разработчиков, который позволяет раз в пять быстрее собирать веб-приложения.
Анкета, которую пользователи заполняют после регистрации
Что под капотом «Карьерного цеха»
В «Цехе» много разных страниц. Самое интересное: регистрация с анкетой, загрузка выполненного тестового, рейтинг работ других ребят и оценка. Все пришлось делать через эксперименты. Мне очень понравились настройки приватности — они гибкие, удобные и обеспечивают хорошую защиту. Например, нельзя задебажить API, подставить какой-то ID и посмотреть чужие работы. Есть и проблемы — те же поля в формах не могут принимать пустые значения, обязательно надо что-то выбрать, хотя бы дефолтные значения.
Настройки приватности в Bubble
Самая интересная часть бизнес-логики — оценка работ других участников. Их надо перетаскивать в специальную область и ранжировать. Тут пришлось добавлять свой код и разные функции, размечать поля, между которыми перетаскивались тестовые. Стандартные плагины Bubble мне не подошли — многие вещи в них реализованы слишком прямолинейно и негибко.
Сортировка заданий интерфейс
Еще надо понимать, что каждое поле в Bubble отправляется отдельным запросом, такое ограничение системы. Например, все 170 позиций рейтинга у нас загружались довольно долго.
Легко сверстать адаптивное приложение не получится: в версии для мобильного у нас вначале даже была надпись «Поверните телефон горизонтально», плюс пришлось разбивать контент на две колонки — решение костыльное, но другого я не нашел. Поэтому лендинг «Цеха» в итоге тоже сделали на Тильде — это было проще, инструмент понятный и известный, верстать в ней удобнее. Скажу сразу: никогда не делайте лендинг на Bubble — выйдет в пять раз дольше, чем на Тильде и адаптив сложный.
Сортировка тестовых заданий бэкенд
Но в Bubble есть и очень крутые фичи.
Динамика изменения полей обработки состояний. На этом экономится куча времени.
Некоторые участники хотели скрыть свои профили — тут Bubble тоже показал себя отлично, настройки очень удобные, причем никакими подменами ID это не хакнуть.
Еще у нас есть страничка для экспорта данных о кандидатах в Google Sheets, такая мини-CRM для эйчаров, на Bubble реализовать ее было довольно просто.
Сколько времени заняла разработка
Я собирал приложение для «Карьерного цеха» полтора месяца, тратил на это по 15−20 часов в неделю. То есть в сумме ушло примерно 120.
Если бы мы нанимали для этой задачи программиста, пришлось бы искать его, тестировать, делать ТЗ, описания, заплатить пару сотен тысяч рублей — и все равно конечное решение было бы менее гибким, а я потратил бы порядка 60 часов. Команда разработчиков с исследователями, UX-дизайнерами, бизнес-аналитиками, системным архитектором, тимлдидом и разработчиком вообще обошлась бы в миллион рублей и пилила бы приложение полгода.
Выгрузка данных по кандидатам — страница для представителей компаний
Итоги
Если в вашем продукте ключевая вещь — технологии, то не стоит собирать решение на Bubble. Например, игру, какое-то премиальное приложение и т.п. Bubble грузится дольше. А вот бизнес-логику, админки круто собирать на Bubble.
На Webflow или Glide подобное решение сделать было бы невозможно — в них не хватает гибкости и мощи Bubble. По сравнению с Bubble это как блочный конструктор сайтов. Мощнее Bubble — только фреймворки для разработки.
В общем, если бы я снова начал разрабатывать такой проект, я бы точно выбрал Bubble. Только я очень надеюсь, что у них появятся конкуренты и он исправят свои недоработки. Хотя скоро обещали выкатить вторую версию, возможно, там большую часть проблем устранят.
Приложение Bubble предоставляет несколько функций, направленных на улучшение пользовательского опыта и оптимизацию избыточных процессов.
Давайте рассмотрим некоторые из ключевых функций.
1. Перетаскивание
Функция интеллектуального перетаскивания на платформе Android Bubble app позволяет перетаскивать компоненты на вашу страницу или интерфейс. Вы можете легко добавлять мультимедийный контент без знания программирования или эстетики дизайна.
2. Динамический контент
Bubble подключается к таким платформам, как Facebook, собирая пользовательские данные для анализа и внедрения. Этот доступ к динамическому контенту обеспечивает решение проблем, связанных с дизайном, а также улучшает пользовательский интерфейс.
3. Многоязычные опции
Bubble.io поддерживает более 80+ международных языков в своей расширенной библиотеке. Эта функция позволяет облегчить и упростить действия, связанные с переводом каждого контента на вашей странице вручную.
Вы также можете использовать встроенные конвертеры для изменения форматов и символов валют на вашем веб-сайте или в приложении.
4. Управление версиями и резервное копирование
Приложение Bubble social позволяет компаниям автоматически обновляться до новых версий. Платформа также создает резервные копии ваших данных в облаке.
Если у вас возникнут проблемы с последними обновлениями, вы можете вернуться к предыдущим версиям без потери данных.
5. Безопасность платежей
Bubble обрабатывает платежи за подписки и другие сторонние транзакции с помощью безопасных платежных порталов, таких как Stripe.
Вам больше не придется беспокоиться о задержанных транзакциях и других проблемах безопасности, связанных с онлайн-платежами.
6. Несколько пользователей
Ваша компания может добавить до 40 сотрудников проекта на панель мониторинга. Вы также можете использовать специальные функции запроса доступа для ограничения или расширения участия. Эта функция сотрудничества выходит за рамки дизайна и охватывает отделы маркетинга и права.
7. Отчеты о состоянии в режиме реального времени
Панель мониторинга Bubble предоставляет данные о проектах и потребителях в режиме реального времени. Менеджеры и маркетологи могут отслеживать отчеты о ходе выполнения конкретных задач.
8. Расширенные показатели
Приложение Bubble для Android предоставляет возможность собирать подробные данные о вовлеченности клиентов, как и другие платформы без кода.
С помощью приложения вы можете создавать и автоматизировать маркетинговые кампании по электронной почте, ориентированные на определенную аудиторию. Ваш бизнес также может оптимизировать контент для SEO без каких-либо проблем.
9. Бесшовная интеграция
Вы можете подключиться к рынку приложений Bubble и получить доступ к другим плагинам и шаблонам для вашего приложения. Платформа также имеет соединитель API, который может решить любую проблему интеграции.
10. Настраиваемый пользовательский интерфейс
Когда вам нужен виртуальный дизайн для вашего мобильного приложения, Bubble forum позволяет вам настроить его в соответствии с вашими предпочтениями.
Динамические контейнеры обеспечивают плавную интерактивность, помогая пользователям перемещаться по вашему приложению или веб-сайту. Вы также можете использовать шаблон Bubble по умолчанию, если у вас нет времени на его настройку.
Как и большинство разработчиков приложений без кода, Bubble устраняет этап программирования или сокращает время, необходимое для его завершения. В результате ваша компания может извлечь выгоду и повысить производительность.
Риски использования конструктора приложений Bubble
Несмотря на огромные преимущества использования конструктора приложений Bubble, мы все еще должны подчеркнуть риски. Давайте рассмотрим самые вопиющие минусы использования приложения Bubble.
Это ограничение является наиболее существенным, когда речь заходит о Bubble. Соединитель API Bubble не может обрабатывать ответы API во вложенных массивах. В результате разработчикам будет трудно работать с массивными наборами данных при использовании Bubble.
Кроме того, база данных отделена от всего фреймворка, что ограничивает точность сохранения данных.
2. Нет пробной версии
Отсутствие пробной версии или конструктора приложений Bubble является проблемой для большинства компаний. Мы все хотим заглянуть в платформу, прежде чем платить за премиум-версию.
Кроме того, бесплатная версия предлагает резервное копирование данных только в течение 12 часов. Таким образом, если вы не сможете завершить проект в течение этого срока, вы потеряете свои данные.
3. Ограниченный контроль над исходным кодом
Поскольку Bubble – это no-code платформа, это означает, что пользователи имеют ограниченный контроль над исходным кодом. Хотя пользователям, не имеющим навыков программирования, не нужно беспокоиться об этой проблеме, опытным программистам придется иметь дело с ограничениями при работе над проектами.
4. Проблемы с отзывчивостью на мобильных устройствах
Пользователи форума Bubble жалуются на плохую отзывчивость мобильной версии. Конструктор определяет приоритеты только для настольных и веб-интерфейсов. Это ограничение влияет на пользовательский интерфейс конечных страниц, так как вы не можете точно визуализировать мобильную версию.
Вывод
Конструктор предоставляет расширенные функции и обширную библиотеку для облегчения процесса разработки. Однако большинство этих виджетов недоступны в бесплатной версии. Таким образом, вы должны потратиться, чтобы пользоваться всем спектром функций.
UPD 9.02.2020: В детском саду стукнул ребёнок телефон (старую Xperia), сенсорный экран перестал работать. Взяли на замену б/у Xiaomi Redmi Go - полёт отличный в паре с Баблом.
UPD ноябрь 2021: заменила прибор на новую версию - МиниБабл
Приветствую, друзья и гости Отзовика!
13 ноября 2019г. - накануне Всемирного дня борьбы с диабетом - кое-что в моей жизни поменялось. В рутинной её части. Потому что на четвёртом году от постановки диагноза СД 1 типа у дочки стало рутиной всё, связанное с гликемией: экспресс-анализ крови, болюсы, замена расходных материалов у помпы. Многое мы делаем, уже и глядя в полглаза.
Но что не становилось проще - так это ночи. Сахара у ребёнка стабильными не держались: то потребность в инсулине меняется, то на погодные явления организм реагирует, то на болезнь повышенный сахар, то на гормон роста. а то и вовсе не знаешь почему, а сахара или растут, или падают. И контроль сахара в ночное время: 0:00,3:00,6:00. В супернепонятные ночи будильник у меня под ухом звенел каждые 2 часа.
И так 3,5 года - таков наш диастаж.
Про удаленные мониторинги я знала. Но покупать Miao-Miao было боязно, кто с ним поможет, где гарантии. Dexcom - для моих средств, дорогая система.
И вот осенью 2019 появился в РФ передатчик Bubble (далее - Бабл).
ЦЕНА и КОМПЛЕКТАЦИЯ
Покупала Бабл в небезызвестной в диакругах группе Семёна Кейзера в ВК (ссылку по необходимости пришлю в ЛС). Стоимость - 11.500р., доставка СДЭК включена. Дополнительно для использования можно ничего не приобретать. По желанию - держатель-резиночку для устройства, доступ в группу поддержки на год.
В комплекте:
- передатчик для удаленного мониторинга,
- зарядное устройство,
- 14 стикеров для фиксации прибора.
К передатчику идёт краткое руководство по эксплуатации и условия гарантии. Подробные инструкции, как правильно присоединить Бабл и как настроить всю систему удаленного мониторинга, выложены в группе ВК (той, которая общего доступа, без платной подписки).
ПОДГОТОВКА К РАБОТЕ
В коробочке Бабл лежит на подложке с магнитом. Когда прибор не используется, его необходимо в этой ячейке и хранить, на магните он автоматически выключается.
Первоначально Бабл нужно зарядить.
Зарядное устройство - это шнур-USB. Крепится магнитным элементом к Баблу. Оригинальный, поэтому бдим за ним, заменить другим зарядником не получится. Но если что, новый можно приобрести у Семена.
В процессе зарядки мигает красный индикатор. При 100% уровне загорается синий свет.
Севший аккумятор заряжается до полного уровня за час-полтора.
Бабл поможет создать систему удаленного мониторинга за сахарами при использовании постоянного мониторинга Freestyle Libre.
Нет Либры - Бабл не нужен, сам по себе он ничего не делает.
. Бабл призван считывать данные с сенсора Либры по NFC и передавать их в смартфон по Bluetooth. .
Для удаленки понадобятся:
1. Либра
2. Бабл
3. Смартфоны - главный и дополнительные для наблюдателей (на Androide - бесплатно и просто, с iOS - сложнее и с покупкой доп. ПО).
Итак, сенсор Либра у нас есть.
Устанавливаем Бабл.
К внутренней стенке прибора приклеивается двусторонний стикер.
. и присоединяем кончиком к Либре.
Можно ли прямо вот так ходить - вопрос. Но я не рискую. Либру всегда фиксировали эластичным бинтом. Теперь под бинтом она вместе с Баблом. Во-первых, так случайно не сорвать приборчики во время переодевания или детских игр. Во-вторых, лишнее любопытство со стороны окружающих ни к чему.
Одним из пунктов сомнений при покупке передатчика было нежелание увешивать ребёнка, как елочку. Помпу на поясе носит, на руке Либра. А тут ещё висюлька. Но не так уж и громоздко по факту. Ребёнок никак не ощущает и не реагирует на дополнительную штучку.
На все телефоны, которые будут принимать данные от Бабл, необходимо скачать приложение xDrip+ (далее - хдрип). Всё в той же группе Семёна есть ссылка на бесплатное скачивание (на Android и iOS).
Мы с мужем пользуемся айфонами. но я сначала достала старые телефоны на платформе Андроид - Sony C6833 и Nexus 6. Все так славно на них работает, что их оставили специально под наблюдение за сахарами.
Через приложение хдрип ГТ (главный телефон - тот, что у ребёнка) находит Бабл. Синхронизируемся с сенсором Либра и получаем картину сахаров.
Затем находим в настройках хдрип QR-код для телефонов-фолловеров, сканируем его родительским телефоном и наслаждаемся жизнью.
Эпохальное фото - как я только-только настроила систему удалённого мониторинга!
Это все кажется сложным. Пока у тебя нет на руках устройства. А потом - раз, раз - действуешь по инструкции и получается быстро и идеально, без заминок и затыков.
Для айфонов. Потребуется выделенный сервер Nightscout (для получения данных в телефоны-фолловеры) и приложение Spike (для получения тревог на фолловеры).
На фото - суточные графики с Либры и хдрип.
Простыми словами, калибровка - это подстройка показаний мониторинга под данные с глюкометра. Нужна она для наиболее точных показаний.
При соединении Бабла с Либрой вводятся 2 показания с глюкометра. Затем калибровать хдрип стоит по одному разу на разных уровнях сахара: пониженном, нормальном, высоком.
Калибровка - это плюс, когда сенсор либры начинает занижать показатели (а такое частенько случается).
Хорошо калиброванный хдрип врать не будет, видны сахара, как они есть.
Примеры совпадения показаний хдрип с глюкопультом Accu-Chek Performa Combo.
ВНЕСЕНИЕ ДОПОЛНИТЕЛЬНЫХ ДАННЫХ и ПРОГНОЗЫ
Имея Бабл, в приложении хдрип можно вводить количество потребляемых углеводов и дозы инсулина. Они отображаются на графике, и приложение строит прогнозы по отработке инсулина и изменению уровня глюкозы.
Кроме того, что с помощью Бабл можно наблюдать непрерывный график в течение суток.
. хдрип отображает статистику за неделю, месяц и 3 месяца:
- графиком,
- диаграммой,
- численными показателями.
Хдрип рассчитывает средний уровень глюкозы крови, показывает процентный данные о сахарах в норме/выше/ниже, прогнозирует гликированный гемоглобин и отображает вариабельность GVI (по ней можно оценить, насколько хорош ваш текущий гликированный гемоглобин).
За полный месяц использования Бабл нам удалось сократить количество гипогликемий (случаев низкого сахара), что очень важно.
3% за ноябрь против 9% за октябрь.
А помогли в этом тревоги, доступные благодаря Бабл.
Одна из важнейших функций удаленного мониторинга!
Вы сами задаёте уровни высоко и низкого сахара, о приближении к которым хотите знать, чтобы принять необходимые меры.
Для тревоги задается значение сахара, время (круглосуточно или в определенные часы), мелодия и уровень её громкости.
Тревога кричит на телефоне до той поры, пока вы её не «стряхнете». Она будит меня ночью, и я иду повышать ребёнку сахар или вводить болюс на коррекцию.
Днём тревоги играть не успевают, вижу прогноз, если сахар движется не туда, и предпринимаю меры.
Тревоги легко отключить на время. Например, я убираю их на время, когда ГТ находится вместе с ребёнком в детском саду.
Бабл может использоваться в чистой воде на глубине до 1 метра в течение 30 минут.
Мы не снимаем его в душе/ванной, посещаем с передатчиком бассейн.
Пока могу выделить 2 момента.
1. Чтобы подзарядить Бабл, его нужно, по-хорошему, отсоединять от Либры. Тогда потеряется сигнал. Один раз прибор начал быстро разряжаться, и я переживала, что он отключится в детском саду. Поэтому ночью пыталась подсунуть шнур. Неудобно. Шнур зарядки короткий, использовала паурбанк.
2. От стикера на коже появилось раздражение. Первый раз на радостях пришлепала Бабл со скотчем прямо к коже. Через 2 недели - красное пятно. Протерла, мазала Бепантеном, быстро прошло. Но больше я так лихо не делала. Теперь подклеиваю на ручку кусочек тейпа, потом уже на него - Бабл на скотче.
Не буду выносить минусом. Но связь теряться может. Всему есть причины. Одно дело, когда ребёнок убежал в садике на другой этаж и не взял с собой телефон в сумочке. И другое, когда сигнал пропал ни с того, ни с сего. Такое было дважды в условиях квартиры. Решалось перезапуском коллектора. Но останься ребёнок с бабушкой, они бы не разобрались, куда нажимать, чтобы я могла на своём телефоне видеть данные.
Краткое резюме по моему восторженному и благодарному отзыву.
+ Постоянный мониторинг и передача данных удаленно.
+ Потеря связи происходит крайне редко.
+ Бесплатное и удобное приложение xDrip+.
+ Сигналы тревоги.
+ Читает данные ещё 12 часов после того, как ридер Либры просит сменить сенсор.
+ Водонепроницаем.
+ Гарантия 1 год.
Цена Бабла не такая уж неподъёмная. Его можно позволить купить. Но вот постоянное использования Freestyle Libre дорогостояще.
Поэтому рекомендую я Бабл в первую очередь тем, кто перешёл на постоянный мониторинг от Abbott. Насколько актуален удаленный мониторинг взрослым диабетикам, не знаю. А для диародителей - это помощь однозначно.
Читайте также: