Presentation 1 (2)

1. Индивидуальный проект по информатике на тему: “Программа по нахождению уязвимостей в конфигурации сайта”

Муниципальное бюджетное общеобразовательное учреждение г.Пушкино
Городского округа Пушкинский Московской области, Образовательный комплекс №
8
Индивидуальный проект по информатике на
тему: “Программа по нахождению уязвимостей
в конфигурации сайта”
Выполнил: ученик 9В класса Михайлов Евгений
Учитель: Андреева Валерия Викторовна

2. Цель проекта

Цель проекта - разработать сайт,
который анализирует настройки
безопасности веб-страницы и наглядно
демонстрирует возможные риски.

3. Задачи проекта

• Реализовать локальный backend-сервер для анализа
страниц.
• Создать React-интерфейс с удобным отображением
результатов.
Задачи
проекта
• Реализовать визуальные симуляции:
• отсутствие CSP(Content Security Policy)
• отсутствие HSTS(Strict-Transport-Security)
• формы без CSRF(Cross-site request forgery)
• Подготовить тестовые страницы для демонстрации
разных конфигураций.
• Подготовить документацию и презентацию.

4. Актуальность

• 90% атак на веб-приложения связаны не только с программными
ошибками, но и с неправильной конфигурацией.
• Заголовки безопасности часто игнорируются разработчиками.
• Понимание конфигурации — важная часть ИБ.
• Простой инструмент позволит быстро обучать школьников и
начинающих специалистов основам веб-безопасности.

5. Ход работы

1.Выбор технологий и проектирование
архитектуры.
2.Создание backend-модуля анализа.
3.Разработка тестовых HTML-страниц.
4.Реализация frontend-интерфейса на React.
5.Создание модуля симуляций.
6.Интеграция и тестирование работы системы.

6. Архитектура решения

• Frontend (React)
• UI
• Отображение результатов
• Визуализация симуляций
Архитектура
решения
• Backend (Node.js + Express)
• Анализ HTML c помощью
Cheerio
• Проверка HTTP-заголовков
• Эмуляция последствий
• Тестовый веб-стенд
• Несколько учебных HTMLстраниц
• Условия для проверки
разных кейсов
• Работает локально и
безопасно

7. Технологии проекта

Технологи
и проекта
• Frontend:
React
Vite
JavaScript
CSS
• Backend:
Node.js
Express
Cheerio (парсинг HTML)
CORS
Node-Fetch
• Инструменты:
Git / VSCode
npm
Локальный сервер разработки

8. Backend состоит из следующих элементов:

•