Разработка интерактивной веб-формы с визуализацией

Цель проекта

Создать удобный онлайн-инструмент, который позволит:

• Значительно упростить процесс подготовки наглядных схем ворот на основе индивидуальных параметров клиента.
• Обеспечить автоматическое построение и отображение конструкции в режиме реального времени при изменении введённых данных.
• Формировать готовый к печати документ (PDF), содержащий визуализацию и сводную таблицу всех параметров.

Основной функционал

1. Панель ввода параметров

Форма для ввода данных, расположенная в верхней части экрана, должна включать следующие поля:

• Номер заказа и дата.
• Наименование заказчика и адрес (свободный ввод текста).
• Геометрические размеры проёма: ширина (W), высота (H), притолока (h).

2. Интерактивная визуализация

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

3. Генерация PDF-документа

• Функция экспорта итогового листа для печати в формате PDF.
• Документ должен включать в себя:
  • Полученную визуализацию конструкции.
  • Сводную таблицу со всеми введёнными параметрами и данными заказа.
  • Профессиональное оформление, пригодное для передачи клиенту.

Технические ожидания

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