Este documento descreve um estudo sobre a migração de uma aplicação Silverlight para HTML5. Analisou a viabilidade de migrar um diagrama Silverlight para HTML5 usando bibliotecas como KnockoutJS. A migração de elementos simples foi direta, mas elementos complexos precisaram de mais esforço. HTML5 ainda não é tão maduro quanto Silverlight, mas continuará a melhorar.

1. Investigação/Estudo tecnológico
para introdução de HTML5 e
estruturação do processo de
migração
Nuno Morais
Prof. José Carlos Ramalho (Orientador)
Carlos Silva (Supervisor)

2. Caso de estudo
Diagrammer: versão em Silverlight

3. Silverlight e HTML5

4. 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.

5. Métodos
Estudo
•HTML/HTML5
•JavaScript
•CSS
•Mapeamento dos
controlos em Silverlight
para HTML5
Bibliotecas
•KnockoutJS
•KendoUI
•Ko-Kendo
•FabricJS
•JQuery
•…
Ferramentas
•VisualStudio/Webstorm
•JSLint
•CSSLint

6. 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

7. Resultados e Discussão
Alguns elementos complexos necessitam de algum esforço adicional

8. Resultados e Discussão
Diagrammer: versão em HTML5

9. Conclusão e Trabalho
Futuro
 O 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.

10. Investigação/Estudo tecnológico
para introdução de HTML5 e
estruturação do processo de
migração
Nuno Morais
Prof. José Carlos Ramalho (Orientador)
Carlos Silva (Supervisor)