Capture assinaturas nas suas aplicações móveis

Provavelmente já assinou digitalmente recentemente para efetuar uma compra com cartão de crédito ou para confirmar a entrega de uma encomenda. Agora, o Altova MobileTogether 2.0 permite que incorpore assinaturas digitais nas suas próprias aplicações móveis, para todas as plataformas.

Aplicações móveis que recolhem dados de locais remotos, divulgam uma petição, autorizam um acordo ou simplesmente registam uma interação no mundo real podem todas utilizar a captura de assinaturas. A aplicação de exemplo "Altova Parcel Delivery", que demonstra funcionalidades GPS, foi atualizada com a possibilidade de recolher assinaturas para a verificação da entrega. A aplicação "Parcel Delivery" está instalada no servidor de demonstração "Altova MobileTogether" e pode ser utilizada no seu próprio dispositivo móvel através da aplicação MobileTogether Client.

A aplicação "Entrega de Encomendas" simula o funcionamento de um serviço de entrega metropolitano e solicita ao destinatário que assine um campo de assinatura no dispositivo móvel do entregador, para fins de verificação, como se pode ver na captura de ecrã abaixo, tirada num pequeno tablet Android.

Após a conclusão de toda a rota de entrega, a aplicação de entrega de encomendas exibe um resumo das entregas, mostrando as assinaturas dos destinatários para verificação.

Estas capturas de ecrã ilustram o fluxo de trabalho mais comum para assinaturas em aplicações móveis: a assinatura é capturada, armazenada e, posteriormente, é exibida novamente em outro momento e local.

Na maioria das aplicações, a visualização da assinatura ocorrerá num dispositivo diferente daquele onde a assinatura foi capturada. Por exemplo, um funcionário pode usar uma aplicação móvel para enviar um relatório de despesas assinado, que um gestor irá visualizar e aprovar, ou um comprador pode assinar eletronicamente uma ordem de compra e guardar uma cópia na base de dados de compras. O MobileTogether inclui funcionalidades que ajudam os programadores que desejam exibir assinaturas em várias plataformas.

Para demonstrar esta funcionalidade, criámos uma aplicação simples que permite guardar assinaturas num ficheiro e exibi-las novamente numa variedade de dispositivos. Por exemplo, uma assinatura capturada num telemóvel Android pode ser exibida num iPad, ou uma assinatura capturada a partir de uma aplicação a funcionar no Windows 10 pode ser exibida em qualquer dispositivo móvel. A seguir, apresentamos uma visão parcial da página inicial da aplicação "Assinaturas", onde o utilizador pode escolher capturar uma nova assinatura ou visualizar assinaturas que já foram guardadas. Os botões "Capturar" e "Visualizar" abrem páginas secundárias para essas operações, respetivamente.

Captura de assinatura

O design da sub-página para a assinatura digital é muito simples, com apenas quatro elementos: uma etiqueta no topo, o campo para a assinatura, e dois botões que permitem ao utilizador guardar a assinatura ou apagá-la e tentar novamente.

O campo de assinatura é adicionado à sub-página arrastando um ícone da janela de ferramentas do MobileTogether. O campo é dimensionado automaticamente para preencher a largura do dispositivo selecionado para a simulação, e não é necessário definir propriedades especiais. As cores do campo de assinatura são baseadas nas configurações padrão do dispositivo. No exemplo acima, um dispositivo iOS foi selecionado para o design, e as cores padrão são tinta branca sobre um fundo preto. Posteriormente, quando a aplicação for executada no Android, as cores padrão serão tinta preta sobre um fundo cinzento, e para o Windows Phone, tinta preta sobre um fundo branco.

A janela de "Fonte da Página" mostrada acima exibe o elemento que definimos para guardar a imagem da assinatura, bem como elementos para registar as suas cores e dados adicionais sobre o dispositivo, o que poderá ser útil para visualizar mais tarde. Dependendo do funcionamento da sua aplicação, poderá querer registar a data e a hora atuais, ou talvez as coordenadas de geolocalização, juntamente com as assinaturas. A nossa aplicação irá adicionar cada nova assinatura ao final de um ficheiro chamado "signatures.xml" no servidor MobileTogether. Neste exemplo simples, todos os utilizadores acedem ao mesmo ficheiro.

Quando está a desenvolver uma aplicação em que alguns utilizadores criam assinaturas e outros as revêem num dispositivo diferente, a melhor solução é apresentar as assinaturas capturadas no tamanho e nas cores padrão do dispositivo do revisor. O MobileTogether oferece uma função especial, chamada "mt-change-image-colors", que ajuda a implementar essa funcionalidade.

Exibição da assinatura

A assinatura capturada pode ser exibida quer num campo de assinatura, quer como uma imagem. Independentemente do método utilizado, a assinatura original é automaticamente redimensionada para qualquer dispositivo de visualização, de modo que uma assinatura capturada num tablet se adapta automaticamente a um telemóvel, ou o contrário.

A captura de ecrã abaixo foi feita num iPhone e mostra a subpágina de "Visualização", exibindo uma assinatura com o esquema de cores padrão do iOS (branco sobre preto), embora a imagem original tenha sido capturada num dispositivo Android com o esquema de cores preto sobre cinzento.

À direita, encontra-se a expressão que converte as cores. Note que tanto as cores da tinta como as do suporte foram processadas numa única passagem. É necessário fazê-lo dessa forma, caso a conversão exija a inversão de duas cores. Se a conversão for feita em duas passagens, poderá transformar a tinta preta em branca e ajustar a cor do suporte. A conversão intermediária resultaria num retângulo sólido e a assinatura seria perdida!

Cores personalizadas

Não está limitado às cores padrão. Na janela de ajuda das propriedades de cada controlo de assinatura, o campo "Cor do Texto" define a cor da tinta da assinatura e o campo "Cor de Fundo" define a cor do fundo. Utilize variáveis XPath para guardar os valores para utilização posterior.

Melhorámos a aplicação de demonstração "Signature" com uma página adicional que permite ao utilizador selecionar cores personalizadas a partir de caixas de combinação

Descarregue o MobileTogether Designer gratuitamente para adicionar a funcionalidade de captura de assinaturas às suas próprias aplicações móveis, independentemente da plataforma, em tempo recorde. A sua instalação incluirá os designs de todas as aplicações de exemplo instaladas no servidor de demonstração do MobileTogether. Se desejar analisar a aplicação de demonstração de captura de assinaturas descrita neste artigo, ela está disponível no GitHub em: https://github.com/altova/MobileTogether-signature-capture

Aplicação móvel MobileTogether

Visite a loja de aplicações do seu dispositivo para descarregar o.. gratuito aplicativo: