Sunteți pe pagina 1din 6

Desenvolvimento de um Caderno de Campo para Plataformas

Mveis utilizando PhoneGap


Maicon Anderson Mattos da Silva1, Casiane Salete Tibola2, Jose Mauricio Cunha
Fernandes2, Jaqson Dalbosco1, Rafael Rieder1, Willingthon Pavan1
1

Universidade de Passo Fundo (UPF)


Caixa Postal 611 CEP 99001-970 Passo Fundo RS Brazil
2

Embrapa Brasileira de Pesquisa Agropecuria (EMBRAPA Trigo)


Caixa Postal 451 CEP 99001-970 Passo Fundo RS Brazil
maiconmattos@gmail.com,
{casiane.tibola,mauricio.fernandes}@embrapa.br,
{jaqson,rieder,pavan}@upf.br

Abstract. This paper discusses the initial developing of a field book


application for mobile platforms using PhoneGap, a framework for hybrid
web solutions. The work quickly introduces the PhoneGap concept, its
insertion in a case study of digital traceability, and the creation and
installation process of the application on mobile devices.
Resumo. Este artigo aborda a fase inicial de desenvolvimento de um
aplicativo de caderno de campo para plataformas mveis utilizando a
ferramenta PhoneGap, um framework para solues web hbridas. O trabalho
apresenta rapidamente o conceito do PhoneGap, sua insero em um estudo
de caso de rastreabilidade digital, e o processo de criao e instalao do
aplicativo em dispositivos mveis.

1. Introduo
A adeso aos dispositivos mveis evidente em nosso cotidiano. Smartphones e tablets
oferecem recursos que vo alm da simples comunicao. De modo geral, por meio
destes equipamentos podem-se realizar variadas tarefas, como buscar informaes, fazer
compras e exercer atividades profissionais utilizando diferentes aplicativos.
Com relao ao uso de aplicativos, o usurio tem a liberdade de escolher sua
tecnologia e tambm os recursos computacionais que lhe so teis. Para uma equipe
responsvel pelo desenvolvimento destes produtos, decises tecnolgicas capazes de
contemplar funes para a maioria dos usurios so fundamentais. Questes como
portabilidade, plataforma operacional, recursos nativos e recursos web so exemplos de
requisitos que precisam ser considerados no projeto e na construo destas ferramentas.
Uma vantagem em adotar tecnologias web em um aplicativo a facilidade de
aprendizado com relao aos possveis recursos disponveis tanto para a equipe de
desenvolvimento, quanto para os usurios finais. Outra vantagem o fato destas
tecnologias seguirem um padro internacional, que permite sua execuo de
forma consistente e independente de plataforma seja para solues mveis ou
desktop [Zemel, 2012].
Porm, uma diferena significativa entre aplicativos que utilizam recursos
nativos e aqueles que usufruem de tecnologias web diz respeito forte interao que

aplicativos nativos tm com recursos do dispositivo, como cmeras e acelermetros. Por


outro lado, aplicativos web so limitados ao suporte do browser em que so executados.
Para preencher a lacuna entre aplicaes nativas e web, mantendo a
portabilidade da soluo, faz-se necessrio o uso de uma abordagem de
desenvolvimento hbrido, em que tecnologias web (HTML, CSS, Javascript) so
utilizadas em conjunto com recursos nativos de uma interface de programao. Para
tanto, este trabalho tem como objetivo demonstrar o processo de desenvolvimento de
um aplicativo mvel, do tipo hbrido, lanando uso de uma ferramenta para este
propsito de integrao, chamada PhoneGap. Como estudo de caso, um aplicativo de
caderno de campo mobile foi implementado, possibilitando aos usurios o registro e o
acesso em tempo real de anotaes referentes ao trabalho executado no campo.
Para tanto, este artigo est assim organizado: a Seo 2 apresenta brevemente a
ferramenta PhoneGap, enquanto a Seo 3 mostra o estudo de caso que envolve uma
soluo de caderno de campo. A Seo 4 descreve o processo de desenvolvimento do
aplicativo, mostrando um resultado visual de sua instalao. Por fim, a Seo 5
apresenta as concluses do trabalho.

