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)
-
уточните что именно требуется и ваш бюджет
-
Current freelance projects in the category Javascript and Typescript
Online clothing storeNeed a developer for an online clothing store Looking for an experienced developer to create a full-fledged online clothing store with a drop model of sales. What needs to be done: 6 pages: home, product, cart, checkout, account, admin panel Login via Google account Cart and… HTML & CSS, Javascript and Typescript ∙ 1 day 4 hours back ∙ 81 proposals |
Full-stack development — Amazon PPC Dashboard (Stage 1)Need a full-stack developer with experience working with Amazon API to implement Stage 1 of the internal PPC dashboard. The project is real, the data is live, everything is ready to start. Frontend prototype (5 pages, React + TypeScript): WHAT IS ALREADY READY — Frontend… Javascript and Typescript, Web Programming ∙ 3 days 15 hours back ∙ 29 proposals |
Development of a photo book and photo frame constructor websiteProject Goal A modern website needs to be developed for ordering photo books, photo frames, and other personalized photo products. The main task of the project is to provide the client with the ability to independently create a ready-made layout of the product directly on the… Javascript and Typescript, Web Programming ∙ 5 days 7 hours back ∙ 97 proposals |
Team for a custom marketplace of funeral services.We are looking for a team to launch and develop a custom national marketplace for funeral services. Right away: we are not looking for solo freelancers, juniors, or "website builders." We need a strong product team at the middle+/senior level with real cases in… Javascript and Typescript, Web Programming ∙ 6 days 1 hour back ∙ 27 proposals |
Improvement of the existing Next.js/Supabase project: offers, CRM, analytics, AI chatThere is an active project WatchGenius — a luxury watch analytics platform with a catalog of models, price analytics, external offers, application forms, and an AI chat. The project has already been partially developed. We need not a website from scratch, but an experienced… Javascript and Typescript, Web Programming ∙ 8 days 3 hours back ∙ 55 proposals |