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

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


Article Summary

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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