Miglioramenti ai widget personalizzati

Prev Next

Scopri nuove possibilità e uno sviluppo più fluido con gli ultimi miglioramenti apportati ai widget personalizzati di Tulip.

Updating Custom Widgets

Custom Widget updates are rolling in r332. Read more about the runtimes here

I Custom Widgets rappresentano un potente strumento per estendere la piattaforma Tulip, fungendo da banco di prova sia per il team di Tulip che per gli utenti.

I miglioramenti apportati ai widget personalizzati ne aumentano la potenza, la facilità d’uso e le capacità di integrazione, concentrandosi sulle interazioni API, sulle nuove funzionalità di accesso ai dispositivi, sull’usabilità e sulla stabilità.

Uno dei punti focali di questi miglioramenti è stato il Custom Widget iFrame Sandbox, che migliora la capacità di connettersi con sistemi esterni e con le API di Tulip.

Nuove opzioni di runtime: legacy e aggiornato

I widget personalizzati ora supportano due ambienti di runtime: legacy e aggiornato.

L’ambiente di esecuzione aggiornato offre maggiore sicurezza e prestazioni migliorate, specialmente quando si gestiscono chiamate alle API esterne e una vasta gamma di nuovi dispositivi accessibili (come indicato di seguito).

Nuovo accesso ai dispositivi tramite i widget personalizzati:

Ampliate le funzionalità dei vostri widget personalizzati con l’accesso diretto alle funzionalità dei dispositivi:

  • Fotocamere: consenti ai widget di scattare immagini per ispezioni, tracciamento dei difetti o documentazione visiva.
  • Microfoni: abilita la registrazione audio direttamente all’interno dei widget per semplificare la documentazione, acquisire note vocali o migliorare i contenuti didattici.
  • Geolocalizzazione: consenti ai widget di recuperare la posizione dell’utente o del dispositivo per tracciare le risorse, fornire informazioni basate sulla posizione o migliorare i flussi di lavoro logistici.
  • WebUSB: acquisisci dati direttamente da una vasta gamma di dispositivi USB, integrando più dati del mondo fisico nelle tue applicazioni Tulip.
  • WebSerial: monitora e controlla i dispositivi seriali, consentendo la comunicazione con un'ampia gamma di apparecchiature industriali e sensori.

Persistenza dei dati migliorata per i widget personalizzati:

  • Archiviazione locale: i widget personalizzati possono ora accedere all’archiviazione locale per una memorizzazione nella cache o una conservazione delle informazioni più efficiente tra le diverse fasi.

Usabilità ed esperienza degli sviluppatori

Informazioni sul runtime

  1. Dalle Impostazioni account, accedi alla pagina Widget personalizzati.
  2. Fare clic sulla riga di un widget personalizzato qualsiasi per aprire il pannello laterale delle informazioni.
  3. Sotto il nome nel pannello informativo, un campo indicherà il runtime del widget corrente (Legacy per i widget esistenti).

image.png

Abilita il runtime cross-domain

  1. Nel pannello laterale delle informazioni del widget personalizzato, clicca sul link Modifica accanto all’intestazione Autorizzazioni.

Si aprirà così il pannello laterale delle impostazioni delle autorizzazioni. Per le istanze con l’esecuzione tra domini abilitata, l’interruttore consente di modificare il runtime dello specifico widget personalizzato.

image.png

Quando si passa dalla modalità "Legacy" a quella "Cross-domain", verrà visualizzato il seguente avviso:

image.png

Dopo aver salvato le modifiche all'esecuzione "Cross-domain", se riapri le impostazioni dei permessi, dovresti vedere la nuova sezione " Permessi di accesso al dispositivo ".

image.png

Esperienza di editing con i runtime

Nell'editor dei widget personalizzati, un'icona accanto al nome del widget indicherà il runtime corrente (ad esempio, Legacy o Cross-domain).

Per i widget Legacy, nella parte superiore della pagina dell’editor verrà visualizzato un avviso che indica che si sta utilizzando un widget personalizzato legacy. Questo avviso non compare per i widget Cross-domain.

image.png

image.png

Ritorno al runtime Legacy:

Quando si riporta un widget Cross-domain al runtime Legacy, verrà visualizzato il seguente avviso:

image.png

Visibilità e navigazione

I widget personalizzati sono più visibili all’interno della piattaforma e saranno più facili da gestire e modificare. Ciò include modalità più semplici per accedere all’editor dei widget e una presentazione più chiara delle informazioni relative ai widget.

Sviluppo

Ci si può aspettare un'esperienza di sviluppo più fluida grazie a miglioramenti quali: * Migliore completamento automatico per le funzioni dei widget. * Funzionalità di tracciamento degli eventi migliorate all'interno dei widget. * Gestione degli errori più solida e strumenti di debug più efficaci.

Interfaccia utente e flussi di lavoro

Abbiamo risolto vari piccoli problemi relativi all’interfaccia utente e ai flussi di lavoro che miglioreranno la creazione e l’usabilità dei widget, tra cui:* Modalità di visualizzazione degli elenchi di widget* Modalità di gestione delle autorizzazioni

Caricamento e prestazioni

I miglioramenti apportati al meccanismo di caricamento dei widget personalizzati garantiranno prestazioni e affidabilità migliori, tra cui:* Logica di riprova per il caricamento dei widget tra domini diversi* Messaggi di errore in caso di accesso bloccato

Prossimi passi

Questi investimenti nei widget personalizzati testimoniano la fiducia di Tulip nel loro potenziale di estensibilità. Fornendo strumenti e funzionalità più robusti, miriamo a consentire agli utenti di creare soluzioni innovative e affrontare casi d’uso specifici con la piattaforma Tulip.

Il team di Tulip seguirà da vicino l’adozione e l’impatto di queste nuove funzionalità per continuare a perfezionare ed espandere le funzionalità dei widget personalizzati.

Esempi

I seguenti widget personalizzati della Libreria Tulip illustrano le funzionalità nuove e migliorate evidenziate in questo articolo.

Widget di pianificazione

Widget di pianificazione

Questo widget consente agli utenti di visualizzare, creare e gestire attività o eventi pianificati all’interno di un’app Tulip. La sua interfaccia interattiva semplifica l’organizzazione del lavoro, l’assegnazione delle risorse e il monitoraggio delle attività imminenti direttamente nel flusso di lavoro.

Screenshot 2025-07-02 at 15.41.08.png

Widget di annotazione delle immagini

Widget di annotazione delle immagini

Questo widget consente agli utenti di disegnare, evidenziare e aggiungere note direttamente sulle immagini all’interno di un’app Tulip. È ideale per annotare elementi visivi, fornire feedback o documentare problemi direttamente sulle immagini pertinenti.

Screenshot 2025-07-02 at 15.42.24.png

{{snippet.Hai trovato quello che cercavi?}}