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

Adalo читается как «адало». Это программа для разработки мобильных приложений без написания кода. Это одна из современных флагманских ноукод-платформ. Она достаточно простая в освоении, но функции её весьма широки — и приложения, собранные в Adalo, можно загружать в сторы мобильных приложений. Рассказываем о функциях, возможностях Adalo, показываем устройство интерфейса и штуки, которые можно собрать на Adalo.

Что такое Adalo

Adalo — это программа для создания мобильных приложений типа progressive web application, PWA (что такое PWA читайте тут) и нативных приложений. Платформу в 2018 году основали Дэвид Адкин, Бэн Хайфеле (основательница нашего университета Анна Радзиевская взяла интервью у Дэвида, его можно посмотреть тут).

Про саму компанию стоит рассказать отдельно.

Adalo — производное от имени Ада Лавлейс (Ada Lovelace), жила в 1815-1852 годах. Это дочь поэта Байрона, который хотел сына и от дочки фактически отказался. Она росла с матерью, и последняя, чтобы дочь не связалась с поэзией, отдала её в математику. Ада виртуозно осваивала точные науки. И однажды изобретатель Чарльз Уинстон предложил ей перевести записи итальянского инженера Луиджи Менабреа.

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

И поэтому Ада Лавлейс признана первым программистом в истории человечества. В её честь и названа компания — это дань уважения первопроходцам и фанатам компьютерных технологий.

Adalo много внимания отдаёт развитию компании, как прогрессивного и объёмного явления — поэтому декларирует следование пяти принципам:

Расширять возможности и взаимодействовать с сообществом разработчиков.
Говорить правду и действовать честно.
Поощрять и отмечать отличия.
Постоянно учиться.
Всегда решать проблемы.

Начало работы в Adalo

Adalo — облачная no-code платформа, так что работа с ней разворачивается в браузере. Для старта нужен аккаунт — чтобы его создать, надо указать имя, адрес почты, придумать пароль. После этого можно начинать конструировать.

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

Откроется рабочая область с экранами. Это страницы будущего приложения. Страницы сделаны в форме экранов, они имитируют размеры и формат мобильного экрана. При выборе темплейта откроется набор экранов, эдакое приложение-полуфабрикат — предсобранные и связанные между собой экраны будущего приложения. Каждый экран имеет название (собственно, добавить новый экран без названия и не получится).

Главная фишка Adalo, которая даёт программе много очков преимущества — визуализация всего процесса разработки: от выбора и настройки компонентов до визуального выстраивания логики приложения. При работе в Adalo можно не только выбирать, видеть и настраивать элементы — но, что намного важнее, всегда иметь перед глазами логику его работы, или воркфлоу приложения (что такое воркфлоу читайте тут).

Интерфейс Adalo — главные разделы для работы

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

Под плюсом в круге происходит добавление компонентов и экранов
Под иконкой палитры (Branding) — настройка дизайна: цвета и шрифты.
Под иконками квадратов (Screens) — перечень экранов, которые есть в приложении.
Под иконкой таблицы (Database) — база данных.
Это четыре главных раздела, в которых строится работа. Далее четыре раздела: шестерёнка — настройки (Settings), двойные галочки — публикация приложения (Publish), значок графика — статистика (Analytics), последний раздел — история версий.

Верхняя панель состоит из четырёх главных частей.

В центре под выпадающей стрелочкой открывается список приложений, которые есть у разработчика.
Справа — кнопка предпросмотра (Preview), кнопка поделиться приложением (Share), настройка аккаунта.

Экраны, компоненты, действия — главные понятия Adalo

Перейдём к самому интересному — к тем функциям и возможности Adalo, которые и делают из него мощный ноукод-инструмент. Для этого вернёмся в кнопку с плюсом в кружке на левой панели интерфейса Adalo.

Экраны приложения в Adalo

Во вкладке добавить экраны (ADD SCREEN) откроется библиотека экранов. Здесь пять разделов с предустановленными экранами — то есть на них уже есть собранные и по умолчанию настроенные элементы.

Например, есть собранные и готовые экраны с информацией, с формами для регистрации и авторизации, готовые экраны с каталогами или списками.

При создании экрана, приложение попросит дать ему название. Это очень удобно — называть экраны сразу — так они не потеряются в списке экранов в разделе Screens.

Настройка предустановленных экранов доступна по клику на него — надо кликнуть в название экранчика. Тогда слева откроется список компонентов на экране. Здесь же доступна настройка действий при взаимодействии с компонентами на экране и настройка связи с данными из базы. В настройках экрана можно поменять его статус на приветственный экран или на экран для регистрации/авторизации.

Компоненты в приложении Adalo

Компоненты — это элементы приложения: кнопки, списки, формы для заполнения, блоки текста, бары для навигации, изображения, векторные формы и другие.

Устанавливается компонент на желаемый экран перетаскиванием. Добавить компонент можно также по клику на сам экран и через кнопку «Добавить компонент» (Add component).

У Adalo есть маркетплейс компонентов. Там можно поискать нужные компоненты, если их не оказалось в списке — есть бесплатные и платные. Кстати, недавно маркетплейс пополнился парой десятков платных компонентов.

