Surpreenda os utilizadores com funcionalidades de aplicações móveis adaptadas a cada dispositivo
Atualmente, existe uma variedade incrível de telemóveis e tablets no mundo, e novos modelos são anunciados continuamente. Todos estes dispositivos móveis têm diferentes especificações e funcionalidades, o que pode ser um problema para os desenvolvedores que criam aplicações móveis. Os tablets têm ecrãs de grandes dimensões, mas nem sempre incluem dados móveis, as configurações de cores padrão variam consoante o fabricante do telemóvel, e as funcionalidades móveis integradas podem comportar-se de forma diferente em cada sistema operativo móvel. Felizmente, o MobileTogether Designer oferece um ambiente de desenvolvimento integrado que permite aos utilizadores projetar e criar rapidamente funcionalidades de aplicações móveis compatíveis com diferentes plataformas, adequadas a cada dispositivo do utilizador final.
Três funcionalidades exclusivas no MobileTogether Designer facilitam o desenvolvimento para diferentes plataformas:
- O simulador de execução integrado permite que os programadores vejam como a sua aplicação se apresenta e funciona em diferentes dispositivos
- Um conjunto abrangente de variáveis globais permite ao desenvolvedor aceder às características do dispositivo do utilizador final e permite definir operações condicionais com base no dispositivo
- Visibilidade dependente do dispositivo: por defeito, qualquer elemento de controlo adicionado a uma aplicação é visível em todos os dispositivos, mas os programadores podem definir a visibilidade de qualquer elemento de controlo para que esta dependa do dispositivo
Trabalhar no MobileTogether Designer permite desenvolver aplicações que funcionam de forma fluida e elegante em todos os dispositivos, incluindo iPhone, iPad, Android, bem como em computadores com Windows 8 e Windows 10. Ao mesmo tempo, a sua aplicação pode aproveitar ao máximo as funcionalidades mais avançadas, sempre que estas estiverem disponíveis.
Implementámos várias funcionalidades do aplicativo móvel, específicas para cada dispositivo, na aplicação de demonstração de geolocalização que discutimos no nosso artigo recente intitulado "Serviços REST como fontes de dados para aplicativos móveis". Nesse artigo, publicámos capturas de ecrã do aplicativo final a funcionar num iPhone, mas, durante o desenvolvimento do aplicativo, foi útil executá-lo no simulador MobileTogether para ver como ele se apresentaria em diferentes dispositivos.
Abaixo, apresentamos uma visão parcial da janela do simulador, mostrando a mesma aplicação a funcionar em diferentes dispositivos.
Android:
iOS:
Windows Phone:
As três ilustrações incorporam as mesmas informações e os mesmos comandos apresentados pela aplicação móvel. As diferenças na apresentação em diferentes dispositivos resultam de variações no tamanho do ecrã e de diferenças na interface do utilizador entre os diferentes sistemas operativos.
A nossa aplicação inclui uma página de Configurações que permite aos utilizadores definir as preferências da aplicação. Esta página incorpora funcionalidades que dependem do dispositivo, uma vez que diferentes sistemas operativos móveis têm capacidades distintas. Aqui está uma visão da página de Configurações na janela principal de design:
As abas localizadas nas extremidades laterais dos elementos de controlo no centro do ecrã definem quais os dispositivos móveis que irão exibir esses elementos. Para definir a visibilidade dependente do dispositivo, o programador cria o elemento de controlo normalmente e, em seguida, utiliza um menu de contexto ao clicar com o botão direito para abrir a caixa de diálogo de visibilidade dependente do dispositivo. Na nossa página, os botões "Ficheiro GPX" são destinados a dispositivos Android e iOS, mas não a dispositivos Windows, por isso, as opções correspondentes estão selecionadas na caixa de diálogo de visibilidade.
Quando executamos a aplicação no simulador, podemos visualizar os elementos de controlo em cada dispositivo. À esquerda, apresentamos a página de configurações simulada para o Android, e à direita, a página de configurações simulada para o Windows Phone.
O Designer permite também que os programadores definam ações a serem executadas com base nos valores de variáveis globais e locais que armazenam dados sobre o dispositivo do utilizador final. Existem mais de duas dúzias de variáveis globais para informações sobre o sistema operativo e as características físicas do dispositivo, e mais de uma dúzia de variáveis locais, cujos valores podem mudar à medida que a aplicação é executada. As variáveis locais permitem que os programadores criem interfaces personalizadas para diferentes orientações (vertical e horizontal), por exemplo. Abaixo, apresentamos uma parte da lista de variáveis globais.
A nossa aplicação de demonstração foi concebida para permitir que utilizadores de Android e iOS recolham todos os seus pontos GPS registados num ficheiro e enviem esse ficheiro como anexo de um e-mail. O sistema operativo Windows Phone não permite que aplicações externas criem anexos de ficheiros de e-mail tão facilmente, por isso não implementaremos essa funcionalidade para Windows Phone, e também não precisamos de criar o ficheiro.
O MobileTogether permite-nos definir um Grupo de Ações para adicionar a latitude e a longitude de cada ponto ao ficheiro, apenas se o utilizador final estiver a utilizar o sistema Android ou iOS, como se pode ver aqui:
Por outro lado, o Windows Phone oferece um comportamento de zoom mais elegante ao exibir endereços num mapa do que outros sistemas operativos, por isso, permitimos que os utilizadores do Windows escolham o fator de zoom do mapa na página de configurações.
Se gostaria de experimentar o comportamento específico de cada dispositivo no MobileTogether Designer, descarregue o MobileTogether Designer – a utilização é gratuita – e obtenha uma cópia da aplicação de demonstração de geolocalização e dos ficheiros associados no GitHub em https://github.com/altova/MobileTogether-geolocation-example.