DigitalEducation
Приложение для формирования базовых цифровых компетенций
у начинающих пользователей
Студенты: Богданов Д.Р., Туктаров А.Р. | Руководитель: Кильдибаева С.Р.
2026
Актуальность
Социальная значимость
Низкий уровень цифровой грамотности у большинства населения.
Дефицит инструментов
Большинство существующих ресурсов ориентированы только на теорию
Практическая востребованность
Внедрение в школы, колледжи, вузы, центры занятости.
Цель и задачи
Цель
Создание интерактивной платформы, позволяющей повысить эффективность освоения цифровой грамотности за счёт автоматической валидации практических действий в реальной среде Windows
Задачи
- Разработать алгоритм анализа экрана
- Создать редактор уроков на основе JSON и PNG-шаблонов
- Реализовать несколько типов визуальных подсказок
- Внедрить сбор статистики обучения
- Разработать конструктор, позволяющий создавать и редактировать пользовательские уроки
Целевая аудитория
Школьники и студенты
Освоение ПК, файловой системы, Windows
Преподаватели
Создание курсов, отслеживание прогресса обучения
Люди старшего возраста
Адаптивные подсказки, низкий порог входа
Корпоративные сотрудники
Повышение ИТ-компетенций
Обзор аналогов
«Азбука Интернета»
Электронный учебник, курсы для пенсионеров. Формат: текст + видео. ❌ Нет проверки реальных действий.
«Цифровой ликбез» / «Урок цифры»
Видеоуроки и методички для школьников. Формат: видео + тесты. ❌ Нет интерактивной проверки в ОС.
Stepik / Foxford
Курсы по цифровой грамотности с видео и тестами. ❌ Не анализируют реальные действия пользователя.
Архитектура и технологии
Технологии
- C# / .NET 8 – основной язык и платформа
- WPF – графический интерфейс, оверлейные окна
- OpenCvSharp – компьютерное зрение
- MVVM – разделение логики и представления
- JSON.NET – хранение конфигураций уроков
- SkiaSharp – отрисовка подсказок
Для чего
- ✅ Создание десктопного приложения под Windows
- ✅ Отображение подсказок поверх всех окон
- ✅ Распознавание кнопок, меню, иконок на экране
- ✅ Чистая архитектура и тестируемость кода
- ✅ Гибкое хранение сценариев уроков
- ✅ Визуализация стрелок, затемнения, рамок
Алгоритм работы (взаимодействие модулей)
🔁 Цикл повторяется на каждом шаге урока до его завершения
Демонстрация: главное окно
Демонстрация работы урока
Демонстрация работы урока
Типы визуальных подсказок (1/2)
Затемнение
Угол
Типы визуальных подсказок (2/2)
Стрелка
Рамка
Перспективы развития
Многопользовательский режим
Платформа для публикации, просмотра и обмена готовыми уроками между пользователями.
ИИ для компьютерного зрения
Нейросетевое распознавание элементов интерфейса для повышения точности и устойчивости.
Веб-версия
Кроссплатформенный доступ через браузер.
Заключение
DigitalEducation – эффективный инструмент для практического обучения цифровой грамотности, не имеющий явных аналогов в РФ.
Автоматическая валидация действий
Конструктор уроков
4 типа визуальных подсказок