к кейсам
Музеи ДесктопГеймдев

Интерактивный стол «Родной край» для краеведческого музея

Киоск-приложение для сенсорного стола 4K: летопись нефтедобычи района, фотоархив, геология, карта месторождений и три обучающие игры — с админ-панелью прямо на столе и полностью офлайн-работой.

Клиент

Краеведческий музей г. Чернушка (Пермский край)

Задача

Заменить статичные стенды интерактивным сенсорным столом, который работает офлайн, сам запускается при включении, не выпускает посетителя на рабочий стол и позволяет сотруднику музея самому менять тексты и фотографии.

О проекте

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

Это десктоп-приложение на Electron + React + TypeScript под сенсорный стол 3840×2160: киоск-оболочка с автозапуском и защитой от выхода на рабочий стол, пять разделов экспозиции, три обучающие игры и админ-панель для правки контента прямо на столе. Вся сцена свёрстана в фиксированных 4K-координатах и масштабируется под фактический экран одним преобразованием.

Технологии

  • Electron
  • React
  • TypeScript
  • Vite
  • Node.js
  • electron-builder
  • AppImage / deb / rpm
  • Docker

Что разработано

  • Киоск-оболочка на Electron: полноэкранное окно без рамки, перехват закрытия, блокировка Alt+F4, F11, Ctrl+R, Ctrl+W, Ctrl+Q и DevTools, запрет новых окон и внешней навигации, single-instance lock
  • Фиксированная 4K-сцена 3840×2160 с автомасштабированием — единая раскладка на столе, мониторе разработчика и в веб-превью
  • Раздел «Летопись»: вертикальный таймлайн от разведки 1947–1948 годов до сегодняшнего дня (18 записей) и блок «Люди нефтяного края» с биографиями первооткрывателей
  • Раздел «Фотографии»: карточки архивных снимков музея с подписями и полноэкранным просмотром
  • Разделы «Геология» и «Карта месторождений»: схема района с метками промыслов, список месторождений с годами и справкой по каждому
  • Викторина по нефтяной истории района: несколько верных ответов, разбор после каждого вопроса, итог в процентах с кольцевой диаграммой и текстовой оценкой
  • Филворд: генератор поля раскладывает 20 отраслевых терминов с приоритетом пересечений и наращивает поле, пока не поместятся все слова; поиск касанием, факт по каждому найденному слову, таймер
  • Пятнашки на снимках заказчика: сложность 3×3 или 4×4, перемешивание только допустимыми ходами, доска в пропорциях исходного кадра, счётчик шагов
  • Экран-заставка с видеороликом заказчика и логотипом музея, вход в приложение по касанию
  • Рекорды между запусками: лучший процент викторины, лучшее время филворда и выбранная сложность пятнашек
  • Админ-панель на самом столе: вход по PIN, вкладки «Фотографии», «Летопись · годы», «Люди нефтяного края» и смена PIN, добавление / удаление / порядок карточек
  • Экранная клавиатура админ-панели: русская и латинская раскладки, цифры, пунктуация, регистр и перенос абзаца — в киоске системная клавиатура недоступна
  • Загрузка снимков администратором: системный диалог выбора файла, копирование в хранилище приложения и отдача в интерфейс через собственный протокол media:// с защитой от выхода за пределы каталога
  • Внешний файл наполнения с посекционной валидацией: некорректный раздел подменяется встроенным образцом, остальные продолжают работать; формат совместим с внешней CMS
  • Поставка на Linux (включая РЕД ОС): AppImage, deb и rpm, сборка в контейнере electronuserland/builder, готовая папка для флешки со скриптами установки, удаления и запуска и инструкциями для музея
  • Автозапуск при включении устройства: автозапуск-ярлык на Linux и login item на Windows; веб-превью интерфейса в Docker для показа и приёмки без сенсорного стола

Ключевые фичи

  • Правка контента руками сотрудника музея прямо на столе: PIN, редакторы разделов, фотографии — без удалённого подключения, интернета и пересборки приложения
  • Полная автономность: шрифты, видео и снимки внутри сборки, ни один экран не обращается в сеть
  • Защита экспозиции от посетителя: киоск-режим, заблокированные системные комбинации и скрытый служебный выход по тройному касанию угла с подтверждением
  • Возврат на заставку после 90 секунд бездействия — но не во время работы администратора, чтобы длинная правка текста не прервалась на середине
  • Филворд, который всегда решается: раскладка подбирается заново на каждую партию, поле растёт, пока не поместятся все 20 слов, свободные клетки добиваются случайными буквами
  • Пятнашки без нерешаемых позиций: доска перемешивается только допустимыми ходами, а не случайной перестановкой плиток
  • Перемешивание вариантов викторины: в исходном списке верный ответ всегда стоял первым — без перемешивания игра проходилась вслепую нажатием на верхнюю строку
  • Фотография с флешки копируется в хранилище приложения — носитель можно извлечь сразу, снимок остаётся в экспозиции
  • Наполнение хранится отдельно от программы и переживает переустановку — обновление версии не стирает работу музея
  • Установка с флешки двумя способами на выбор: двойным щелчком по deb/rpm или скриптом без пароля администратора — результат и автозапуск одинаковые
  • Запуск на «неудобном» Linux: скрипт сам обходит отсутствие libfuse2 и запрет песочницы Chromium вместо показа ошибки в зале

