User Guide
Система бронирования мест в офисе (коворкинге) разработана студенами СПбПУ по заказу и при поддержке Т-банка. В рамках проекта разработаны основное приложение, доступное в формате telegram-miniapp, а также админ-панель, предназначенная для удобной работы администраторов по контролю помещений, бронирований, рассмотрению и решению запросов пользователей, а также публикации новостей и организации мероприятий. Ссылка на статью об админ-панели.
Доступ к приложению осуществляется через тг-бота: @QuaRiBot, путем нажатия кнопки "Start" или ввода команды /start.
На текущий момент, возможности тг-бота ограничиваются только этим, поэтому далее рассматриваться он не будет.
На главной странице представлены следующие элементы:
- "Аватарка" с именем и никнеймом, подтянутым из telegram
- Панель с текущими бронированиями
- Панель с запланированными и прошедшими бронированиями
- Кнопки для создания бронирования и записи на мероприятие (переводят в другие окна приложения, которые будут рассмотрены позднее)
- Кнопка, при на нажатии на которую всплывает QR-код (на экранах с большим размером кнопка для QR-код имеет несколько иной вид)
О панелях с бронированиями подробнее можно почитать далее в статье: клик
При нажатии на любую из кнопок (за исключением кнопок на нижней панели) всплывет подобное окно, предлагающее пройти авторизацию или сделать это позднее. Нажмем на кнопку "Перейти". С особенностями авторизации на текущий момент можно ознакомиться ниже
Нас встречает окно авторизации с незаполненными почтой и телефоном. Обратите внимание: поля для почты и телефона имеют валидацию. При попытке ввести почту или телефон в некорректном формате появится ошибка.
Введем корректные данные и нажмем кнопку "Подтвердить". Мы снова попадаем на главную страницу. Теперь нам доступна кнопка для QR-кода. Убрать всплывающее окно с QR-кодом можно нажатием на верхнюю часть экрана.
Обратите внимание: если по каким-то причинам после ввода данных по-прежнему требуется авторизация,исправить это можно перезагрузкой страницы путем нажатия на соответствующую кнопку, которую можно найти в меню miniapp
Перейдем на страницу "Профиль"
Слева - до авторизации, справа - после. Помимо обновленной информации, ниже на странице отображаются настройки по настройке темы и получению уведомлений на почту. Начнем со смены темы, для этого нажмем на стрелку напротив строки с темой.
В вспывающем окне выберем "Всегда тёмная тема". Тема сменилась на темную (правая картинка). Вернем светлую тему и нажмем на экран, выше всплывающего окна, чтобы вернуться к странице.
Теперь рассмотрим кнопку с уведомлениями. На данный момент она неактивна, нажмем на нее.
Теперь мы подписаны на уведомления от приложения, которые будут приходить на указанную при авторизации почту. Уведомления касаются напоминаний о будущих бронированиях или событиях, на которые была произведена запись.
В самом низу находится кнопка "Выйти из аккаунта", при нажатии на которую подразумевается выход из текущего аккаунта.
Обратите внимание: авторизация в будущем планируется через T-ID, поэтому нажатие на кнопку "Выйти из аккаунта" будет подразумевать окончание сессии под текущим t-id. На данный момент, авторизация происходит только через tg и почту с телефоном, поэтому при нажатии на кнопку ничего не произойдет.
Перейдем к следующей странице.
При переходе на страницу "Мероприятия" нас встречают карточки событий с их названием, кратким описанием, тегами, по которым можно найти мероприятия с помощью фильтров, а также фотографии, если они имеются.
Нажмем на кнопку с фильтрами - появляется всплывающее окно с тегами, по которым осуществляется фильтрация. Выберем для примера "IT" и нажмем кнопку "Показать".
Видно, что отображаемых событий стало меньше, а кнопка с фильтрами показывает количество используемых фильтров.
Возможность записи на мероприятия рассмотрим тут, а пока быстро пробежимся по вкладке "Новости".
Вкладки "Новости" и "Мероприятия" имеют одинаковый функционал в плане поиска и фильтрации, поэтому на примере новостей рассмотрим только поиск по ключевым словам.
Переходим на светлую тему и главную страницу. Нажимаем кнопку "Создать бронирование".
Нас встречает первое из окон бронирования. Можно начать с выбора места или времени, порядок не важен. Начнем с выбора места.
На выбор представлены несколько зон, в рамках каждой зоны есть помещения. Выберем Open Space в рамках основного зала
После выбора места нас встречает окно с выбором времени. Выбрать можно как один час, так и несколько (кроме опции "Сейчас", она предполагает выбор только текущего часа). Нажимаем кнопку "Забронировать".
По нажатию кнопки нас переносит на главную страницу. В данном случае, бронирование оказалось текущим, поэтому во вкладке "Бронирования" идет таймер обратного отсчета до окончания бронирования. Как видно, брони можно продлить или отменить.
Завершим текущее бронирование и перейдем в прошедшие. Видим отмененное нами бронирование, которое можно оценить, но рассматривать это не будем.
Переходим на страницу с мероприятиями и нажимаем "Записаться" на понравившемся нам пероприятии. Видно, что кнопка поменяла свой цвет, а количество мест уменьшилось на 1, как и ожидалось.
На главной странице запись на мероприятие будет отображено отдельным бронированием.
Тикеты - это заявки, которые пользователи могут оставлять касательно проблем и предложений по бронированиям. На момент 16 августа 2025 года, система тикетов находится на финальном этапе разработки, скоро их внедрят в дизайн основного приложения.
На этом знакомство с приложением можно считать оконченным, спасибо за уделенное на прочтение время!