# Быстрый старт

Узнайте какие шаги нужно выполнить, чтобы создать новое мероприятие в «Тут и там» и отправить прилашение пользоватям.

## 1. Создайте мероприятие
Мероприятие — это контейнер для всего контента: программы, спикеров, залов, карт, FAQ, постеров и гибких разделов. Код приглашения нужен участникам для входа в мобильное приложение. Рабочее пространство определяет, какая команда может видеть и редактировать мероприятие.

Откройте раздел «Мероприятия» и нажмите «Добавить». Заполните основные параметры: название мероприятия, код приглашения (нужен участникам для входа в мобильное приложение) и так далее.

![Создать новое мероприятие в админке «Тут и там»](/assets/images/tutitam-admin-create-event.png)

После сохранения выберите созданное мероприятие в нижней левой части админ-панели. Все остальные разделы будут наполнять именно выбранное мероприятие.
![Выбор текущего мероприятия в левом нижнем углу в админке «Тут и там»](/assets/images/tutitam-admin-change-events.png)

## 2. Добавьте спикеров

Откройте раздел «Спикеры» и создайте карточки выступающих. Минимально достаточно имени и фамилии, но для мобильного приложения лучше заполнить:

- фото;
- должность или роль;
- компанию, отдел, продукт или команду;
- описание опыта;
- бейдж, если нужно выделить спикера;
- порядок закрепленных спикеров, если часть людей нужно поднять наверх списка.

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

> Место для скриншота: список спикеров.

> Место для скриншота: форма карточки спикера.

## 3. Создайте залы и секции

Откройте раздел «Залы» и добавьте помещения, здания, этажи или зоны, где проходят события. Залы отображаются у событий, помогают ориентироваться в программе и используются в сетке по залам.

Затем откройте раздел «Секции» и добавьте тематические треки или категории. Например, для IT-конференции это могут быть Backend, Frontend, DevOps; для другого мероприятия — «Доклад», «Мастер-класс», «Развлечения» или любые категории, удобные вашей аудитории.

В настройках мероприятия выберите, какой фильтр будет показываться в мобильном приложении в разделе «Программа»: залы или секции. Если мероприятие делится по помещениям, выбирайте залы. Если важнее тематические направления, выбирайте секции.

> Место для скриншота: список залов.

> Место для скриншота: список секций.

## 4. Добавьте события в разделе «Программа»

Откройте раздел «Программа» и нажмите «Добавить». Для каждого события заполните:

- тип события: «В зале», «Перерыв в зале», «Общее для программы» или «Организационное»;
- время начала и конца;
- дату;
- название;
- зал;
- секцию;
- спикеров;
- описание или анонс;
- настройку записи, если это мастер-класс с ограниченным числом мест.

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

В админке доступны два вида: список и сетка по залам. В сетке можно перетаскивать события «В зале» и «Перерыв в зале», менять их местами и быстро проверять, нет ли пересечений или ошибок в расписании. «Перерыв в зале» остается в одном выбранном зале, но выделяется цветом как общий перерыв. Общие события растягиваются на все видимые залы, а организационные события показываются отдельными карточками внутри той же таблицы рядом со своим временем.

> Место для скриншота: список программы.

> Место для скриншота: сетка программы по залам.

> Место для скриншота: форма события.

## 5. Опубликуйте приложение

После наполнения нажмите «Опубликовать» в верхней панели. Только после публикации изменения попадут в мобильное приложение.

Публикация защищает участников от незавершенных правок: можно редактировать мероприятие в черновике, а затем одним действием обновить данные для всех пользователей. После успешной публикации админка покажет сообщение «Мероприятие обновлено в мобильном приложении».

> Место для скриншота: кнопка «Опубликовать» и подсказка рядом с ней.

## 6. Разместите на сайте виджет с программой

Откройте раздел «Виджеты». Сейчас доступен виджет «Программа мероприятия» — публичная сетка по залам, которую можно открыть в отдельной вкладке или встроить на сайт через `iframe`.

Виджет берет данные текущего мероприятия и показывает посетителям сайта расписание без входа в админку. В нем есть поиск, карточки событий и поддержка светлой/темной темы.

Скопируйте HTML-код из раздела «Виджеты» и вставьте его на сайт мероприятия в режиме редактирования HTML.

> Место для скриншота: раздел «Виджеты» и модальное окно с кодом iframe.

## 7. Пригласите пользователей в мобильное приложение

Нажмите «Пригласить» в верхней панели. Админка сформирует ссылку на страницу установки приложения и QR-код. Ссылку можно отправить участникам в письме, Telegram, на сайте или показать QR-код на экране.

Участник открывает страницу, устанавливает приложение и входит по коду приглашения. Если приложение уже установлено, можно использовать Deep Links для быстрого перехода к нужному разделу, событию или спикеру.

> Место для скриншота: окно «Пригласить в мобильное приложение».

## Перед запуском проверьте

- Выбрано правильное мероприятие в левом нижнем углу.
- В мероприятии указан верный часовой пояс.
- Код приглашения понятный и не совпадает с чужим активным мероприятием.
- Залы и секции созданы до наполнения программы.
- У всех важных событий есть название, время, тип, место, секция и спикеры, если они нужны.
- События с записью имеют включенный переключатель «Требуется запись» и лимит участников.
- Мастер-классы открываются или закрываются в разделе «Мастер-классы» в нужный момент.
- Карты, FAQ и гибкие разделы добавлены, если они нужны участникам.
- После финальных правок нажата кнопка «Опубликовать».
- Ссылка приглашения и виджет программы проверены на телефоне и компьютере.