PanoramiX
PanoramiX Project
Specification Document
Краткое Описание:
Проект представляет из себя платформу редактор панорам, а также одной страницы просмотра. В проекте есть 2 вида панорам:
Страница просмотра - это страница, с определенным query string, при запросе на которую другой сайт может получить определенную панораму в iframe и выставить у себя на сайте. Страница просмотра, выставляемая в iframe должна открываться на компьютерах, ноутбуках, планшетах и мобильных устройствах.
Дальнейшее описание редактора должно описать всю структуру проекта.
Редактор панорам
Редактирование проектов:
Увидеть список(таблица или галерея) проектов и выбрать один из них(Preview photo + creation date + update date + description )
Создать и сохранить проект в базу данных.
Выбрать проект из баз и редактировать его (Update).
Удалить проект из базы данных.
Редактировать проект и сохранить.
Создание\Редактирование проекта:
Для каждого описанного ниже объекта пользователь может:
Выбрать объект из списка уже созданных ранее и добавить его в объект Объект фотографии
Удалить объект из списка уже созданных ранее или удалить его из и добавить его в объект Объект фотографии
Создать новый объект и добавить его в объект Объект фотографии
Страница со списком\галереей проектов
При создании проекта открывается Окно Заполнения всех полей проекта приводит к странице редактора.
Страница редактора, возможности редактирования главных объектов:
Редактирование всех полей Объекта Проекта
Залитие массива фотографий (Drag and Drop)
Добавление объекта\замена\удаление\сохранение, Фото, меньшего размера\логотип сразу же добавить на все фото или по отдельности
Добавление\редактирование\удаление\сохранение объектов ( может быть несколько) Массив Объектов Инфографика сразу же на все фото или по отдельности.
Добавление\редактирование\удаление\сохранение объектов ( может быть несколько) Объект Ссылка сразу же на все фото или по отдельности.
Добавление\редактирование\удаление\сохранение объектов ( может быть несколько) Объект Переход на другую Панораму сразу же на все фото или по отдельности.
Абстрактный список объектов (возможно он будет пересмотрен вместе с девелоперами)
- Проект панорамы включает в себя:
Тип Панорамы (Круговая панорама \ стандартная панорама 360)
Круговая панорама состоит из одной картинки и всех остальных полей и возможностей Объект фотографии.
стандартная панорама 360 - Объект фотографии описанный ниже.
Максимальная скорость прокрутки панорамы(скорость,максимальная скорость прокрутки)
Стандартная скорость прокрутки панорамы( скорость прокрутки при нажатии на кнопку play(ниже описан пункт d))
boolean Видны ли кнопки управления панорамой. Виды кнопок
прокрутка влево
прокрутка вправо
прокрутка вверх(видна только если Тип Панорамы -это стандартная панорама 360)
прокрутка вниз(видна только если Тип Панорамы -это стандартная панорама 360)
play (запуск автоматической прокрутки), останавливается при движении мышки\swipe пальцем в mobile view
открыть на весь экран
boolean Исчезает или нет все объекты инфографики во время прокрутки
Массив объектов фотографий (required field)
Title (not required field)
Дата создания (required field) (not editable)
Дата редактирования (required field) (not editable)
Фото или указатель на фото для preview (required field) (может быть в формате GIF)
Краткое описание проекта(not required field)
Номер\ссылка на стартовый Объект фотографии. (Для примера, слайдер просмотра панорамы откроется именно на этом фото, не смотря в какой его порядковый номер).(для Круговая панорама).
Номер\ссылка на стартовые координаты просмотра (для стандартная панорама 360).
- Объект фотографии включает в себя:
Главное фото (required field)
Title (required field)
Title Font Style (required field)
Title Font Color (required field)
Title Font Size (required field)
SubTitle (not required field)
SubTitle Font Style (required field)
SubTitle Font Color (required field)
SubTitle Font Size (required field)
Фото, меньшего размера\логотип, наложенный на главное фото (not required field)
Coordinates of Фото, меньшего размера\логотип↑
Массив Объектов Инфографика
Массив Объектов Ссылка
- Объект Инфографика
Preview Image (not required field) (может быть в формате GIF)
Title (not required field)
Title Font Style (required field)
Title Font Color (required field)
Title Font Size (required field)
SubTitle (not required field)
SubTitle Font Style (required field)
SubTitle Font Color (required field)
SubTitle Font Size (required field)
Bullet list/number list (not required field)
Bullet list/number list Font Style (required field)
Bullet list/number list Font Color (required field)
Bullet list/number list Font Size (required field)
Type of Bullet list/number list (required field)
Объект наложенного фото(полупрозрачная картинка) или полупрозрачный фон, который хранится другим образом и прорисовывается на фотографии.
Coordinates of Объект наложенного фото (q)↑
- Объектов Ссылка
Icon (required field)
Background Color
Preview Image (not required field) (может быть в формате GIF)
Title (not required field)
Title Font Style (required field)
Title Font Color (required field)
Title Font Size (required field)
SubTitle (not required field)
SubTitle Font Style (required field)
SubTitle Font Color (required field)
SubTitle Font Size (required field)
- Объект Переход на другую Панораму
Тип перехода (переход на Проект панорамы)
Icon (required field)
Preview Image (required field) (описан в Проект панорама (пункт g)) (может быть в формате GIF)
Title (required field)
Title Font Style (required field)
Title Font Color (required field)
Title Font Size (required field)
SubTitle (not required field)
SubTitle Font Style (required field)
SubTitle Font Color (required field)
SubTitle Font Size (required field)
Background Color (Of Title and SuBtitle)
-
уточните что именно требуется и ваш бюджет
-
Актуальні фриланс-проєкти в категорії Javascript
Розробка сайту за макетом
20 000 UAH
Добрий день. Є макет у фігмі: https://www.figma.com/file/RGVIymprYc4QaiJ5qp3iwL/LayerGame?type=design&node-id=0-1&mode=design Є ui kit і готова верстка сторінки Main, виконана на React, анімації реалізовані за допомогою GSAP. Необхідно сверстати на цьому стеці ще 2 сторінки… HTML та CSS верстання, Javascript ∙ 12 ставок |
ParallaxПотрібно зробити такий параллакс як тут https://www.bangbangforever.com/#artists, тобто відео блок відео( уже все сверстано є) і також уже частина параллакса готова, стек Next.js Javascript ∙ 1 ставка |
Налаштувати на сайті івенти Facebook Pixel та Google AnalyticsНалаштувати на сайті івенти Facebook Pixel та Google Analytics Зробити це через адмінку сайту, там просто додати скрипти або через GTM Javascript, Веб-програмування ∙ 5 ставок |
Калькулятор підрахунку вартості по м2 для сайту ролетівВсім привіт, мені треба зробити калькулятор підрахунку вартості товару по ширині та висоті Приклад розрахунку:Горизонтальні жалюзі 0.75 м2Тканині ролети 0.60 м2Москітні сітки 0.75 м2Римські штори 1 м2Японські штори 0.60 м2Захисні ролети 1.3 м2Вертикальні жалюзіЦіна від 1.6 м… Javascript, PHP ∙ 11 ставок |
Стилізувати Select option WordpressЗавдання стилізувати стандартний Select option на відповідні стилі. Проблема: при використанні заміни дропдауну на list через jquery: не працюють фільтри сортування товарів. Javascript, PHP ∙ 9 ставок |