Настройка компонента происходит по клику по нему — открывается настройка всё в той же левой панели. Например, для настройки компонента «Текст» откроется настройка его названия, форматирования, размера, выравнивая — и так далее.

Здесь же можно переходить к настройке действий — событий, которые будут происходить, когда пользователь будет взаимодействовать с этим элементом: к примеру, кликнет на кнопку.

Действия в Adalo

Третья составляющая магии проектирования приложения без кода Adalo — действия (Actions). Это события, которые будут происходить в приложении после того, как пользователь провзаимодействует с каким-либо элементом. Например, кликнет на кнопку.

Добавление действий происходит в настройке компонентна по кнопке «Добавить действие» (Add action). Разработчику откроется выбор — соединить внутренние страницы приложения или отправить на внешний источник, создать запись в базе данных, отправить уведомление или создать своё действие.

Например, у нас есть кнопка. Мы создали действие, что после клика на неё пользователь попадёт на соседний экран — список. Между экранами, где находится кнопка и экраном со списком появилась стрелка — она демонстрирует связь внутри приложения. А слева в настройке компонентна кнопки появились данные о действии. Вот так настраивается логика событий внутри приложений в Adalo.

Сильные стороны Adalo

Широкая кастомизация по части дизайна по сравнению с другими ноукод-инструментами для разработки мобильного приложения.
Позволяет без кода создавать нативные приложения с загрузкой в App Store и Google Market.
Простой в освоении, приятный в использовании благодаря дружелюбному интерфейсу.
Большая база знаний и сильное, живое сообщество разработчиков.
Возможность учиться на бесплатном тарифе.
Постоянно развивается — на момент написания статьи (середина 2022 года) было выпущено несколько важных обновлений, связанных с геолокацией и производительностью, а в маркетплейс компонентов добавили пакет новых элементов.

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

Зависимость от облачной платформы. Как это часто бывает в ноукод разработке.
Ограничения по доступному пространству, что может оказаться критичным в какой-то момент развития проекта.
Компоненты в Adalo — самые нужные, так что опять же можно столкнуться, что какого-то бесплатного компонентна нет и надо дополнительно платить.
При большом количестве данных и строк в базе приложение может начать притормаживать. Возможно, это ограничение смогут обойти благодаря последним обновлениям.

Тарифы Adalo

У Adalo всего три тарифа: один бесплатный и два платных. Первый подойдёт для тех, кто учится работать с Adalo. Второй идеален для предпринимателей, которые хотят запустить своё приложение. Третий — для разработчиков.

Бесплатный тариф позволяет создавать неограниченное количество приложений, но публиковать и можно только под доменом Adalo. Будут ограничения по кастомизации дизайна (например, только 4 доступных шрифта) и 50 строк записей в базе данных на приложение.
Тариф Pro Plan за $50 в месяц позволяет публиковать неограниченное количество приложений, публиковать из в сторы, использовать свой домен и подключать внешние источники данных, даёт 5 ГБ свободного пространства и один разработчик.
Тариф Business Plan за $200 в месяц — всё, что во втором тарифе, только ещё плюс 20 ГБ свободного места и пять разработчиков.

Что можно собрать на Adalo

Обычно мы предлагаем посмотреть примеры проектов, которые можно собрать на платформе, в разделе с темплейтами. Но у Adalo совсем немного шаблонов — едва ли пара десятков. И всё же посмотреть их можно здесь.

Зато у Adalo сильные разделы, демонстрирующие реальные кейсы, собранные на платформе, и раздел с инструкциями по разработке конкретных проектов на платформе.

Там вы найдёте:

Фитнес-приложения.
Приложение для чатов и сообществ.
Небольшие онлайн-магазины.
Приложения для обучения.
CRM и другие внутренние сервисы.
Приложения для букинга чего угодно: бронирования столиков, заказа еды в ресторане, заказа посещения салона красоты и так далее.

А вот что создавали на Adalo наши ученики:

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

Перспективность Adalo — стоит ли его изучать

Adalo — сильная компания, выросшая из стартапа. И хотя ей приходится конкурировать с другими конструкторами мобильных приложений без кода, есть несколько аргументов в пользу именно Adalo.

Возможность делать нативные приложения. Это жирный плюс для тех, кто хочет украсить своё портфолио. Просто потому, что нативное приложение — это и более широкие возможности, и совсем другой статус разработчика.
Adalo идеален для запуска MVP или небольшого бизнеса, который претендует на солидность. Вы получите красивое и рабочее приложение, которое можно будет распространять привычным способом через сторы — проверить гипотезу, найти клиентов, заработать денег.
Adalo располагает собственной системой сертификации экспертов. Чтобы стать официальным экспертом, надо разработать нешаблонное приложение и пройти собеседование. И тогда можно будет получать заказы на разработку от самого Adalo.
Платформа быстро развивается и внедряет обновления. Просто потому что они следуют своим же пяти принципам развития.

Хочется попасть в плеяду востребованных экспертов по Adalo? Записывайтесь на наш курс мобильной разработки без кода! Разработаете несколько собственных приложений и сможете учиться у личших - у действующих ноукодеров и экспертов Adalo!

2022-08-03 15:35 Что такое