Bubble io как сделать мобильное приложение
Паша Шишкин из «Карьерного цеха» рассказал о своем кейсе на 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
- Сервис имеет внутри не только визуальный редактор, но и инструменты для создания базы данных, логики (бэкенда) и даже работы со сторонними API.
- Можно запросто получать и отображать данные с других сервисов, авторизовывать пользователей через Facebook/Twitter/Google, посылать данные на другие сервисы и много чего еще.
- Bubble позволяет создавать очень крутые приложения с взаимодействием между несколькими пользователями, например чаты, форумы, приложения для записи на услуги или мероприятия, таск-трекеры, маркетплейсы, CRM и даже дашборды.
Аналоги и альтернативы для Bubble.io
Bubble.io - похожие решения и продукты
Swiftle
Swiftle — cервис по подбору low-code разработчиков и дизайнеров по подписке
Тильда
Tilda - это платформа для создания впечатляющих сайтов для бизнеса и медиа
Amazon Honeycode
Вам нужно управлять своими задачами, проектами и командой. Теперь вы можете создать приложение для достижения своих целей с помощью Amazon Honeycode. Программирование не требуется
Thunkable
Самый быстрый путь от идеи до мобильного приложения без программирования
Glide
Разработка мобильных приложений из Google таблицы за пять минут, бесплатно
Airtable
Airtable — это веб-сервис для организации гибкой базы данных в виде таблицы
Отзывы
Плюсы и минусы продукта
Отзывов пока нет.
Пять сервисов, позволяющих сделать прототип продукта без кода
Представляем подборку платформ, которые позволяют разрабатывать функциональные прототипы продуктов без использования кода (или с минимальным использованием) путем комбинирования различных блоков.
9 инструментов No-code для вашего будущего юникорна
Приложение 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 жалуются на плохую отзывчивость мобильной версии. Конструктор определяет приоритеты только для настольных и веб-интерфейсов. Это ограничение влияет на пользовательский интерфейс конечных страниц, так как вы не можете точно визуализировать мобильную версию.
Вывод
Конструктор предоставляет расширенные функции и обширную библиотеку для облегчения процесса разработки. Однако большинство этих виджетов недоступны в бесплатной версии. Таким образом, вы должны потратиться, чтобы пользоваться всем спектром функций.
Две недели назад мне довелось познакомиться с такой штукой как Bubble.io и я реально немного офигел от того, какие возможности сегодня есть и какого уровня сервисы и приложения можно сделать без кода. Куча плагинов (Stripe, Agora и т.д), базы данных и подключение API дают возможность сделать практически любой MVP за неделю. Можно хоть убийцу зума сделать, например
Собственно, как вы относитесь к тому, что скоро у вас будет чуть меньше работы?
Зачем платить программисту кучу $$$ за MVP, когда его можно собрать самому за 50-100 баксов, купив пару плагинов?
Да нет, дружок-пирожок, там реально жесть, а не функциональность. То, что я на конструкторах типа тильды и редимага видел, даже близко не стоит
это скорее этим фрилансерам которые юзают CMS нужно переживать
Две недели назад мне довелось познакомиться с такой штукой как Bubble.io и я реально немного офигел от того, какие возможности сегодня есть и какого уровня сервисы и приложения можно сделать без кода. Куча плагинов (Stripe, Agora и т.д), базы данных и подключение API дают возможность сделать практически любой MVP за неделю. Можно хоть убийцу зума сделать, например
Собственно, как вы относитесь к тому, что скоро у вас будет чуть меньше работы?
Зачем платить программисту кучу $$$ за MVP, когда его можно собрать самому за 50-100 баксов, купив пару плагинов?
но ведь реально
всякие вп и жумлы могут ого-го чего, но они же не убили веб разработку? возможно в будущем ии убьет верстку - да, в такое могу поверить, но не в всякие бульбы.ио - такое наступит ой как не скоро
всякие вп и жумлы могут ого-го чего
Вп и джумлу все равно натягивать надо. А здесь можно без кода свою CRM систему сделать без шаблонов, с нуля.
Эххх убица програмистав > нажал добавить плагин > сайт завис намертво > ничего не помогает > слайдшоу
так сказать сайт для генерации сайтов, который не умеет отрендерить результаты поиска
Две недели назад мне довелось познакомиться с такой штукой как Bubble.io и я реально немного офигел от того, какие возможности сегодня есть и какого уровня сервисы и приложения можно сделать без кода. Куча плагинов (Stripe, Agora и т.д), базы данных и подключение API дают возможность сделать практически любой MVP за неделю. Можно хоть убийцу зума сделать, например
Собственно, как вы относитесь к тому, что скоро у вас будет чуть меньше работы?
Зачем платить программисту кучу $$$ за MVP, когда его можно собрать самому за 50-100 баксов, купив пару плагинов?
почему уже несколько лет существуют всякие конструкторы сайтов, причем вроде даже не плохие, но постоянно идут заказы мне на разработку именно без использования конструкторов?
причем каждый третий клиент признается что пытался сделать себе сайт на конструкторе и показывает что за треш он там наваял.
потом я понимаю почему они после конструкторов идут к разработчикам.
Вп и джумлу все равно натягивать надо. А здесь можно без кода свою CRM систему сделать без шаблонов, с нуля.
как сделаешь отпишешь
Вп и джумлу все равно натягивать надо. А здесь можно без кода свою CRM систему сделать.
зачем ты придираешься?) ты ж(надеюсь) понял мой посыл
Вп и джумлу все равно натягивать надо. А здесь можно без кода свою CRM систему сделать без шаблонов, с нуля.
на вп есть элементор с кучей плагинов которые решают любую задачу, и без сттрочки кода можно сделать себе и дизайн и сайт.
один фиг делают кривую парашу и бегут к разработчикам.
Уже все сделано за меня) Гугли etutorium, finassesment
Уже все сделано за меня) Гугли etutorium, finassesment
и я реально немного офигел от того, какие возможности сегодня есть и какого уровня сервисы и приложения можно сделать без кода
нус я покликал это и на самом деле не серьезно. вообще если гипотетически представить визуальный конструктор, который в полной мере покроет всевозможные требования, то для этого конструктора нужен будет отдельный специалист. реальность такова, что люди заказывают сайты не только потому, что сами не могут их делать в конструкторах, а потому что они вообще ничего не знают том как делать условные сайты. они не умеют рисовать в фотошопе, не умеют планировать и формулировать собственно как должен выглядеть и что должен делать сайт. по этому есть кучи мемов про макеты олега и бесконечные правки, потому что даже на высоких уровнях бузинесмунства никто ничего не понимает где находится и что происходит.
уже годы есть целые студии которые за копейки клепают сайты в конструкторах, получается очевидно ужасно и часто это тупо развод лохов, потому что клиентам в итоге не дают доступ к сайту и не объясняют что сайт склепан в конструкторе. понимаете, у предпринимателей такая навязчивая идея, создать конструктор сайтов что бы доить лохов.
Не, ну это фэк какой-то получается. Эти штуки реально на бабле сделали, можно погуглить создателей (русскоязычные).
нус я покликал это и на самом деле не серьезно. вообще если гипотетически представить визуальный конструктор, который в полной мере покроет всевозможные требования, то для этого конструктора нужен будет отдельный специалист. реальность такова, что люди заказывают сайты не только потому, что сами не могут их делать в конструкторах, а потому что они вообще ничего не знают том как делать условные сайты. они не умеют рисовать в фотошопе, не умеют планировать и формулировать собственно как должен выглядеть и что должен делать сайт. по этому есть кучи мемов про макеты олега и бесконечные правки, потому что даже на высоких уровнях бузинесмунства никто ничего не понимает где находится и что происходит.
уже годы есть целые студии которые за копейки клепают сайты в конструкторах, получается очевидно ужасно и часто это тупо развод лохов, потому что клиентам в итоге не дают доступ к сайту и не объясняют что сайт склепан в конструкторе. понимаете, у предпринимателей такая навязчивая идея, создать конструктор сайтов что бы доить лохов.
Я отчасти согласен с этим, но это не отменяет того факта, что идти к программистам чтобы сделать MVP это дебильная идея. Бабл не совсем конструктор, там много логики и бэка - можно брать любые данные и натягивать куда угодно. Но с виду да, похож на какой-нибудь webflow.
Разумеется, он не всё может. Но сервис какой-нибудь запилить для тестов - без проблем вообще.
Конструкторы нормальная тема. Начинающие и бедные не могут себе позволить нормальный сайт сделать (а это 2-4кк в среднем), вордпресс насколько я знаю ломается на раз-два.
Читайте также: