Glide конструктор приложений обучение

Обновлено: 28.04.2024

Перевод: Лебедев Даниил

Назовем это приложение - RemoteConfy. Мобильное приложение для организации виртуальных мероприятий для управления информацией о мероприятии, деталями, продажей билетов, часто задаваемыми вопросами и поддержкой клиентов.

Пользователи могут просматривать расписание мероприятий, покупать билеты онлайн и отправлять их организаторам по электронной почте.

Для начала, я перечисляю части, которые хочу построить:

• Обзор информации и деталей о событиях

• Тип билета, цена и оплата

• Состав спикеров, фото и биография профиля

• Расписание мероприятий, время и тема сессии

• Список часто задаваемых вопросов

• Связаться со службой поддержки

Перейдите на Glide и создайте бесплатный аккаунт. Затем перейдите на Google Sheet и создайте новый файл " виртуальная база данных событий ". После того, как вы войдете в систему и аутентифицируете оба аккаунта:

• Создайте новое приложение на Glide из Google Sheet.

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

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

Если вы не хотите начинать с нуля, вы можете скопировать мою электронную таблицу.

Создавайте новые листы в том же файле. Каждый лист содержит базу данных (в скобках), необходимую для приложения событий:

• Описание (показанное изображение, название события, описание, ссылки).

• Докладчик (название, компания, фото, биография, тема заседания)

• Партнер (название компании, логотип)

• Расписание (время заседания, тема, имя выступающего)

• Билеты (тип билета, цена, подробности, касса)

• Введите FAQ (полное имя пользователя, электронная почта и вопрос)

Нам нужно создать 4 отдельные страницы приложения: Описание, Расписание, Докладчик и Часто задаваемые вопросы. Каждая страница будет содержать ссылки на соответствующие листы и данные, которые мы создали на Шаге 3.

Убедитесь, что вы обновили базу данных " Перезагрузите лист " в Glide. Это заново синхронизирует вывод Glide с данными электронной таблицы, которые вы обновили.

• Перейдите в " Tabs " на левой боковой панели в "Glide".

• Добавить новую вкладку (или переименовать), т.е. "About".

• Укажите данные "Source" на листе "About".

Повторите вышеописанные шаги для других вкладок (например, Расписание, Докладчик и FAQ). Вам необходимо убедиться, что каждый "Tab" указывает на нужный источник данных в электронной таблице. Например:

Давайте построим страницу "Описание(About)". Вы можете добавить изображение обложки, заголовок события, описание и кнопки. Начните с нажатия кнопки "Layout" на левой боковой панели в окне Glide. Стиль макета экрана можно задать в режиме "Details":

Например: Изображение, заголовок, основной текст, кнопка, разделитель, заголовок, богатый текст (и другие элементы, которые вы считаете подходящими).

Каждый компонент представляет собой конструкторский блок, связанный с данными из листа "About".

Форматируем название и описание главного события

Добавьте компонент " Title " из " + ".

Указать источник данных на колонку листа ("event_title_title" "event_title_sub").

Продолжайте на странице "About". Теперь мы хотим создать кнопку покупки билетов, которая будет ссылаться на различные заказы билетов (General vs. Expert Admission).