2. O PhoneGap
O PhoneGap (http://phonegap.com) uma ferramenta que possibilita o
desenvolvimento de aplicaes para dispositivos mveis por meio de tecnologias web
padronizadas, como HTML, CSS e Javascript [Wargo, 2012].
Este framework permite ao desenvolvedor criar solues nativas, independentes
de plataforma, utilizando um servio de empacotamento de aplicaes chamado
PhoneGap Build (https://build.phonegap.com/). Desta forma, o aplicativo pode ser
configurado universalmente para executar e trocar informaes com diferentes
dispositivos e sistemas operacionais [Munro, 2012].
Como exemplos de aplicativos desenvolvidos com esta ferramenta, no mbito da
Agricultura, podem-se citar o Fresh Food Finder (http://www.tricedesigns.com/freshfood-finder/) e o Live Gluten Free (http://phonegap.com/app/live-gluten-free/).

3. Estudo de caso
Uma tendncia no campo de desenvolvimento de sistemas a migrao de solues que
rodam em estaes desktop para dispositivos mveis. Para tanto, esta seo aborda a
anlise de um sistema existente e que pode ser migrado para um aplicativo mobile.
3.1. A Rastreabilidade Digital
De acordo com Tibola et al. (2013), a rastreabilidade digital um sistema
computadorizado utilizado para identificar procedncia e disponibilizar informaes
sobre manejo e qualidade de produtos, tendo como referncia registros obtidos em todas
as etapas da cadeia produtiva.
No campo da produo de trigo, por exemplo, este sistema permite registrar
informaes como cultura, rotaes, tratamento de sementes, mtodos de fertilizao,
monitoramento de doenas e pragas, e aplicaes de pesticidas.
Alm das facilidades destacadas, Tibola et al. (2013) ressaltam a possibilidade
de registrar uma grande massa de informaes em um banco de dados, de utilizar mapas

digitais georreferenciados para localizao de parcelas da propriedade; e de associar


processos do sistema de produo a outras fontes de informao disponveis na internet.
3.2. O sistema Caderno de Campo Web
Uma aplicao prtica do uso da rastreabilidade digital para o setor agrcola o
Caderno de Campo Web (http://www.e-rastrear.com.br), produzido em parceria pela
EMBRAPA Trigo e pela UPF.
Este sistema est em operao desde 2012, possui mais de 300 usurios, e tem
por objetivo identificar a procedncia e o manejo adotado na produo e ps-colheita do
trigo. Por meio de seus recursos, registros podem ser visualizados ou impressos em
formato de relatrios diretamente de navegadores web.
3.3. O sistema Caderno de campo Mobile
A demanda para a criao do Caderno de Campo Mobile tem por objetivo criar um
aplicativo que seja compatvel entre diferentes plataformas mveis, que se adapte aos
diferentes contextos de resoluo de tela dos dispositivos utilizados, e que possam ser
utilizados em qualquer lugar pelos seus usurios.
Para tanto, algumas funcionalidades do sistema existente foram elencadas como
prioritrias para o desenvolvimento de uma primeira verso. Entre os recursos, podemse destacar o controle de autenticao, a seleo do caderno de campo, o menu de
funcionalidades, a listagem e o registro de monitoramentos de pragas, a listagem e o
registro de monitoramentos de doenas, e a listagem e o registro de monitoramentos de
plantas daninhas. A Figura 1 ilustra estas funcionalidades e o fluxo da aplicao.

Figura 1. Fluxo da aplicao Caderno de Campo Mobile.

4. Tecnologias e funcionamento do aplicativo desenvolvido


Esta seo mostra as ferramentas utilizadas para desenvolver o aplicativo apresentado
na Seo 3.3, bem como seu modo de funcionamento e interao com o usurio.

4.1. Ferramentas utilizadas


Para o desenvolvimento da aplicao foram utilizadas as seguintes ferramentas:

Eclipse IDE: ambiente de projeto e desenvolvimento da soluo;

Github: servio de repositrio, compartilhamento e controle de verso;

eGit: plugin do Eclipse para gerenciamento de repositrios;

jQuery: framework Javascript utilizado para manipulao de modelos de objetos


de documentos web atravs de seletores;

jQuery Mobile: pacote de recursos do framework jQuery que contm


funcionalidades especficas para o contexto de dispositivos mveis. De acordo
com Reid (2011) e Firtman (2012), esta biblioteca fornece tambm uma srie de
listeners de eventos caractersticos de dispositivos mveis, como touch e swipe;

PhoneGap Javascript API: biblioteca que permite acessar recursos nativos dos
dispositivos mveis;

PhoneGap Build: ferramenta que gera aplicativos mveis multiplataformas.

4.2. Acessando dados do servidor


Para manipular os dados referentes aos cadernos de campo, o aplicativo acessa um
servidor remoto que disponibiliza uma srie de webservices implementados no padro
arquitetural REST. O formato JSON empregado para a troca de dados entre o servidor
e a aplicao durante uma sesso. A Figura 2 ilustra este processo.

Figura 2. Acesso ao servidor REST e troca de dados via JSON.

O framework jQuery oferece uma interface que facilita a comunicao com os


servios REST e JSON. As requisies so feitas de maneira segura, utilizando
operaes de submisso entre as partes do sistema. Nestes encaminhamentos, os dados
podem ser manipulados e destinados s tarefas solicitadas pelo usurio. Por exemplo, a
montagem de uma lista de cadernos de campo na tela do celular (Figura 3) poderia ser
uma ao comum disparada pelo usurio no aplicativo, e construda dinamicamente
com dados obtidos do servidor.
4.3. Notificando o usurio
Uma caracterstica comum em qualquer sistema de informao, independente do
contexto (desktop ou mobile), so as notificaes ao usurio. Estas mensagens so
importantes, pois informam o sucesso ou a falha na execuo de alguma tarefa.

Figura 3. Listagem de cadernos de campo, nas plataformas Android (esquerda) e iOS (direita).

Para aplicativos mveis, uma forma de notificar o usurio por meio de caixas
de dilogo. No entanto, cada plataforma (Android e iOS, por exemplo) tem seu estilo de
apresentao diferente, bem como a forma de envio das mensagens para o sistema.
Para mostrar notificaes nativas, o PhoneGap disponibiliza uma interface que
permite o tratamento de mensagens com cdigo Javascript, sem a necessidade de
identificar qual plataforma a aplicao web est sendo executada. A Figura 4 mostra
como a caixa de notificao apresentada nos sistemas Android e iOS.

Figura 4. Caixa de notificao nativa, nas plataformas Android (esquerda) e iOS (direita).

4.4. Instalando o aplicativo no dispositivo


Uma vez gerada a aplicao no PhoneGap Build, possvel baixar o arquivo de
instalao, conforme a plataforma operacional presente no dispositivo do usurio.
Para fins de validao, o Caderno de Campo Mobile foi testado em dois

ambientes: um emulador do aparelho Google Nexus 7 (Android 2.3.3) e um aparelho


iPhone 3GS (iOS 6.1.3). A Figura 5 mostra a aplicao instalada nos dispositivos.

Figura 5. Aplicativo instalado nos dispositivos.

5. Consideraes finais
Ao longo desse trabalho, pode-se observar que a abordagem de desenvolvimento de
aplicativos hbridos uma boa opo quando se faz necessrio o uso de solues
independentes de plataforma. Neste contexto, o uso de tecnologias web fundamental
para a criao de solues flexveis, padronizadas e de fcil aprendizado ao usurio
final. Alm disso, sua adoo reduz o custo de desenvolvimento, uma vez que os
recursos computacionais provm de softwares livres, e contemplam questes de
portabilidade.
Com relao ao PhoneGap, esta ferramenta atende a integrao entre tecnologias
web e recursos nativos de dispositivos mveis, permitindo o uso completo de todas as
funcionalidades dos equipamentos. Outro ponto positivo desta sute a ferramenta
PhoneGap Build que permite gerar aplicativos para vrias plataformas, mantendo as
funcionalidades e a eficincia da soluo.

Referncias
Firtman, J. (2012), jQuery Mobile: up and running, O'Reilly Media.
Munro, J. (2012), 20 Recipes for Programming PhoneGap: cross-Platform mobile
development for Android and iPhone, O'Reilly Media.
Reid, J. (2011), jQuery Mobile, O'Reilly Media.
Tibola, C. S. e Fernandes, J. M. C. e Dalbosco, J. e Pavan, W. (2013), Sistema de
Rastreabilidade Digital para Trigo, Embrapa.
Wargo, J. M. (2012), PhoneGap Essentials: building cross-platform mobile apps,
Addison-Wesley Professional.
Zemel, T. (2012), Web Design Responsivo: pginas adaptveis para todos os
dispositivos, Casa do Cdigo.

S-ar putea să vă placă și