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Відображення за правилом: одна процедура - один Item | Групування міток на карті | ||
| 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-07 | Групування міток на картіЦентрування карти | ||
| CBD3-ASSETMAPS-UC-0102-0702 | Відображення | ||
Registry згідно статусу | |||
| CBD3-ASSETMAPS-UC-02-0103 | Відкриття візуальної картки Registry та її закриттяАукціони | ||
| CBD3-ASSETMAPS-UC-02-0104 | Перехід на сторінку RegistryПереліки обєктів | ||
| CBD3-ASSETMAPS-UC-02-0105 | Фільтри блоку SideBarОбєкти малої приватизації | ||
| CBD3-ASSETMAPS-UC-02-01 | Обєкти великої приватизації | 06 | Особливості роботи фільтрів блоку SideBar |
Карти майна для Інформаційних повідомлень (announcement)Нотифікації | |||
| CBD3-ASSETMAPS-UC-03-01Активація елементу "Карта" з головної сторінки | |||
| CBD3-ASSETMAPS-UC-03-02 | Відсутність сутностей при виборі фільтрів | ||
| CBD3-ASSETMAPS-UC-03-03 | |||
| CBD3-ASSETMAPS-UC-03-04 | Головні User's cases|||
| CBD3-ASSETMAPS-UC-0403-01 | Групування міток на карті | 05 | |
| CBD3-ASSETMAPS-UC-03-06 | |||
| CBD3-ASSETMAPS-UC-0403-02 | Відкриття картки об'єкта | 07 | |
| CBD3-ASSETMAPS-UC-0403-03 | Перехід на сторінку об'єкта | 08 | |
| CBD3-ASSETMAPS-UC-04-04Додавання об'єкта до обраного або порівняння03-09 | |||
| CBD3-ASSETMAPS-UC-0403-05Переміщення по карті та перегляд різних об'єктів10 | |||
Карти майна для Обєктів Малої приватизації | |||
| CBD3-ASSETMAPS-UC-04-06 | Застосування фільтрів для пошуку об'єктів на карті | 01 | |
| CBD3-ASSETMAPS-UC-04-07 | Згортання/розгортання панелі фільтрів | 02 | |
| CBD3-ASSETMAPS-UC-04-08 | Перелистування об'єктів на одній локації | 03 | |
| CBD3-ASSETMAPS-UC-04-0904 | Управління фільтрами для пошуку об'єктів майна (аукціонів/об'єктів переліку) | ||
Функціональні вимоги | |||
Карти майна для Обєктів Великої приватизації | |||
| 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
|
CBD3-ASSETMAPS-UC-04-01
Групування міток на карті
|
|
| Перехід на сторінку аукціону | ||
| 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 |
Перелистування об'єктів на одній локації
CBD3-ASSETMAPS-UC-04-09
Управління фільтрами для пошуку об'єктів майна (аукціонів/об'єктів переліку)
-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 |
|
CBD3-ASSETMAPS-UC-01-01
CBD3-ASSETMAPS-UC-01-01
| Зміст | |