• Выбирает 2 типа билетов (Выбор просмотра " Билеты)

• Щелкните по 1-му варианту билета (Общий вид входа)

• Видит кнопку "Купить билет" (общий вид входа)

• Заходит на внешнюю платежную страницу (касса билетов)

• Добавить компонент "Кнопка" на странице "Описание".

• Отредактируйте кнопку "Features(Особенности)", выберите "Action(Действие)" ("Link to screen(Ссылка на экран)").

• Укажите источник данных на лист ("Tickets(Билеты)").

• Стиль оформления экрана с помощью режима "List(Список)".

• Выводите все источники данных, связанные с информацией о билетах (тип, цена, подробности).

Соедините кнопку покупки билета, используя Gumroad в качестве кассы. Убедитесь, что вы установили Gumroad с билетами общего и специального назначения.

• В просмотре приложения "General Admission(Общий допуск)" добавьте компонент "Button(Кнопка)" из "+".

• Отредактируйте кнопку "Feautures(Особенности)", выберите "Action(Действие)" ("Opem link(Открыть ссылку)").

• Наведите курсор "Target(Цель)" на "Tickets checkout(Выдача билетов)", который содержит ссылку Gumroad.

В качестве альтернативы можно также использовать встроенную кассу Glide, Stripe или PayPal.

На странице расписания будут перечислены программа и темы мероприятий. Для построения представления расписания укажите источник данных на лист "Schedule(Расписание)". Вот как настроить мобильный пользовательский интерфейс на Glide:

• Стиль макета экрана с помощью режима "List(Список)".

• Вытащите данные, которые Вы хотите отобразить (тема, время).

• Компонент "Title(Название)", включающий название темы, время и обложку изображения.

• Компонент "Rich text(Богатый текст)" и название "Speaker(Спикера)".

• Компонент "List Relation" для связи существующей базы данных по спикерам (это не сработает, пока мы не сделаем следующий шаг).

Тема каждого заседания соответствует докладчику, который представляет эту тему. Вы можете создать базу данных докладчиков (имя, биография, тема, заголовок) и повторно использовать эту базу данных в базе данных Расписания.

• Перейдите к иконке "Data(Данные)" на левой боковой панели в меню Glide.

• Перейдите на вкладку "Schedule(Расписание)" в базе данных.

• Добавьте колонку+ из верхнего правого угла, отредактируйте настройки ниже.

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

Пользователи могут задать дополнительные вопросы, не включенные в FAQ. Поэтому для этого можно создать контактную форму.

• Добавить элемент "Form Button(Кнопка заполнения формы)" на странице FAQ.

• Отредактируйте кнопку "Feautures(Особенности)", выберите "Action(Действие)" ("Show Form(Показать форму)").

• Наведите кнопку формы на источник данных "Ввод: ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ"

• Создайте 3 поля формы (полное имя, электронная почта и вопрос).

Каждый раз, когда пользователь задает свой вопрос, входные данные автоматически обновляются в этой электронной таблице " Ввод: ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ". Например:

Чтобы создавать мобильные приложения, не нужно проводить часы за учебниками по программированию и жечь глаза в Notepad. По крайней мере, в большинстве случаев. Собрать MVP нового приложения или, например, корпоративный таск−трекер можно быстро и просто с помощью no-code-инструментов. Некоторые из них, такие, как Glide, делают это за несколько минут.

Общие сведения

Glide — платформа для быстрой разработки MVP и прогрессивных веб-приложений на основе Гугл таблиц. Прогрессивное веб-приложение (PWA) работает через браузер, но его можно установить на домашний экран смартфона. Интерфейс PWA доступен работает даже без интернета, но для доступа к данным все-таки понадобится сеть.

«Обычная» мобильная страница (слева) и PWA (справа) на iOS без включенной сети

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

Платформу в 2018 году основали Дэвид Сигел и Джейсон Смит из Microsoft. Стартап собрал $3,8 млн в трех раундах инвестиций. Сайт платформы ежемесячно посещает примерно 300 тыс. человек.

Что умеет Glide

Изначально Glide собирает приложения на основе Google−таблиц, но недавно появилась возможность использовать внутреннюю БД Glide, что еще больше упростило разработку. Проект можно создать с нуля или использовать шаблоны из библиотеки Glide. Их более 300 и почти половина — бесплатные. Есть готовые решения для образования, финансов, здоровья, путешествий и других сфер. Это уже наполовину готовые приложения, которые после некоторых доработок можно применять в бизнесе.

Создать проект в Glide можно за четыре шага.

Шаг 1. Сначала заполняем таблицу данными. Сделать это можно в Google или непосредственно в Glide. Формат простой: первая строка — название свойства, а все, что ниже — данные. Редактируем данные и создаем новые таблицы там же. Внешне напоминает MySQL или аналогичную СУБД.

Чтобы изменения вступили в силу, таблицу нужно обновить вручную. Обратите внимание: лист Google-таблицы соответствует таблице в Glide, а вся таблица Google — это база данных приложения.

Шаг 2. Когда таблицы сформированы и БД подключена, создаем вкладки в разделе TABS. Для каждой вкладки определяем название, иконку, источник данных (один из листов в таблице) и стиль. Приложение отображается в виде эмуляции телефонного экрана: iPhone или смартфона на Android. Между вкладками можно переключаться прямо там.

Шаг 3. Для каждой вкладки настраиваем стиль. Он определяет не только внешний вид, но и функционал. Всего есть восемь стилей:

список
плитка
календарь
карта
чек-лист
карточки
свайп
детальная настройка.

Самый интересный — с детальной настройкой. В нем можно наполнять экран всеми необходимыми для мобильного приложения компонентами: кнопками, текстовыми полями, картами, изображениями и т.д. Чтобы добавить элемент, нужно на него кликнуть — он появится на экране и вкладке SCREEN. Компоненты в SCREEN выводятся списком. В той же последовательности они отображаются на экране приложения. Компоненты нельзя передвигать или вручную менять их размеры.

Остальные стили настраиваются по-минимуму. Например, в режиме плитки можно поменять стиль текста, количество отображаемых объектов и источник данных для текстовых элементов.

Шаг 4. Заключительный этап — публикация приложения. В бесплатной версии проект хостится на домене glideapp.io с QR-кодом для скачивания. Обратите внимание: в бесплатном тарифе нет десктопной или планшетной версии — приложение отображается в мобильном экране. Такой вариант подойдет для знакомства с платформой и MVP. Чтобы привязать проект к своему домену, нужно купить один из платных тарифов.

Тарифы в Glide

Тарифная сетка в Glide — гибкая и демократичная. Цена популярного плана Pro App составляет всего 32$. При этом он позволяет размещать проект на пользовательском домене, подключать Google Analytics и Zapier.

Если нужно приложение с повышенной безопасностью, Glide предлагает план Private Pro App. Он включает все опции Pro App, а также позволяет делить полномочия разработчиков по ролям и создавать «белый список» регистрации. Это значит, что получить доступ к вашему приложению смогут только пользователи, чьи email−адреса вы пометили как разрешенные. По умолчанию доступно 20 пользователей, но можно купить дополнительных по 2$.

В таблице собраны основные опции тарифов. С полной информацией можно познакомиться на странице Glide.

Есть еще тариф Enterprise — это гибкий и настраиваемый план для тех, кому нужно больше функций. Помимо опций из Private он предоставляет приоритетную техническую поддержку и выделенного менеджера. В теории, если у вас возникнет ошибка во время обновления данных, служба поддержки бросит другие дела и займется проблемой. Минимальный ценник — 999$. Точная стоимость и прочие условия обсуждаются персонально с компанией.

Ограничения Glide

В Glide нельзя создавать нативные приложения. Это значит, что собрать проект под конкретную ОС и залить его в сторы не получится. Готовый результат размещают либо на домене Glide, либо на пользовательском. Можно делиться ссылкой на страницу и переходить по QR-коду. Кстати, с 2019 года Play Market принимает PWA. А вот, чтобы разместить веб−приложение в App Store, нужна нативная обертка. Например, Cordova.

В Glide нельзя создавать игры. Инструмент решает бизнес-задачи, но функционал для геймдева не предусмотрен.

В отличие от конкурентов в Glide нет drag and drop — компоненты экрана выстраиваются в список, и их нельзя передвигать вручную. Хотя это не столько ограничение, сколько особенность разработки. Строгий порядок необходим, чтобы создавать приложения было легко и быстро.

Glide и программирование

Часто, чтобы отстроится от конкурентов или упростить взаимодействие с клиентами, компании нужно приложение. Как правило, речь идет о стандартных механиках: сделать заказ, найти место на карте, собрать данные о клиентах и т.д. Но даже за такую простую работу студия мобильной разработки попросит круглую сумму. Минимальная цена приложения для одной из ОС — 300 000 рублей. Добавим время, которого всегда не хватает. На согласование ТЗ уйдет минимум 1−2 недели, на разработку — еще минимум 3−4 недели. И это не считая правок и долгих согласований конечного продукта.

Такие платформы, как Glide — настоящая палочка−выручалочка для малого бизнеса. Чтобы собрать работоспособный сервис на основе ваших данных, достаточно 1−2 недели. Профессиональный зерокодер справится с задачей за несколько дней. При этом компания выигрывает в деньгах: заказ у зерокодера обходится минимум в 3−4 раза дешевле, чем у фрилансера-программиста.

Сравнение Glide с конкурентами

У Glide много конкурентов. Самые заметные из них — Adalo, Bubble и отечественный Directual. В таблице сравнили платформы по опциям и скорости обучения.

Главное достоинство Glide — необычайно высокая скорость разработки. Это ракета среди платформ зерокодинга. Чтобы собрать стандартный продукт, достаточно подключить БД и выбрать шаблон, в то время как на других платформах, чтобы собрать что-то стоящее, придется поработать руками. Glide отлично подходит для знакомства с мобильным зерокодингом. Научиться в нем работать куда проще чем, например, в Bubble и даже Adalo.

Сообщество и сертификация экспертов

В Glide есть целое комьюнити разработчиков с общим чатом и экспертами. Эксперты — это люди, которые хорошо знают платформу и разработали в ней уже не один проект. Лучшие становятся сертифицированными экспертами. С любым из них можно созвониться и обсудить стратегию создания приложения или договориться о сопровождении проекта. Некоторые берут за звонок до 20$.

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

Примеры приложений на Glide

MAKE. Мобильная методичка по макияжу по подписке на Glide

Время на разработку: 2 недели (большая часть — наполнение базы данных)

Затраты: 32$ (базовый тариф в Glide).

Как-то раз профессиональный программист Игорь помогал жене перевести бизнес в онлайн. Сначала автоматизировал на Integromat, потом перешел на Glide. А в пандемию за 3 недели назерокодил приложение для обучения макияжу MAKE.

Приложение интегрировано с ЮKassой, Integromat и GetCourse, можно выбрать свой цветотип, форму лица и глаз, найти инструменты и средства для макияжа, а также получить советы — где их лучше купить, чтобы не попалась подделка.

Если пользователь оплатил подписку с помощью банковской карты, информация о ней сохраняется. За 3 дня до окончания подписки пользователя предупредят о предстоящем списании. После автооплаты система пришлет результат — успешно прошло списание или денег на карте не оказалось. Эта логика собрана на GetCourse.

Проекция. Онлайн-фотошкола с элементами соцсети и админкой

Сколько времени заняло: 3 недели

Сколько денег потратили: 32$ по базовому тарифу.

«Проекция» — приложение для учеников одноименной онлайн-фотошколы. В нем ученики делают домашние задания, получают оценки и общаются друг с другом в тематических чатах. Администраторы приложения размещают обучающие материалы и упражнения через панель управления. Можно оформить подписку и получить доступ к закрытым материалам и курсам.

Есть задания в виде тестов (чек-листы) и такие, к которым нужно приложить фото или написать развернутый ответ. Преподаватель видит результаты и выставляет оценки. Учеников, которые сделали задание лучше других, можно хвалить «знаком отличника».

Благодаря приложению и сообществу ученики сильнее погружаются в обучение, а преподавателям проще размещать материалы и общаться с учениками. Каталог учеников и чаты помогают фотографам нарабатывать профессиональные связи.

WOM. Аналог Airbnb для поиска недвижимости в Вене

Время на разработку: 70 часов

Потраченные деньги: около 32$ (базовый тариф в Glide)

Путешествуя по Вене, digital-стратег Олег Ширяев обнаружил, что арендовать на короткий срок квартиру в центре города практически невозможно. Если и удавалось найти вариант, то квартира была едва пригодна для жилья. Все объекты контролировались риэлторами и разного рода посредниками.

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

WOM — это площадка, которая помогает найти и забронировать жилье в центре Вены напрямую у владельца. Если уже пользовались Airbnb, то и в WOM разберетесь. У приложений даже схожие интерфейсы — чтобы пользователи не переучивались и заново не привыкали к новому меню.

WOM получился полноценным приложением с каталогом квартир, картой, разделами «Вам может быть интересно» и «Сейчас просматривают». Олегу понадобилась ночь на изучение интерфейса Gilde и 2−3 дня на создание экранов и заполнение базы данных.

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

Где поучиться и что почитать

Хотя Glide прост в освоении, придется потратить время, чтобы профессионально овладеть платформой. Можно разбираться методом тыка: собрать с нуля свое приложение или простой клон популярного сервиса. Если знакомы с основами UX/UI и программирования, то уже через 2−3 дня сможете собирать серьезные приложения.

Полноценный курс на русском есть у нас в университете зерокодинга — «Зерокодер мобильных приложений». Что изучаем помимо Glide:

работа с Adalo,
основы UX/UI,
проектирование приложений и баз данных,
управление проектами,
заработок и поиск клиентов.

Обучение длится 2 месяца и стоит от 42 до 150 тыс. рублей в зависимости от выбранного тарифа. На выходе можно конкурировать со студиями и зарабатывать 200−300 тыс. рублей в месяц.

Интересные и подробные туториалы есть на Learn to Glide. В почти 60 обучающих видео эксперты рассказывают о базовых вещах, работе с данными, интеграциях и других инструментах для создания полноценного приложения. Все туториалы — на английском языке, но подача простая и не требует технических знаний.

Glide — лучшее решение, если на создание приложения нет ни времени, ни денег. Малый бизнес все чаще обращаются к услугам профессиональных зерокодеров, потому что выбирает эффективность и скорость. Конечно, для сложных проектов типа Яндекс.Go или Тинькоф Glide не подойдет, но для MVP или приложений с базовыми механиками — самое то.

Технический консультант: Сергей Горелов, эксперт по Glide и Adalo.

Изучить платформу можно на нашем курсе «Зерокодер мобильных приложений» — в первом на территории СНГ университете ZEROCODER. Вместо долгих поисков информации на англоязычных форумах можно за 2-3 недели освоить платформу без опыта в программировании и зарабатывать круглые суммы.

Игорь шесть лет работал программистом, пока не столкнулся с проблемой, которую надо было решить за пару дней. Так он познакомился с зерокодингом. Сначала использовал Integromat, а потом перешел на более тяжелую зависимость — Glide. Он рассказал, как назерокодил приложение для обучения макияжу MAKE.

Почему именно макияж?

Моя жена занимается макияжем, и в пандемию ей пришлось полностью переводить бизнес в онлайн. Сначала мы запустили курсы — и к нам пришло 2000 активных пользователей. Но почти сразу стало понятно — надо расширяться. Тогда я помог ей выпустить онлайн-тетрадь по макияжу. За 4 дня ее скачали и оплатили 500 человек, а мы задумались над созданием своего приложения.

Хотел, чтобы приложение решало ту же проблему, что и рабочая тетрадь. То есть помогать в выборе косметики и аксессуаров для определенного типа лица и советовать, где все это заказать, чтобы не купить подделку. Эти задачи я быстро решил с помощью MVP на Glide.

Что под капотом

Первый экран — авторизация, потом сразу открывается экран оплаты. Приложение доступно только по подписке: 399 руб/мес, или 1990 руб/год. Оплатить можно через ЮКаssу или с помощью банковской карты.

Цепочка действий в Integromat

После оплаты открывается встроенный в приложение лендинг с GetCourse. Почему выбрал именно его:

там уже собрана пользовательская база;
все материалы приложения сверстаны на этой платформе;
настроена работа с Юкаssа;
можно подключить автоплатежи.

Про автоплатеж

У процесса оплаты подписки есть нюанс: тайм-аут между самим платежом, и моментом когда обновится Google-таблица, из которой берет информацию Glide. Чтобы это решить, я добавил мгновенное подключение триального периода после оплаты. Теперь пользователю не нужно ждать — ему сразу открывается полный доступ, даже если платежная информация еще не поступила в Glide.

Пользовательский интерфейс

Кроме советов, как сделать макияж, приложение предлагает средства и инструменты, которые помогают правильно его нанести. В Glide работает поиск — и можно найти любой бренд среди 400 позиций.

Сколько потратил на разработку

Я 3 часа смотрел уроки по Glide, а потом за 4 вечера продумал структуру и основной функционал приложения. Дольше всего вносил 400 продуктов в систему (средства для макияжа, аксессуары и информация о них) — просидел над этой задачей 2 недели :)

