Formate gráficos e tabelas para qualquer dispositivo móvel no seu ambiente BYOD (Bring Your Own Device)
Um dos desafios no desenvolvimento de soluções empresariais móveis é a formatação para todos os diferentes dispositivos que os utilizadores finais podem usar. Cada sistema operativo móvel suporta uma variedade de tamanhos de ecrã, desde os smartphones mais pequenos até aos tablets maiores. E, ao mudar para um sistema operativo concorrente, todos os tamanhos de ecrã mudam novamente. A necessidade de suportar muitos dispositivos móveis diferentes pode retardar o desenvolvimento de soluções móveis para empresas que adotam a política de "Bring Your Own Device" (BYOD), ou seja, "traga o seu próprio dispositivo".
O Altova MobileTogether é um framework de desenvolvimento móvel multiplataforma que permite criar aplicações uma única vez para várias plataformas:
- Android
- iOS
- Windows 8
- Windows Phone 8
- Cliente baseado em navegador, desenvolvido em HTML5
Além disso, o MobileTogether suporta todos os tamanhos de ecrã disponíveis para cada sistema operativo, com funcionalidades especiais para aumentar a produtividade dos desenvolvedores.
Variáveis globais para o resgate
O Designer MobileTogether oferece acesso a uma biblioteca com mais de três dúzias de variáveis globais e locais que pode utilizar para diversos fins durante o desenvolvimento da sua solução móvel. As variáveis globais são estáticas, o que significa que não se alteram durante a execução da sua solução. As variáveis locais são dinâmicas e podem estar disponíveis apenas em determinadas circunstâncias.
Muitas variáveis globais armazenam valores referentes ao dispositivo que executa a solução móvel em tempo de execução:
Pode definir variáveis globais diretamente na janela de propriedades do MobileTogether Designer, ou pode criar funções que incluam variáveis globais e definir resultados com base no resultado dessas variáveis.
Se não conseguir encontrar uma variável específica que o seu projeto necessite, pode até mesmo definir as suas próprias variáveis personalizadas. Naturalmente, todas estas variáveis estão disponíveis, além dos elementos nas suas fontes de dados que podem conter valores que também pode utilizar em funções.
Definir o tamanho do gráfico como uma variável
Se atribuir a variável global $MT_DeviceWidth como a largura de criação do gráfico na janela de propriedades, o seu gráfico preencherá automaticamente a largura de qualquer dispositivo em modo vertical, independentemente do sistema operativo móvel ou do tamanho do ecrã.
Não é necessário definir a altura do gráfico. A altura é gerada automaticamente, permitindo que todo o gráfico seja visualizado sem necessidade de deslocamento.
Também pode utilizar variáveis globais e locais com visibilidade dependente do dispositivo, uma opção no menu de contexto, para definir o comportamento em condições específicas, como a orientação vertical ou horizontal. A solução "Widget Sales Data" no servidor de demonstração Altova MobileTogether ilustra como aplicar variáveis locais a dados de gráficos de diferentes formas, dependendo da orientação do dispositivo. Por exemplo, a página "Vendas por Região" exibe um gráfico de linhas na orientação vertical ou um gráfico de barras 3D na orientação horizontal.
A solução de dados de vendas de widgets está incluída nos exemplos instalados com o MobileTogether Designer, para que possa analisá-la e ver como foi construída.
Os gráficos definidos pela variável $MT_DeviceWidth mantêm o mesmo tamanho quando o dispositivo é rotacionado e não utilizam eficientemente o espaço disponível no dispositivo, como se pode observar no exemplo do gráfico de barras abaixo.
Uma alternativa melhor é a variável global $MT_CanvasX. O valor de $MT_CanvasX altera-se quando o dispositivo é rodado e o gráfico é automaticamente redesenhado. Se utilizarmos $MT_CanvasX para definir a largura do gráfico na janela de propriedades, o gráfico é redesenhado de forma mais elegante para se ajustar ao ecrã em orientação horizontal, com mais espaço para o texto da legenda ao longo do eixo horizontal.
Pode ver uma demonstração em vídeo sobre a criação de gráficos no MobileTogether Designer no site da Altova, descarregar uma versão de avaliação gratuita que inclui mais de 30 soluções de exemplo e começar a criar as suas próprias!