Investigação/Estudo tecnológico para introdução de HTML5 e estruturação do processo de migração

Caso de estudo

Diagrammer: versão em Silverlight

Silverlight e HTML5

Objetivos

Descrever o estado do HTML5 e comparar com Silverlight;

Analisar a exequibilidade de migrar uma aplicação Silverlight para HTML5 com base num caso de estudo;

Observar o impacto da migração;

Elaborar um modelo de migração.

MétodosEst

udo • HTML/HTML5

• JavaScript• CSS• Mapeamento

dos controlos em Silverlight para HTML5

Bib

liote

cas • KnockoutJS

• KendoUI• Ko-Kendo• FabricJS• JQuery• …

Ferr

am

enta

s • VisualStudio/Webstorm

• JSLint• CSSLint

Resultados e Discussão

A migração de elementos simples faz-se praticamente de forma direta.

<Button Content=”Aplicar"></Button>

<button data-bind="kendoButton: ...">Aplicar</button>

Silverlight

HML5

Resultados e Discussão

Alguns elementos complexos necessitam de algum esforço adicional

Resultados e Discussão

Diagrammer: versão em HTML5

Conclusão e Trabalho FuturoO Silverlight está mais maduro que o HTML5 e apresenta

ferramentas mais desenvolvidas para a tecnologia;

Mesmo com o auxílio de bibliotecas de controlos para HTML5, ainda é difícil alcançar os controlos complexos do Silverlight;

Algumas bibliotecas “open-source” podem ser um entrave para o desenvolvimento;

É necessário continuar a contribuir para a correção de “bugs” e melhoria das funcionalidades na biblioteca do FabricJS, tal como eu contribuí;

Deverá prosseguir-se com o trabalho na direção de construir uma ferramenta semi-automática para a migração de aplicações em Silverlight.

Investigação/Estudo tecnológico para introdução de HTML5 e estruturação do processo de migração