Сейчас хочу проверить гипотезу — есть ли job story, которые можно решить этим приложением и какую еще ценность может дать пользователям MAKE. Когда заработаю достаточно, буду расширять команду и сделаю стартап в сфере макияжа по сборке make up-приложений, для загрузки в официальные сторы.

Зерокодинг позволяет решить множество технических задач всего за пару часов. Поэтому всем специалистам, которые связаны с тестированием гипотез (программистам, стартаперам, продактам, и тем, кто хочет ими стать) рекомендую обратить внимание на этот тренд.

Смотреть кейс на видео

Изучить платформу можно на нашем курсе «Зерокодер мобильных приложений» — в первом на территории СНГ университете ZEROCODER. Вместо долгих поисков информации на англоязычных форумах можно за 2-3 недели освоить платформу без опыта в программировании и зарабатывать круглые суммы.

Самый популярный вопрос среди начинающих зерокодеров — можно ли собрать мобильное приложение без программирования. Расскажем, с помощью каких инструментов это можно сделать, чем они отличаются и сколько это стоит.

Какими бывают мобильные приложения

Существует три подхода к созданию мобильных приложений:

Традиционный. Предполагают написание кода, создание макета, оптимизацию, команду и другие этапы.
Зерокодинг. Не требует знания языков программирования. Это похоже на использование Тильды (это тоже, кстати, инструмент зерокодеров) для создания сайтов: не надо знать CSS, HTML, JS — просто расставляешь блоки с контентом, настраиваешь анимацию и получаешь отлчиный сайт.
Low-code — это что-то среднее между зерокодингом и программированием: писать код все-таки приходится, но немного.

