SYNTECH
    Назад до Academy
    Відеоурок

    Kanban View

    Покроковий посібник з налаштування подання Kanban в Creatio – макет картки, смуги, поля та перетягування (drag-and-drop), код не потрібен.

    Ключові кроки

    Налаштуйте Канбан послідовно: від джерела даних і статусів до макета карток, фільтрації та доступних дій. У відео показано роботу з налаштуваннями без коду, а рішення виконано нативно у Freedom UI. Проходьте вкладки крок за кроком, щоб визначити і склад даних, і вигляд дошки.

    Відкрийте налаштування та визначте основні дані

    1. Натисніть значок шестерні у правому верхньому куті дошки, щоб відкрити налаштування одним кліком. Почніть з основних налаштувань, а потім переходьте до інших вкладок. Така послідовність дозволяє спочатку визначити дані, на яких будуватиметься вигляд карток і стовпців.
    2. Оберіть джерело даних для дошки, наприклад об’єкт проєктів, наведений у відео. Скористайтеся кнопкою автоналаштування зі схеми, щоб підтягнути стандартні поля. Це вихідний набір полів, після якого можна визначати заголовок картки та інформацію для її відображення.
    3. Визначте, яке поле стане заголовком картки, і виберіть поля, які відображатимуться на самій картці. Знаходьте потрібні стовпці за назвою, як показано в послідовності налаштування. Цей крок задає, яку саме інформацію із запису буде представлено на дошці.
    4. Задайте розмір сторінки та висоту дошки в основних налаштуваннях. Розглядайте ці параметри окремо від вибору заголовка та полів картки: вони стосуються відображення самої дошки. Визначте їх перед переходом до етапів, щоб завершити основну частину налаштування.

    Налаштуйте етапи та представлення карток

    1. Перейдіть до налаштування етапів і визначте поле, яке керуватиме статусом картки. Окремо вкажіть довідник, з якого беруться самі етапи. Ці два параметри задають зв’язок між статусом запису та етапами, представленими на дошці.
    2. За потреби встановіть ліміт карток для етапу, оберіть кольори та порядок сортування етапів. Також вирішіть, чи потрібно показувати порожні стовпці. Налаштуйте ці параметри разом, щоб визначити вигляд етапів, їхню послідовність і відображення стовпців без карток.
    3. На вкладці карток оберіть класичний або сучасний стиль. Задайте порядок сортування карток усередині стовпця та, якщо потрібно, групування, наприклад за власником. Так ви окремо визначите зовнішній вигляд карток і спосіб їх упорядкування в межах стовпця.
    4. Виберіть поле терміну виконання, яке використовуватиметься для картки. Налаштуйте розрахунок часу прострочення у хвилинах або годинах із попередженням. Цей крок визначає, з якого поля береться термін і в яких одиницях буде представлено час прострочення.

    Побудуйте макет картки та перевірте його вигляд

    1. Відкрийте вкладку макета, яка працює як конструктор карток. Перетягуйте поля, розташовуючи їх у потрібному порядку, замість написання коду. Так ви визначаєте послідовність інформації всередині картки, а не лише перелік полів, вибраний в основних налаштуваннях.
    2. Розмістіть у макеті назву, пріоритет і категорію відповідно до потрібного порядку. Додайте виконавця, прогрес і термін, якщо ці поля потрібні у представленні картки. Перетягування дозволяє впорядкувати ці елементи так, як вони мають відображатися в її макеті.
    3. За потреби включіть до макета власні поля запису, опис і стрічку коментарів. Визначте їхнє місце поряд з іншими елементами картки за допомогою того самого перетягування. Це дає змогу представити в макеті не лише назву чи статусні характеристики, а й додаткову інформацію запису.
    4. Під час створення макета користуйтеся попереднім переглядом у реальному часі. Він показує, як картка виглядатиме на дошці, поки ви розташовуєте її поля. Перевіряйте результат після зміни порядку елементів, щоб бачити саме той вигляд, який формуєте в конструкторі.

    Визначте доріжки та джерела інформації про людей

    1. Налаштуйте доріжки, якщо потрібно розділити дошку горизонтально. Як приклад такого поділу у відео наведено тип проєкту. Використайте цей принцип, щоб визначити горизонтальну структуру дошки окремо від етапів, які ви налаштували раніше.
    2. За потреби додатково налаштуйте групування карток за датою. У відео ця можливість описана разом із доріжками як додатковий спосіб організації карток. Застосуйте її, якщо у представленні дошки потрібне не лише горизонтальне розділення, а й групування за датою.
    3. Перейдіть на вкладку «Люди» та визначте, з якого поля береться власник картки. Окремо вкажіть, звідки має підтягуватися його фото. Так ви задасте джерела і для інформації про власника, і для його зображення на картці.
    4. На цій самій вкладці налаштуйте джерела інформації про автора запису. Як і для власника, визначте відповідне поле та джерело фото. Розглядайте власника картки й автора запису окремо, оскільки відео передбачає налаштування інформації для обох.

    Налаштуйте фільтрацію, підсумки та оновлення даних

    1. Відкрийте вкладку «Дані», яка відповідає за фільтрацію. Якщо дошка має стосуватися конкретного запису, налаштуйте її прив’язку до нього. Цей крок потрібний саме для зв’язку дошки з обраним записом, а не для зміни макета її карток.
    2. Додайте додаткові умови фільтрації відповідно до того, які дані потрібно відображати. Налаштовуйте їх на вкладці «Дані», окремо від стилю карток і порядку полів. Так ви визначите умови відбору інформації, а не лише спосіб її візуального представлення.
    3. Оберіть поле для відображення суми чи іншої агрегації над кожним стовпцем. У відео як приклад наведено загальний бюджет проєкту для певного статусу. Скористайтеся таким налаштуванням, якщо над стовпцями потрібні підсумкові значення на основі обраного поля.
    4. Увімкніть автооновлення, якщо дошка має оновлюватися з визначеним інтервалом. Задайте інтервал на власний вибір на цій самій вкладці. Це окремий параметр роботи з даними, який доповнює налаштовані умови фільтрації та підсумкові значення над стовпцями.

    Оберіть функції дошки та перенесіть конфігурацію

    1. Перейдіть до функцій і за потреби використайте компактний режим. У ньому відображаються лише назви карток, на відміну від налаштованого представлення з іншими полями. Оберіть цей режим, якщо для поточного вигляду дошки достатньо саме назв без решти інформації картки.
    2. Налаштуйте використання масових дій, якщо потрібно працювати з багатьма картками одночасно. Окремо зверніть увагу на можливість перетягування між доріжками. Ці функції стосуються дій із картками на дошці, а не перетягування полів у конструкторі макета.
    3. Використайте можливість розміщення кнопок бізнес-процесів прямо на дошці. Вона належить до функцій, показаних у завершальній частині налаштування. Такі кнопки дають змогу виконувати відповідні звичні дії в один клік безпосередньо з дошки.
    4. Для копіювання або перенесення налаштувань скористайтеся перемикачем між виглядом форми та сирим JSON. Налаштований вигляд дошки представлений текстом, який можна скопіювати або зберегти. За потреби вставте цей текст в іншу дошку, щоб перенести її конфігурацію.
    Транскрипт

    Налаштування Канбану відкриваються одним кліком. Значок шестерні у правому верхньому куті дошки. Все налаштовується без коду, крок за кроком, за зрозумілими вкладками.

    Спочатку йдуть основні налаштування. Тут ви обираєте джерело даних, наприклад об’єкт проєктів, а кнопка автоналаштування зі схеми сама підтягує стандартні поля. Далі ви визначаєте, яке поле стане заголовком картки та які поля відображатимуться на самій картці. Просто знайдіть потрібні стовпці за назвою, а також задайте розмір сторінки та висоту дошки.

    Потім йдуть етапи. Тут ви визначаєте, яке поле керує статусом картки та з якого довідника беруться самі етапи. Ви можете встановити ліміт карток для етапу, обрати кольори та порядок сортування, а також вирішити, чи показувати порожні стовпці.

    Вкладка карток визначає їхній вигляд: класичний чи сучасний стиль, порядок сортування у стовпці, групування (наприклад, за власником), поле терміну виконання та розрахунок часу прострочення у хвилинах чи годинах із попередженням.

    Найцікавіша частина — вкладка макета. Це конструктор карток. Поля просто перетягуються в потрібному порядку: назва, пріоритет, категорія, виконавець, прогрес, термін, власні поля запису, опис, стрічка коментарів. Попередній перегляд у реальному часі показує, як картка виглядатиме на дошці під час її створення.

    Доріжки дозволяють розділити дошку горизонтально, наприклад, за типом проєкту, і додатково групувати картки за датою, якщо потрібно.

    Вкладка «Люди» визначає, з якого поля береться власник картки та звідки підтягується його фото. Те саме стосується автора запису.

    Вкладка «Дані» відповідає за фільтрацію. Ви можете прив’язати дошку до конкретного запису, додати додаткові умови фільтрації та відображати суму чи іншу агрегацію над кожним стовпцем на основі обраного поля. Наприклад, загальний бюджет проєкту для певного статусу. Тут також вмикається автооновлення з будь-яким інтервалом на ваш вибір.

    І нарешті, функції. Компактний режим лише з назвами карток, масові дії з багатьма картками одночасно, перетягування між доріжками та кнопки бізнес-процесів прямо на дошці. Тож звичні дії виконуються в один клік.

    А для тих, хто хоче швидко скопіювати чи перенести налаштування, є перемикач між зручним виглядом форми та сирим JSON. Весь налаштований вигляд дошки — це текст, який можна скопіювати, зберегти або вставити в іншу дошку.

    Повний посібник – макет картки, смуги, поля пріоритету/категорії та конфігурація перетягування (drag-and-drop). Усе виконано нативно в Freedom UI, нуль коду.
    Переглянути на Creatio Marketplace: https://marketplace.creatio.com/app/syntech-kanban-view-creatio

    Комментарі та питання

    Увійдіть або зареєструйтеся, щоб залишити комментар чи питання.

    Вхід / Реєстрація
    …