Разработка 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). Специалист должен иметь опыт работы с векторной графикой и уметь создавать интерактивные веб-приложения. Подойдет веб-разработчик с опытом в создании пользовательских интерфейсов и визуализаций данных.
Рекомендации агрегированы на основе похожих успешных проектов и реальных навыков исполнителей.
Дамир Абейдуллин
Дамир Абейдуллин 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
          Максим

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

          Мозаика из пинов по фотографии на PHP
          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

            Качество гарантирую.
            Аюб 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 в зависимости от параметров (реальное изменение размеров), или достаточно визуального масштабирования и позиционирования элементов без строгой инженерной точности?

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

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

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

              Дизайнер на проект10 000 р.

              Бюджет: 10 000 р. Нужен дизайнер для проекта https://12k.center/ на постоянку. Основная работа - креативы для соцсетей. Около 25-28 крео за месяц. 1-2 раза в неделю делаем карусели…

              Менеджер Маркетплейсов65 000 р.

              Бюджет: 65 000 р. Нужен человек на долгосрочную работу для введения аккаунтов на WB, Ozon и других онлайн площадках. Работа полностью онлайн, можно совмещать с учёбой и другой работо…

              Специалист по отправке сообщений (удаленно)8 500 р.

              Бюджет: 8 500 р. Нужен исполнитель для рассылки информационных сообщений клиентам по предоставленным материалам. Общение минимальное, ответы — по скрипту. Что нужно делать: — Расс…

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