SmartMail| Entidade Promotora:

Parceiros:

27/03/2014

Estudo das
ferramentas existentes
para criao de
grficos em Windows
Phone

1/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

ndice
Introduo .......................................................................................................................................................... 1
Sparrow Toolkit .................................................................................................................................................. 1
Silverlight Toolkit ................................................................................................................................................ 5
Visifire ................................................................................................................................................................. 7
RadChart ...........................................................................................................................................................14
References ........................................................................................................................................................20

Introduo
Como o Windows Phone se tornou um dos principais sistemas operativos mveis da atualidade foi realizado
o estudo com o intuito de averiguar as capacidades de criao de grficos neste ambiente. Existem vrias
ferramentas disponveis para este propsito, cada uma com as suas particularidades. A soluo escolhida
para um primeiro prottipo foi o Sparrow Toolkit e vai ser a soluo em destaque mas algumas outras
ferramentas sero analisadas de forma complementar para se obter uma viso geral do potencial
disponvel. Concretamente, o Silverlight Toolkit, o Visifire e o RadChart. O Silverlight Toolkit relevante por
ser uma soluo oficial da Microsoft e as outras duas oferecem a capacidade de criar grficos de alta
qualidade nativamente. Os critrios de seleo da soluo para o prottipo basearam-se na quantidade de
documentao, na disponibilidade dos componentes requeridos e na sua capacidade de evoluo futura.

Sparrow Toolkit
O Sparrow Toolkit (Sparrow Toolkit, s.d.) um conjunto de ferramentas de construo de grficos para
Windows Phone e Silverlight construdo para ser flexvel, rpido e eficiente. Ainda se encontra em
desenvolvimento e por isso algumas das funcionalidades planeadas ainda no foram implementadas. De
momento possvel criar alguns dos grficos mais bsicos, adicionar legendas e zoom and pan. Existe muito
pouca documentao, dificultando a aprendizagem, e a sua utilizao podia ser mais intuitiva. Assim, o
prottipo contem s trs grficos simples sem nenhum tipo de interao. A Figura 1 mostra um grfico de
rea, a Figura 2 mostra um grfico de linha e a Figura 3 mostra um scatterplot. No so as nicas
possibilidades do toolkit, no entanto. Este d acesso a um total de dez tipos de grficos tradicionais, entre
eles por exemplo Candlestick charts e Bullet graphs, este segundo visvel na Figura 4, com onze tipos
adicionais em desenvolvimento e a capacidade de exportar e anotar grficos criados.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 1 - Sparrow Area Graph

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 2 - Sparrow Line Graph

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 3 - Sparrow Scatterplot

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

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 aplicaes com acesso a funcionalidades nativas do
Windows Phone. Esta soluo permite tambm criar grficos simples mais polidos e sem muito cdigo. No
entanto, este toolkit no tem sido atualizado recentemente e no existe muita documentao relacionada,
o que dificulta a sua utilizao. Contudo, a existncia de um demo previamente construdo permite
entender como este funciona. A partir desse demo possvel ver algumas das possibilidades. Na Figura 5
temos um Pie Chart simples com uns gradientes de cor e uma legenda lateral a corresponder ao grfico de
dados. Como este puramente exemplificativo os dados no tm significado e a legenda no contm
informao detalhada mas a alterao desses campos fcil. A Figura 6 tem um grfico de barras, chamado
Column Bar pelo toolkit. Apesar das falhas uma soluo a ter em mente.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 5 - Silverlight Pie Chart

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 6 - Silverlight Column Chart

Visifire
O Visifire oferece grficos de alta qualidade para diferentes plataformas, incluindo Windows Phone (Visifire
for Windows Phone, s.d.) e Windows 8. A soluo permite criar 21 diferentes grficos animados, com a
possibilidade de escolher variantes 2D ou 3D, personaliz-los, combin-los e usar o ecr multi touch para os
manipular. Existem demonstraes descarregveis do site do Visifire que demonstram as capacidades
destas. As figuras seguintes ilustraro algumas das possibilidades desta soluo. A Figura 7 mostra um
grfico de rea com trs sries de dados em 2D enquanto que a Figura 8 apresenta um grfico do mesmo
tipo, tambm com trs sries, mas em 3D. Outros tipos de grficos, tal como o grfico apresentado na
Figura 9, tambm podem ser apresentados em 3D se fizer sentido. tambm possvel personalizar o
background, sendo possvel realar dados como se pode ver com a trendline do Spline Chart da Figura 10.
2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

