Â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 ComponentsElement, 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.

...

A primeira coisa a saber sobre o Lit é que cada Lit Component 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 Components 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 Components 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.

...

Você também pode construir aplicativos altamente interativos e ricos em recursos a partir de Lit ComponentsElement, 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 de Web Components e Lit ComponentsElement, 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 de Web Components e Lit Components Element, alguns componentes sofreram uma ligeira modificação em seu estilo, como pode ser visto abaixo:

Interface Anterior	Interface Nova	Componente
Image Modified	Image Modified	Grid
Image Modified

Image Removed

Image Added	Calendário
Image Modified	Image Modified	cGetFile
Image Modified	Image Modified	TGet / TFolder

Image Removed

Image Added

Image Removed

Image Added

Relatório