Разработка листа загрузки
в Битрикс24
в Битрикс24
Для компании любого размера важно выстраивать бизнес-процессы так, чтобы все работало как часы. Поэтому мы внедряем и разрабатываем решения не только для клиентов, но и оптимизируем внутренние процессы компании.
Особенности проекта
Задача заключалась в том, чтобы создать удобный инструмент планирования рабочего дня сотрудников. Стандартные решения Битрикс24 нам не подходили, так как там отображаются только собственные задачи. Поэтому мы решили разработать то, что позволило бы удобно распределять нагрузку, а также уменьшило бы вероятность путаниц и срывов дедлайнов.
Для этого было решено создать лист загрузки внутри портала Битрикс24 на базе обычных задач в группах, где менеджеры могли бы ставить на сотрудников задачи, а они, в свою очередь, могли бы смотреть загрузку на день и делать задачи в порядке очередности.
Для этого было решено создать лист загрузки внутри портала Битрикс24 на базе обычных задач в группах, где менеджеры могли бы ставить на сотрудников задачи, а они, в свою очередь, могли бы смотреть загрузку на день и делать задачи в порядке очередности.
Решение
Стандартными решениями Битрикс24 для отображения нагрузки сотрудников являются «Календарь» и «Мой план», которые не подходили под наши нужды, так как нам было важно, чтобы отображалась загрузка всех работников по всем проектам. Наше же решение основывается на стандартных задачах, но при этом позволяет посмотреть и распределить нагрузку в удобном формате.
Лист загрузки представляет собой календарь с разбивкой по дням, куда из окна задачи можно по кнопке отправить ее в сайдбар листа загрузки и оттуда переместить в календарь на конкретного сотрудника.
Лист загрузки представляет собой календарь с разбивкой по дням, куда из окна задачи можно по кнопке отправить ее в сайдбар листа загрузки и оттуда переместить в календарь на конкретного сотрудника.
В листе загрузки отображаются все сотрудники, но можно отфильтровать по менеджеру или конкретному работнику, и все выбранные параметры сохранятся в куки.
Также можно посмотреть задачи за прошлую неделю и запланировать нагрузку на несколько недель вперед. Все работает в режиме реального времени и обновляется у всех. А еще мы добавили функцию просмотра истории изменений, чтобы можно было отследить все действия с задачей в листе.
Государственные праздники отмечаются в календаре красным цветом. Отпуски же выделяются оранжевым цветом и автоматически подтягиваются из стандартного графика отсутствий Битрикс24. Рабочая неделя автоматически актуализируется из настроек модуля «Календарь событий», что позволяет учитывать все праздничные и выходные дни.
Превью задачи должно быть информативным, но при этом не занимать много места. Мы не стали изобретать колесо и большую часть параметров взяли из стандартной задачи. Время, выделенное на задачу за день, — это единственный параметр, который не тянется из самой задачи.
Всего в превью отображаются следующие данные:
-
Название задачи. - Время, выделенное на задачу на день.
- Постановщик и исполнитель.
- Время, затраченное на задачу за день.
- Время затраченное/выделенное на задачу.
- Суммарное время задач на день.
Время, выделенное на задачу отображается в правой части строки после косой черты, до этого знака отображается время, затраченное на задачу. В нижней строке (в инпуте) отображается время, которое выделено на задачу на день, регулировать его можно с помощью кнопок «-» и «+» или вручную.
Суммарное время задач за день отображается вверху под днем недели. При загрузке менее 8 часов, строка будет бледно-зеленого цвета, при суммарном значении 8 часов строка будет насыщенного зеленого цвета, а при превышении загрузки строка будет красной.
Суммарное время задач за день отображается вверху под днем недели. При загрузке менее 8 часов, строка будет бледно-зеленого цвета, при суммарном значении 8 часов строка будет насыщенного зеленого цвета, а при превышении загрузки строка будет красной.
Задачи, отображенные в листе загрузки и сайдбаре, можно открыть при нажатии на название. Задачи перемещаются методом Drag&Drop, а скопировать ее сразу на несколько дней можно при помощи кнопки Shift.
Как это сделано
Немного подробнее о том, как именно мы сделали лист загрузки, и какие технические особенности есть:
- Интервальная синхронизация с CRM и рендеринг актуального состояния.Настроен таймер, который через заданный интервал отправляет запрос к API CRM, полученные данные отображаются в интерфейсе, заменяя устаревшие. Это нужно для того, чтобы пользователь видел самые актуальную информацию без необходимости обновлять страницу вручную.
- Продвинутая работа с браузерной событийной системой (например, если вкладка покинута, или происходят drag и move-события).Например, если пользователь перешел на другую вкладку браузера, то обновление или синхронизация данных приостанавливается, чтобы сэкономить ресурсы и повысить производительность. Также это улучшает UX, так как интерфейс реагирует на действия пользователя максимально живо и удобно.
- Использование браузерного хранилища для сохранения пользовательских настроек отображения интерфейса.В листе загрузки сохраняются индивидуальные настройки пользователя (например, какой менеджер или сотрудник выбран). Настройки хранятся localStorage или sessionStorage браузера. Это позволяет не тратить время на то, чтобы настраивать все заново после перезагрузки страницы.
Также для быстрой и простой установки решения мы упаковали его в модуль, который создает необходимые сущности для хранения данных и открывает возможность для использования компонента «Лист загрузки». Работая по принципу API, компонент быстро формирует наборы данных под конкретные запросы.
Актуальное состояние листа загрузки и история изменения его ячеек записывается Highload-блоки — это быстрый и доступный способ хранения и получения данных в Bitrix. В качестве основного источника данных используется стандартный модуль Bitrix24 Задачи.
Актуальное состояние листа загрузки и история изменения его ячеек записывается Highload-блоки — это быстрый и доступный способ хранения и получения данных в Bitrix. В качестве основного источника данных используется стандартный модуль Bitrix24 Задачи.
Итоги
Разработка листа загрузки на корпоративном портале помогла упростить постановку задач и сделать рабочий день сотрудников более организованным. Теперь каждый сотрудник видит, что ему нужно сделать и в каком порядке. Менеджеры могут удобно распределять задачи между членами команды, а сотрудники — выполнять их по очереди, не путаясь в приоритетах. Это помогло избежать перегрузок, снизить количество срывов сроков и сделать работу более организованной. Лист загрузки показывает загрузку всех сотрудников по дням и позволяет планировать задачи на несколько недель вперёд. Всё обновляется в реальном времени, и каждый видит актуальную информацию. В результате команда стала работать слаженнее и эффективнее.
Если вам понравился этот кейс и вам интересно внедрение Битрикс24 в вашей компании, отправьте нам ваш запрос на внедрение. А еще мы рекомендуем вам посмотреть кейсы внедрения Битрикс24 для Домотехники и ITMS Belarus.