Этот проект специально подготовлен для ООО "Мой Доктор" — HTML/CSS/JS-приложение в режиме киоска, созданное для сенсорной панели в клинике. Киоск позволяет пользователям:
- Ознакомиться с услугами
- Перейти в личный кабинет для распечатки результатов
- Получить доступ к социальным сетям
- Работает в полноэкранном режиме без клавиатуры и масштабирования
- 🎞️ Фоновое видео на главном экране
- 🧊 Дизайн в стиле Glassmorphism
- 📱 Поддержка сенсорных экранов
- 🖥️ Kiosk-friendly (работает в Chrome/Edge Kiosk Mode)
- ↩️ Кнопка «Назад» при переходе в iframe
- 🔒 Блокировка масштабирования и сторонней навигации
📂 kiosk/
├── index.html # Главная страница киоска
├── style.css # Стилизация, включая эффекты стекла и сетку кнопок
├── script.js # Логика открытия/закрытия iframe и экранов
├── media/
│ ├── video.mp4 # Фоновое видео
│ └── social.webp # Скриншоты для последнего пункта в меню
- Разместите содержимое на локальном или удалённом веб-сервере.
- Установите Chrome или Edge в режиме киоска:
chrome.exe --kiosk http://localhost/index.html
- Отключите масштабирование и клавиатуру на устройстве (например, через настройки браузера или сторонний Kiosk Manager).
- 🔙 Кнопка "Назад" появляется при открытии внешнего сайта внутри iframe.
- 📄 Скачивание PDF возможно только через «Версию для печати», рекомендуется настроить автопечать или PDF viewer в kiosk-браузере.
- 🧼 Авто-логаут из Личного Кабинета можно реализовать через таймер неактивности (опционально).
- ⏳ Таймер авто-возврата на главный экран
- 🌐 Многоязычная поддержка
- 🧠 Интеграция с API клиники для живых данных
Разработка и поддержка — @gr33njj
MIT License. Используйте свободно с указанием автора.