Разработка мобильного приложения для аренды рабочих мест
Hot desking — когда сотрудники не закреплены за конкретными столами, а бронируют места на день. Кажется простой задачей, пока не сталкиваешься с реальными сценариями: два человека забронировали один стол одновременно, сотрудник пришёл и не может понять где «его» место, HR не видит реальную загрузку пространства. Приложение решает всё это — через интерактивную карту офиса, бронирование с race condition protection и QR-чекин.
Интерактивная карта офиса
Схема этажа — SVG, не растр. SVG позволяет подсвечивать конкретные рабочие места, показывать статус (свободно/забронировано/занято), масштабировать без потери качества.
На iOS: WKWebView с SVG — самый быстрый путь, но теряем нативные жесты. Правильнее: парсим SVG в набор CGPath объектов и рендерим через CAShapeLayer в нативном UIView. Жесты — UIPinchGestureRecognizer (масштаб) + UIPanGestureRecognizer (панорама) через CGAffineTransform. Тап на место — hitTest через CGPath.contains(point).
Android: Canvas + Matrix для трансформаций. Более низкоуровнево, но полный контроль. Либо AndroidSVG библиотека + TouchImageView для жестов.
Flutter: CustomPainter с Path объектами — хорошо работает, кросс-платформенно.
Данные карты: JSON с описанием каждого рабочего места — id, desk_code (A-12), floor, zone, amenities (monitor/standing/phone), svg_path_id для привязки к элементу SVG. Загружается при старте и кэшируется локально.
Статус мест в реалтайме: WebSocket событие desk.status_changed с desk_id и новым статусом. Клиент обновляет цвет конкретного места без перезагрузки всей схемы. Polling как fallback — каждые 30 секунд если WS недоступен.
Бронирование без конфликтов
Race condition при бронировании — классическая проблема. Два пользователя одновременно видят место свободным и нажимают «забронировать».
Защита на сервере: optimistic locking через version поле в записи desk_reservation или SELECT FOR UPDATE при создании брони. Уникальный constraint (desk_id, date, time_slot) в PostgreSQL — финальная страховка. Если место уже занято — API возвращает 409 Conflict, клиент показывает «место только что забронировали» и обновляет карту.
Структура брони: desk_id, user_id, date, start_time, end_time, status (confirmed/checked_in/cancelled/no_show). Поддержка повторяющихся броней (рекуррентные события через rrule).
Тайм-слоты: гибко — полный день или блоки (9-13, 13-18). Конфигурируется в административной части. Для коворкингов — почасовая аренда.
QR-чекин
Прийти на работу → открыть приложение → сканировать QR на столе → чекин зафиксирован.
QR на каждом рабочем месте: содержит desk_id + подпись (HMAC-SHA256) для защиты от ручной генерации. Срок действия QR — бессрочный (он физический), но чекин через него работает только если у пользователя есть активная бронь на этот стол сегодня.
Сканирование: AVCaptureMetadataOutput (iOS) / ML Kit Barcode (Android). После успешного чекина — haptic feedback + анимация подтверждения + смена статуса места на карте (занято).
No-show detection: если бронь начата 30 минут назад, а чекина нет — статус меняется на no_show, место освобождается для других. Конфигурируемый порог.
Аналитика загрузки
Для HR и офис-менеджера: процент загрузки по зонам и этажам, пиковые часы, no-show rate, самые популярные места. Экспорт в Excel/CSV.
Heatmap на схеме офиса: цветовая шкала от зелёного (редко используется) до красного (всегда занято) по историческим данным за период. Помогает принять решение об оптимизации рассадки.
Сроки
Базовое приложение (карта офиса, бронирование, QR-чекин) — 4-6 недель. С многоэтажностью, аналитикой, интеграцией с СКУД/Active Directory и рекуррентными бронями — 2-3 месяца. Стоимость рассчитывается индивидуально.