Draft
Відображення об'єктів на карті
Правила групування міток
Для ситуації, якщо на невеликій ділянці карти знаходиться багато об'єктів. Це дозволить уникнути перенасиченості карти та зробить навігацію більш зручною
- Активація групування
- Групування включається автоматично, якщо на певній ділянці карти (при певному масштабі) кількість міток перевищує встановлений поріг (наприклад, 5-10 міток на один кластер).
- Поріг кількості міток для групування може бути налаштований в залежності від масштабу карти, розміру області перегляду та обсягів даних.
- Візуалізація кластерів
- Кластери міток відображаються як одна велика мітка з числом всередині, що показує кількість об'єктів у цьому кластері. Ця мітка достатньо велика і контрастна, для чіткого виокремлення від одиночних міток. (Згідно макетів)
- Деталізація при зумуванні
- Деталізація кластерів відбувається при збільшенні масштабу карти. При кожному рівні зуму група міток розбивається на менші групи або окремі мітки.
- Якщо користувач наближається до мітки (збільшує масштаб карти або клацає на кластер), то відображаються детальніші об'єкти або всі окремі мітки в межах кластера.
- Алгоритм розрахунку кластерів
- Мітки групуються на основі відстані між ними на карті, а не на реальних географічних координатах, що дозволяє враховувати масштаб карти і покращує точність візуалізації.
- Дії для кластера
- При кліку на кластер, збільшується масштаб карти до рівня, на якому мітки розбиваються на окремі або менші групи.
- Додаткові опції
- Зони з великою щільністю міток: для областей із постійно великою кількістю міток (наприклад, центри міст) можна ввести спеціальний механізм інформування користувача (наприклад, виведення спливаючого вікна з повідомленням типу "Більше об'єктів у цьому регіоні" або "Показати більше").
- Фільтрація кластерів: при зміні фільтрів на карті, кластери динамічно оновлюються, щоб відображати лише об'єкти, які відповідають поточним критеріям фільтрації на тому ж рівні деталізації/повернення до початкових налаштувань - в залежності як легше розробити
- Анімація кластеризації
- Використання плавної анімації при злитті або розбитті міток в кластери, що допомагає користувачеві відслідковувати зміни при взаємодії з картою (наприклад, при збільшенні масштабу карти або при зміні фільтрів).
- Фільтри та кластеризація
- При застосуванні фільтрів на карті (наприклад, за типом об'єкта або статусом аукціону), мітки в кластері автоматично оновлюються, відображаючи лише ті об'єкти, які відповідають вибраним критеріям.
- Поведінка на мобільних пристроях
- Для мобільних пристроїв забезпечується адаптивна поведінка кластерів, що може включати зменшений поріг для групування міток, щоб покращити взаємодію з картою на меншому екрані.
Оптимізація роботи з великим обсягом даних
Пагінація
- додати обмеження на кількість одночасно відображуваних на карті об'єктів. Це може покращити продуктивність та швидкість завантаження сторінки.
Завантаження даних у фоновому режимі
- для великих обсягів даних передбачити можливість асинхронного завантаження, щоб користувач не чекав повного завантаження карти для взаємодії з нею
- за рахунок використання Google API необхідно мінімізувати кількість запитів
User Stories
...
#
...
User Story
...
Priority
...
Actor
...
Як користувач, хочу мати можливість перейти на сторінку об'єктів майна (аукціону/об'єкта переліку), активувавши назву або картинку на картці, щоб ознайомитись з даними.
...
Як користувач, хочу мати можливість перелістувати картки об'єктів майна, якщо за однією адресою розташовано більше ніж 1 об'єкт майна, щоб користувач обрав "цікавий" об'єкт.
...
Як Адміністратор порталу, хочу мати можливість збільшувати/зміншувати кількість фільтрів для пошуку об'єктів майна (аукціонів/об'єктів переліку), щоб покращити пошук
...
Додати оновленя після реалізації:
1) https://gitlab.prozorro.sale/prozorro-sale/marketplace-portal/-/issues/1637
2) https://gitlab.prozorro.sale/prozorro-sale/marketplace-portal/-/issues/1636
Зміст
Anchor ЗмістTransfer ЗмістTransfer
| ЗмістTransfer | |
| ЗмістTransfer |
Карти майна для Аукціонів | |
| CBD3-ASSETMAPS-UC-01-01 | Групування міток на карті |
| CBD3-ASSETMAPS-UC-01-02 | Відображення ауціонів згідно статусу |
| CBD3-ASSETMAPS-UC-01-03 | Анонімізовані процедури та процедури, для яких не вказана адреса |
| CBD3-ASSETMAPS-UC-01-04 | Процедура, для якої присутньо більше 1 Item |
| CBD3-ASSETMAPS-UC-01-05 | Відкриття візуальної картки аукціону та її закриття |
| CBD3-ASSETMAPS-UC-01-06 | Додавання аукціону до порівняння та до обраного |
| CBD3-ASSETMAPS-UC-01-07 | Перехід на сторінку аукціону |
| CBD3-ASSETMAPS-UC-01-08 | Фільтри блоку SideBar |
| CBD3-ASSETMAPS-UC-01-09 | Особливості роботи фільтрів блоку SideBar |
| CBD3-ASSETMAPS-UC-01-10 | Перелистування карток |
Карти майна для Переліку Оренди майна | |
| CBD3-ASSETMAPS-UC-02-01 | Групування міток на карті |
| CBD3-ASSETMAPS-UC-02-02 | Відображення Registry згідно статусу |
| CBD3-ASSETMAPS-UC-02-03 | Відкриття візуальної картки Registry та її закриття |
| CBD3-ASSETMAPS-UC-02-04 | Перехід на сторінку Registry |
| CBD3-ASSETMAPS-UC-02-05 | Фільтри блоку SideBar |
| CBD3-ASSETMAPS-UC-02-06 | Особливості роботи фільтрів блоку SideBar |
Карти майна для Інформаційних повідомлень (announcement) | |
| CBD3-ASSETMAPS-UC-03-01 | |
| CBD3-ASSETMAPS-UC-03-02 | |
| CBD3-ASSETMAPS-UC-03-03 | |
| CBD3-ASSETMAPS-UC-03-04 | |
| CBD3-ASSETMAPS-UC-03-05 | |
| CBD3-ASSETMAPS-UC-03-06 | |
| CBD3-ASSETMAPS-UC-03-07 | |
| CBD3-ASSETMAPS-UC-03-08 | |
| CBD3-ASSETMAPS-UC-03-09 | |
| CBD3-ASSETMAPS-UC-03-10 | |
Карти майна для Обєктів Малої приватизації | |
| CBD3-ASSETMAPS-UC-04-01 | |
| CBD3-ASSETMAPS-UC-04-02 | |
| CBD3-ASSETMAPS-UC-04-03 | |
| CBD3-ASSETMAPS-UC-04-04 | |
Карти майна для Обєктів Великої приватизації | |
| CBD3-ASSETMAPS-UC-05-01 | |
| CBD3-ASSETMAPS-UC-05-02 | |
Карти майна для Аукціонів | |||||||
|---|---|---|---|---|---|---|---|
CBD3-ASSETMAPS-UC-01-01
| Групування міток на карті | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
- Кола 2: в центрі відображається число "5". Якщо навести курсор мишки на центр кола появляється підствітка: "Кластер з 3-ьох міток" . 3. Присутня можливість зумити карту за допомогою активних елементів (+/-) або скролу мишки з фокусуванням на курсорі. Збільшення масштабування відбувається кожного разу після активації кластеру (червоне кільце) - до моменту появи самих міток. При наближенні карти "Коло 1" розпадається на 20 міток (білий ромб, вписаний в червоний багатогранник). При наближенні карти "Коло 2" розпадається на 5 міток (білий ромб, вписаний в червоний багатогранник). 4. Користувач має можливість переміщуватися між кластерами: перехід від "Коло 1" та "Коло 2". Користувач має можливість переміщуватися між мітками. Присутня можливість розширення масштабу - на весь екран, активувавши відповідний елемент "Повний екран" справа зверху. | ||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-01-02
| Відображення аукціонів згідно статусу | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
| ||||||
| Здійснити перевірку для процедур всіх напрямків. | |||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-01-03
| Анонімізовані процедури та процедури, для яких не вказана адреса | ||||||
| Role | Користувач | ||||||
Precondition |
Присутні:
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
| ||||||
| Здійснити перевірку для процедур всіх напрямків. | |||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-01-04
| Процедура, для якої присутньо більше 1 Item | ||||||
| Role | Користувач | ||||||
Precondition |
Присутній Аукціон 4, для якого у складі лоту є 3 Item з різними Класифікаторами:1, 2, 3 | ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
| ||||||
| Здійснити перевірку для процедур всіх напрямків. | |||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-01-05
| Відкриття візуальної картки аукціону та її закриття | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
3.1. Клавіші: "Х" закриття: є можливість закрити картку 3.2. Клавіша "Додати до Порівняння" 3.3. Клавіша "Додати до Обраного" 3.4. Розташовані поля з відображенням значення для:
3.5. Відображається перша фотографія (index=1) _______________ PS* Якщо користувач збільшує або зменшує масштаб карти після відкриття картки, картка залишається відкритою і переміщається відповідно до мітки на карті. При зменшенні карти обраний поінт має залишатися і картка з ним також. | ||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-01-06
| Додавання аукціону до порівняння та до обраного | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
| ||||||
CBD3-ASSETMAPS-UC-01-07
| Перехід на сторінку аукціону | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
| ||||||
CBD3-ASSETMAPS-UC-01-08
| Фільтри блоку SideBar | ||||||
| Role | Користувач | ||||||
Precondition | Відкрита закладка "Аукціони" В системі присутні дані з великою кількістю розташування майна аукціонів у м.Київ у Печерському та Шевченківському районах На адмінці порталу налаштовано для Карт фільтри SideBar: Напрям роботи, За датою аукціону, Регіон, Організатор, За типом аукціону, За класифікатором, За ціною, Строк оренди, Площа | ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
3. Користувач може успішно вибрати будь-яке значення для кожного із фільтрів. 4. Результати пошуку за кожним із фільтрів здійснюється згідно реалізації. 5. Система групує мітки в кластер (візуально - червоне коло), відображаючи цифру, що вказує кількість об'єктів. Присутня можливість зумити (віддаляти/наближувати) карту за допомогою активних елементів (+/-) або скролу миші з фокусуванням на курсорі. При наближенні карти - кластери розпадаються на окремі мітки (візуалізація - білий ромбик, висаний в червоний багатогранник). Користувач має можливість переміщуватися між кластерами об'єктів та вибирати конкретні мітки. | ||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-01-09
| Особливості роботи фільтрів блоку SideBar | ||||||
| Role | Користувач | ||||||
Precondition | Відкрита закладка "Аукціони", списки Визначено значення для фільтрів : Регіон, Організатор, Дата подання пропозицій | ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
| ||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-01-10
| Перелистування карток | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce | |||||||
| Expected results |
| ||||||
| Зміст | |||||||
Карти майна для Переліку оренди майна (Registry) | |||||||
CBD3-ASSETMAPS-UC-02-01
| Групування міток на карті | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
3. Присутня можливість зумити карту за допомогою активних елементів (+/-) або скролу мишки з фокусуванням на курсорі. Збільшення масштабування відбувається кожного разу після активації кластеру (червоне кільце) - до моменту появи самих міток. При наближенні карти "Коло 1" розпадається на 20 міток (білий ромб, вписаний в червоний багатогранник). При наближенні карти "Коло 2" розпадається на 7 міток (білий ромб, вписаний в червоний багатогранник). 4. Користувач має можливість переміщуватися між кластерами: перехід від "Коло 1" та "Коло 2". Користувач має можливість переміщуватися між мітками. Присутня можливість розширення масштабу - на весь екран, активувавши відповідний елемент "Повний екран" справа зверху. | ||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-02-02
| Відображення Registry згідно статусу | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
| ||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-02-03
| Відкриття візуальної картки для Registry та її закриття | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
3.1. Клавіші: "Х" закриття: є можливість закрити картку 3.2. Розташовані поля з відображенням значення для:
3.3. Відображається перша фотографія (index=1) _______________ PS* Якщо користувач збільшує або зменшує масштаб карти після відкриття картки, картка залишається відкритою і переміщається відповідно до мітки на карті. При зменшенні карти обраний поінт має залишатися і картка з ним також. | ||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-02-04
| Перехід на сторінку Registry | ||||||
| Role | Користувач | ||||||
Precondition | "Мітка 1" - відкрита візуальна картка відповідного Registry | ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
| ||||||
CBD3-ASSETMAPS-UC-02-05
| Фільтри блоку SideBar | ||||||
| Role | Користувач | ||||||
Precondition |
| ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
3. Користувач може успішно вибрати будь-яке значення для кожного із фільтрів. 4. Результати пошуку за кожним із фільтрів здійснюється згідно реалізації. 5. Система групує мітки в кластер (візуально - червоне коло), відображаючи цифру, що вказує кількість Registry. Присутня можливість зумити (віддаляти/наближувати) карту за допомогою активних елементів (+/-) або скролу миші з фокусуванням на курсорі. При наближенні карти - кластери розпадаються на окремі мітки (візуалізація - білий ромбик, висаний в червоний багатогранник). Користувач має можливість переміщуватися між кластерами об'єктів та вибирати конкретні мітки. | ||||||
| Зміст | |||||||
CBD3-ASSETMAPS-UC-02-06
| Особливості роботи фільтрів блоку SideBar | ||||||
| Role | Користувач | ||||||
Precondition | Відкрита закладка "Аукціони", списки Визначено значення для фільтрів: Статус, Організатор, Тип власності, Тип переліку | ||||||
| Steps To Reproduce |
| ||||||
| Expected results |
| ||||||
Зміст
Загальні правила відображення
Відображення статусів
Нотифікації
Головні User's cases
Групування міток на карті
Відкриття картки об'єкта
Перехід на сторінку об'єкта
Додавання об'єкта до обраного або порівняння
Переміщення по карті та перегляд різних об'єктів
Застосування фільтрів для пошуку об'єктів на карті
Скривання/розкриття панелі фільтрів
Перелистування об'єктів на одній локації
Управління фільтрами для пошуку об'єктів майна (аукціонів/об'єктів переліку)
Функціональні вимоги
Оптимізація роботи з великим обсягом даних
Групування міток
Для ситуації, якщо на невеликій ділянці карти знаходиться багато об'єктів. Це дозволить уникнути перенасиченості карти та зробить навігацію більш зручною
CBD3-ASSETMAPS-UC-01-01
CBD3-ASSETMAPS-UC-01-02
CBD3-ASSETMAPS-UC-01-01
CBD3-ASSETMAPS-UC-01-01
CBD3-ASSETMAPS-UC-01-01
CBD3-ASSETMAPS-UC-01-01
CBD3-ASSETMAPS-UC-01-01
| Зміст | |