Estudo das ferramentas existentes para criação de gráficos em Windows Phone

SmartMail| Entidade Promotora: Parceiros:

1/2 Projeto em curso com o apoio de:

27/03/2014

Estudo das ferramentas existentes para criação de gráficos em Windows Phone



Índice Introdução .......................................................................................................................................................... 1

Sparrow Toolkit .................................................................................................................................................. 1

Silverlight Toolkit ................................................................................................................................................ 5

Visifire ................................................................................................................................................................. 7

RadChart ........................................................................................................................................................... 14

References ........................................................................................................................................................ 20

Introdução Como o Windows Phone se tornou um dos principais sistemas operativos móveis da atualidade foi realizado

o estudo com o intuito de averiguar as capacidades de criação de gráficos neste ambiente. Existem várias

ferramentas disponíveis para este propósito, cada uma com as suas particularidades. A solução escolhida

para um primeiro protótipo foi o Sparrow Toolkit e vai ser a solução em destaque mas algumas outras

ferramentas serão analisadas de forma complementar para se obter uma visão geral do potencial

disponível. Concretamente, o Silverlight Toolkit, o Visifire e o RadChart. O Silverlight Toolkit é relevante por

ser uma solução oficial da Microsoft e as outras duas oferecem a capacidade de criar gráficos de alta

qualidade nativamente. Os critérios de seleção da solução para o protótipo basearam-se na quantidade de

documentação, na disponibilidade dos componentes requeridos e na sua capacidade de evolução futura.

Sparrow Toolkit O Sparrow Toolkit (Sparrow Toolkit, s.d.) é um conjunto de ferramentas de construção de gráficos para

Windows Phone e Silverlight construído para ser flexível, rápido e eficiente. Ainda se encontra em

desenvolvimento e por isso algumas das funcionalidades planeadas ainda não foram implementadas. De

momento é possível criar alguns dos gráficos mais básicos, adicionar legendas e zoom and pan. Existe muito

pouca documentação, dificultando a aprendizagem, e a sua utilização podia ser mais intuitiva. Assim, o

protótipo contem só três gráficos simples sem nenhum tipo de interação. A Figura 1 mostra um gráfico de

área, a Figura 2 mostra um gráfico de linha e a Figura 3 mostra um scatterplot. Não são as únicas

possibilidades do toolkit, no entanto. Este dá acesso a um total de dez tipos de gráficos tradicionais, entre

eles por exemplo Candlestick charts e Bullet graphs, este segundo visível na Figura 4, com onze tipos

adicionais em desenvolvimento e a capacidade de exportar e anotar gráficos criados.



Figura 1 - Sparrow Area Graph



Figura 2 - Sparrow Line Graph



Figura 3 - Sparrow Scatterplot



Figura 4 - Sparrow Example Bullet Graph

Silverlight Toolkit Este toolkit (Windows Phone 7 + Silverlight Toolkit Data Visualization, s.d.) (Styling Charts with the

Silverlight Toolkit, s.d.) oferece a possibilidade de criar aplicações com acesso a funcionalidades nativas do

Windows Phone. Esta solução permite também criar gráficos simples mais polidos e sem muito código. No

entanto, este toolkit não tem sido atualizado recentemente e não existe muita documentação relacionada,

o que dificulta a sua utilização. Contudo, a existência de um demo previamente construído permite

entender como este funciona. A partir desse demo é possível ver algumas das possibilidades. Na Figura 5

temos um Pie Chart simples com uns gradientes de cor e uma legenda lateral a corresponder ao gráfico de

dados. Como este é puramente exemplificativo os dados não têm significado e a legenda não contém

informação detalhada mas a alteração desses campos é fácil. A Figura 6 tem um gráfico de barras, chamado

Column Bar pelo toolkit. Apesar das falhas é uma solução a ter em mente.



Figura 5 - Silverlight Pie Chart



Figura 6 - Silverlight Column Chart

Visifire O Visifire oferece gráficos de alta qualidade para diferentes plataformas, incluindo Windows Phone (Visifire

for Windows Phone, s.d.) e Windows 8. A solução permite criar 21 diferentes gráficos animados, com a

possibilidade de escolher variantes 2D ou 3D, personalizá-los, combiná-los e usar o ecrã multi touch para os

manipular. Existem demonstrações descarregáveis do site do Visifire que demonstram as capacidades

destas. As figuras seguintes ilustrarão algumas das possibilidades desta solução. A Figura 7 mostra um

gráfico de área com três séries de dados em 2D enquanto que a Figura 8 apresenta um gráfico do mesmo

