Come utilizzare il "modello UI" delle istruzioni di lavoro

Come utilizzare il "modello di interfaccia utente" per le istruzioni di lavoro

Ecco come iniziare rapidamente a costruire istruzioni di lavoro con un modello di interfaccia utente.

In questo articolo, imparerete...

• Come costruire rapidamente istruzioni di lavoro utilizzando un modello UI
• Come utilizzare un design precostituito per creare una bella applicazione

Nota: questo argomento è presente nel corso "Costruire un'applicazione di base per le istruzioni di lavoro" della Tulip University.

Ogni nuovo account Tulip include una cartella chiamata "UI Templates", che contiene un'app chiamata "Work Instructions UI Template".

Non si tratta di un esempio di un'applicazione per le operazioni di prima linea. Fornisce invece modelli in tre fasi che possono essere rapidamente duplicati e a cui si può aggiungere il proprio contenuto.

In questo modo potrete dedicare tutte le vostre energie alla migrazione dei contenuti su Tulip, piuttosto che alla progettazione di un'applicazione per le istruzioni di lavoro da zero.

Ecco come utilizzare questo modello per creare la vostra prima app di istruzioni di lavoro.

Prima di creare un'applicazione, potete utilizzare questa guida per pianificare la vostra prima applicazione per le operazioni di prima linea.

Panoramica del modello di interfaccia utente per le istruzioni di lavoro

Il modello comprende tre fasi:

1. un passo normale che corrisponde a un passo delle istruzioni di lavoro
2. Un passo "Completa" che consente all'operatore di completare l'applicazione e salvare i dati.
3. Un passo "Modulo" che consente all'operatore di segnalare i difetti.

Ecco come si presenta il primo passo:

Con questi tre passaggi, potete creare una versione semplice delle vostre istruzioni di lavoro e poi migliorare la vostra applicazione man mano che imparate a conoscere meglio Tulip.

Duplicazione dei modelli di passo

Per utilizzare il modello, è necessario duplicare il primo passo utilizzando l'icona "Duplica passo" nel riquadro contestuale sul lato destro dello schermo.

Duplicate questo passo per ogni passo delle vostre istruzioni di lavoro.

Aggiunta di contenuti

Per aggiungere immagini e testo a ciascun passaggio, potete usare CTRL + V o CMD + V su Mac per incollare immagini e testo dagli appunti.

Completamento dell'applicazione

L'ultima fase delle istruzioni di lavoro dovrebbe essere la "Fase completa". Questo include un pulsante "Completa", che salva i dati sui tempi di ciclo e sul tempo impiegato per ogni singola fase.

Segnalazione di un difetto

Il "Rapporto sui difetti" è una fase del modulo con 4 widget predefiniti:

• Descrizione del difetto (testo)
• Tipo di difetto (a discesa)
• Il difetto è riparabile? (booleano)
• Foto del difetto (immagine dalla webcam)

L'operatore verrà reindirizzato a questo modulo ogni volta che premerà il pulsante "Segnala difetto" su un modulo.

Una volta compilato il modulo e premuto "Invia", l'operatore verrà reindirizzato alla fase precedente.

Se invece si desidera salvare i dati e rimandare l'operatore al primo passo delle istruzioni, è necessario modificare il pulsante Invia in "Completa applicazione" nel riquadro contestuale sul lato destro dello schermo.

Se si desidera eliminare uno dei widget del modulo, selezionarlo e poi scegliere l'icona del cestino nel riquadro contestuale a destra.

Usare il modello per costruire la prima applicazione

Questo modello consente di creare una semplice applicazione per le istruzioni di lavoro. Tuttavia, è possibile che si vogliano aggiungere altri concetti, come ad esempio:

1. Consentire a un operatore di scansionare o inserire un numero di codice a barre.
2. Aggiunta di fasi con disegni diversi
3. Salvare i dati dell'ordine di lavoro in una tabella

Per fare ciò, consultate una delle guide consigliate nella prossima sezione. Esse vi aiuteranno ad aggiungere maggiore complessità all'applicazione.

Ulteriori letture

• Guida completa alla creazione di un'app per le istruzioni di lavoro
• Una panoramica delle tabelle, il database senza codice di Tulip
• Guida ai passi del modulo

Avete trovato quello che cercavate?

Potete anche andare su community.tulip.co per porre la vostra domanda o vedere se altri hanno affrontato una domanda simile!