Краткий обзор проекта
Клиент хотел отказаться от пластиковых ID-карт для участников и инструкторов и перейти на цифровой формат. Физические карты требовали печати, доставки и регулярного перевыпуска при изменении статуса, квалификации или персональных данных. Для международной организации с пользователями в разных странах такой процесс был дорогим и неудобным.
Команда СКЭНД разработала цифровую ID-карту в формате PWA. Карта открывается в браузере на смартфоне, поэтому пользователю не нужно устанавливать приложение из App Store или Google Play. При этом PWA поддерживает офлайн-доступ: участник может показать карту даже без интернета.
Цифровая карта связана с центральной базой участников. Если администратор меняет статус пользователя, квалификацию или другие данные, обновления появляются в карте без перевыпуска физического носителя.
- Регион: Международный рынок
- Индустрия: Спортивные организации
- Сроки: 3,5 месяца
Задача
Клиент хотел отказаться от пластиковых ID-карт и дать участникам доступ к цифровой карте со смартфона.
Основные задачи проекта:
- заменить пластиковые ID-карты удобным цифровым форматом;
- дать участникам и инструкторам доступ к карте прямо со смартфона;
- обойтись без установки отдельного мобильного приложения;
- автоматически обновлять данные карты из базы участников;
- отображать актуальный статус, квалификацию и основные данные пользователя;
- сохранить доступ к карте даже без интернета;
- добавить QR-код для быстрой проверки участника и его статуса;
- связать цифровую карту с порталом, базой участников и другими сервисами организации.
Решение
Инженеры СКЭНД разработали цифровую ID-карту как PWA-приложение. Такой подход дает участникам доступ к карте со смартфона без установки приложения из App Store или Google Play: достаточно открыть ссылку в браузере и при необходимости добавить карту на главный экран.
PWA сохраняет нужные данные локально, поэтому карта остается доступной при слабом соединении или без интернета. Это важно для участников и инструкторов, которые используют карту на мероприятиях, в поездках или в местах с нестабильной связью.
Данные карты обновляются через API из центральной базы участников. Когда администратор меняет статус, квалификацию или персональные данные, пользователь видит актуальную информацию в цифровой карте.
Для быстрой проверки в карту добавлен QR-код. Организатор или администратор может отсканировать его и сверить статус участника без пластиковой карты.
Keycloak используется для единого входа и управления доступом, а React — для интерфейса PWA.
Ключевые возможности
- цифровая ID-карта вместо пластиковой карты участника;
- доступ к карте со смартфона без установки приложения из App Store или Google Play;
- PWA-формат с возможностью добавить карту на главный экран смартфона;
- доступ к карте без интернета или при слабом соединении;
- синхронизация с центральной базой участников;
- отображение актуального статуса, квалификации и персональных данных владельца карты;
- QR-код для быстрой проверки участника;
- интеграция с существующими системами организации;
- единый вход и управление доступом через Keycloak;
- мобильный интерфейс на React.
Технологический стек
- Фронтенд: React, PWA;
- Бэкенд: интеграция API и базы участников;
- Авторизация и доступ: Keycloak;
- Синхронизация данных: обновление данных карты через API;
- Офлайн-доступ: локальное хранение данных, Service Workers;
- Проверка участника: QR-код.
Результаты
Клиент заменил пластиковые ID-карты цифровым форматом, который работает на смартфоне и не требует установки отдельного приложения.
Участники и инструкторы получили быстрый доступ к своей карте, статусу и квалификации. Организация сократила расходы на выпуск, доставку и замену пластиковых карт, а обновление данных стало проще: изменения в центральной базе отображались в цифровой карте без ее перевыпуска.
В результате клиент получил:
- цифровую ID-карту вместо пластиковой;
- доступ к карте со смартфона, в том числе при отсутствии интернета;
- QR-проверку участника и его статуса;
- обновление данных из центральной базы без перевыпуска карты;
- снижение расходов на печать, доставку и замену пластиковых карт;
- удобную идентификацию для участников, инструкторов и администраторов;
- основу для подключения новых цифровых сервисов организации.