зеро кодинг мобильное приложение
На чем собрать мобильное приложение без кода — ТОП-3 конструктора с примерами приложений
Самый популярный вопрос среди начинающих зерокодеров — можно ли собрать мобильное приложение без программирования. Расскажем, с помощью каких инструментов это можно сделать, чем они отличаются и сколько это стоит.
Какими бывают мобильные приложения
Существует три подхода к созданию мобильных приложений:
Инструменты зерокодинга уже могут покрыть большинство задач бизнеса. И вместо того, чтобы изобретать велосипед, можно за несколько дней запустить MVP или проверить гипотезу с минимальными затратами. А если в запасе хотя бы пара недель — то и запилить полноценное приложение. Решения на зерокодинге можно собирать в одиночку — вся инфраструктура предоставляется платформами и не надо дополнительно тратиться на хостинг, администрирование серверов и т.п.
При этом обычная разработка затянется на 3−6 месяцев и съест до миллиона рублей — если работать с фрилансером или скромной региональной студией.
На курсе «Зерокодер мобильных приложений» ты научишься создавать приложения под iOS и Android. Простые — за 1−2 дня, сложные — за 1−2 недели. Курс состоит из 5-и модулей, 30+ уроков, тренировочных задач и Q&A-сессий с лучшими экспертами в Glide и Adalo.
На чем собирают мобильные приложения без кода
Самые мощные и популярные инструменты мобильной разработки без кода — Adalo, Glide и Bubble. С их помощью можно создать и опубликовать мобильное приложение. Они бывают трех типов:
Мобильная версия сайта — сайт в интернете, адаптированный под экраны смартфонов. Это самый «бесправный» тип приложений: всегда нужен интернет, пуши можно включать только в браузере, постоянно на виду элементы навигации браузера.
PWA (Progressive Web Application) — когда мобильная версия сайта устанавливается на смартфон как приложение. Из плюсов — не надо поддерживать две кодовые базы, под iOS и Android, приложение всегда «обновлено» до последней версии, можно работать с некоторыми нативными функциями смартфонов. Например, отправлять пуши, устанавливать ярлык на экран, элементы навигации браузера не мешают (их просто нет). такие приложения умеют создавать и Bubble, и Adalo, и Glide.
Нативные — когда приложение публикуется в официальных сторах. В Adalo уже встроена такая функция, а приложения на Bubble можно обернуть в специальный контейнер и тоже опубликовать в Google Play и App Store. Нативные приложения позволяют работать со всеми функциями телефона: камерой, микрофоном, GPS, контактами, файлами, акселерометром, push-уведомлениями, памятью девайса, адаптивной версткой — всё, как в обычном коде, только без кода.
Glide
Glide — платформа для создания мобильных приложений без кода. Лучше всего функции сервиса описывает девиз «Создавайте приложения из Google Sheet за пять минут, бесплатно». Glide-приложения нельзя загрузить в сторы, но можно опубликовать в интернете как PWA. Платформа отлично подходит для создания простых приложений и MVP — много готовых симпатичных шаблонов, понятные интуитивные настройки.
Adalo
Русскоязычное коммьюнити: https://t.me/adalo_ru
Adalo — nocode-платформа для создания веб- и мобильных приложений, которые можно публиковать в App Store, Google Play или в интернете как PWA. Новая версия раскатывается в сторы прямо из личного кабинета на платформе, публикуется тоже оттуда (но нужен аккаунт в AppStore и Google Play). Adalo позволяет создавать приложения в интуитивно-понятном интерфейсе методом drag’n’drop из готовых или кастомных дизайн-шаблонов. Эта платформа мощнее Glide и на ней можно собирать более сложные приложения.
Bubble
Bubble — одна из самых продвинутых визуальных сред программирования для создания веб-приложений. На нем можно собирать настольные или адаптивные веб-приложения для любого размера экрана.
Bubble позволяет проектировать сложную бизнес-логику — это настоящий комбайн. Приложения на Bubble нельзя выкладывать в сторы напрямую, но есть обходные пути — обернуть их в специальный контейнер и после этого опубликовать в маркетплейсах от Apple и Google.
Экспресс-сравнение платформ
Мобильный зерокодинг и традиционная разработка: стоимость и сроки
Разработка приложения «под ключ» — сложный процесс, в котором участвует целая команда специалистов. Программисты пишут бэкенд и фронтенд, дизайнеры создают «человеческий» UX/UI и вкусную картинку, тестировщики ищут ошибки, проджекты управляют всем процессом, лиды — командами, эккаунты общаются с клиентами. И каждый не просто просиживает штаны, а действительно работает и нужен.
Сколько денег возьмет за разработку веб-студия и сколько времени потратит, зависит от сложности проекта и имиджа компании, но в среднем — от 500 тыс. до 5 млн рублей, а средний срок разработки — 4−6 месяцев (по сведениям с Хабра, DTF и Appinventive). Сложные приложения легко могут стоить дороже 10 млн рублей и пилиться больше года — особенно если поджимают сроки или подрядчик входит в какой-то рейтинг вроде Теглайна. И всё это без учёта поддержки, обновлений, продвижения и возможных проблем с масштабированием и доработками.
Nocode-разработка обходится дешевле. Например, Сергей Горелов в одиночку собрал полнофункциональное приложение для фитнес-клуба за пару недель — такое же приложение обычная студия будет разрабатывать около полугода и возьмёт за работу 700−800 тысяч рублей.
Чтобы быть в курсе новостей зерокодинга, присоединяйтесь к телеграм-каналу «Зерокодер», чату «Я — зекрокодер» и комьюнити инструментов: Glide, Adalo, Bubble.
А Евгений Спорыхин из nocode Hero вместе с WeLovEnocode запилил карьерный трекер с геймификацией на Bubble. Вместе с детализацией техзадания, доработками, дополнительными функциями и пятью итерациями по дизайну (клиент не совсем понимал, какой он хочет видеть визуальную составляющую) это заняло три месяца и обошлось заказчику примерно в 700 тысяч рублей.
Аналогичная работа «в коде» длилась бы гораздо дольше, а заказчик отдал бы не меньше 4 млн рублей. При этом первую полнофункциональную версию запустили уже через 2 недели — всё остальное ушло на доработки дизайна и добавление новых идей клиента.
Да, у мобильных приложений на зерокодинге пока есть некоторые ограничения: например, чтобы сделать массовый сервис с трафиком в десятки миллионов человек, когда критичны скорость работы и премиальный дизайн, придется создавать свое решение, нанимать программистов или отдавать разработку на аутсорс. А вот первые версии такого продукта — особенно MVP — можно собирать и без кода. Приложения на несколько десятков или сотен тысяч пользователей nocode-платформы также выдержат без проблем.
Снижение стоимости мобильных приложений неизбежно привлечет массовую категорию новых клиентов — теперь приложение может себе позволить даже скромный ИП-шник или владелец пары овощных киосков.
Примеры мобильных приложений без кода на Glide
MAKE. Мобильная методичка по макияжу по подписке на Glide
Игорь — профессиональный программист. Как-то раз ему понадобилось выполнить техническую задачу за пару дней — так он вошел в зерокодинг. Сначала автоматизировал на Integromat, потом перешел на Glide. А в пандемию он назерокодил приложение для обучения макияжу MAKE — помогал жене перевести бизнес в онлайн.
Игорь освоил Glide за три дня, еще 4 дня делал структуру приложения. Дольше всего вносил список из 400 продуктов — это заняло 2 недели😂 Приложение интегрировано с ЮKassой, Integromat и GetCourse, можно выбрать свой цветотип, форму лица и глаз, найти инструменты и средства для макияжа, а также получить советы — где их лучше купить, чтобы не попалась подделка.
Когда пользователь открывает приложение, система опознает его: если в Google-таблицах Access не равен Yes и нет отметки trial, то подписка неактивна и выводится экран оплаты. После оплаты подписки в Integromat запускаются две цепочки: первая — для уже зарегистрированных пользователей. Она обновляет запись об оплате в Google-таблице в строке пользователя. Вторая — для новых пользователей. Она создает новую запись в талице.
Цепочка проверки оплаты в Integromat
Если пользователь оплатил подписку с помощью банковской карты, информация о ней сохраняется. За 3 дня до окончания подписки пользователя предупредят о предстоящем списании. После автооплаты система пришлет результат — успешно прошло списание или денег на карте не оказалось. Эта логика собрана на GetCourse.
Настройка автооплаты и цепочки уведомлений в GetCourse
WOM. Airbnb для аренды квартир в Вене
Путешествуя по Вене, digital-стратег Олег Ширяев обнаружил, что арендовать на короткий срок квартиру в центре города практически невозможно. Если и удавалось найти вариант, то квартира была едва пригодна для жилья. Все объекты контролировались риэлторами и разного рода посредниками.
Когда Олег нашел способ арендовать жилье без посредников, к нему пришла идея мобильного приложения.
WOM — это площадка, которая помогает найти и забронировать жилье в центре Вены напрямую у владельца. Если уже пользовались Airbnb, то и в WOM разберетесь. У приложений даже схожие интерфейсы — чтобы пользователи не переучивались и заново не привыкали к новому меню.
Сервис разработан на Glide — платформе мобильной none-code разработки. Через веб-интерфейс разработчик редактирует визуал, а с данными работает в подключенной Google-таблице, которая выполняет роль базы данных. Создатели Glide говорят, что простейшие приложения можно собрать за 7(!) секунд.
Интерфейс Glide
WOM получился полноценной площадкой с каталогом квартир, картой, разделами «Вам может быть интересно» и «Сейчас просматривают». Олегу понадобилась ночь на изучение интерфейса Gilde и 2-3 дня на создание экранов и заполнение базы данных.
Экраны в WOM
WOM хоть и разрабатывалось любителем, но выглядит красиво и современно. Это еще одно достоинство none-code приложений: разработчик имеет дело только с готовыми шаблонами. Поэтому получается профессиональный дизайн без услуг художника. Сейчас актуальная версия на немецком тестируется в Вене.
Проекция. Онлайн-фотошкола с элементами соцсети и админкой
Еще один пример удачного приложения, собранного без кода — обучающая платформа «Проекция». Ее разработал Илья Ткач для сообщества фотографов «Фотодепартамента».
«Проекция» — приложение для учеников одноименной онлайн-фотошколы. В нем ученики делают домашние задания, получают оценки и общаются друг с другом в тематических чатах. Администраторы приложения размещают обучающие материалы и упражнения через панель управления. Можно оформить подписку и получить доступ к закрытым материалам и курсам.
Есть задания в виде тестов (чек-листы) и такие, к которым нужно приложить фото или написать развернутый ответ. Преподаватель видит результаты и выставляет оценки. Учеников, которые сделали задание лучше других, можно хвалить «знаком отличника».
Благодаря приложению и сообществу ученики сильнее погружаются в обучение, а преподавателям проще размещать материалы и общаться с учениками. Каталог учеников и чаты помогают фотографам нарабатывать профессиональные связи.
Примеры мобильных приложений без кода на Adalo
Kangoo Club Kaluga. Приложение для фитнес-клуба с расписанием, записью и бронированием униформы
Сергей — владелец веб-студии и ни разу не писал код. Но в конце прошлого года с помощью Adalo за две недели назерокодил полноценное мобильное приложение для одного необычного фитнес-клуба и загрузил их в сторы.
Особенность клуба в том, что для тренировки нужно арендовать специальные ботинки Kangoo: их ограниченное количество, и может не достаться нужный размер. Поэтому нужно было создавать своё приложение.
Внутри приложения есть онбординг новых пользователей, личный кабинет для оплаты кампаний на самых популярных площадках с бонусами, календарь тренировок и бронирование обуви, запись и отмена записи на занятия, социальные механики, push-уведомления, админка для сотрудников клуба, профиль клиента с информацией об абонементе.
Благодаря приложению и сообществу ученики сильнее погружаются в обучение, а преподавателям проще размещать материалы и общаться с учениками. Каталог учеников и чаты помогают фотографам нарабатывать профессиональные связи.
Приложение Kaluga Kangoo можно скачать в App Store и Google Play.
Пример мобильного приложения без кода на Bubble
Ornum. Мобильное приложение для геймификации обучения и личного развития
Еще год назад Евгений управлял SMM-агентством и не думал, что скоро будет собирать полноценные мобильные приложения. Вместе с WeLoveNoCode он сделал Ornum — приложение для управления карьерой.
Само приложение Евгений собрал в одиночку — 2−3 недели, после этого его упаковали в специальные контейнеры, чтобы загрузить в App Store и Google Play. На сегодняшний день это самое крутое мобильное приложение на Bubble от российских разработчиков, которое мы встречали.
В Ornum реализована сложная и интересная бизнес-логика: большая база данных с 49 скилами и связями между ними, настроена система управления краткосрочными и долгосрочными целями, есть механика ежедневных заданий, а также красивые дашборды и дорожные карты навыков — всё это генерируется автоматически и сделано без кода.
Настройки механик геймификации мобильного приложения в редакторе Bubble
Революция в мобильной разработке
Зерокодинг — отличный способ создать настоящее мобильное приложение, которое по визуалу и функциям не уступает традиционным решениям, но выигрывает в скорости и стоимости.
В мобильной разработке сейчас происходит то же, что и в создании сайтов в 2014−2015 годах. Технологии быстро развиваются и становятся доступными — это даёт хороший запас маржинальности в коммерческих и личных проектах. Gartner прогнозирует, что к 2024 году 65% разработки всех приложений перейдет на no- и low-code — так что прямо сейчас мы наблюдаем революцию в разработке.
Те, кто поверил в новые технологии, уже сейчас зарабатывают на мобильной разработке без кода от 300 тыс. руб. в месяц на 2−3 проектах. Это золотое время — и оно скоро может закончиться. Сейчас один человек может составить конкуренцию студиям мобильной разработки со штатом программистов и дизайнеров: nocode-разработка занимает меньше времени, а себестоимость проекта снижается до 50 раз.
Конечно, собирать серьезные приложения уровня Сбера или Яндекс Go на зерокодинге не стоит, а вот для создания приложений в малом и среднем бизнесе или MVP для стартапов и даже технологических гигантов это отличный подход.
Изучить Adalo и Glide и сделать свое мобильное приложение без кода можно на нашем курсе «Зерокодер мобильных приложений».
Принципы зерокодинга: разработчики без опыта и приложения за несколько часов
Зерокодинг стал трендом в последние несколько лет: из-за пандемии и повсеместной цифровизации в 60% компаний выросли темпы разработки, но нанимать новых специалистов каждому третьему предпринимателю становится все труднее. На фоне этого ожидается активное развитие направлений no-code и low-code. Уже в 70% организаций цифровые продукты создают люди без навыков программирования. А стартапы, предлагающие инструменты для зерокодинга, становятся «единорогами». Что нужно знать о no-code в 2021 году, рассказывает Вадим Михалев, основатель первого в СНГ онлайн-университета зерокодинга Zerocoder.ru.
Читайте «Хайтек» в
Зерокодинг, он же no-code, он же 0-code
Зерокодинг, или no-code — это способ создавать работающие ИТ-продукты без использования кода, за счет визуального интерфейса программирования и готовых платформенных решений. Большинство задач программистов не отличаются уникальностью. Визуальные шаблоны no-code позволяют не писать код для таких задач с нуля, а пользоваться готовым блоком, отталкиваясь от задачи — например, отправить запрос в базу данных.
Самый простой пример зерокодинга — создание сайта-визитки на конструкторах Tilda или Readymag. Если раньше для этого требовались хостинг, домен, дизайнер, верстальщик, фронтенд и бэкенд, то сегодня каждый может потратить немного времени на изучение платформы и собрать лендинг в одиночку. Или поручить эту задачу одному специалисту, если самому разбираться не хочется.
Аналогичные платформы есть и для других задач бизнеса: например, для разработки мобильных и веб-приложений или для автоматизации бизнес-процессов. Как показывает опрос No-Code Census, зерокодинг позволяет создавать ИТ-продукты в пять раз быстрее по сравнению с традиционным программированием. И каждый второй респондент отмечает, что процесс значительно упрощается.
Часто наряду с no-code упоминают и low-code: сочетание готовых инструментов и минимально необходимого написания кода для создания продуктов под более сложные и уникальные задачи. Получается континуум: на одной части спектра максимально простые для освоения инструменты для типовых задач, на другой — чистый код с нуля, посередине — лоу-код решения. И они все сильнее будут вытеснять код: согласно свежему прогнозу Gartner, к 2024 году 80% продуктов будут создаваться за пределами ИТ-команд — с помощью low-code решений и ИИ.
Какие отрасли в первую очередь меняет no-code
Первыми тренд на зерокодинг подхватили ИТ-стартапы, следующие философии Lean Startup. Она подразумевает быстрый запуск продуктов с частым тестированием гипотез. В топе причин неудачи стартапов лидируют невостребованность на рынке и закончившиеся деньги, а значит, тратить миллионы и месяцы на разработку потенциально ненужного продукта нерационально.
И если раньше другого выбора не было, сейчас с созданием прототипа справится и одиночный фаундер. В некоторых случаях — за один день. Готовых платформенных решений хватит для того, чтобы превратить идею в базовую версию продукта и представить его инвесторам, партнерам, потенциальным новым членам команды и целевой аудитории, чтобы протестировать спрос.
Еще одно направление, где зерокодинг сразу полюбили, — управление продуктом. Для продакт-менеджера важно получать обратную связь от клиента с минимально возможными усилиями на первую версию продукта или функциональности. No-code позволяет проверять гипотезы без привлечения ИТ-отдела, а компания в итоге сэкономит ресурсы на уже протестированные нововведения, которые действительно приведут к росту бизнеса.
Но зерокодинг применяют не только в компаниях с ограниченным бюджетом. Наоборот, его все чаще внедряют в корпорациях. Например, Microsoft рассказал, как сотрудники отдела запусков использовали инструмент Microsoft Power Apps, чтобы самостоятельно создать необходимую программу. Всего за 40 дней они провели 250 итераций, испытывая продукт. В итоге получился умный ассистент, который теперь можно масштабировать и продавать вовне. В Microsoft подчеркнули: по такому принципу, «своими для своих», будет создаваться все больше инструментов в компании, лучшие из которых передадут для развития в отдел разработки.
Еще один пример корпоративного сервиса — Google c его Tables. Это конкурент популярной зерокодинговой базы данных Airtable: она позволяет работать над данными с «гражданскими» разработчиками (дизайнерами, менеджерами, продактами) в одной команде в одном файле с мгновенной скоростью обновления информации.
Рынок уже предлагает корпоративные платформы no-code и low-code для крупного бизнеса, которые обеспечивают высокую масштабируемость, производительность и интеграцию с другим корпоративным софтом. Кроме уже упомянутого Microsoft, это решения Salesforce, OutSystems и других компаний. В России корпорации все чаще внедряют у себя решения на базе Directual — лоу-код платформы, созданной выходцами из «Тинькофф». В частности ее используют в МТС и в UFG Wealth Management. За рубежом Directual тоже любят: например, крупнейшая нефтесервисная компания Schlumberger построила на нем свой каталог товаров и услуг, которым легко управлять петрофизикам. Свою no code систему создает СБЕР.
Еще один тренд — enterprization of consumer — когда каждый из нас может стать предпринимателем. Многие в свободное время работают над хобби-проектом. Чтобы свести усилия к минимуму, даже разработчики выбирают для этого no-code: например, чемпион мира по разработке Павел Шишкин, покинув работу директора по продукту в Avito, создал сервис для найма и обучения продакт-менеджеров с нуля с помощью конструктора Bubble.
Люди без опыта в разработке тоже легко создают приложения с no-code. Например, WOM — аналог Airbnb — создал digital-стратег, которому потребовалось быстро проверить, насколько популярным станет приложение для аренды жилья в Вене без посредников. Эта гипотеза не подтвердилась, зато автор сэкономил миллионы рублей, нервы и время.
С чем поможет зерокодинг
Существует уже более 150 различных платформ, с помощью которых можно собрать интернет-магазин, мобильное или веб-приложение, базу данных и многое другое, вплоть до игр.
В качестве CMS (content management system — управления информационным содержимым сайта) в мире в первую очередь выбирают WordPress, который выбирают 57% респондентов опроса No-Code Census. Он был одним из первых зерокодинговых решений в начале 2000-х годов для создания сайтов и до сих пор популярен благодаря понятному интерфейсу. Дальше появились Wix, Squarespace, Webflow.
Как малый, так и крупный бизнес охотно использует сервисы для автоматизации. Один из популярных зерокодинговых инструментов, Integromat, еще называют «клеем для интернета». Он и другие сервисы позволяют постепенно сокращать количество сотрудников и затрат рабочего времени, соединяя сервисы между собой. Например, с помощью российского инструмента Albato, заточенного под работу с локальными сервисами, можно автоматически вызывать «Яндекс.Такси» на нужный адрес, как только покупатель оформит заказ на доставку букета цветов.
Для мобильных приложений популярны Glide и Adalo. В Adalo даже далекий от разработки человек легко соберет кросс-платформенное приложение со сложной логикой, которое можно прямо из сервиса опубликовать в магазины приложений App Store и Google Play. Платформа подходит для тестирования идей будущих сложных приложений и для приложений под МСБ, у которых не ожидается миллионов активных пользователей в день. А Glide за минуты создает PWA (Progressive Web App) — приложения для мобильных устройств из «Google Таблиц» или встроенной базы данных. Это, пожалуй, самый простой способ назерокодить первое мобильное приложение.
Для более сложных задач существует Bubble — один из символов no-code-движения. Это мощный конструктор с полным набором инструментов: здесь есть и бэкенд, и фронтенд, и база данных для полноценных веб-приложений, а если пользоваться специальными контейнерами — то мобильные приложения можно публиковать и в сторы.
Для самых продвинутых задач есть Directual, которым пользуются и крупные компании. Эта платформа относится к сегменту low-code, поэтому совсем без ИТ-знаний в ней разобраться будет сложновато. Зато каркас из шаблонов легко наполнять собственным кодом, что повышает гибкость продукта в разы и в то же время позволяет избежать программирования с нуля.
Хайп или тренд: о будущем зерокодинга
Аналитики Gartner уверены, что зерокодинг станет только актуальнее. Согласно их отчету, решающую роль в компаниях будут играть именно гражданские разработчики — сотрудники без опыта и образования в ИТ. К 2023 году их число превысит количество высококвалифицированных разработчиков в штате. Это позволит бизнесу быстрее реализовывать и масштабировать продуктовые идеи и эффективнее распределять нагрузку в команде.
Да, no-code-инструменты появлялись и раньше. Но только сейчас сложились все условия, чтобы тренд взлетел. На фоне пандемии цифровизация стала залогом выживания в новой реальности, а кадровый голод в ИТ привел к непомерно раздутым зарплатам программистов.
Удаленная работа диктует свои требования: важно, чтобы взаимодействие между членами команд происходило быстро и в режиме реального времени — отсюда популярность облачных сервисов типа Google Docs, Miro и Notion. Благодаря наглядному интерфейсу зерокодинговые инструменты позволяют сотрудникам самостоятельно вносить мелкие правки в продукт, не дожидаясь, пока освободится и отреагирует на запрос команда ИТ-разработки.
Постоянно растущая потребность в цифровых инструментах уже привела к возникновению теневого ИТ: когда, не дождавшись ответа от разработчиков, сотрудники самостоятельно создают и внедряют решения на местах. При этом они используют не одобренные компанией решения и могут по незнанию упускать из вида требования безопасности. Зерокодинговые платформы для бизнеса позволят легализовать этот процесс, выведя его из серой зоны.
Конечно, классические разработчики никуда не денутся. Просто их труд будет использоваться для решения сложных, нетипичных задач. Для создания зерокодинговых инструментов тоже нужны программисты. Некоторые разработчики уже сейчас подрабатывают, выпуская плагины для no-code. В ближайшем будущем зерокодинг станет стандартной первой ступенью в ИТ: уже сейчас обучать детей программированию начинают с него.