Melhorias no widget personalizado

Prev Next

Faça mais com widgets personalizados: Anunciando os principais aprimoramentos!

Updating Custom Widgets

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

Descubra novas possibilidades e um desenvolvimento mais suave com os últimos aprimoramentos dos Tulip Custom Widgets.

Os Custom Widgets são uma forma poderosa de estender a plataforma Tulip, servindo como um fantástico campo de testes para nós da Tulip e para nossos clientes explorarem novos casos de uso e integrações. Eles são uma parte fundamental da nossa estratégia de extensibilidade da plataforma, ajudando-nos a abrir novos caminhos e a agregar mais valor.

Temos trabalhado arduamente para aprimorar os Custom Widgets e torná-los mais poderosos, mais fáceis de usar e mais bem integrados. Estamos empolgados em compartilhar uma onda de aprimoramentos focados em interações de API mais suaves, novos recursos de acesso a dispositivos, usabilidade aprimorada e estabilidade geral.

Ampliação dos recursos de integração: Acesso mais suave a APIs externas e da TulipUm dos principais focos dessas melhorias tem sido o Custom Widget iFrame Sandbox, aprimorando significativamente sua capacidade de se conectar perfeitamente com sistemas externos e APIs da Tulip. Isso abre um mundo de possibilidades para experiências mais ricas e profundamente integradas.

Novas opções de tempo de execução: Legado vs. Atualizado

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

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

Novo acesso a dispositivos por meio de widgets personalizados:

Amplie seus widgets personalizados com acesso direto a uma série de funcionalidades do dispositivo:

  • 📸 Câmeras: Capacite os widgets para capturar 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 anotações 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 com reconhecimento de localização ou aprimorar os 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, permitindo a comunicação com uma ampla gama de equipamentos e sensores industriais.

Persistência de dados aprimorada para widgets personalizados:

  • 💾 Armazenamento local: Os widgets personalizados agora podem acessar o armazenamento local para armazenar em cache ou reter informações de forma mais eficiente em todas as etapas.

Usabilidade e experiência do desenvolvedor aprimoradas

Estamos empenhados em tornar os widgets personalizados não apenas mais avançados, mas também mais fáceis de descobrir, desenvolver e gerenciar.

Descobrindo informações de tempo de execução:

Nas configurações da conta, navegue até a página Custom Widgets.

Clique na linha de qualquer widget personalizado (não no nome) para abrir o painel lateral de informações.

Abaixo do nome no painel de informações, um campo indicará o tempo de execução do widget atual (inicialmente Legacy para widgets existentes).

image.png

Ativação do tempo de execução entre domínios:

No painel lateral de informações do widget personalizado, clique no link "Editar" ao lado do título Configurações de permissões.

Isso abrirá o painel lateral de configurações de permissões. Para instâncias habilitadas para vários domínios, você verá uma alternância para alterar o tempo de execução do widget personalizado específico.

image.png

Ao mudar de Legado para Domínio cruzado, você verá um aviso.

image.png

Após salvar as alterações no tempo de execução do Cross-domain, se você reabrir as configurações de permissões, deverá ver a nova seção Device Access Permissions (Permissões de acesso ao dispositivo).

image.png

Experiência do editor com tempos de execução:

No editor de widgets personalizados, uma pílula ao lado do nome do widget indicará o tempo de execução atual (por exemplo, Legacy ou Cross-domain).

Para widgets legados, um aviso será exibido na parte superior da página do editor, indicando que você está executando um widget personalizado legado. Esse aviso desaparecerá para widgets de domínio cruzado.

image.png

image.png

Mudança de volta para o legado:

Ao alterar um widget Cross-domain de volta para o tempo de execução Legacy, você também verá um aviso.

image.png

Navegação e capacidade de descoberta aprimoradas: Estamos tornando os widgets personalizados mais visíveis na plataforma e simplificando a jornada para gerenciá-los e editá-los. Isso inclui maneiras mais fáceis de acessar o editor de widgets e uma apresentação mais clara das informações do widget.

Desenvolvimento simplificado: Espere uma experiência de desenvolvimento mais suave com aprimoramentos como: * Melhor preenchimento automático das funções do widget. * Recursos aprimorados de rastreamento de eventos nos widgets. * Tratamento de erros e recursos de depuração mais robustos.

Resolvidos os cortes de papel na interface do usuário e no fluxo de trabalho: Resolvemos vários "cortes de papel" - aqueles problemas pequenos, mas frustrantes, da interface do usuário e do fluxo de trabalho - para tornar a criação e o uso de widgets uma experiência mais agradável. Isso inclui atualizações na forma como as listas de widgets são exibidas e como as permissões são gerenciadas.

Carregamento e desempenho otimizados: Introduzimos melhorias no mecanismo de carregamento do Custom Widget, garantindo melhor desempenho e confiabilidade. Isso inclui lógica de repetição para carregar widgets entre domínios e mensagens de erro claras se o acesso for bloqueado.

Impacto estratégico e o que está por vir

Esses investimentos em widgets personalizados são uma prova de nossa crença em seu potencial de extensibilidade. Ao fornecer ferramentas e recursos mais robustos, pretendemos capacitar nossos usuários - sejam eles desenvolvedores da Tulip ou desenvolvedores e clientes externos - para criar soluções inovadoras e abordar casos de uso ainda mais específicos na plataforma Tulip.

Acompanharemos de perto a adoção e o impacto desses novos recursos para continuar refinando e expandindo a funcionalidade do Custom Widget. Fique atento a mais recursos, documentação e exemplos para ajudá-lo a aproveitar ao máximo esses novos e empolgantes recursos!

Exemplos

Os seguintes widgets personalizados da Tulip Library demonstram os recursos novos e aprimorados destacados neste artigo.

Widget de agendamento

Widget de agendamento

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

Screenshot 2025-07-02 at 15.41.08.png

Widget de anotação de imagem

Widget de anotação de imagem

Esse widget permite que os usuários desenhem, destaquem e adicionem notas diretamente em imagens dentro de um aplicativo Tulip. É ideal para marcar imagens, fornecer feedback ou documentar problemas diretamente nas imagens relevantes.

Screenshot 2025-07-02 at 15.42.24.png