Решение задачи

Главное ограничение проекта — не интерфейс, а условия эксплуатации: стол стоит в зале, рядом нет ни интернета, ни ИТ-специалиста, а работать он должен весь день без присмотра. Отсюда три опоры решения: полная офлайн-автономность, киоск-режим с перехватом всех штатных способов выйти из приложения и автовозврат на заставку, чтобы каждый следующий посетитель заставал стол в исходном состоянии.

Вторая часть задачи — сделать музей независимым в наполнении. Вместо удалённой CMS правка вынесена в саму панель: PIN, экранная клавиатура и выбор фотографий с флешки. Контент лежит отдельно от программы, валидируется по разделам и переживает переустановку, поэтому ошибка в одном блоке не роняет экспозицию, а обновление версии не стирает работу сотрудников.

Игры сделаны как часть экспозиции, а не как отдельные развлечения: вопросы, слова филворда и снимки для пятнашек — материал заказчика об истории нефтедобычи района, а генераторы поля и перемешивания написаны так, чтобы у посетителя физически не могло получиться нерешаемой партии.

Метрики

3840×2160 фиксированная 4K-сцена с автомасштабированием под любой экран
5 разделов + 3 игры летопись, фотоархив, геология, карта месторождений и обучающие игры
100% офлайн работа в зале без интернета: контент, шрифты и медиа внутри сборки

Заказать похожий проект

Оставьте заявку — обсудим задачу и предложим решение под ваш бизнес.

Оставить заявку

Другие кейсы

Зеленопарк (ТЦ)

МобайлВеб

Зеленопарк ТЦ приложение

Мобильное приложение для посетителей ТЦ Зеленопарк: навигация по ТЦ, акции арендаторов, события и бонусные механики.

TriMoTi

МобайлВеб

Мобильное приложение TriMoTi для аудиогидов в музеях

Мобильное приложение TriMoTi для прослушивания аудиогидов в небольших музеях по стране: маршруты, офлайн-доступ и удобный плеер для посетителей.

GoEvent

ВебMVP

Промо-система розыгрыша автомобилей в ТЦ

Платформа для проведения розыгрыша автомобилей в ТЦ по всей России (чеки, регистрация, выбор победителей).

Cyberly

ВебМобайл

Социальная сеть для киборгов (людей с ампутациями)

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

Культура гостеприимства (20+ ресторанов)

AIHR

ИИ аттестация сотрудников и оценка кандидатов

Система для сети ресторанов: автоматическое аудиоинтервью для аттестации текущих сотрудников и ИИ-оценка soft skills кандидатов для HR.

Ист Трейд

AIАвтоматизация

ИИ генерация этикеток с проверкой по ТР ТС

Автоматическая генерация этикеток для импортных продуктов с переводом и валидацией по регламентам Таможенного Союза.

ВДНХ

AIАвтоматизация

Автоматический поиск документов из 1С:ДО

Контекстный RAG-ассистент над архивом 1С:Документооборот: выгрузка из 1С, гибридный поиск по смыслу и реквизитам, ответы со ссылками на источники.

Samadashvili Winery

ВебIT-продукт

E-commerce платформа для винодельни Samadashvili

Двухконтурная Medusa-платформа для винодельни: брендовый Next.js storefront, каталог вин, корзина, checkout, Bank of Georgia, туры и кастомная админка.

ООО Умный Век

АвтоматизацияCRM

CRM-платформа для компании Umvek

Кастомная CRM-система для B2B-поставщика AV-оборудования: управление сделками, воронки продаж, финансовая аналитика, KPI и мотивация сотрудников.

Вкусно и Точка

Чат-ботАвтоматизация

Бот для розыгрышей Вкусно и Точка в MAX

Монорепо-платформа для маркетингового бота в мессенджере MAX: массовые рассылки по аудитории, розыгрыши с проверкой подписки, онбординг пользователей и веб-панель администратора.

