Для инструкции мы выбрали Adalo, потому что эта платформа одна из наиболее простых для пользователя:
- Полностью визуальный интерфейс — всё делается «перетаскиванием» блоков.
- Понятная логика: страницы, кнопки, переходы — без сложных настроек.
- Не требует подключения внешних баз данных — есть встроенная система хранения данных.
- Интерфейс интуитивно понятен.
Создание мобильного приложения «Доска задач»Шаг 1: Регистрация и создание проекта- Перейди на adalo.com и зарегистрируйся.
- Нажми Create New App → выбери Mobile App → задай имя, например, TaskBoard.
- Выбери пустой шаблон (Blank).
Шаг 2: Создание базы данных1) Перейди в раздел Database (слева внизу)
2) Создай коллекцию «Списки задач» (Boards или Lists):
- Поле Название (Text) — название доски или списка задач.
3) Создай коллекцию «Задачи» (Tasks):
- Поле Название (Text) — заголовок задачи.
- Поле Описание (Text) — описание задачи.
- Поле Статус (Text) — например, «В работе», «Сделано».
- Поле Дата (Date/Time) — срок выполнения.
- Поле-связь Принадлежит списку — ссылка на коллекцию «Списки задач».
Шаг 3: Создание главной страницы (список досок)- Добавь список, который выводит коллекцию «Списки задач».
- Добавь кнопку «+ Создать список» для добавления нового списка задач.
Шаг 4: Страница конкретного списка задач1) Создай новую страницу, на которой будет показываться выбранный список и его задачи.
2) На этой странице добавь:
- Заголовок — название списка задач.
- Список задач из коллекции «Задачи», отфильтрованный по текущему списку (Принадлежит списку = этот список).
- Кнопку «+ Добавить задачу» для создания новой задачи.
Шаг 5: Страница создания/редактирования задачи1) Создай страницу с формой для заполнения:
- Поля «Название», «Описание», «Статус» (выпадающий список), «Дата».
2) Кнопка «Сохранить» — сохраняет новую задачу в коллекцию и привязывает её к выбранному списку.
Шаг 6: Логика переходовОписание логики приложения «Доска задач»
- На главной странице — при нажатии на список переходим к странице списка задач.
- Кнопка «+ Создать список» открывает форму для создания нового списка.
- На странице списка задач — кнопка «+ Добавить задачу» открывает форму создания задачи.
- Нажатие на задачу открывает страницу редактирования с её данными.
Как настроить эту логику?Переход от главной страницы к задачам конкретного списка1) На главной странице у тебя есть List (Список), в котором отображаются «Списки задач». Выдели элемент списка (List).
2) В правом меню найди блок Actions → нажми на него.
3) Выбери Link → New screen (или уже существующую страницу, например Tasks Page).
4) Включи передачу данных: выбери This List → «Current Список задач» — это позволит второй странице знать, к какому списку относятся задачи.
Кнопка «+ Создать список» → форма создания нового списка1) Создай кнопку с текстом «+ Создать список».
2) В блоке Actions добавь Link → к экрану добавления нового списка (создай его, если ещё нет).
3) На экране добавления списка размести форму:
- Привяжи её к коллекции «Списки задач».
- Поле — «Название».
4) Кнопка «Сохранить» должна выполнять два действия:
- Создаёт новый список.
- Возвращает на главную страницу (добавь Action: Link back).
Нажатие на задачу → открытие страницы редактирования- На странице со списком задач (Tasks Page) — выбери элемент списка «Задачи».
- В блоке Actions → добавь Link → на страницу редактирования задачи.
- Передай данные: «Current Задача».
- На странице редактирования:
- Используй форму, привязанную к коллекции «Задачи».
- В свойствах формы установи Update mode (обновление).
- Добавь кнопку «Сохранить» → вернуться назад.
Шаг 7: Тестирование- Используй встроенный Preview-режим в Adalo, чтобы проверить работу приложения.
- Проверь добавление, редактирование и удаление списков и задач.
Шаг 8: Публикация- На бесплатном тарифе можно сделать PWA-версию (приложение через браузер).
- Для публикации в маркетах нужен платный тариф, который позволяет экспортировать APK или IPA.
Подробно о публикации приложения мы рассказывали в этой статье.