Инструменты зерокодинга уже могут покрыть большинство задач бизнеса. И вместо того, чтобы изобретать велосипед, можно за несколько дней запустить 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

по макияжу по подписке. аренды жилья в Вене. фотошколы. наставников в Digital.

Glide — платформа для создания мобильных приложений без кода. Лучше всего функции сервиса описывает девиз «Создавайте приложения из Google Sheet за пять минут, бесплатно». Glide-приложения нельзя загрузить в сторы, но можно опубликовать в интернете как PWA. Платформа отлично подходит для создания простых приложений и MVP — много готовых симпатичных шаблонов, понятные интуитивные настройки.

На бесплатном тарифе есть ограничение по объему данных, 10% комиссия со всех платежей и лого Glide, а платные стартуют от $12 в месяц.

Adalo

Индийский headhunter для педагогов

Adalo — nocode-платформа для создания веб- и мобильных приложений, которые можно публиковать в App Store, Google Play или в интернете как PWA. Новая версия раскатывается в сторы прямо из личного кабинета на платформе, публикуется тоже оттуда (но нужен аккаунт в AppStore и Google Play). Adalo позволяет создавать приложения в интуитивно-понятном интерфейсе методом drag’n’drop из готовых или кастомных дизайн-шаблонов. Эта платформа мощнее Glide и на ней можно собирать более сложные приложения.

