Как построить первую форму Шаг
  • 31 Oct 2023
  • 3 Минуты для чтения
  • Авторы

Как построить первую форму Шаг


Article Summary

Как создать свой первый Form Step

Узнайте, как использовать Form Step в контексте всего приложения.

:::(Warning) (Внимание) Начиная с r234, шаги формы были отключены для всех новых экземпляров Tulip. :::

В этой статье вы узнаете...

  • Как создать шаг формы
  • Различные способы сбора данных в шаге формы
  • Как добавить логику, основанную на определенных ответах в форме

:::(Info) (ПРИМЕЧАНИЕ) Эта тема рассматривается в курсе"Основы дизайна и логики приложений" в Tulip University. :::

В Tulip существует два типа шагов, которые можно добавить в приложение:

  1. Обычный шаг, который обычно соответствует отдельному шагу в наборе бумажных инструкций. Обычные шаги также допускают расширяемое форматирование.
  2. Шаг-форма, позволяющий оператору ввести ряд сведений о выполняемой работе.

Обычный Шаг ориентирован на удобство чтения и просмотра, в то время как Шаг Формы позволяет оператору легко вводить подробную информацию.

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

Они заменяют такие формы:

И выглядят они следующим образом:

Вот как можно использовать Form Step в одном из ваших приложений. Если вам интересно увидеть Form Steps в контексте обычного производственного процесса, ознакомьтесь с этими пошаговыми руководствами:

Опции для полей формы

Вот различные опции в форме:

Boolean: Ответ на вопрос "да/нет

Dropdown: Предоставление заранее выбранного списка опций в виде кнопок или выпадающего селектора.

Multiselect: Выбор нескольких вариантов из списка

Текст: Ввод текста

Число: Ввести число (или использовать +/- для увеличения)

Изображение: Сделайте снимок с помощью стандартной камеры устройства или USB-камеры. Это изображение может быть использовано в последующих шагах или в аналитике.

Изменение полей формы

В каждом типе виджета формы можно изменять следующие параметры:

Метка ввода: Метка внутри формы

Размер шрифта: Размер шрифта метки

Цвет шрифта: Цвет шрифта метки

Font Style: Стиль шрифта метки

Variable (Переменная): Переменная, в которой хранится значение, введенное оператором

Required (Требуется): Должен ли оператор ввести какое-либо значение перед отправкой формы.

Более подробную информацию о каждом виджете формы можно найти в этом руководстве по виджетам формы

Изменение макета формы

Щелкните мышью в любом месте на самом шаге, чтобы увидеть список опций для изменения макета в контекстной панели в правой части экрана.

Функциональность кнопок Cancel и Submit можно изменить с помощью выпадающих меню в контекстной панели. Как построить более сложную логику с использованием этих опций, вы увидите в следующем разделе.

Добавьте несколько столбцов, а затем перетащите каждое поле в новый столбец, чтобы разместить на форме большее количество полей.

Все шаги формы включают три кнопки в нижней части:

  • "Отмена", которая имеет несколько вариантов триггеров
  • Меню
  • "Отправить", которая имеет несколько вариантов триггеров.

Использование переменных в формах

Допустим, вы хотите построить некоторую динамическую логику, основанную на конкретном ответе в форме.

Например, если сотрудник, проводящий проверку качества, выбирает опцию "Переработка", а не "Лом", необходимо направить его в соответствующую корзину для переделки.

Здесь вам понадобится переменная для отслеживания значения поля в шаге формы.

Выберите поле, затем перейдите в раздел "Переменная" на контекстной панели.

Щелкните на кнопке "+", чтобы создать новую переменную, которая будет отслеживать значение поля.

Затем можно изменить имя переменной с помощью поля "Имя".

Как заполнить форму

Есть несколько моментов, которые могут произойти, когда пользователь готов заполнить форму. Пользователь должен нажать кнопку "Отправить" в правом нижнем углу или кнопку "Отмена" в левом нижнем углу.

Чтобы выбрать, что произойдет после нажатия оператором одной из этих кнопок, можно выбрать одну из опций в центре контекстной панели при щелчке на фоне шага формы.

Вот некоторые варианты для кнопки "Отправить":

Go To Next Step - по умолчанию пользователь переходит к следующему шагу.

Go To Step... - выбор конкретного шага в приложении.

Завершить приложение - пользователь завершил работу с приложением.

Пользовательское действие - здесь вы можете добавить пользовательский триггер, основанный на переменной, которая была обновлена в форме (или любой другой переменной).

Более полное руководство по пользовательским действиям см. здесь.

Существует только два способа очистки значений в шаге формы:

  1. Завершить приложение
  2. Отменить приложение

Использование полей формы в аналитике

Вы можете анализировать данные из форм как с переменными, так и без них.

Перейдите в раздел Анализ, затем выберите категорию Ось X на левой боковой панели.

Щелкните существующую точку данных.

Затем выберите категорию "Формы приложений".

Вы сможете выбрать любое поле формы из всего приложения.

Если вы решили отслеживать результат заполнения поля формы в переменной, вы также можете использовать переменную в категории "Переменные приложения".

Анализ таблицы может показать сразу несколько полей формы. Чтобы выбрать несколько полей формы, перейдите на вкладку "Операции" в левом меню.

Нажмите кнопку "Добавить новую операцию", а затем выберите конкретное поле формы для добавления.

Вот как будет выглядеть таблица.


Вы нашли то, что искали?

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


Была ли эта статья полезной?