Проект «Skriptum» — специализированная веб-система электронного документооборота и управления бизнес-процессами, созданная для онлайн-школ, обучающих детей из русскоязычных семей, проживающих за рубежом. Система разработана в рамках выпускной квалификационной работы бакалавра по направлению 09.03.03 «Прикладная информатика» в АлтГПУ (Барнаул, 2026).

Идея проекта возникла из реальной практической проблемы: территориально распределённые образовательные организации страдают от разрозненного хранения документов, непрозрачных процессов согласования, отсутствия контроля версий и потери задач в мессенджерах. Анализ рынка показал, что ни одно из существующих решений — СЭД (1С:Документооборот), LMS (Moodle), BPMS (Camunda), облачные сервисы (Google Workspace) — не закрывает все эти потребности одновременно.

«Skriptum» объединяет в одном продукте: централизованный документооборот с версионированием, систему задач, визуальный BPMN-редактор и уведомления реального времени через WebSocket. Система реализована на стеке Django + Vue.js и распространяется как открытый исходный код.

• Централизованное хранение документов организации (учебно-методических, административных, отчётных) в единой защищённой базе данных.

• Автоматический контроль версий: сохранение каждой редакции документа с возможностью просмотра истории и отката к любой версии.

• Прозрачное согласование документов с фиксацией статусов: черновик → на проверке → утверждён → архив.

• Управление задачами и поручениями: назначение исполнителей, приоритетов (низкий / средний / высокий / критический), сроков; отслеживание статусов.

• Визуальное моделирование бизнес-процессов в нотации BPMN 2.0 непосредственно в браузере без дополнительного ПО.

• Гибкое ролевое разграничение доступа к документам, задачам и BPMN-диаграммам (роли: Администратор, Руководитель, Преподаватель, Наблюдатель).

Система состоит из пяти взаимосвязанных функциональных модулей:

Модуль управления документами:

• Создание и редактирование документов в форматированном редакторе CKEditor 5 (заголовки, списки, таблицы, изображения, ссылки, блоки кода).

• Автоматическое версионирование при каждом сохранении (модель DocumentHistory); восстановление любой версии одним нажатием.

• Управление правами доступа: просмотр или редактирование для конкретных пользователей (модель DocumentAccess).

• Четыре статуса документа с контролем переходов: черновик → на проверке → утверждён → архив.

Модуль управления задачами:

• Создание задач с исполнителем, приоритетом, сроком и описанием.

• Смена статусов задачи исполнителем и инициатором; фильтрация по любым параметрам.

• Предустановленные виды: «Мои задачи», «Поручения», «Просроченные».

Подсистема BPMN-моделирования:

• Встроенный визуальный редактор на базе библиотеки BPMN.js с поддержкой полного стандарта BPMN 2.0 (пулы, дорожки, задачи, шлюзы, события, потоки сообщений).

• Хранение диаграмм в формате XML; экспорт в XML и SVG.

• Логическая связь диаграмм с документами и задачами через сущность Process.

Подсистема уведомлений реального времени:

• WebSocket-уведомления через Django Channels; доставка без перезагрузки страницы.

• Компонент-«колокольчик» со счётчиком непрочитанных; сохранение уведомлений в базе.

Система ролей и безопасности:

• JWT-аутентификация (Djoser + Simple JWT): токен доступа 15 мин, токен обновления на несколько суток.

• Двухуровневая проверка прав: серверная (DRF permissions) и клиентская (скрытие недоступных элементов).

• Хранение паролей в виде PBKDF2-хэшей; защита от CSRF и XSS средствами Django.

Бэкенд:

• Python 3.11, Django 4.2 — серверная логика.

• Django REST Framework — REST API.

• Django Channels + Daphne (ASGI) — WebSocket-взаимодействия.

• Djoser + djangorestframework-simplejwt — аутентификация по JWT.

Хранилище данных:

• PostgreSQL 15 — реляционная СУБД с ACID-транзакциями.

• Redis 7 / Memurai — брокер сообщений для channel layer.

Фронтенд:

• Vue.js 3 + Vue Router + Composition API — одностраничное приложение (SPA).

• Axios — HTTP-клиент.

• CKEditor 5 — визуальный редактор форматированного текста.

• BPMN.js (Camunda) — BPMN 2.0 редактор в браузере.

Инфраструктура:

• Nginx — обратный прокси; маршрутизация HTTP и WebSocket.

• Linux Ubuntu 22.04 — среда развёртывания.

• Интеграция с внешними сервисами: Google Calendar (расписание), Zoom/Teams (видеоконференции), Telegram-бот (уведомления).

• Разработка мобильного приложения (iOS/Android) на базе существующего REST API.

• Внедрение механизма электронной цифровой подписи документов (ГОСТ Р 34.10-2012).

• Расширение BPMN-подсистемы до исполняемых процессов: автоматическое назначение задач по шагам диаграммы без ручного вмешательства.

• Аналитический модуль с дашбордами: загрузка сотрудников, статистика документооборота, просроченные задачи.