На бесплатном тарифе нет ограничений по количеству приложений, а вот количество данных фиксировано — плюс придется «потерпеть» лого платформы. Платные тарифы стартуют от $50 в месяц и дают возможность публиковаться в сторах.

Bubble

для геймификации карьеры мобильных сайтов для рестораторов

Bubble — одна из самых продвинутых визуальных сред программирования для создания веб-приложений. На нем можно собирать настольные или адаптивные веб-приложения для любого размера экрана.

Bubble позволяет проектировать сложную бизнес-логику — это настоящий комбайн. Приложения на Bubble нельзя выкладывать в сторы напрямую, но есть обходные пути — обернуть их в специальный контейнер и после этого опубликовать в маркетплейсах от Apple и Google.

На бесплатном тарифе тоже есть лого платформы, нельзя привязать приложение к своему домену, количество объектов в базе данных ограничено 200 и закрыт доступ к API. Платные тарифы начинаются от $25 в месяц.

Экспресс-сравнение платформ

Мобильный зерокодинг и традиционная разработка: стоимость и сроки

Разработка приложения «под ключ» — сложный процесс, в котором участвует целая команда специалистов. Программисты пишут бэкенд и фронтенд, дизайнеры создают «человеческий» UX/UI и вкусную картинку, тестировщики ищут ошибки, проджекты управляют всем процессом, лиды — командами, эккаунты общаются с клиентами. И каждый не просто просиживает штаны, а действительно работает и нужен.

