Âncora
Top Top

import.css=/download/attachments/6062824/tecnologia.css

• WebApp

• Web Components

• Lit

• Comparativo de performance entre as versões

• Comparativo visual entre as versões

Âncora
webapp webapp

WebApp (topo)

...

Com o TOTVS | SmartClient HTML, fica ainda mais fácil ter acesso ao ERP da sua empresa! O aplicativo provê o acesso a interface via http, podendo utilizar a maioria dos navegadores de dispositivos como tablets e notebooks para gerenciar sua empresa!

O TOTVS | SmartClient HTML teve sua interface toda reescrita nessa nova versão, utilizando Web Components e Lit Element, o que possibilitou além de uma melhora no código, um ganho de performance considerável para o usuário final (verifique na sessão Comparativo de performance entre as versões)

Consulte a lista dos navegadores homologados para o SmartClient WebApp.

Âncora
webcomponents webcomponents

Web Components (topo)

...

Web Components é uma suíte de diferentes tecnologias que permite a criação de elementos customizados reutilizáveis — com a funcionalidade separada do resto do seu código — e que podem ser utilizados nas aplicações web.

...

Referência: Web Components | MDN (mozilla.org)

Âncora
lit lit

Lit (topo)

...

Lit é uma biblioteca simples para construir Web Components rápidos e leves que possibilitam uma alta performance em suas aplicações Web.

No núcleo do Lit está uma classe base de componentes que fornece estado reativo, estilos associados ao escopo, e um sistema de modelo declarativo que é minúsculo, rápido e expressivo.

A primeira coisa a saber sobre o Lit é que cada Lit

...

Element é um Web Component. Os Web Components têm o superpoder da interoperabilidade: apoiados nativamente por navegadores, os Web Components podem ser usados em qualquer ambiente HTML, com qualquer estrutura.

Isso faz do Lit uma escolha ideal para desenvolver componentes compartilháveis ou sistemas de design. Os Lit

...

Elements podem ser usados em vários aplicativos e sites, mesmo que esses aplicativos e sites sejam construídos em uma variedade de stacks front-end. Os desenvolvedores do site que usam Lit

...

Element não precisam escrever ou mesmo ver qualquer código Lit; eles podem apenas usar os componentes da mesma maneira que eles fazem com elementos HTML incorporados.

Lit também é perfeito para melhorar progressivamente sites HTML básicos. Os navegadores reconhecerão os componentes Lit na sua marcação e os inicializarão automaticamente.

Você também pode construir aplicativos altamente interativos e ricos em recursos a partir de Lit

...

Element, assim como você faria com uma estrutura como React ou Vue. Os recursos e a experiência do desenvolvedor Lit são comparáveis a essas alternativas populares, mas o Lit minimiza o lock-in, maximiza a flexibilidade e promove a manutenção, abraçando o modelo de componente nativo do navegador.

Referência: What is Lit? – Lit

Âncora
comparativo comparativo

Comparativo de Performance entre as versões (topo)

...

Após a reescrita da interface utilizando a tecnologia Lit Element, foram realizados vários testes de performance utilizando o ERP TOTVS Protheus; abaixo segue uma amostra desses testes, demosntrando a melhoria de performance entre a versão anterior e a nova versão.

Âncora
visual visual

Comparativo Visual entre as versões (topo)

...

Após a reescrita da interface utilizando a tecnologia Lit Element, alguns componentes sofreram uma ligeira modificação em seu estilo, como pode ser visto abaixo: