Adalo — это браузерная платформа, которая позволяет любому человеку создавать приложения легко и быстро. Платформа дает вам возможность самостоятельно разрабатывать, создавать и запускать потрясающие приложения.
В данной статье вы узнаете об основах Adalo, его макетах и о том, как это работает.
С помощью Adalo вы можете легко создать качественный и интересный дизайн для своего приложения при помощи инструментов перетаскивания, или создать свой собственный с помощью инструментов макета.
Это дает вам возможность добавлять пользовательские взаимодействия, действия и конфигурацию базы данных без какого-либо кода или, если у вас уже есть свой API, Adalo может интегрироваться с ним.
Вы можете размещать свои приложения, как в магазинах приложений iOS/Android, так и в качестве PWA одним щелчком мыши из Adalo.
Что нужно сделать, чтобы начать работу
перейдите на веб-сайт Adalo, создайте новую учетную запись, если у вас ее нет. Создайте новое приложение после создания учетной записи на Adalo.
Теперь необходимо выбрать: тип приложения, которое вы хотите создать (будь то собственное мобильное приложение или настольное веб-приложение), шаблон или пустой экран, ввести название приложения и выбрать цвета бренда.
Дополнительные параметры позволяют определить ввод данных/источник данных для вашего приложения, создать новую базу данных/настроить новый API или использовать базы данных с существующим приложением, доступным на панели мониторинга проекта.
Навигация в Adalo
1. Панель инструментов
Панель инструментов Adalo по умолчанию расположена вдоль левой стороны и верхней части экрана. Она включает в себя наиболее важные части платформы, такие как: ̕
• навигация приложения;
• редактирование;
• брендинг; база данных и настройки приложения.
2. Элементы управления боковой панелью
Эти элементы управления открываются на боковой панели, которая действует как переключатель вкладок между различной информацией, которую они показывают, и тем, что они должны делать. Они включают в себя:
• добавление слоев;
• маркировку;
• экраны;
• данные;
• настройки;
3. Добавить слои
Инструмент «добавить слой» состоит из двух вкладок, которые включают в себя функции «добавить компонент», и «добавить экран».
Вкладка «добавить компонент» содержит различные инструменты, которые чаще всего используют:
• навигация;
• списки;
• кнопки;
• формы и поля;
• диаграммы и карта;
• публикация.
Эти инструменты позволяют использовать компоненты пользовательского интерфейса в вашем приложении.
4. Вкладка «добавить экран»
Позволяет добавить готовые экраны макета или новый пустой экран. Вы можете создать новый экран приложения, просто нажав на него. После создания экрана приложения он покажет свойства экрана, такие как:
• название приложения;
• типы навигации экрана;
• действия;
• доступные данные и параметры с возможностью редактирования стилей.
5. Кнопка «изменить стиль» позволит вам управлять размером экрана, цветом фона, строкой состояния и вариациями прокрутки.
6. Кнопка «добавить вкладку экрана»
Этот инструмент содержит следующие компоненты:
• текстовый инструмент;
• кнопки управления;
• панель приложений;
• изображение и форму.
7. Навигация
В раздел навигация входят такие важные компоненты, как панель приложений и панель вкладок.
Выбирая один из компонентов на панели инструментов, можно настроить цвет заливки, активную вкладку, цвет текста/значка, видимость и действия, которые происходят тогда, когда пользователь производит манипуляции.
8. Формы и поля
В Adalo существует несколько разновидностей компонентов форм; ввод текста, выбор изображений для загрузки изображений, выбор файлов и меню выбора, которое действует как выпадающее меню.
Чтобы использовать данный инструмент, вам нужно будет создать базу данных пользователей в «разделе данных».
9. Инструмент Stripe
Это система обработки онлайн-платежей, которая позволяет физическим и юридическим лицам совершать и получать платежи через Интернет.
Компонент Stripe в Adalo может быть использован для интеграции платежной системы в ваше приложение. Вы сможете подключиться к API Stripe, чтобы получить идентификатор вашего приложения, установить сумму платежа, установить описание ваших платежей, конфигурацию электронной почты покупателей и настройку кнопки отправки.
В Adalo доступны 4 инструмента Stripe payments:
Stripe payment;
• Stripe subscription;
• ACH payment;
• Stripe connect.
10. Компонент maps
Компонент map в Adalo позволяет добавлять Google Maps в ваше приложение с помощью ключа Google Maps API. Вы также можете изменить стиль карты в зависимости от ваших предпочтений.
11.Текстовый инструмент
Он может быть использован для создания/размещения текста, как следует из названия. Чтобы использовать его, вам нужно только выбрать текстовый инструмент из добавленного слоя на боковой панели и поместить его на экран приложения.
Когда он будет помещен, слева рядом с боковой панелью появится текстовая панель инструментов, которая может использоваться для установки взаимодействий, подключения к базе данных и ее свойств, таких как позиционирование, размер, цвет, размер шрифта, статус, непрозрачность, выравнивание.
12. Брендинг
Функция брендинга в Adalo позволяет определить основные и второстепенные цвета для вашего приложения, которые могут быть установлены как основной, вторичный, фон по умолчанию и цвет текста по умолчанию.
Сегодня мы рассмотрели основные инструменты и функции Adalo, при помощи которых можно создать мобильные приложения без кода.
Источник: Adalo Russia
