Разработка web-формы для визуализации секционных ворот (SVG + параметры + PDF, English interface)

Задание закрыто
Стоимость:40 000 рублей
Срок выполнения:14 дней
Варианты оплаты:По договоренности
Дата публикации:2025-10-30 13:22
Обновлено:2025-11-05 08:38
Был(а) на сайте:2025-11-12 12:12

Разработка web-формы для визуализации секционных ворот (SVG + параметры + PDF, English interface)

 
Задача

Необходимо разработать web-приложение, которое позволяет вводить параметры секционных ворот и автоматически отображает визуализацию конструкции на основе чертежей (AutoCAD SVG).
Система должна формировать готовый технический лист (A4 landscape, PDF) с визуализацией ворот и таблицей параметров.
Весь интерфейс и подписи — на английском языке.

Функционал:

Форма параметров (вверху страницы)

Order No., Date

Customer, Delivery address

Opening size: W, H, h

Room size: b1, b2, D

Wall type (concrete / metal / sandwich), thickness

Lifting type (7 variants)

Sandwich panel: type, color, design, embossing

Windows (до 5 рядов)

Wicket door: position (left/center/right), opening side (left/right)

Drive type: manual / shaft / ceiling / chain + mounting side

Визуализация (основное поле)

Три блока:
• Block 1 – Wall section
• Block 2 – Front view
• Block 3 – Side view

Все три блока расположены в одну линию горизонтально между осями Ceiling и Floor.

При изменении параметров и...

Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.

Оптимизировано и агрегировано ИИ:

