Open ndrhzn opened 10 months ago
Поточний статус - є драфт, втім він поки не у повній мірі відповідає описаному завданню. Найголовніше, на що варто звернути увагу - таблиця з органами управління та картка органу управління це два окремі аркуші (як, скажімо, "Фінансування" та "Деталі фінансування") @andrzejbeletsky
Завдання для таблиці таким чином доволі просте (#40), але для його виконання треба буде ще повернутися до витоків методики визначення органу управління аби ми могли коректно обчислювати кількість підпорядкованих організацій, кількість проєктів, та суми контрактних процедур (#17).
Завдання для профілю органу управління трохи складніше, бо тут є запит бачити ієрархію організацій (для обраного органу управління ми маємо бачити всі підпорядковані організації, а також їхні підпорядковані організації, якщо такі є), а також мати можливість досліджувати ключові показники не тільки для органу управління, але й, наприклад, для будь-якої підпорядкованої організації.
Таким чином нам потрібно мати в даних ієрархію організацій, а також підпорядкованість проєктів. І нам потрібно мати можливість відображати цю ієрархію.
Щодо відображення ієрархії ми вже говорили, що зведена таблиця тут не дуже підходить, бо глибина ієрархії може варіюватися (у когось може бути три рівня підпорядкованості, у когось - лише один).
У процесі обговорення ми також згадували, що у Qlik є можливість відображати дерево (Org Chart). Є сенс дослідити цю механіку.
Щодо показників - ми зафіксували, що "Кількість користувачів" ми наразі з АРІ не отримуємо, тому поки робимо без цього показника. Решта даних у нас має бути.
Поточний статус - реалізовано драфт із деревом, що відображає ієрархію організацій, та фільтрами
Що варто зробити
Частину ключових показників винести в картки (KPI). За аналогією з іншими аркушами, це можуть бути "Кількість проєктів", "Загальний орієнтовний бюджет", "Підтверджене фінансування", "Фінансове покриття". Після цієї операції у нас залишаться три показники у таблиці "Кількість підпорядкованих організацій", "Кількість контрактних процедур", а також "Сума укладених контрактів". Звісно, заради трьох показників тримати таблицю не дуже доречно, тому варто подумати, як репрезентувати їх. Наприклад, кількість підпорядкованих організацій можна давати поруч з графом після назви органу управління.
У нас наразі є два фільтри "Орган управління" - один з лівого боку, один з правого. Варто лишити тільки один. Думаю, можна вчинити тут таким самим чином, як і на аркуші "Фінансування" - перший фільтр ("Орган управління") має бути відкритим і пропонувати декілька перших опцій до огляду без необхідності клікати на панель фільтра. Самі органи управління мають бути відсортовані, наприклад, за показником "Загальний орієнтовний бюджет" або "Кількість підпорядкованих організацій" (може мати більше сенсу для відображення на графі). Якщо прибрати фільтр з лівого боку, звільниться багато місця.
Чи ми можемо зробити у фільтрі "Орган управління" single select by default? Технічно зараз фільтр не забороняє вибрати дві організації, але фактично візуалізація відмальовується лише тоді, коли вибрана одна організація. В такому разі слід унеможливити вибір більше ніж однієї організації.
Варто додати графіки (наразі ми закладали "Кількість проєктів у розрізі статусів" та "Кількість проєктів у розрізі регіонів". Але на практиці ці графіки також можуть працювати так само, як і на інших аркушах - якщо користувачі клікають на якусь картку / KPI, тоді показник для відображення на карті / графіку змінюється.
Аналогічно - у картці організації в дереві / графі наразі відображається фіксовано два показника. Але ми можемо зробити таким чином, аби там відображався той показник, який обраний користувачами на картці / KPI (за замовчуванням - кількість проєктів)
Інформаційну панель з адресою можна прибрати кудись вниз, наразі ця таблиця не є основною у візуальній та інформаційній ієрархії.
Варто прояснити, як ми рахуємо кількість підпорядкованих організацій. Скажімо, на приведеному прикладі для Міністерства охорони здоровʼя ми бачимо підпис "Кількість підпорядкованих організацій: 32", але на дереві ми бачимо лише чотири. Аналогічна розбіжність спостерігається, наприклад, для Держагенства з відновлення. Чому так стається? Як це виправити?
Чи можемо ми міняти layout дерева? Очевидна проблема з поточним відображенням в тому, що для випадків з великою кількість підпорядкованих організацій, дуже важко щось прочитати без додаткових зусиль. Чи можна покращити читаємість? (Я думаю про те, які альтернативи для презентації ієрархії у нас є, але можливості Qlik не дуже великі у цьому, з ієрархічний є хіба treemap, але я не знаю, чи він працюватиме у тих випадках, коли у нас може бути неоднакова кількість рівнів ієрархії для різних гілок).
Чи ми можемо впливати на те, як відображається назва організації у дереві (більшість назв досить довгі, тому важко зрозуміти без додаткових зусиль, про яку організацію йдеться).
cc @a-radik @andrzejbeletsky
Також варто виправити обрізання тултіпа у дереві. Не знаю, чи виправляється це в нативному додатку, але у веб-версії це могло б бути виправлено в CSS за допомогою z-index для тултіпа.
Поточний статус
Питання та пропозиції
Я би прибрав картку "Кількість підпорядкованих організацій". Натомість можна над деревом / оргчартом. Писати назву обраного органу управління, а потім "Кількість підпорядкованих організацій: Х". Можливо в принципі всі дані з таблички можна організувати в такий спосіб
У багатьох органів управління проєкти знаходяться лише в одному регіоні. В такому разі нема сенсу показувати всю карту України, а варто показувати карту області і показники в розрізі громад, наприклад. На рівні правила може бути так - якщо для органу управління всі проєкти належать до одного регіону - ми зумимо до рівня області і представляємо показники у розрізі громад. Якщо у органу управління проєкти належать до двох та більше областей - лишаємося на рівні карти країни.
Чи ми можемо технічно показувати різні графіки для різних обраних KPI? Скажімо, якщо обрано "Кількість проєктів", то ми показуємо розбивку за статусом, якщо обрано "Загальний орієнтовний бюджет" - розбивку за статею витрат.
Якщо назва обраного показника дуже довга, тоді ми в оргчарті не бачимо повністю ані назву показника, ані сам показник. Скажімо, якщо обрати "Загальний орієнтовний бюджет", то в оргчарті будемо бачити "Загальний орієнтовний...", а числа ми так і не побачимо. Хоча число тут ледь не найважливіше. Можливо є сенс замість назви показника показувати іконку, або просто покзувати число
Відкриті питання з попереднього коментаря
Сортування органів управління у фільтрі. Є сенс їх відсортувати за показником "Кількість підпорядкованих організацій". Таким чином органи управління, до яких більший інтерес, завжди будуть доступними в першу чергу.
Відображення назви організації у оргчарті. У наведеному прикладі для більшості організацій ми бачимо назву "Комунальне неко..." - без додаткової взаємодії розрізнити їх між собою неможливо. Що тут можна зробити? Чи можна зробити перенос на кілька рядків (wordwrap or something)?
Питання обрізання тултіпа все ще не є вирішеним
Також, якщо я правильно розумію, зараз на карті всі показники привʼязуються до регіону органу управління. Скажімо, якщо ми обираємо Держагентство з відновлення, то ми будемо бачити 173 проєкти в Києві, хоча на практиці там ймовірно більшість проєктів розкидані по регіонах (оскільки там підпорядковані організації - регіональні служби відновлення)
По органах управління в нас відсутня аналітика, тільки таблиця і картка по одному органу. В слаку давав свої пропозиції стосовно того, що можна було би зробити, якщо це актуально, перенесу своє бачення сюди
in progress
Задокументую тут пропозицію @a-radik: зробити таким чином, аби поведінка мінялась в залежності від того, обраний один орган управління чи декілька.
Для імплементації такого підходу нам потрібно буде визначити, що і в який спосіб відображається, коли обрано більше одного органу управління.
Наразі я би хтів прояснити ось цю річ, задокументовану вище:
Чи ми можемо технічно показувати різні графіки для різних обраних KPI? Скажімо, якщо обрано "Кількість проєктів", то ми показуємо розбивку за статусом, якщо обрано "Загальний орієнтовний бюджет" - розбивку за статею витрат.
Якщо це технічно можливо, тоді випишемо, який графік і які розрізи мають відображатися для кожного обраного показника. І це гіпотетично може нам відкрити дорогу до представлення показників для ситуації, коли обрано більше, ніж один орган управління
Take a look. https://qsdemo.rbcgrp.com/sense/app/b0f13ce0-e592-48bc-9432-6da4de1f8cfb/sheet/6af478e8-e063-45ae-aade-9baec40edce9/state/analysis Варіант з компонентом, який підтримує одне вибране значення. Сортування за бюджетом. Недолік - не підтримує пошук. Якщо це потрібно, можливо добавити Орган управління в секцію звичайних фільтрів.
Карта відображає області проєктів, до яких вибраний Орган управління має відношення.
Показники на на об'єктах відображають вибраний на картках.
Другий варіант https://qsdemo.rbcgrp.com/sense/app/b0f13ce0-e592-48bc-9432-6da4de1f8cfb/sheet/372036c3-5540-4a42-a517-f7f180746cda/state/analysis При вході на сторінку вибирається один Орган управління але сторінка не підтримує вибір лише одного значення Органу управління. Звичайний фільтр. Користувач може скинути відбір або вибрати більш одного значення.
Поведення орг-чарту - поки не знайдено можливість змінити поведінку з довгими назвами і неповним показуванням тултіпу. Також не зрозуміло, як реагувати на селекшен в самому орг-чарті. Відбір підлеглої організації доповнює відбір Органу управління. Це не приводить до конфліктів з показниками, але може заплутати користувача. Можливо, має сенс в мєшапі заблокувати користувачеві робити відбір в орг-чарті.
TODO: 1)прибираємо картку "Кількість підпорядкованих організацій", в Title орг-чарту пишемо назву обраного органу управління, а потім "Кількість підпорядкованих організацій: Х" 2)якщо для органу управління всі проєкти належать до одного регіону - ми зумимо до рівня області і представляємо показники у розрізі громад. 3)показувати різні графіки для різних обраних KPI. Скажімо, якщо обрано "Кількість проєктів", то ми показуємо розбивку за статусом, якщо обрано "Загальний орієнтовний бюджет" - розбивку за статею витрат. питання- яка розбивка для інших показників? 4)Сортування органів управління у фільтрі за показником "Кількість підпорядкованих організацій".
Мені здається, ми потроху getting there, дякую
З тих речей, котрі ще варто пропрацювати
Табличку з контактними даними та іншими штуками ймовірно є сенс винести на окрему вкладку / в контейнер. Це додаткова інформація, котра більшості користувачів не буде корисна, але у нас все одно є запит від Проєктного офісу на те, щоби ця інформація була присутня.
Карту є сенс зробити в такий же спосіб, як ми працюємо з картою у інших випадках - тобто, якщо ми бачимо всю Україну, тоді не показуємо підкладку (basemap), якщо заходимо на рівень області, тоді показуємо підкладку
Заголовок оргчарту є сенс центрувати (у нас оргчарт сам відцентрований відносно контейнера, в якому він знаходиться)
Опція показувати різні графіки для різних KPI працює, це чудово, в такому разі робимо так
Показник / Картка | Графік |
---|---|
Кількість проєктів | Кількість / Частка проєктів у розрізі статусів. Тут можемо взяти графік із аркушу "Проєкти" |
Загальний орієнтовний бюджет | Загальний орієнтовний бюджет у розрізі статей витрат. Тут можемо взяти графік із аркушу "Бюджетування" |
Підтверджене фінансування | Підтверджене фінансування у розрізі фінансуючих сторін. Це може бути стовпчиковий графік, де по Y йдуть фінансуючі сторони, по X йде підтверджене фінансування |
Фінансове покриття | Розподіл проєктів за фінансовим покриттям. Це може бути гістограма, де по Х йдуть інтервали (наприклад з кроком в 5%), а по Y - кількість проєктів у тому чи іншому інтервалі |
Кількість контрактних процедур | Кількість / Частка контрактних процедур за статусом (cdu_response/contractingProcesses/summary/status) |
Сума укладених контрактів | Сума укладених контрактів у розрізі статусу договору (cdu_response/contractingProcesses/summary/contract/status |
Щодо інших питань відпишу трохи згодом
Коли я пишу "Тут можемо взяти графік із аркушу...", то маю на увазі буквально взяти те, як він виглядає на тому аркуші. В такий спосіб у нас буде консистентний спосіб представлення інформації (один набір показників в однаковий спосіб представляється у різних частинах BI)
Показник / Картка | Графік |
---|---|
Кількість проєктів | Кількість / Частка проєктів у розрізі статусів. Тут можемо взяти графік із аркушу "Проєкти". Тут питання, чому кількість проєктів ми здебільшого показуємо в розрізі їх статусів. Чи не буде, з точки зору аналітичної цінності, краще надати користувачу можливість вибору розрізу (за Характерами, типами, сектор/підсектор, де ОУ здійснює проєкти, інші атрибути проєктів. Це дасть ширшу інформацію в одному місці без необхідності перемикатись між вкладками, а за необхідності більш глибокого аналізу користувач має змогу перейти на деталі проєктів і подивитись показники там |
Загальний орієнтовний бюджет | Схоже з попереднім пунктом запитання і пропозиція розлянути варіант стекової діаграми, де стовпчики додатково розділяються за секторами для статей бюджетування |
Підтверджене фінансування | аналогічно до попереднього, але по вісі Y розташувати Джерело фінансування, а стеки утворювати з Фінансуючих сторін |
@a-radik дякую за пропозиції! Я подумаю щодо імплементації. З одного боку - справді, ми можемо додати більше розрізів, з іншого - хотілось би уникнути ситуації перевантаження інформацією чи візуального хаосу. У випадку із stacked bar chart, де по осі стовпчики розділяються за секторами в такому випадку мені потрібно буде зрозуміти, якою може бути максимальна кількість секторів в одному стовпчику. Якщо це стільки ж, скільки у нас секторів загалом (11), тоді це означає, що стовпчик може мати 11 секторів різних кольорів. Аналогічно і з Джерелами фінансування та Фінансуючими сторонами.
Тому я подумаю, які розрізи має сенс додати, аби це мало аналітичну цінність та не створювало візуального хаосу.
Take a look https://qsdemo.rbcgrp.com/sense/app/b0f13ce0-e592-48bc-9432-6da4de1f8cfb/sheet/6af478e8-e063-45ae-aade-9baec40edce9/state/analysis Які пропозиції щодо текстових підписів?
@a-radik дякую за пропозиції! Я подумаю щодо імплементації. З одного боку - справді, ми можемо додати більше розрізів, з іншого - хотілось би уникнути ситуації перевантаження інформацією чи візуального хаосу. У випадку із stacked bar chart, де по осі стовпчики розділяються за секторами в такому випадку мені потрібно буде зрозуміти, якою може бути максимальна кількість секторів в одному стовпчику. Якщо це стільки ж, скільки у нас секторів загалом (11), тоді це означає, що стовпчик може мати 11 секторів різних кольорів. Аналогічно і з Джерелами фінансування та Фінансуючими сторонами.
Тому я подумаю, які розрізи має сенс додати, аби це мало аналітичну цінність та не створювало візуального хаосу.
Можу помилятсиь, теба перевірити (@andrzejbeletsky ) але здається там можна визначити скільки сегментів має бути в стовпчику, а решту показувати в "Інші"
Відображення текстових елементів в оргчарті
Щодо проблеми із видимістю текстових елементах у дереві. Якщо у вас є можливість задавати CSS, тоді можливий шлях редагування CSS
Наразі в картці оргчарту ми можемо дістатися до елементів з класами .sn-org-card-title (це буде назва організації) та .sn-org-card-label (це буде назва показника).
У них обох в CSS задана властивість white-space: nowrap;
Для .sn-org-card-label ми можемо задати white-space: initial; в такому разі назви показників та їхні значення мають повністю відображатися.
Для .sn-org-card-title це, на жаль, не має сенсу, оскільки в такому разі розмір контейнера (div у котрому розміщуються ці два текстових елементи) автоматично не збільшується все одно, і ми ризикуємо отримати щось, що геть не читається
Отже, нам треба або змиритися з тим, що назви не будуть повністю вміщатися, або підготувати датасет зі скороченими версіями назв чи функцію для скорочення назв за правилами, або ж змінювати CSS правила, котрі визначають висоту div, у котрому знаходяться ці елементи.
Наразі це просто думки вголос і документація процесу.
Картки слід розподілити рівномірно по ширині всього доступного простору. Я памʼятаю, що у mashup все одно буде перероблятися, але нам треба умовно погодити макет, і це є частиною макету.
Коли обрано “Загальний орієнтовний бюджет” ми бачимо стовпчики двох кольорів - один колір позначає капітальні витрати, інший операційні витрати, однак легенди, котра б пояснювала це кольорове кодування у нас немає. Її варто додати.
Коли обрано “Підтверджене фінансування”, ми бачимо стовпчики, котрі позначають фінансуючи сторони та обсяг фінансування. Тут можна додати розрізнення за кольором за змінною “Тип фінансування” (можливі значення наразі - “Державні кошти” та “Гроші міжнародних партнерів”). Для цього теж потрібна буде легенда.
Коли обрано “Фінансове покриття” ми бачимо графік розподілу, одна тут є пара проблем: 1) Підписи інтервалів занадто складні, тут не треба писати щось на зразок 0 <= % < 5, достатньо підписати 0-5; 2) Тут можливі розриви в інтервалах - наприклад, якщо обрати Чернігівська обласна державна адміністрація, то буде два стовпчики один за іншим, перший буде позначати діапазон 0-5, другий - 100-105. Якби ми малювали коректну гістограму, між цими двома стовпчиками було б зарезервовано місце для інших інтервалів від 5 до 100 з кроком в 5. Варто це переробити.
Коли обрано “Кількість контрактних процедур”, ми бачимо розбивку за статусами контрактних процедур. Тут потрібно підтягнути кодліст, аби коректно відображалися переклади українською (я оновив табличку у DREAM Translations). Також варто звернути увагу на те, що наразі деякі підписи обрізаються, тому слід можливо змінити розміри самого графіку чи налаштувати інакше відображення підписів. У тултіпі тут виводиться підпис “кількість проєктів”, але більш мало б сенс “кількість контрактних процедур” (а може є сенс виводити і кількість проєктів, і кількість контрактних процедур).
Коли обрано “Сума укладених контрактів”, мені видається, можна додати ще один графік, котрий би показував розбивку укладених контрактів за категорією предмету договору (services, works, goods).
Також питання, чи ми можемо параметризувати колір тла в оргчарті? Я от думаю про такий сценарій - коли я досліджую, наприклад, суму укладених контрактів, то я хочу швидко зрозуміти, які з організацій мають ненульові показники (або ж знайти організації з найбільшими показниками). Але через те, що тло у всіх однакового кольору, вони всі для мене візуально мають однакову вагу. Чи можна, скажімо, позначати організації з нульовими показниками, трохи іншим кольором, аби було простіше розрізняти важливу та неважливу інформацію?
in progress
take a look “Підтверджене фінансування”-показати всі стовпчики поки не зміг. проблема, що немає власне даних для відсутніх стовпчиків. В бубліку автообрізання підписів. додав легенду для дублювання тих самих підписів. До "Сума укладених контрактів" є вибір альтернативного виміру в самому графіку.
"Фаінансове покриття" - а тут використовується власне гістограма (і в такому разі шаблон сам розподіляє записи по інтервалах заданої ширини), чи стовпчиковий графік, у котрий подаються наперед пораховані значення для інтервалів?
"Кількість контрактних процедур" - якщо ми додаємо легенду тут, то ймовірно потрібно буде додавати легенду і в інших подібних випадках суто заради консистентності. Також варто подивитися, чи можна тут застосувати такі самі налаштування (діаметр та товщина сегмента), що і на графіку для кількості проєктів.
"Сума укладених контрактів" - тут, ймовірно, розбивку за статусами слід показувати в такий самий спосіб, в який ми показуємо розбивку за статусами для контрактних процедур та проєктів, тобто за допомогою. donut chart (знову ж таки - заради консистентності). Категорію предмету договору можна було б давати окремим графіком - у нас достатньо місця, і таким чином користувачі отримуватимуть одразу більше інформації без необхідності кудись клікати.
Для "Категорії предмету договору" варто додати кодліст
code | name_ua | name_en |
---|---|---|
works | Роботи | Works |
services | Послуги | Services |
goods | Товари | Goods |
Null значення варто заміняти на "Не зазначено" / Not specified
in progress
take a look https://qsdemo.rbcgrp.com/sense/app/b0f13ce0-e592-48bc-9432-6da4de1f8cfb/sheet/6af478e8-e063-45ae-aade-9baec40edce9/state/analysis Стосовно "Сума укладених контрактів" - також зроблено. Але з використанням нового Layout-Container. На тестовому сервері потрібно оновлення серверу, щоб цей компонент став доступним. Оновлення планується зробити до завтра.
@ndrhzn оновили наш демо сервер, можна подивитись за посиланням результати
Так звана "Картка органу управління" потрібна для того, аби представляти ключові показники щодо окремого (обраного користувачами зі списку) органу управління. Референсом щодо цього блоку слугує модуль "Картка організатора" у BI Prozorro.
Взаємодія з цією сторінкою починається з того, що користувачам потрібно обрати один орган управління зі списку всіх органів управління. Список має сенс сортувати, наприклад, за кількістю проєктів або ж за загальним орієнтовним бюджетом, аби на початку списку були органи управління, до котрих підвищений інтерес.
Ідеально було б зробити один орган управління обраним одразу через pre-select, але тут технічне питання, чи може у нас буде pre-select локальний (тобто для однієї сторінки, а не для всіх сторінок).
Для обраного органу управління (а також для будь-якої підпорядкованої організації, яку виберуть користувачі) ми показуємо:
Частину цих показників, ймовірно, можна дати у форматі карток, а частину винести у візуалізації
З візуалізацій у цьому блоці є запит на:
Також є запит на інформаційний блок, який би представляв для кожної організації
Щодо кількості користувачів, можливо, доведеться сформувати окремий запит до команди розробки, оскільки наразі у companies endpoint у нас є елемент persons, але для більшості організацій він може бути порожнім.
Основні фільтри у цьому випадку такі