Техническое задание: Создание научного портала по цифровизации водных ресурсов

Цель проекта

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

Основные функциональные требования

1. Адаптивность и производительность

• Кроссбраузерная и адаптивная вёрстка для десктопных и мобильных устройств.
• Высокая скорость загрузки (PageSpeed не ниже 80-85 баллов).

2. Интерактивная карта

• Карта, разделённая на 20 тематических зон.
• Интерактивность:
  • При наведении на зону - всплывающая подсказка с краткой информацией.
  • При клике на зону - открытие модального окна с расширенными данными.
• Все данные на карте должны редактироваться через административную панель.

3. Система аналитики и графиков

• Интерактивные диаграммы и графики с подсказками при наведении.
• Возможность обновления данных графиков через загрузку XLS/CSV файлов.

4. AI-ассистент (чат-бот)

• Чат-интерфейс для ответов на вопросы пользователей.
• Функционал обучения на основе загружаемых материалов (документы, статьи, данные).
• Возможность обновления и пополнения базы знаний через админ-панель.

5. Система управления доступом к контенту

Реализация механизма разграничения прав доступа для различных групп пользователей.

Структура сайта (страницы)

• Главная страница (баннер, навигация, быстрые ссылки)
• О проекте (цели, актуальность, основные направления работы)
• Исследование (методология, научные задачи, база)
• Результаты (аналитические отчёты и интерактивные графики)
• Интерактивная карта
• Раздел с AI-ассистентом
• Блог / Публикации (при необходимости)
• Контакты

Административная панель

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

• Управление пользователями и ролями доступа.
• Редактирование всех текстовых материалов на сайте.
• Управление данными и информацией на интерактивной карте.
• Загрузка и обновление данных для графиков и диаграмм.
• Управление обучающими материалами и базой знаний для AI-ассистента.

Дизайн и визуальная часть

• Реализация на основе предоставленных заказчиком готовых макетов.
• Тёмная цветовая схема в техно-стилистике с неоновыми акцентами.
• Плавные, современные анимации элементов интерфейса.

Требования к безопасности и SEO

• Обязательное использование SSL-сертификата.
• Надёжное шифрование паролей и пользовательских данных.
• Защита от прямого доступа к служебным файлам.
• Реализация защиты от ботов (например, reCAPTCHA).
• SEO-дружелюбная структура кода и URL.