As figuras Figura 11 e Figura 12 mostram o mesmo indicador animado em duas posies diferentes, o que
permite ver a possibilidade de animar grficos e a capacidade de visualizar dados em tempo real. A Figura
13 demonstra a possibilidade de combinar grficos de diferentes tipos para maximizar a informao
apresentada num s ecr.

Figura 7 - Visifire Demo 2D Area

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 8 - Visifire Demo 3D Area

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 9 - Visifire Demo 3D Funnel

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 10 - Visifire Demo Spline Trend

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 11 - Visifire Demo Gauge Danger

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 12 - Visifire Demo Gauge Safe

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 13 - Visifire Demo Combination

RadChart
O RadChart (RadChart, s.d.) uma biblioteca pertencente Telerik (Telerik Homepage, s.d.) desenhada
especificamente para desenvolver grficos para aplicaes profissionais Windows Phone. Esta biblioteca
oferece vinte diferentes tipos de grficos e a possibilidade de os combinar e juntar para obter composies
grficas mais adequadas. No demo disponvel a partir do website possvel explorar as possibilidades da
soluo. Tal como com o Visifire, os grficos criados com o RadChart so de alta qualidade e h um elevado
nvel de personalizao e controlo. Grficos criados desta forma podem ser tornados interativos, sendo
2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

possvel realar informao ao pressionar, deslocar ou ampliar os seus componentes. Exemplos de

funcionalidades esto apresentadas de seguida. A seleo de componentes visvel no pie chart da Figura
14 em que uma das suas sees foi salientada. A Figura 15 mostra um grfico com mltiplos eixos X, sendo
possvel remov-los e receber uma resposta imediata, como aparece na Figura 16. Na Figura 17, um grfico
em tempo real do stock de uma indstria mostra a fluidez de animaes.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

O Jack of Tools Pro (Jack of Tools Pro, s.d.) uma aplicao apresentada pela Telerik que utiliza RadCharts.
Esta aplicao funciona como uma caixa de ferramentas virtual, fornecendo informao sobre a posio,
orientao e movimento do utilizador, entre outras funcionalidades, atravs de diversos grficos. A Figura
18 mostra os grficos relacionados com a velocidade do utilizador ao longo de um perodo de tempo. A
linha vermelha no referencial representa a velocidade mxima do utilizador, enquanto que a linha azul
representa a velocidade mdia e a rea verde mostra a velocidade actual. O velocmetro seguinte mostra a
mesma informao mas de uma forma mais simplificada.

Figura 14 - RadChart Demo Pie Selection

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 15 - RadChart Demo Multi Axis Full

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 16 - RadChart Demo Multi Axis Partial

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 17 - RadChart Demo Live Feed

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 18 - Jack of Tools Pro Velocity

References
Jack of Tools Pro. (n.d.). Retrieved from Windows Phone Marketplace: http://www.windowsphone.com/enus/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/allcontrols/chart.aspx
Sparrow Toolkit. (n.d.). Retrieved from CodePlex: http://sparrowtoolkit.codeplex.com/
Styling

Charts with the Silverlight Toolkit. (n.d.). Retrieved

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

from

Microsoft

Expression:

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

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Terra Explorer. (n.d.). Retrieved from Windows Phone Marketplace: http://www.windowsphone.com/enus/store/app/terra-explorer/b78f66c1-db49-e011-854c-00237de2db9e

Visifire

for
Windows
Phone.
(n.d.).
http://www.visifire.com/windows_phone_charts.php

Retrieved

from

Visifire:

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-DataVisualization.aspx

2/2
Projeto em curso com o apoio de: