Разработка web-формы для визуализации секционных ворот (SVG + параметры + PDF, English interface) 40000руб. - Задание для фрилансеров #1650719
Информация по заданию
Разработка 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)
Три блока:
• 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). Специалист должен иметь опыт работы с векторной графикой и уметь создавать интерактивные веб-приложения. Подойдет веб-разработчик с опытом в создании пользовательских интерфейсов и визуализаций данных.
Приветствую. Разработаю интерактивную web-форму с визуализацией ворот по параметрам заказчика — с динамическим обновлением SVG-графики, настройкой всех вариантов подъёма и экспортом итогового листа в PDF. Опыт есть в работе с AutoCAD-графикой, визуализациями и web-интерфейсами на React и чистом JS. Связь в Telegram - @Alexuys
Привет!
Я — опытный разработчик с многолетним стажем в Python. Пишу скрипты, сайты, парсеры, телеграм-ботов, десктопные утилиты и многое другое. Также разрабатываю андроид-приложения.
Что я предлагаю:
• Быстрое и КАЧЕСТВЕННОЕ выполнение задач
• Адекватную обратную связь 12/7(когда не сплю)
• Помощь с запуском, настройкой и разъяснением работы проекта
• Честный подход и соблюдение сроков
Всегда за Безопасную Сделку
Портфолио: https://ochistka35.wixsite.com/daichasportfolio
Telegram для связи: https://t.me/daicha_helper_bot (прошу писать, онли в тг)
Здравствуйте! Разработаю интерактивную web-форму (EN UI) для расчёта и визуализации ворот: ввод параметров, автоматическое обновление SVG-чертежа (три вида - фронт, профиль, стена) и экспорт готового листа A4 PDF с таблицей данных и полями подписей. Реализую 7 типов подъёма, динамические окна, калитку и приводы, с сохранением параметров в LocalStorage. Работаю на фреймворках (React + TypeScript, jsPDF, FastAPI), без конструкторов.
Мне попался и заинтересовал ваш проект идея автоматической визуализации ворот с параметрами заказчика выглядит очень практично и современно. Я уже сталкивалась с похожими задачами, где нужно было динамически формировать визуальные схемы на основе введённых данных и готовить PDF-отчёты с графикой и таблицами параметров, так что хорошо понимаю, как выстроить процесс от логики до аккуратного интерфейса.
Что могу предложить:
Реализацию формы с динамическим обновлением SVG-графики (по параметрам клиента, типу подъёма, наличию калитки и т.д.).
Быструю перерисовку визуализации (до 0.5 сек) без перезагрузки страницы.
Экспорт в PDF через jsPDF + html2canvas, с сохранением масштаба и структуры листа.
Работающий прототип, который можно легко доработать или интегрировать в уже существующую систему.
Локальное сохранение данных через LocalStorage (удобно при черновиках).
React или чистый JS (в зависимости от требуемой гибкости), SVG как основа визуализации, аккуратный адаптивный интерфейс.
У меня есть опыт в работе с AutoCAD-графикой (DWG/DXF в SVG), настройке масштабирования и позиционирования элементов в браузере. Ранее делала визуализаторы для строительных объектов и фасадных схем — знаю, насколько важно, чтобы и точность, и внешний вид были на уровне.
Срок на реализацию выполню как можно скорее , как вы указали.
Буду рада обсудить детали особенно варианты визуальных модулей и формат предоставления исходников.
Привет.
Если не нужна серверная часть - цена и срок устраивают. Если нужна - цена будет выше.
Реализация - js, без фреймворков.
Предоплата - 50% .
Если такой вариант устраивает - пиши, сделаю, большой опыт работы с динамическими svg.
Здравствуйте!
Готов разработать 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
Все подписи — на английском.
5. Итог:
Готовая web-форма, динамическое SVG, корректный PDF.
Срок — 3 дней, стоимость — 40 000 руб.
Начну сразу после получения DWG/DXF и макета PDF.
10:08 21.11.25
Подскажите, пожалуйста:
Нужно ли выполнять точные инженерные перерасчёты геометрии SVG в зависимости от параметров (реальное изменение размеров), или достаточно визуального масштабирования и позиционирования элементов без строгой инженерной точности?
Это важно для точной оценки логики параметризации.
Оставлять заявки могут только авторизованные пользователи.
Разработка web-формы для визуализации секционных ворот (SVG + параметры + PDF, English interface)
Реклама
Разработка 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.
При изменении параметров и...