ТЗ: Интерактивный конструктор проектирования для сайта компании
Цель
Создать веб-приложение для проектирования детских и спортивных площадок и парков.
Функционал для пользователя
• Создание и редактирование плана на холсте.
• Добавление, перемещение, масштабирование, вращение и изменение цвета объектов (оборудование, игровые комплексы и др.).
• Сохранение проектов и экспорт в PNG/PDF.
• Масштабирование, панорамирование, включение сетки и привязки объектов.
• Получение готового коммерческого предложения.
Основные функции
Холст:
• Зум и панорамирование мышью/жестами.
• Сетка (вкл/выкл) и привязка объектов.
Объекты:
• Каталог: детско-спортивное оборудование, МАФы, игровые комплексы и т.п. (3D и DWG файлы).
• Свойства: координаты, размер, угол, цвет, материал, уровень слоя.
• Действия: перетаскивание, масштабирование, вращение, копирование, удаление, группировка.
Панель свойств объекта: настройка поворота, цвета, прозрачности, материалов, типа объекта.
Сохранение и экспорт:
• PNG (с прозрачным фоном), PDF.
• Автосохранение.
Интерфейс:
• Панель инструментов: добавление объектов, сетка, слои.
• Каталог объектов.
• История действий.
• Кнопки: «Сохранить», «Загрузить», «Экспорт».
• Адаптивность: десктоп, планшет, мобильная версия.
Дополнительно:
• Масштабирование объектов и холста.
• Система слоёв.
• Кэширование текстур.
• Оптимизация под большие планы.
• Встраивание ссылки на приложение на сайте в Тильде.
Безопасность:
• Защита от мошенников.
• Ограничение размера проектов и экспортируемых файлов.
Этапы разработки
1. Прототип с сохранением объектов.
2. Добавление объектов: перемещение, масштаб, вращение.
3. Сохранение/загрузка (JSON + API).
4. Экспорт PNG/PDF.
5. UI/UX: панель инструментов, свойства объектов, сетка.
6. Тестирование и оптимизация.
Коммерческое предложение должно включать
• Подробный функционал.
• Сроки реализации этапов.
• Технические требования.
• Обратную связь от нас.
Ответ от клиента должен содержать
• Подтверждение заинтересованности.
• Контактные данные.
• Краткое описание задачи.
• Возможный бюджет или сроки (если есть).
Примеры для понимания:
•
•