Нам нужно разработать веб-приложение, которое позволит пользователям вводить параметры секционных ворот и автоматически визуализировать их конструкцию на основе чертежей в формате SVG. Приложение должно формировать PDF-документ с визуализацией ворот и таблицей параметров на английском языке. Веб-форма должна быть интерактивной, с возможностью изменения параметров и динамического обновления изображения, а также поддерживать экспорт в PDF. Интерфейс должен быть полностью на английском языке и работать в популярных браузерах. Для выполнения этого задания потребуются навыки веб-разработки, включая опыт работы с JavaScript и фреймворками React или Vue, а также знание библиотек для работы с SVG (например, SVG.js или Fabric.js) и инструментов для экспорта в PDF (таких как jsPDF или html2canvas). Специалист должен иметь опыт работы с векторной графикой и уметь создавать интерактивные веб-приложения. Подойдет веб-разработчик с опытом в создании пользовательских интерфейсов и визуализаций данных.
Рекомендации агрегированы на основе похожих успешных проектов и реальных навыков исполнителей.
- -
- - ebabicheff
Основная специализация: ИТ и Разработка
    Готов разработать интерактивную веб-форму.
    Дамир Абейдуллин
    Дамир Абейдуллин damir04
    Основная специализация: ИТ и Разработка
    Здравствуйте, Алексей, готов обсудить детали проекта. Опыт есть!

    Жду Вашего ответа!
    ---------------------------------------
    Telegram - @ab_damirr

    WhatsApp- +79172088852

    Почта - freelancedamir@yandex.ru

    Примеры моих работ

    IT и Разработка
    Дизайн, Монтаж и 3D
    Копирайтинг, Рерайтинг и Переводы
    Александр Совинов
    Александр Совинов sovaalek
    Основная специализация: Веб-разработка и Продуктовый дизайн
      Добрый день
      Опыт с SVG - да, AutoCAD- к сожалению нет. Визуализациями в web -да
      Разработка - php + js
      Хотелось бы обсудить детали
      Кларк Крейг
      Кларк Крейг LisserMan
      Основная специализация: ИТ и Разработка
        Здравствуйте. JavaScript.
        Alexandr Alexandrov
        Alexandr Alexandrov gglalex
        Основная специализация: Веб-разработка и Продуктовый дизайн
        Приветствую. Разработаю интерактивную web-форму с визуализацией ворот по параметрам заказчика — с динамическим обновлением SVG-графики, настройкой всех вариантов подъёма и экспортом итогового листа в PDF. Опыт есть в работе с AutoCAD-графикой, визуализациями и web-интерфейсами на React и чистом JS. Связь в Telegram - @Alexuys

        Примеры моих работ

        Календарь на swift
        web app
        site
        Daicha Takeda
        Daicha Takeda cockie35
        Основная специализация: ИТ и Разработка
          Привет!
          Я — опытный разработчик с многолетним стажем в Python. Пишу скрипты, сайты, парсеры, телеграм-ботов, десктопные утилиты и многое другое. Также разрабатываю андроид-приложения.

          Что я предлагаю:

          • Быстрое и КАЧЕСТВЕННОЕ выполнение задач

          • Адекватную обратную связь 12/7(когда не сплю)

          • Помощь с запуском, настройкой и разъяснением работы проекта

          • Честный подход и соблюдение сроков

          Всегда за Безопасную Сделку

          Портфолио: https://ochistka35.wixsite.com/daichasportfolio
          Telegram для связи: https://t.me/daicha_helper_bot (прошу писать, онли в тг)
          Дамир Усманов
          Дамир Усманов itstyles
          Основная специализация: ИТ и Разработка
          Доброго времени суток!
          Готов обсудить Ваш проект.
          Юрий Web
          Юрий Web u1624
          Основная специализация: ИТ и Разработка
            Сделаю., анимация,
            Интерактив Html5., без экспорта.
            Примеры конструкторов exe, Html5, в портфеле.
            Вадим Крупинин
            Вадим Крупинин kvadimk
            Основная специализация: ИТ и Разработка
            Здравствуйте! Разработаю интерактивную web-форму (EN UI) для расчёта и визуализации ворот: ввод параметров, автоматическое обновление SVG-чертежа (три вида - фронт, профиль, стена) и экспорт готового листа A4 PDF с таблицей данных и полями подписей. Реализую 7 типов подъёма, динамические окна, калитку и приводы, с сохранением параметров в LocalStorage. Работаю на фреймворках (React + TypeScript, jsPDF, FastAPI), без конструкторов.
            Центр разработки программного обеспечения EDISON
            Центр разработки программного обеспечения EDISON edsd
            Основная специализация: ИТ и Разработка
              Добрый день!

              Портфолио:
              https://www.edsd.ru/ru/portfolio

              Примеры работ:
              https://www.edsd.ru/razrabotka-prilozhenij-i-sajtov-na-php
              https://www.edsd.ru/razrabotka-sajtov-i-prilozhenij-na-python
              https://www.edsd.ru/prilozheniya-i-sajty-moskovskogo-yuvelirnogo-zavoda

              Давайте обсудим детали голосом или в чате?
              whatsapp +7 (950) 583 10-92
              telegram @edsdmanager
              Максим

              Примеры моих работ

              CRM для фитнес-клуба, школы плавания или бассейна
              Повышение рентабельности магазина нейронной сетью
              Программа подбора вентиляционного оборудования
              Maria Renier
              Maria Renier MariaRenier
                Здравствуйте!

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

                Что могу предложить:
                Реализацию формы с динамическим обновлением SVG-графики (по параметрам клиента, типу подъёма, наличию калитки и т.д.).
                Быструю перерисовку визуализации (до 0.5 сек) без перезагрузки страницы.
                Экспорт в PDF через jsPDF + html2canvas, с сохранением масштаба и структуры листа.
                Работающий прототип, который можно легко доработать или интегрировать в уже существующую систему.
                Локальное сохранение данных через LocalStorage (удобно при черновиках).

                React или чистый JS (в зависимости от требуемой гибкости), SVG как основа визуализации, аккуратный адаптивный интерфейс.

                У меня есть опыт в работе с AutoCAD-графикой (DWG/DXF в SVG), настройке масштабирования и позиционирования элементов в браузере. Ранее делала визуализаторы для строительных объектов и фасадных схем — знаю, насколько важно, чтобы и точность, и внешний вид были на уровне.

                Срок на реализацию выполню как можно скорее , как вы указали.
                Буду рада обсудить детали особенно варианты визуальных модулей и формат предоставления исходников.
                Сергей
                Сергей ulvar
                Основная специализация: ИТ и Разработка
                Привет.
                Если не нужна серверная часть - цена и срок устраивают. Если нужна - цена будет выше.
                Реализация - js, без фреймворков.
                Предоплата - 50% .
                Если такой вариант устраивает - пиши, сделаю, большой опыт работы с динамическими svg.
                Егор Слепцов
                Егор Слепцов gblind
                Основная специализация: Веб-разработка и Продуктовый дизайн
                  Готов выполнить проект.

                  Буду использовать Vue + SVG.js

                  Качество гарантирую.

                  Примеры моих работ

                  Игровой сервер
                  Интернет магазина мебели из Италии (2)
                  Интернет магазина мебели из Италии (1)
                  Аюб Acd234
                  Аюб Acd234 Ayubsho
                  Здравствуйте!
                  Готов разработать web-приложение для ввода параметров секционных ворот, их динамической визуализации на основе SVG и генерации технического листа в формате PDF (A4 Landscape).

                  Что сделаю:

                  1. Форма параметров (UI на английском):
                  Order No., Date; Customer, Delivery address; Opening size (W, H, h); Room size (b1, b2, D); Wall type; Lifting type (7 вариантов); Sandwich panel (type, colour, embossing); Windows (до 5 рядов); Wicket door; Drive type.
                  Все изменения будут моментально обновлять визуализацию.

                  2. SVG-визуализация:
                  Конвертирую ваши DWG/DXF в оптимизированные SVG.
                  Создам три блока визуализации, расположенные горизонтально:
                  • Wall section
                  • Front view
                  • Side view
                  Все элементы будут масштабироваться без потери качества и реагировать на параметры.

                  3. PDF (A4 Landscape):
                  Сформирую PDF с:
                  • 80% — визуализация
                  • 20% — таблица параметров
                  • Нижний блок — Order info, Notes, Logo
                  • Footer: Developed by / Checked by / Date
                  Все подписи — на английском.

                  4. Технологии:
                  React / Vue + SVG.js или Fabric.js, jsPDF / html2canvas.
                  Кроссбраузерная работа (Chrome/Edge/Firefox).
                  Чистая структура, быстрая работа, прозрачная коммуникация.

                  5. Итог:
                  Готовая web-форма, динамическое SVG, корректный PDF.
                  Срок — 3 дней, стоимость — 40 000 руб.
                  Начну сразу после получения DWG/DXF и макета PDF.
                  10:08 21.11.25
                  Подскажите, пожалуйста:
                  Нужно ли выполнять точные инженерные перерасчёты геометрии SVG в зависимости от параметров (реальное изменение размеров), или достаточно визуального масштабирования и позиционирования элементов без строгой инженерной точности?

                  Это важно для точной оценки логики параметризации.

                  Оставлять заявки могут только авторизованные пользователи.

                  Другие открытые задания:

                  Набор текста на компьютере (машинистка). Распечатка аудиозаписей. Печать текста с речи1 200 р.

                  Бюджет: 1 200 р. Приглашаем машинистку. Работа удаленная (из дома). Наличие компьютера (ноутбука). Выделенная линия интернет для скачивания аудио, видео (файлов) - бывают тяжелые по…

                  Вести аккаунты Авито , копирайтинг, обработка фото10 000 р.

                  Бюджет: 10 000 р. Вести аккаунты Авито Копирайтинг текстов, обработка фото Выкладка объявлений

                  Отправить 1500 смс через ватсап1 500 р.

                  Бюджет: 1 500 р. Задача: отправить сообщения на 1500 номеров через WhatsApp. Что нужно сделать: Отправить сообщения по предоставленному списку номеров (текст готов). На время…

                  поиск заданий