Melhorias nos widgets personalizados

Prev Next

Descubra novas possibilidades e um desenvolvimento mais ágil com as últimas melhorias nos Widgets Personalizados do Tulip.

Updating Custom Widgets

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

Os Widgets Personalizados são uma forma poderosa de ampliar a plataforma Tulip, servindo como um campo de testes tanto para a equipe da Tulip quanto para os usuários.

As melhorias nos widgets personalizados aumentam seu poder, facilidade de uso e capacidades de integração, com foco em interações de API, novos recursos de acesso a dispositivos, usabilidade e estabilidade.

Um dos focos dessas melhorias foi o Custom Widget iFrame Sandbox, que aprimora a capacidade de conexão com sistemas externos e APIs do Tulip.

Novas opções de tempo de execução: legado x atualizado

Os Widgets Personalizados agora oferecem suporte a dois ambientes de tempo de execução: Legado e Atualizado.

O ambiente de execução atualizado oferece maior segurança e desempenho, especialmente ao lidar com chamadas de API externas e uma infinidade de novos acessos a dispositivos (conforme observado abaixo).

Acesso a novos dispositivos por meio dos Widgets Personalizados:

Amplie seus Widgets Personalizados com acesso direto às funcionalidades dos dispositivos:

  • Câmeras: permita que os widgets capturem imagens para inspeções, rastreamento de defeitos ou documentação visual.
  • Microfones: habilite a gravação de áudio diretamente nos widgets para simplificar a documentação, capturar notas de voz ou aprimorar o conteúdo instrucional.
  • Geolocalização: permita que os widgets recuperem a localização do usuário ou do dispositivo para rastrear ativos, fornecer informações baseadas na localização ou aprimorar fluxos de trabalho de logística.
  • WebUSB: Capture dados diretamente de uma variedade de dispositivos USB, trazendo mais dados do mundo físico para seus aplicativos Tulip.
  • WebSerial: monitore e controle dispositivos seriais, possibilitando a comunicação com uma ampla gama de equipamentos industriais e sensores.

Persistência de dados aprimorada para widgets personalizados:

  • Armazenamento local: Widgets personalizados agora podem acessar o armazenamento local para um cache mais eficiente ou retenção de informações entre etapas.

Usabilidade e experiência do desenvolvedor

Informações de tempo de execução

  1. Em “Configurações da conta”, acesse a página “Widgets personalizados ”.
  2. Clique na linha de qualquer widget personalizado para abrir o painel lateral de informações.
  3. Abaixo do nome no painel de informações, um campo indicará o tempo de execução do widget atual (Legado para widgets existentes).

image.png

Ativar tempo de execução entre domínios

  1. No painel lateral de informações do Widget Personalizado, clique no link “Editar ” ao lado do título “Permissões ”.

Isso abrirá o painel lateral de configurações de permissões. Para instâncias com “Entre domínios” ativado, o botão de alternância pode alterar o tempo de execução do widget personalizado específico.

image.png

Ao mudar de “Legado” para “Entre domínios”, você verá o seguinte aviso:

image.png

Após salvar as alterações no tempo de execução entre domínios, se você reabrir as configurações de permissões, deverá ver a nova seção “Permissões de acesso ao dispositivo ”.

image.png

Experiência do editor com ambientes de execução

No editor de Widgets Personalizados, um ícone ao lado do nome do widget indicará o ambiente de execução atual (por exemplo, “Legacy” ou “Cross-domain”).

Para widgets “Legacy”, um aviso será exibido na parte superior da página do editor, indicando que você está executando um widget personalizado “Legacy”. Esse aviso não aparece para widgets “Cross-domain”.

image.png

image.png

Voltar para o modo “Legacy”:

Ao alterar um widget “Entre domínios” de volta para o ambiente de execução “Legado”, você verá o seguinte aviso:

image.png

Visibilidade e navegação

Os widgets personalizados ficam mais visíveis na plataforma e serão mais fáceis de gerenciar e editar. Isso inclui maneiras mais fáceis de acessar o editor de widgets e uma apresentação mais clara das informações dos widgets.

Desenvolvimento

Espere uma experiência de desenvolvimento mais fluida com melhorias, tais como: * Melhor autocompletar para funções de widgets. * Recursos aprimorados de rastreamento de eventos nos widgets. * Tratamento de erros mais robusto e recursos de depuração.

Interface do usuário e fluxos de trabalho

Resolvemos vários pequenos problemas de interface do usuário e fluxos de trabalho que melhorarão a criação e a usabilidade dos widgets, incluindo:* Como as listas de widgets são exibidas* Como as permissões são gerenciadas

Carregamento e desempenho

Melhorias no mecanismo de carregamento de Widgets Personalizados garantirão melhor desempenho e confiabilidade, incluindo:* Lógica de repetição de tentativa para carregar widgets entre domínios* Mensagens de erro caso o acesso seja bloqueado

Próximos passos

Esses investimentos nos Widgets Personalizados são uma prova da confiança da Tulip em seu potencial de extensibilidade. Ao fornecer ferramentas e recursos mais robustos, nosso objetivo é capacitar os usuários a criar soluções inovadoras e atender a casos de uso específicos com a plataforma Tulip.

A equipe da Tulip acompanhará de perto a adoção e o impacto desses novos recursos para continuar aprimorando e expandindo a funcionalidade dos Widgets Personalizados.

Exemplos

Os widgets personalizados a seguir, da Biblioteca da Tulip, demonstram os recursos novos e aprimorados destacados neste artigo.

Widget de agendamento

Widget de Agendamento

Este widget permite que os usuários visualizem, criem e gerenciem tarefas ou eventos agendados dentro de um aplicativo Tulip. Sua interface interativa facilita a organização do trabalho, a alocação de recursos e o acompanhamento das próximas atividades diretamente em seu fluxo de trabalho.

Screenshot 2025-07-02 at 15.41.08.png

Widget de Anotação de Imagem

Widget de anotação de imagens

Este widget permite que os usuários desenhem, destaquem e adicionem notas diretamente nas imagens dentro de um aplicativo Tulip. É ideal para fazer anotações em recursos visuais, fornecer feedback ou documentar problemas diretamente nas imagens relevantes.

Screenshot 2025-07-02 at 15.42.24.png

{{snippet.Você encontrou o que estava procurando?}}