RomAromA Paper: Полный разбор возможностей и архитектуры платформы
RomAromA Paper — это легкое одностраничное SPA-приложение, объединяющее функции бесконечной векторной доски, системы управления обучением (LMS), видеоконференцсвязи и ИИ-помощника. Приложение работает бесшовно внутри виджета на roma-roma.ru, обеспечивая высокую скорость и стабильность даже при нестабильном интернет-соединении.
1. Безопасная идентичность и управление сессией
Авторизация реализована через postMessage-мост между родительским окном сайта и виджетом:
- При загрузке приложение запрашивает профиль пользователя (
requestProfileFromParent). - Если пользователь не авторизован, открывается компактный iframe авторизации с фоновым опросом состояния каждые 3 секунды.
- Отзовоустойчивость: Предусмотрена двухконтурная защита от сбоев — встроенная CSS-анимация
.loading-stuck-fallbackпредупреждает пользователя через 12 секунд задержки даже при полностью отключенном JavaScript. При ошибках сети доступна кнопка ручного перезапуска.
2. Бесшовное обновление без обрыва уроков
Приложение автоматически проверяет наличие новых версий каждые 5 минут и при возврате на вкладку. В случае выхода обновления внизу экрана появляется деликатная плашка с предложением обновиться. Принудительный перезапуск не выполняется, чтобы не сорвать текущее занятие.
3. Гибкая ролевая модель (Учитель / Ученик / Родитель)
Система поддерживает мультиролевые аккаунты. При первом входе пользователь выбирает свои роли. Поле ФИО запрашивается динамически только при выборе роли «Учитель». Все настройки ролей можно изменить в любой момент в личном кабинете.
4. Управление занятиями и интерактивный список
Интерфейс разделяет занятия на три категории: Текущие (только сегодня), Предстоящие и История.
- Бесшовный DOM-рендеринг: Карточки уроков обновляются «на месте» без пересоздания узлов, что исключает мерцание экрана.
- Уведомления о статусах: Ученик получает уведомления о завершении урока или об отмене, если учитель не появился в течение тайм-аута.
- Индикатор опоздания: Показывает ученику точное время задержки учителя в реальном времени.
5. Календарь и конструктор регулярных занятий
Удобная недельная сетка (Пн–Вс) с маркерами количества уроков. Автоматическая синхронизация повторяющихся уроков гарантирует, что регулярный график всегда актуален.
Встроенный редактор пресетов позволяет настраивать шаблоны уроков и создавать индивидуальные иконки с помощью 8-точечного графического трансформера прямым рендерингом на Canvas.
6. Электронный журнал и аналитическая характеристика
Журнал выполнен в виде понятной недельной сетки. Оценка за урок выставляется по 6 ключевым параметрам (успеваемость, усваиваемость, цепкость, поведение, домашнее задание, работа на уроке).
- Редактирование оценок доступно исключительно учителю, проводившему конкретное занятие.
- Раздел «Характеристика» автоматически рассчитывает средние баллы ученика по всем параметрам за весь период обучения.
7. Общение и домашние задания
- Два формата чата: Встроенный чат прямо на доске урока и отдельный внеурочный чат с разделителями по занятиям.
- Обмен файлами: Поддержка загрузки материалов к домашним заданиям и чату до 500 МБ на файл с оптимизированной фоновой передачей.
8. Ядро платформы: Бесконечная интерактивная доска
Векторный холст с поддержкой панорамирования и зумирования предоставляет неограниченное пространство для творчества и обучения:
- Инструменты: Ручка со сглаживанием штриха, маркер-выделитель (вынесен под графический слой), ластик, геометрические фигуры, текст, стикеры-заметки, картинки, лазерная указка.
- Библиотека фигур: Разнонаправленные треугольники, звезды, ромбы, стрелки, диалоговые облака и другие элементы с точной интерактивной трансформацией.
- Совместная работа: Отображение курсоров участников в реальном времени, live-превью чужого штриха, затухающий след лазерной указки и эмодзи-реакции.
- Управление объектами: Группировка (Ctrl+G), блокировка объектов учителем, встроенный Undo/Redo, исторический журнал действий всех участников.
- Умный буфер обмена: Собственный формат
PAPER_CLIP_PREFIXдля копирования объектов доски, поддержка прямого вставления изображений из системного буфера обмена (Ctrl+V) и файлов через Drag & Drop. - Чувствительность к нажатию: Поддержка графических планшетов с настройкой динамической толщины линии от силы нажатия пера.
9. Интегрированная видеосвязь
Встроенный видеокабинет запускается прямо внутри урока без необходимости устанавливать сторонние программы. Перед входом проводится проверка микрофона и камеры с сохранением предпочтений. Во время работы на доске звонок можно свернуть в компактную пилюлю.
10. ИИ-Ассистент на базе DeepSeek
Встроенный AI-помощник работает в общем или приватном режиме (только для учителя). Ответ ИИ можно мгновенно отправить прямо на доску в виде интерактивного стикера с помощью режима точечного прицеливания.
11. Тарифные планы и управление подпиской
Гибкая система тарифов (Free, Pro, Max) с прозрачной историей заказов и защитой от случайного понижения уровня действующего тарифа.
12. Панель администратора и граф связей
Мощный аналитический модуль для владельцев и администраторов:
- Интерактивный граф (Sankey): Наглядная визуализация связей «Родители → Ученики → Учителя» с цветовой дифференциацией.
- Карточка пользователя: Управление связями, ручная выдача подписок, быстрый переход к журналу и характеристикам.
- Демо-режим: Возможность моментального переключения в интерфейс ученика без повторной авторизации.
13. Оптимизация и производительность
- Умный опрос (Smart Polling): Динамическая система задержек с учетом активности пользователей (от 1.5 с во время рисования до 21 с в простое) бережет ресурсы сервера и батарею устройства.
- Кастомный UI: Собственные диалоговые окна, встроенный Canvas-колорпикер и персональная палитра не зависят от системных компонентов браузера.
- Экспорт: Поддержка сохранения всей доски или выделенной области в высокогорбаритный PNG через off-screen canvas или в JSON-формат.