tipo, também com três séries, mas em 3D. Outros tipos de gráficos, tal como o gráfico apresentado na

Figura 9, também podem ser apresentados em 3D se fizer sentido. É também possível personalizar o

background, sendo possível realçar dados como se pode ver com a trendline do Spline Chart da Figura 10.



As figuras Figura 11 e Figura 12 mostram o mesmo indicador animado em duas posições diferentes, o que

permite ver a possibilidade de animar gráficos e a capacidade de visualizar dados em tempo real. A Figura

13 demonstra a possibilidade de combinar gráficos de diferentes tipos para maximizar a informação

apresentada num só ecrã.

Figura 7 - Visifire Demo 2D Area



Figura 8 - Visifire Demo 3D Area



Figura 9 - Visifire Demo 3D Funnel



Figura 10 - Visifire Demo Spline Trend



Figura 11 - Visifire Demo Gauge Danger



Figura 12 - Visifire Demo Gauge Safe



Figura 13 - Visifire Demo Combination

RadChart O RadChart (RadChart, s.d.) é uma biblioteca pertencente à Telerik (Telerik Homepage, s.d.) desenhada

especificamente para desenvolver gráficos para aplicações profissionais Windows Phone. Esta biblioteca

oferece vinte diferentes tipos de gráficos e a possibilidade de os combinar e juntar para obter composições

gráficas mais adequadas. No demo disponível a partir do website é possível explorar as possibilidades da

solução. Tal como com o Visifire, os gráficos criados com o RadChart são de alta qualidade e há um elevado

nível de personalização e controlo. Gráficos criados desta forma podem ser tornados interativos, sendo



possível realçar informação ao pressionar, deslocar ou ampliar os seus componentes. Exemplos de

funcionalidades estão apresentadas de seguida. A seleção de componentes é visível no pie chart da Figura

14 em que uma das suas seções foi salientada. A Figura 15 mostra um gráfico com múltiplos eixos X, sendo

possível removê-los e receber uma resposta imediata, como aparece na Figura 16. Na Figura 17, um gráfico

em tempo real do stock de uma indústria mostra a fluidez de animações.



O Jack of Tools Pro (Jack of Tools Pro, s.d.) é uma aplicação apresentada pela Telerik que utiliza RadCharts.

Esta aplicação funciona como uma caixa de ferramentas virtual, fornecendo informação sobre a posição,

orientação e movimento do utilizador, entre outras funcionalidades, através de diversos gráficos. A Figura

18 mostra os gráficos relacionados com a velocidade do utilizador ao longo de um período de tempo. A

linha vermelha no referencial representa a velocidade máxima do utilizador, enquanto que a linha azul

representa a velocidade média e a área verde mostra a velocidade actual. O velocímetro seguinte mostra a

mesma informação mas de uma forma mais simplificada.

Figura 14 - RadChart Demo Pie Selection



Figura 15 - RadChart Demo Multi Axis Full



Figura 16 - RadChart Demo Multi Axis Partial



Figura 17 - RadChart Demo Live Feed



Figura 18 - Jack of Tools Pro Velocity

References Jack of Tools Pro. (n.d.). Retrieved from Windows Phone Marketplace: http://www.windowsphone.com/en-

us/store/app/jack-of-tools-pro/62b13259-c06a-4f24-a95c-dd904235beb1

RadChart. (n.d.). Retrieved from Telerik: http://www.telerik.com/products/windows-phone/overview/all-

controls/chart.aspx

Sparrow Toolkit. (n.d.). Retrieved from CodePlex: http://sparrowtoolkit.codeplex.com/

Styling Charts with the Silverlight Toolkit. (n.d.). Retrieved from Microsoft Expression:

http://msdn.microsoft.com/en-us/expression/dd433476.aspx

Telerik Homepage. (n.d.). Retrieved from Telerik: http://www.telerik.com/



Terra Explorer. (n.d.). Retrieved from Windows Phone Marketplace: http://www.windowsphone.com/en-

us/store/app/terra-explorer/b78f66c1-db49-e011-854c-00237de2db9e

Visifire for Windows Phone. (n.d.). Retrieved from Visifire:

http://www.visifire.com/windows_phone_charts.php

Windows Phone 7 + Silverlight Toolkit Data Visualization. (n.d.). Retrieved from NewtonApps:

http://newtonapps.com/post/2010/05/05/Windows-Phone-7-2b-Silverlight-Toolkit-Data-

Visualization.aspx

Estudo das ferramentas existentes para criação de gráficos em Windows Phone

Documents

Transcript of Estudo das ferramentas existentes para criação de gráficos em Windows Phone