作業指示書 "UIテンプレート "の使い方
  • 04 Nov 2023
  • 1 読む分
  • 寄稿者

作業指示書 "UIテンプレート "の使い方


Article Summary

作業指示書 "UIテンプレート "の使い方

UIテンプレートを使って、作業指示書を素早く作り始める方法をご紹介します。

この記事では...

  • UIテンプレートを使って作業指示書を素早く作る方法
  • 美しいアプリを作るために、あらかじめ用意されたデザインを使用する方法

注:このトピックは、Tulip Universityの「Build a Basic Work Instructions App」コースで紹介されています。

すべての新しいTulipアカウントには「UI Templates」というフォルダがあり、その中に「作業指示書UIテンプレート」というアプリが含まれています。

これは実際の最前線の業務アプリの例ではありません。代わりに、すぐに複製して独自のコンテンツを追加できる3ステップのテンプレートが提供されています。

これにより、作業指示アプリをゼロから設計するのではなく、コンテンツのチューリップへの移行に全エネルギーを費やすことができます。

このテンプレートを使って、初めての作業指示書アプリを作る方法をご紹介します。

アプリを構築する前に、最初の最前線業務アプリを計画するためのこのガイドを使用するとよいでしょう。

作業指示 UI テンプレートの概要

テンプレートには3つのステップがあります:

  1. 作業指示のステップに対応する通常のステップ
  2. オペレータがアプリを完了し、データを保存できるようにする「完了」ステップ
  3. オペレータが不具合を報告するための「フォーム」ステップ。

最初のステップはこんな感じです:

これらの3つのステップで、作業指示書のシンプルなバージョンを作成し、Tulipについてさらに学びながらアプリを改善することができます。

ステップテンプレートの複製

テンプレートを使うには、画面右側のコンテキストペインにある「ステップの複製」アイコンを使って、最初のステップを複製します。

作業指示書のすべてのステップにこのステップを複製します。

コンテンツの追加

各ステップに画像やテキストを追加するには、CTRL + VまたはMacではCMD + Vを使用して、クリップボードから画像やテキストを貼り付けることができます。

アプリの完成

作業指示書の最後のステップは "Complete Step "とします。これには "Complete "ボタンがあり、サイクルタイムや個々のステップに費やした時間のデータを保存します。

不具合の報告

不具合報告」はフォームステップで、4つのデフォルトウィジェットがあります:

  • 不具合の説明(テキスト)
  • 欠陥タイプ(ドロップダウン)
  • 欠陥は修理可能か?(ブーリアン)
  • 欠陥写真(ウェブカメラからの画像)

オペレータは、フォームの「Report Defect(欠陥報告)」ボタンを押すと、いつでもこのフォームにリダイレクトされます。

フォームに記入して「送信」を押すと、前のステップにリダイレクトされます。

代わりにデータを保存し、オペレータを手順の最初のステップに戻したい場合は、画面右側のコンテキストペインで、[送信]ボタンを[アプリを完了]に変更してください。

フォームウィジェットの1つを削除したい場合は、ウィジェットを選択し、右側のコンテキストペインでゴミ箱アイコンを選択してください。

テンプレートを使って最初のアプリを作る

このテンプレートでは、シンプルな作業指示アプリを構築することができます。しかし、次のような他のコンセプトを追加することもできます:

  1. オペレータがバーコード番号をスキャンまたは入力できるようにする。
  2. 異なるデザインのステップを追加する
  3. 作業指示データをテーブルに保存する

これを実現するには、次のセクションで推奨するガイドのいずれかをチェックしてください。アプリに複雑さを追加するのに役立ちます。

さらに読む


お探しのものは見つかりましたか?

community.tulip.coで質問を投稿したり、他の人が同じような質問に直面していないか確認することもできます!


この記事は役に立ちましたか?