Сколько денег возьмет за разработку веб-студия и сколько времени потратит, зависит от сложности проекта и имиджа компании, но в среднем — от 500 тыс. до 5 млн рублей, а средний срок разработки — 4−6 месяцев (по сведениям с Хабра, DTF и Appinventive). Сложные приложения легко могут стоить дороже 10 млн рублей и пилиться больше года — особенно если поджимают сроки или подрядчик входит в какой-то рейтинг вроде Теглайна. И всё это без учёта поддержки, обновлений, продвижения и возможных проблем с масштабированием и доработками.

Nocode-разработка обходится дешевле. Например, Сергей Горелов в одиночку собрал полнофункциональное приложение для фитнес-клуба за пару недель — такое же приложение обычная студия будет разрабатывать около полугода и возьмёт за работу 700−800 тысяч рублей.

А Евгений Спорыхин из nocode Hero вместе с WeLovEnocode запилил карьерный трекер с геймификацией на Bubble. Вместе с детализацией техзадания, доработками, дополнительными функциями и пятью итерациями по дизайну (клиент не совсем понимал, какой он хочет видеть визуальную составляющую) это заняло три месяца и обошлось заказчику примерно в 700 тысяч рублей.

Аналогичная работа «в коде» длилась бы гораздо дольше, а заказчик отдал бы не меньше 4 млн рублей. При этом первую полнофункциональную версию запустили уже через 2 недели — всё остальное ушло на доработки дизайна и добавление новых идей клиента.