Юридический сервис для бухгалтеров и юристов (NDA)

AIАвтоматизация

Конструктор юридических документов с AI-проверкой

Платформа автогенерации договоров и государственных форм (включая полную форму Р13014 ФНС) с AI-чатом, который проверяет документы на соответствие нормативным требованиям.

UnoCode (внутренний продукт)

IT-продуктАвтоматизация

Платформа управления проектами и командой – UnoProject

Операционная платформа для IT-студий: проекты, заказы, задачи, команда и документы в одном пространстве с ролевым доступом и прозрачностью для заказчика.

UnoCode (внутренний продукт)

AIАвтоматизация

AI-платформа квалификации тендеров UnoTender

Канбан тендеров, где ИИ по документам закупки считает вердикт и балл соответствия критериям компании, плюс поиск закупок, чат по документации и ИИ-заполнение бланков заявки.

CorpSoft24

AIMVP

AI-агент «Пресейл-менеджер» для подготовки КП

Мультисервисный AI-ассистент для пресейл-команд: анализирует клиента, готовит коммерческие предложения и презентации на базе RAG и веб-исследования, с генерацией файлов DOCX/PDF.

CorpSoft24

AIMVP

AI-ассистент продуктового менеджера

MVP-платформа, где AI-агент уровня senior PM/CPO обрабатывает продуктовые задачи в чате асинхронно через очередь, использует RAG по документам и выгружает результат в Markdown/DOCX.

Оператор торгового центра

ВебIT-продукт

Платформа интерактивных карт торговых центров UnoMallMap

Единая система управления планом этажей, виджетом для сайта, сенсорными киосками и рекламой на инфоэкранах.

UnoCode (внутренний продукт)

AIHR

AI-платформа оценки персонала Qualy

SaaS-платформа для AI-оценки персонала на основе аудио- и текстовых ответов с мультитенантностью для компаний с сетевой структурой.

HR- и рекрутинговые команды работодателей (B2B)

AIHR

AI-платформа оценки кандидатов UnoHR

Автоматический скоринг откликов и поиска резюме с HeadHunter: ранжирование кандидатов, лимиты тарифа и единый вход для HR-команд.

CorpSoft24

AICRM

AI-советник по развитию существующих клиентов

Чат-советник на базе LLM, который анализирует корпоративные данные о клиенте и даёт факты и рекомендации по upsell/удержанию с уровнем уверенности, либо честно признаёт нехватку контекста.

ETC Trade (Ист Трейд)

AIЧат-бот

AI-чат-бот для B2B- и B2C-клиентов ETC Trade

AI-чат-бот для мультиканальной поддержки B2B- и B2C-клиентов: консультации по ассортименту, доставке и условиям, квалификация лидов и передача в Bitrix24.

Turnix

ВебГеймдев

Платформа для организации киберспортивных матчей

Платформа для автоматизации проведения киберспортивных турниров (сетка, лобби, проверка результатов).

Детская школа танцев

АвтоматизацияВеб

Система планирования расписания и зарплат для школы танцев

ERP-система для детской школы танцев: планирование расписания групп, расчет зарплат преподавателей с учетом KPI и посещаемости.

123-buh

AICRM

ИИ сканер чатов и авто-задачи в Битрикс

Система в реальном времени сканирует все чаты с клиентами, выделяет задачи из потока сообщений, создает их в Битрикс24 ответственному бухгалтеру и формирует EOD-отчет.

Тримет

AIЧат-бот

ИИ-чат-бот для Авито и сайта (металлопрокат)

Чат-бот для оптово-производственной компании по металлу, знающий весь ассортимент и умеющий оформлять заявки прямо в чате Авито и на сайте.

ООО Белтимпэкс

AIАвтоматизация

Распознавание заказов из файлов клиентов

Программа для автоматического распознавания позиций заказа из любых файлов (Excel, PDF, фото) с поиском по базе номенклатуры и отправкой готового заказа в 1С.

Arhat Inks (Узбекистан)

AICRM

VIP AI-менеджер для производителя красок

ИИ-агент для работы с текущими и VIP-клиентами: распознавание узбекской речи, проверка дебиторки, формирование заказов и рекомендации ассортимента.

Белтимпэкс

AIЧат-бот

Чат-бот с остатками из 1С

ИИ чат-бот для клиентов оптовой компании, который в реальном времени показывает наличие приводных ремней и их цену из базы 1С.

ООО Умный Век

ДесктопMVP

СпортТабло (Десктопная программа)

Десктопное приложение-табло для детских спортивных соревнований в школах, отображающее счет, таймер и состав команд на проекторе/экране.