Code breakers

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

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

Что такое Adalo


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



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

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

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

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


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

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

Начало работы в 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 наши ученики:


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


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

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

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


Что такое