Да, у мобильных приложений на зерокодинге пока есть некоторые ограничения: например, чтобы сделать массовый сервис с трафиком в десятки миллионов человек, когда критичны скорость работы и премиальный дизайн, придется создавать свое решение, нанимать программистов или отдавать разработку на аутсорс. А вот первые версии такого продукта — особенно MVP — можно собирать и без кода. Приложения на несколько десятков или сотен тысяч пользователей nocode-платформы также выдержат без проблем.

Снижение стоимости мобильных приложений неизбежно привлечет массовую категорию новых клиентов — теперь приложение может себе позволить даже скромный ИП-шник или владелец пары овощных киосков.

Примеры мобильных приложений без кода на Glide

MAKE. Мобильная методичка по макияжу по подписке на Glide

Платформа: Glide
Время на разработку: 2 недели (большая часть — наполнение базы данных)
Затраты: 12$ (базовый тариф в Glide)

Игорь — профессиональный программист. Как-то раз ему понадобилось выполнить техническую задачу за пару дней — так он вошел в зерокодинг. Сначала автоматизировал на Integromat, потом перешел на Glide. А в пандемию он назерокодил приложение для обучения макияжу MAKE — помогал жене перевести бизнес в онлайн.

Игорь освоил Glide за три дня, еще 4 дня делал структуру приложения. Дольше всего вносил список из 400 продуктов — это заняло 2 недели😂 Приложение интегрировано с ЮKassой, Integromat и GetCourse, можно выбрать свой цветотип, форму лица и глаз, найти инструменты и средства для макияжа, а также получить советы — где их лучше купить, чтобы не попалась подделка.

