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!
