Как использовать "шаблон пользовательского интерфейса" рабочих инструкций
  • 23 Jan 2025
  • 2 Минуты для чтения
  • Авторы

Как использовать "шаблон пользовательского интерфейса" рабочих инструкций


Вводный текст

Как использовать шаблон пользовательского интерфейса для рабочих инструкций

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

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

  • Как быстро создать рабочие инструкции с помощью шаблона пользовательского интерфейса
  • Как использовать готовый дизайн для создания красивого приложения

Примечание: Эта тема рассматривается в курсе "Создание базового приложения для рабочих инструкций" в Tulip University.

В каждом новом аккаунте Tulip есть папка "UI Templates", в которой находится приложение под названием "Work Instructions UI Template".

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

Это позволит вам потратить все свои силы на перенос контента в Tulip, а не на разработку приложения для рабочих инструкций с нуля.

Вот как использовать этот шаблон для создания вашего первого приложения с рабочими инструкциями.

Перед созданием приложения вам может пригодиться это руководство по планированию вашего первого приложения для фронтальных операций

Обзор шаблона пользовательского интерфейса рабочих инструкций

Шаблон включает в себя три этапа:

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

Вот как выглядит первый шаг:

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

Дублирование шаблонов шагов

Чтобы использовать шаблон, продублируйте первый шаг с помощью значка "Дублировать шаг" на боковой панели в правой части экрана.

Дублируйте этот шаг для каждого шага в ваших рабочих инструкциях.

Добавление содержимого

Чтобы добавить изображения и текст к каждому шагу, вы можете использовать CTRL + V или CMD + V на Mac, чтобы вставить изображения и текст из буфера обмена.

Завершение приложения

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

Сообщение о дефекте

Отчет о дефекте" - это шаг формы с 4 виджетами по умолчанию:

  • Описание дефекта (текст)
  • Тип дефекта (выпадающий список)
  • Поддается ли дефект ремонту? (булево)
  • Фотография дефекта (изображение с веб-камеры)

Оператор будет перенаправлен на эту форму каждый раз, когда нажмет кнопку "Сообщить о дефекте" на форме.

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

Если вы хотите сохранить данные и вернуть оператора к первому шагу инструкции, измените кнопку "Отправить" на "Завершить приложение" в боковой панели в правой части экрана.

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

Использование шаблона для создания вашего первого приложения

Этот шаблон позволит вам создать простое приложение с рабочими инструкциями. Но, возможно, вы захотите добавить другие концепции, например:

  1. Позволить оператору сканировать или вводить номер штрих-кода
  2. Добавление шагов с различным дизайном
  3. Сохранение данных рабочей инструкции в таблице.

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

Дальнейшее чтение


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

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


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