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

    Представление Kanban

    Пошаговое руководство по настройке представления Kanban в Creatio — макет карточки, дорожки, поля и перетаскивание, без необходимости написания кода.

    Ключевые шаги

    Настройте Kanban последовательно: от источника данных и этапов до макета карточки, фильтров и действий на доске. В руководстве показана настройка без кода; макет карточки, дорожки, поля приоритета и категории, а также перетаскивание реализованы нативно во Freedom UI.

    1. Откройте настройки и выберите основные параметры

    1. Нажмите значок шестерёнки в правом верхнем углу доски, чтобы открыть настройки одним щелчком. Дальше переходите по вкладкам последовательно: параметры разделены между ними, поэтому источник данных, этапы, внешний вид карточек и другие настройки задаются в соответствующих разделах без кода.
    2. На вкладке основных настроек выберите источник данных, например объект проектов. Затем используйте кнопку автоматической настройки по схеме: она сама подставляет стандартные поля. Это позволяет начать настройку с полей выбранного объекта, а затем перейти к выбору содержимого карточки.
    3. Укажите, какое поле должно стать заголовком карточки, и отдельно выберите поля, которые будут отображаться на самой карточке. Чтобы добавить нужные колонки, воспользуйтесь поиском по имени. Так вы зададите заголовок и состав данных, которые нужно показывать на карточках доски.
    4. В основных настройках задайте размер страницы и высоту доски. Эти параметры находятся рядом с настройками полей, поэтому их можно указать на том же этапе. После выбора источника, заголовка и отображаемых данных переходите к настройке этапов.

    2. Определите этапы и отображение колонок

    1. Откройте вкладку этапов и выберите поле, которое определяет статус карточки. Эта настройка задаёт, какое именно поле используется для статуса на доске. Для доски с источником данных «Проекты» выбирайте поле статуса в рамках настройки этого источника.
    2. Укажите справочник, из которого должны браться этапы. Здесь важно задать оба параметра: поле статуса карточки и источник самих этапов. Вместе они определяют, на основании какого поля и какого справочника настраивается представление карточек по этапам.
    3. Задайте ограничение на количество карточек, которые могут находиться на одном этапе. Затем выберите цвета этапов, чтобы настроить их визуальное оформление на доске. В руководстве эти параметры задаются на вкладке этапов вместе с другими настройками колонок.
    4. Настройте порядок сортировки этапов и решите, нужно ли показывать пустые колонки. Если такие колонки не нужны в текущем представлении, выберите их скрытие. Так вы отдельно определите последовательность этапов и отображение колонок, в которых пока нет карточек.

    3. Настройте стиль карточек, сортировку и сроки

    1. Перейдите на вкладку карточек и выберите классический или современный стиль. Это настройка внешнего вида карточек на доске. Сам состав и расположение элементов можно затем настроить отдельно на вкладке макета, где находится конструктор карточки с предварительным просмотром.
    2. Задайте порядок сортировки карточек внутри колонки. Не смешивайте этот параметр с порядком сортировки этапов: здесь настраивается последовательность самих карточек, а не колонок доски. Так можно отдельно определить порядок этапов и порядок записей внутри каждого из них.
    3. Выберите группировку карточек, например по ответственному. Используйте этот параметр, когда нужно представить карточки с учётом выбранного признака группировки. Позже можно дополнительно настроить дорожки: они отвечают за горизонтальное разделение доски, например по типу проекта, и поддерживают дополнительную группировку по дате.
    4. Укажите поле срока выполнения, затем выберите расчёт просрочки в минутах или часах. Задайте порог предупреждения, предусмотренный в этих настройках. Так вы определите, какое поле используется для срока, в каких единицах рассчитывается просрочка и какой порог выбран для предупреждения.

    4. Соберите макет карточки и настройте дорожки

    1. Откройте вкладку макета и расположите поля перетаскиванием в нужном порядке. В конструкторе можно выстроить заголовок, приоритет, категорию и ответственного. Эта вкладка предназначена именно для компоновки карточки, поэтому здесь задаётся последовательность элементов, которые пользователь увидит на доске.
    2. Добавьте в макет нужные элементы из показанных в руководстве: прогресс, срок выполнения, пользовательские поля записи, описание и ленту комментариев. Расположите их относительно остальных полей карточки. Так вы зададите место не только заголовку и ответственному, но и дополнительному содержимому записи.
    3. Во время сборки следите за предварительным просмотром в реальном времени. Он показывает, как карточка будет выглядеть на доске с выбранным расположением элементов. Если нужен другой порядок, перетащите поля и снова оцените результат в предварительном просмотре конструктора.
    4. Настройте дорожки, чтобы разделить доску по горизонтали, например по типу проекта. При необходимости дополнительно используйте группировку карточек по дате. Это позволяет задать горизонтальное разделение и дополнительную группировку, не ограничиваясь только представлением карточек по этапам в колонках.

    5. Укажите людей, фильтры и показатели колонок

    1. На вкладке людей выберите поле, из которого берётся ответственный за карточку, и источник его фотографии. Аналогично настройте автора записи и его фотографию. Так вы явно зададите, откуда доска получает сведения о двух участниках: ответственном и авторе.
    2. Перейдите на вкладку данных, где находятся параметры фильтрации. При необходимости привяжите доску к конкретной записи и добавьте дополнительные условия фильтра. Эти настройки позволяют задать связь с выбранной записью и условия отбора данных для отображения на доске.
    3. Выберите поле для суммы или другого агрегированного показателя в верхней части каждой колонки. Например, можно вывести общий бюджет проектов в определённом статусе. Такой показатель отображается на уровне колонки и рассчитывается по выбранному полю, а не задаётся как отдельное поле макета карточки.
    4. На той же вкладке включите автоматическое обновление и задайте нужный интервал. В руководстве выбор интервала относится к настройкам данных вместе с фильтрами и агрегированными показателями. Используйте этот параметр, чтобы определить периодичность автоматического обновления доски.

    6. Включите действия и перенесите конфигурацию

    1. На вкладке возможностей включите компактный режим, если на карточках нужно показывать только заголовки. Это отдельный вариант отображения содержимого карточек. Используйте его, когда для выбранного представления достаточно заголовка без остальных полей, настроенных в полном макете карточки.
    2. Настройте массовые действия, если нужно выполнять операции сразу с несколькими карточками. Также на этой вкладке предусмотрено перетаскивание между дорожками. Это разные возможности: первая относится к действиям над несколькими карточками одновременно, а вторая — к перемещению карточек между горизонтальными дорожками.
    3. Используйте кнопки бизнес-процессов прямо на доске для соответствующих распространённых действий. В руководстве они представлены как возможность запускать такие действия одним щелчком. Настройте эту часть вместе с остальными возможностями доски, отдельно от её внешнего вида и состава полей.
    4. Для копирования или переноса настроек переключитесь с представления в виде формы на исходный JSON. Вся конфигурация доски доступна как текст, который можно скопировать, сохранить или вставить в другую доску. Используйте переключатель, чтобы выбрать удобное представление одной и той же настройки.
    Транскрипт

    Настройки Kanban открываются одним щелчком по значку шестерёнки в правом верхнем углу доски. Всё настраивается без кода, шаг за шагом, на понятных вкладках.

    Сначала — основные настройки. Здесь вы выбираете источник данных, например объект проектов, а кнопка автоматической настройки по схеме сама подставляет стандартные поля. Затем вы задаёте, какое поле станет заголовком карточки и какие поля будут отображаться на самой карточке. Просто найдите по имени и добавьте нужные колонки, а также задайте размер страницы и высоту доски.

    Далее — этапы. Здесь вы определяете, какое поле задаёт статус карточки и из какого справочника берутся сами этапы. Можно установить ограничение на количество карточек на этапе, выбрать цвета этапов и порядок сортировки, а также решить, показывать пустые колонки или скрывать их.

    Вкладка карточек определяет их внешний вид: классический или современный стиль, порядок сортировки внутри колонки, группировку, например по ответственному, поле срока выполнения и способ расчёта просрочки — в минутах или часах, с выбранным порогом предупреждения.

    Самое интересное — вкладка макета. Это конструктор карточек. Поля просто перетаскиваются в нужном порядке: заголовок, приоритет, категория, ответственный, прогресс, срок выполнения, пользовательские поля записи, описание, лента комментариев. Предварительный просмотр в реальном времени показывает, как именно карточка будет выглядеть на доске, пока вы её собираете.

    Дорожки позволяют разделить доску по горизонтали, например по типу проекта, и при необходимости дополнительно сгруппировать карточки по дате.

    На вкладке людей задаётся, из какого поля берётся ответственный за карточку и откуда загружается его фотография; то же самое настраивается для автора записи.

    Вкладка данных отвечает за фильтрацию. Можно привязать доску к конкретной записи, добавить дополнительные условия фильтрации и вывести в верхней части каждой колонки сумму или другой агрегированный показатель по выбранному полю, например общий бюджет проектов в определённом статусе. Здесь же включается автоматическое обновление с выбранным вами интервалом.

    И наконец — возможности. Компактный режим, в котором отображаются только заголовки карточек, массовые действия сразу с несколькими карточками, перетаскивание между дорожками и кнопки бизнес-процессов прямо на доске. Таким образом, распространённые действия выполняются одним щелчком.

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

    Полное пошаговое руководство — макет карточки, дорожки, поля приоритета/категории и конфигурация перетаскивания. Все сделано нативно во Freedom UI, без кода.
    Посмотреть на Creatio Marketplace: https://marketplace.creatio.com/app/syntech-kanban-view-creatio

    Комментарии и вопросы

    Войдите или зарегистрируйтесь, чтобы оставить комментарий или вопрос.

    Вход / Регистрация
    …