Сервис бронирования рабочих мест на 1С:Предприятие.Элемент

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

Для решения этой задачи был разработан сервис бронирования столов — современное веб-приложение на платформе 1С:Предприятие.Элемент, которое позволяет сотрудникам бронировать рабочие места, а руководителям анализировать посещаемость и популярность рабочих мест.

Удобный пользовательский интерфейс

При входе в систему пользователь видит список доступных офисов. Каждый офис отображается карточкой с названием и адресом. Это позволяет быстро ориентироваться и выбрать нужное помещение.

Скриншот №1. Интерфейс программы при входе в систему

После выбора офиса открывается интерактивная схема рассадки. Интерфейс состоит из двух основных частей:

• Календарь слева — интегрирован с производственным календарём, все праздничные и выходные дни видны сразу;
• Схема рассадки справа — наглядно отображает расположение всех рабочих мест;
• Блок «Ваши бронирования» — показывает актуальные бронирования сотрудника. 
  
  

Скриншот №2.  Интерактивная схема рассадки

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

Персонализация интерфейса

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

В системе реализовано несколько тем оформления:

• Тёмная тема — классический современный интерфейс;
• Зелёная матричная тема — стиль в духе классической терминальной графики;
• Синяя тема — современный корпоративный стиль;
• Яркий графический стиль с чёрными контрастными акцентами и другие.  

Скриншот №3.  Схема рассадки в стиле классической терминальной графики

Скриншот №4.  Схема рассадки в классическом современном стиле 

Скриншот №5.  Схема рассадки в ярком графическом стиле с чёрными контрастными акцентами

Аналитика посещаемости

За счёт интеграции с 1С:Аналитика система формирует наглядные дашборды для руководителей. Аналитика позволяет отслеживать:

• Общую посещаемость офиса по дням;
• Популярность отдельных рабочих мест среди сотрудников;
• Количество сотрудников в офисе в реальном времени.

Скриншот №6. Дашборд аналитики в 1С:Аналитике

Эти данные помогают руководству оптимизировать использование офисного пространства и принимать обоснованные решения о расширении или оптимизации офиса.

Технологическая основа

Сервис разработан на платформе 1С:Предприятие.Элемент — современной технологии для создания веб-приложений от компании 1С.

Ключевые преимущества этой технологии:

• Быстрая разработка за счёт визуального конструктора и готовых компонентов;
• Встроенные возможности работы с данными и интеграция с 1С:Аналитикой;
• Работа в облаке 1cmycloud без необходимости устанавливать и настраивать серверное оборудование;
• Кросс-платформенная доступность: приложение работает в браузере на любом устройстве;
• Автоматическое обновление приложения без прерывания работы пользователей.

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

Скриншот №7. Пример подключаемых к КонтейнерHTML ресурсов

Это также позволяет модифицировать клиентскую логику по требованию Заказчика, например – новогоднее тематическое оформление или мини-игра в честь юбилея бренда. 

Для удобства разработки и изменения стилей - реализована интеграция редактора кода Monaco с подсветкой CSS. Редактор Monaco изначально проектировался как модульное решение, поэтому также отлично работает, находясь в КонтейнерHtml и поддерживает программную настройку.

Скриншот №8. Пример интеграции редактора кода Monaco с подсветкой CSS

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

• Экономия времени сотрудников за счёт автоматизации бронирования;
• Оптимизация использования офисного пространства на основе аналитики посещаемости;
• Повышение удовлетворённости сотрудников благодаря удобству сервиса и возможности персонализации.