• Поддержка мультиязычного интерфейса для работы в международной среде (i18n/l10n).

• Интеграция с LMS-системами (Moodle) через открытый API для объединения учебного и административного контуров.

Все шесть задач, поставленных в выпускной квалификационной работе, решены в полном объёме. Система прошла функциональное тестирование по 8 сценариям — все успешно пройдены.

Реализованы все заявленные модули: управление документами с версионированием и ролевым доступом; управление задачами с интегрированными уведомлениями; BPMN-подсистема с полноценным визуальным редактором; система ролей и JWT-аутентификации; адаптивный интерфейс на Vue.js 3. Продукт готов к практическому внедрению.

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

Внедрение «Skriptum» обеспечивает:

• Сокращение времени согласования документов за счёт прозрачного маршрута и мгновенных уведомлений.

• Исключение потери актуальной версии документа — автоматическое версионирование гарантирует сохранность всех редакций.

• Повышение прозрачности исполнительской дисциплины — задачи с дедлайнами и приоритетами видны руководителю в режиме реального времени.

• Снижение порога адаптации новых сотрудников — BPMN-диаграммы наглядно описывают все регламентированные процессы.

Социальная ценность проекта: профессиональный инструмент документооборота доступным для небольших некоммерческих и образовательных организаций, которые не могут позволить себе лицензии корпоративных СЭД стоимостью от 100 000 рублей.

Все страницы выполнены в едином визуальном стиле: единая цветовая схема, типографика (шрифт, размеры, межстрочный интервал), иконографика и кнопки действий. CSS-архитектура на flex-layout и медиа-запросах: на мобильных устройствах боковое меню сворачивается в выдвижную панель, таблицы преобразуются в карточки. Компонентная архитектура Vue.js гарантирует, что каждый переиспользуемый элемент (кнопка, форма, уведомление) выглядит одинаково во всех частях приложения.

• Горизонтальное масштабирование бэкенда: несколько экземпляров Django запускаются параллельно; состояние хранится в PostgreSQL и Redis, а не в памяти процесса.

• Архитектура SPA + REST API: полное разделение фронтенда и бэкенда; каждый уровень масштабируется независимо.

• Открытый REST API обеспечивает интеграцию с LMS, CRM, мессенджерами и сервисами видеоконференций.

• BPMN XML (стандарт OMG) обеспечивает совместимость диаграмм с Camunda, Bizagi, draw.io и другими инструментами.

• Адаптивный интерфейс (CSS flex-layout, медиа-запросы) корректно отображается на смартфонах, планшетах и настольных компьютерах.

Каждая технология выбрана по результатам сравнительного анализа альтернатив:

• Django vs Flask/FastAPI: Django — full-stack фреймворк с встроенным ORM, миграциями, административной панелью и зрелой экосистемой; Flask/FastAPI требуют значительно больше дополнительных библиотек.

• Vue.js 3 vs React vs Angular: Vue.js — низкий порог вхождения, встроенный роутер, богатая экосистема без обязательного TypeScript; React требует настройки экосистемы, Angular — жёсткая архитектура.

• PostgreSQL vs MySQL: поддержка ACID, полнотекстовый поиск, тип JSONB, расширяемость.

• BPMN.js: официальная библиотека Camunda, поддержка полного стандарта OMG BPMN 2.0, бесплатная, активно поддерживается.

• JWT-аутентификация: stateless, масштабируется горизонтально без сессионного хранилища.

• Django Channels: единственное официальное решение для WebSocket в экосистеме Django, поддерживается командой разработчиков фреймворка.

Анализ рынка показал, что ни одно из существующих решений не сочетает все необходимые функции одновременно:

• СЭД (1С:Документооборот, Docsvision): нет BPMN-моделирования, не адаптированы под образование, высокая стоимость лицензий.

• LMS (Moodle): нет административного документооборота, нет версионирования, нет согласования.

• BPMS (Camunda, Bizagi): нет встроенного хранилища документов, требуют значительной доработки, высокий порог вхождения.

• Облачные сервисы (Google Workspace, Microsoft 365): нет специализированного версионирования, нет BPMN, вопросы локализации данных.

«Skriptum» — единственное решение, объединяющее все четыре функции в одном продукте.

Целевая аудитория — педагогический и административный персонал онлайн-школ с разным уровнем технической грамотности. Ролевая модель показывает каждому пользователю только те функции, которые ему нужны. Русскоязычный интерфейс, привычные паттерны (карточки, модальные окна, списки) и отсутствие технического жаргона соответствуют ожиданиям аудитории.

Интерфейс спроектирован с акцентом на интуитивность: боковое меню обеспечивает быстрый доступ ко всем разделам; Dashboard отображает ключевые показатели сразу после входа. WebSocket-уведомления исключают необходимость вручную обновлять страницу. История версий документа позволяет восстановить любую редакцию в два клика. BPMN-редактор работает прямо в браузере без установки дополнительного ПО.