Post on 09-Dec-2015
description
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
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Í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.
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 1 - Sparrow Area Graph
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 2 - Sparrow Line Graph
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 3 - Sparrow Scatterplot
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
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.
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 5 - Silverlight Pie Chart
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
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.
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
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
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 8 - Visifire Demo 3D Area
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 9 - Visifire Demo 3D Funnel
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 10 - Visifire Demo Spline Trend
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 11 - Visifire Demo Gauge Danger
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 12 - Visifire Demo Gauge Safe
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
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
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
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.
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
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
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 15 - RadChart Demo Multi Axis Full
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 16 - RadChart Demo Multi Axis Partial
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
Figura 17 - RadChart Demo Live Feed
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
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/
SmartMail| Entidade Promotora: Parceiros:
2/2 Projeto em curso com o apoio de:
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