Создаем дашборд загрузки отдела в Битрикс24

Меня зовут Дарья Панина, я руководитель IX (Information Experience) в Битрикс24.

Покажу, как быстро собрать дашборд загрузки отдела. Собирать будем с нашим ИИ-агентом Коворк/Код, размещать на платформе вайб-кодинга Битрикс24 Вайбкод. Задача — потратить минимум времени и получить экран, которым реально пользуешься перед каждым спринтом.

Содержание

• Проблема: руководителю нужен общий срез по загрузке отдела

• Что хочу получить

• Собираю приложение в Коворк/Код

  • Шаг 1. Описываю приложение обычным текстом

  • Шаг 2. Проверяю первую версию

  • Шаг 3. Регистрирую дашборд в Битрикс

  • Шаг 4. Дорабатываю логику и интерфейс

• Сколько заняло

• Что в итоге

Проблема: руководителю нужен общий срез по загрузке отдела

В Битрикс24 есть задачи, ответственные и сроки. Но нет одного экрана, где сразу видно состояние по отделу: кто сейчас загружен сильнее, у кого уже просрочки, у кого завал дедлайнов на ближайшие дни.

Что можно сделать:

• Перед планёркой собирать статусы вручную или просить людей скинуть в чат. Привычно, но муторно.

• Собрать такой экран самой через через агента Битрикс24 Коворк/Код и сразу открыть его всему отделу. 

Выбираем второй вариант и пробуем.

Что хочу получить

Экран, который работает по такому сценарию:

1. Получает сотрудников выбранного отдела.

2. Собирает их активные задачи.

3. Считает активные, просроченные и задачи с ближайшим дедлайном.

4. Сравнивает загрузку и поднимает самых занятых наверх.

5. По клику открывает задачи конкретного человека.

Сразу оговорюсь, загрузка тут условная — она считается по количеству активных задач и дедлайнов, а не по реально затраченному времени. Перекосы показывает, фактические часы — нет. Для быстрой оценки перед планёркой этого хватает.

Собираем приложение в Коворк/Код

Сначала подготовка.

Устанавливаю агента — скачиваю приложение со страницы vibecode.bitrix24.tech/cowork-code. Открываю Коворк/Код и привязываю к своему порталу — для этого нужно авторизоваться в Битрикс24 в браузере:

Чтобы будущее приложение можно было развернуть на серверах Битрикс24, нужна активная подписка:

РФ — подписка BitrixGPT + Маркетплейс

Казахстан и Узбекистан — платный или демо-тариф Битрикс24

Беларусь — платный тариф Битрикс24, демо-тариф Битрикс24 либо платная подписка Битрикс24 Маркет Плюс

К агенту привязываю API-ключ платформы:

Создать API-ключ можно на странице https://vibecode.bitrix24.tech/keys: 

Шаг 1. Описываю приложение обычным текстом

Приложение можно описать своими словами — просто объяснить, что нужно и какая боль в процессе. Я написала так:

Сделай дашборд загрузки отдела. Хочу на одном экране видеть всех сотрудников отдела и понимать, кто сейчас сильнее загружен.

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

Если нажать на сотрудника, покажи список его текущих задач с названием, сроком и статусом.

Сверху выведи общую статистику по отделу: сколько в нем сотрудников, сколько всего активных задач и сколько просроченных.

Данные бери из Битрикс24 через REST. Интерфейс сделай простым и понятным для руководителя.

Дальше синхронизируюсь с агентом: прошу его пересказать, как он понял задачу, — чтобы убедиться, что мы про одно и то же:

Потом прошу составить план:

Шаг 2. Проверяю первую версию

Когда агент собрал приложение, первым делом смотрю общий вид — его видно во встроенном браузере:

Индикатор загрузки на месте, строки сотрудников кликаются. Иду дальше — добавляю приложение в Битрикс24.

Шаг 3. Регистрируем дашборд 

Нажимаю «Деплой» (если это не первая версия, то вместо «Деплой» будет написано «Повторить»):

После деплоя пару вещей нужно сделать руками. Захожу в панель платформы Вайбкод, в левом меню нахожу «Приложения» и своё новое приложение — оно может называться по имени сервера, например b24-cowork-asd8sdf. Нажимаю на три точки:

Откроется меню, где приложение можно встроить в тот Битрикс24, к которому привязан текущий вход.

Дальше выбираю, как именно им пользоваться: границы доступа к дашборду…

…и куда его встроить — в левое меню или в конкретный раздел:

Шаг 4. Дорабатываю логику и интерфейс

Основа готова, теперь докручиваю детали. 

Прошу агента добавить деталей по сотруднику::

Сделай строку сотрудника раскрываемой. Например:

Александра Петрова — 7 активных / 1 просрочена
→ Подготовить лендинг — до 9 октября
→ Проверить тексты — до 11 октября
→ Собрать аналитику — без срока

Вот что получилось:

Новые задачи можно заводить прямо через Коворк/Код. Я попросила создать несколько тестовых задач для разных сотрудников — они сразу появились на дашборде:

Сколько заняло

20 минут — вместе со всеми доработками и тестовыми задачами.

Честно про шероховатости:

• Логику дашборда агент собрал без ошибок, а вот добавлять приложение в портал пришлось руками. 

• Один раз Коворк/Код не нашёл сотрудника при создании задачи — решилось повторным запросом.

• Ещё раз потерял доступ к порталу — переподключила:

Что в итоге

Главное, что дала мне сборка через родной агент Коворк/Код: дашборд сразу живёт внутри Битрикс24. Берёт его данные, видит существующих пользователей и после публикации открывается нужному отделу или всем сотрудникам. Не пришлось отдельно заводить пользователей, объяснять агенту устройство портала и придумывать, как раздать приложение.

Путь от идеи до рабочего экрана — 20 минут. Для небольшого инструмента вроде этого — честно рабочая история, которую реально повторить самому. Можно быстро сделать автоматизацию, на которую раньше пришлось бы заводить заявку на разработку.