Цепочка проверки оплаты в Integromat

Настройка автооплаты и цепочки уведомлений в GetCourse

WOM. Airbnb для аренды квартир в Вене

Платформа: Glide
Время на разработку: 70 часов
Затраты: 12$ (базовый тариф в Glide)

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

Сервис разработан на Glide — платформе мобильной none-code разработки. Через веб-интерфейс разработчик редактирует визуал, а с данными работает в подключенной Google-таблице, которая выполняет роль базы данных. Создатели Glide говорят, что простейшие приложения можно собрать за 7(!) секунд.

Интерфейс Glide

WOM получился полноценной площадкой с каталогом квартир, картой, разделами «Вам может быть интересно» и «Сейчас просматривают». Олегу понадобилась ночь на изучение интерфейса Gilde и 2-3 дня на создание экранов и заполнение базы данных.

Экраны в WOM

WOM хоть и разрабатывалось любителем, но выглядит красиво и современно. Это еще одно достоинство none-code приложений: разработчик имеет дело только с готовыми шаблонами. Поэтому получается профессиональный дизайн без услуг художника. Сейчас актуальная версия на немецком тестируется в Вене.

Проекция. Онлайн-фотошкола с элементами соцсети и админкой

Платформа: Glide
Время на разработку: 3 недели
Затраты: 12$ по базовому тарифу

Еще один пример удачного приложения, собранного без кода — обучающая платформа «Проекция». Ее разработал Илья Ткач для сообщества фотографов «Фотодепартамента».

Примеры мобильных приложений без кода на Adalo

Kangoo Club Kaluga. Приложение для фитнес-клуба с расписанием, записью и бронированием униформы

Платформа: Adalo
Время на разработку: 2 недели
Затраты: 12$ по базовому тарифу

Сергей — владелец веб-студии и ни разу не писал код. Но в конце прошлого года с помощью Adalo за две недели назерокодил полноценное мобильное приложение для одного необычного фитнес-клуба и загрузил их в сторы.

Особенность клуба в том, что для тренировки нужно арендовать специальные ботинки Kangoo: их ограниченное количество, и может не достаться нужный размер. Поэтому нужно было создавать своё приложение.

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

Приложение Kaluga Kangoo можно скачать в App Store и Google Play.

Пример мобильного приложения без кода на Bubble

Ornum. Мобильное приложение для геймификации обучения и личного развития

Платформа: Bubble
Время на разработку: 3 недели
Затраты: бесплатный тариф Bubble

Еще год назад Евгений управлял 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 и сделать свое мобильное приложение без кода можно на нашем курсе «Зерокодер мобильных приложений».

После оплаты открывается встроенный в приложение лендинг с GetCourse. Почему выбрал именно его:

там уже собрана пользовательская база;
все материалы приложения сверстаны на этой платформе;
настроена работа с Юкаssа;
можно подключить автоплатежи.

Glide — это онлайн-конструктор мобильных приложений из гугл-таблиц, не требующий навыков программирования. Его девиз — собери мобильное приложение на гугл-таблицах за 5 минут. И это не преувеличение. Пообщаться с Glide-разработчиками и больше узнать о платформе можно в русскоязычном коммьюнити. Игорь уже там.

Читайте также: