SmartMail| Entidade Promotora:

Parceiros:

09/04/2014

Investigao sobre
SDKs de
desenvolvimento
mvel

1/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

ndice
Introduo .......................................................................................................................................................... 1
PhoneGap ........................................................................................................................................................... 1
Appcelerator....................................................................................................................................................... 7
References ........................................................................................................................................................13

Introduo
Com cada vez mais plataformas de entretenimento ou trabalho no mercado, a dificuldade de criar
aplicaes para todas elas tem aumentado. Como resposta tm surgido kits de desenvolvimento com o
objetivo de facilitar o desenvolvimento de aplicaes para mltiplas plataformas simultaneamente,
diminuindo o esforo necessrio do lado dos developers. A possibilidade de expandir e agilizar o
desenvolvimento do SMART Mail desta forma levou a esta investigao, concretamente ao estudo dos dois
SDKs PhoneGap e Appcelerator Titanium. Ambos oferecem a possibilidade de reduzir o custo de
desenvolvimento para mltiplas plataformas e vo ser analisados com o intuito de conhecer as suas
capacidades.

PhoneGap
O PhoneGap (PhoneGap Homepage, s.d.) um SDK open source desenhado para criar mobile apps
multiplataforma com web technologies. So apresentados como se corressem nativamente apesar de
serem efetivamente webapps. No entanto, apps feitos com este devkit conseguem utilizar plugins que do
acesso a funes nativas. (Winkler, s.d.) O PhoneGap foi criado a partir do Apache Cordova quando este foi
doado Apache Software Foundation em Outubro de 2011. As duas verses existem simultaneamente
agora, no existindo uma diferena significativa entre eles atualmente, ambas sendo open source. No
entanto, independentemente de quaisquer alteraes que o Cordova sofra no futuro, o Phonegap
continuar a ser open source. O PhoneGap utiliza exclusivamente HTML, CSS e Javascript e a sua biblioteca
continuamente expandida pelos seus utilizadores graas a ser open source. Adicionalmente, este SDK tem
acesso a bibliotecas adicionais que expandem mais ainda os seus limites. Devido utilizao de HTML5,
Javascript e CSS no PhoneGap, bibliotecas que tambm utilizem estas linguagens podem complementar o
SDK. Por exemplo, utilizando as bibliotecas Flot (Flot Homepage, s.d.), jqPlot (jqPlot Homepage, s.d.) ou D3
(D3 Homepage, s.d.) possvel apresentar grficos para visualizao e explorao de dados. A Figura 1 e a
Figura 2 mostram um layout interativo criado com D3 para plataformas mveis. Pressionar num dos ns do
grfico de linhas altera o pie chart adjacente para refletir os dados relativos ao ano do n selecionado.
(Building Interactive Mobile Dashboards with D3 and other Charting Libraries, s.d.) J existem milhares de
apps criados at hoje com o PhoneGap tal como o Completure e o NUS extra Student Discount Companion
App.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

O NUS extra Student Discount Companion App (NUS extra, s.d.) uma aplicao que complementa os
servios disponibilizados pela NUS, ou National Union of Students. Detentores do carto de estudante da
NUS podem aceder ao website principal para obter informao geral sobre o todos os temas relacionados
com a vida de estudante e ainda juntar cupes virtuais que lhes interessem. Ao passar para o mobile app,
os estudantes podem ver a localizao dos locais mais prximos onde os cupes acumulados so aplicveis
e onde os melhores descontos podem ser encontrados, podendo contar com a ajuda de filtros, alertas e
listas personalizadas para acelerar a pesquisa dos melhores negcios. A Figura 3 contm um exemplo onde
est destacada uma promoo na McDonalds a um quilmetro de distncia.
O Completure (Completure Homepage, s.d.) tem como objetivo descentralizar as notcias ao dar a qualquer
pessoa a capacidade de registar e partilhar fotografias e informao. Um utilizador pode criar uma pequena
reportagem com fotografias, adicionar informao relevante, incluir marcadores geogrficos ou
cronolgicos e publicar. As reportagens depois podem ser avaliadas por outros utilizadores. Caso prefira
conhecer as notcias em vez de as criar, um utilizador pode tambm procurar eventos importantes por
regio e pela classificao dada por outros utilizadores, exemplificado na Figura 4, com a possibilidade de
os guardar ou partilhar, como a Figura 5 mostra. Permite que um utilizador conhea uma rea para onde se
esteja a dirigir, potencialmente evitando uma estrada bloqueada por um engarrafamento.

Figura 1 - D3 Interactive Mobile Dashboard 1994

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 2 - D3 Interactive Mobile Dashboard 2010

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 3 - NUS extra app Map

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 4 - Completure Newsfeed

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 5 - Completure Share

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Appcelerator
A Appcelerator (Appcelerator Homepage, s.d.) uma empresa de tecnologias mobile que criou e
disponibilizou o Titanium, um SDK open source cujo propsito fornecer uma srie de ferramentas
adaptadas para iOS ou Android. A escrita do cdigo feita em Javascript e posteriormente complementada
pelo Titanium API que interpreta o cdigo Javascript no momento de execuo, dando tambm acesso s
funcionalidades nativas. Isto significa que possvel criar aplicaes para tanto iOS e Android sem ter de
aprender a programar para cada sistema operativo individualmente. Tal como com o PhoneGap, o Titanium
tambm tem acesso a bibliotecas de criao de grficos. A prpria biblioteca D3 tambm compatvel com
este SDK mas no a nica. As bibliotecas gRaphal (gRaphal Homepage, s.d.) e Highcharts (Highcharts
Homepage, s.d.) utilizam Javascript e HTML5 para criar grficos, estticos ou interativos, para qualquer
plataforma moderna. A Figura 6 mostra um grfico de barras em iPhone e Android, respetivamente
esquerda e direita. A Figura 7 tem dados financeiros, incluindo um line chart, tambm em iPhone e
Android. Os grficos de ambas estas figuras foram feitas com a biblioteca Highcharts no ambiente Titanium
e podem ser consultados no blog da Appcelerator. (Interactive Charts in Appcelerator Titanium, s.d.)
Um exemplo de uma aplicao original criada com o Titanium o ParkYa. (ParkYa Homepage, s.d.) O
ParkYa uma aplicao desenhada para facilitar o estacionamento de automveis. A aplicao mostra
onde existem lugares de estacionamento, quantos espaos esto disponveis e o pagamento necessrio em
cada uma. Em caso de ser necessrio pagar, a aplicao tambm permite pagar diretamente pelo
smartphone. Tambm fornece as indicaes para chegar ao lugar pretendido, tanto com um mapa como
com instrues passo a passo. Ao lado das funcionalidades centrais, so tambm oferecidas solues
adicionais. A aplicao pode ser adaptada para uso individual ou para grupos de pessoas. Tambm facilita o
processamento de carros mal estacionados, permitindo introduzir matrculas de automveis e avisar as
autoridades. Da Figura 8 at Figura 11 podemos ver o progresso do utilizador, comeando por ver uma
lista de parques de estacionamento prximos, o parque de Cathedral Street realado na Figura 9, mais
detalhes revelados na Figura 10 e, por fim, a escolha de quanto tempo ele deseja estacionar o carro e o
preo associado a esse tempo.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 6 - Titanium Highcharts Bar Chart iPhone and Android

Figura 7 - Titanium Highcharts Stock Chart iPhone and Android

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 8 - ParkYa List

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 9 - ParkYa Details 1

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 10 - ParkYa Details 2

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 11 - ParkYa Payment

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

References
Appcelerator Homepage. (s.d.). Obtido de Appcelerator: http://www.appcelerator.com/
Autographics.
(s.d.).
Obtido
de
Google
https://play.google.com/store/apps/details?id=com.abhishek.autographics

Play:

Building Interactive Mobile Dashboards with D3 and other Charting Libraries. (s.d.). Obtido de Christophe
Coenraets: http://coenraets.org/blog/2014/02/interactive-mobile-dashboard-d3-charts/
Completure Homepage. (s.d.). Obtido de Completure: http://completure.com/
D3 Homepage. (s.d.). Obtido de Data-Driven Documents: http://d3js.org/
Flot Homepage. (s.d.). Obtido de Flot: http://www.flotcharts.org/
gRaphal Homepage. (s.d.). Obtido de gRaphal: http://g.raphaeljs.com/
Highcharts Homepage. (s.d.). Obtido de Highcharts: http://www.highcharts.com/
Interactive
Charts
in
Appcelerator
Titanium.
(s.d.).
Obtido
de
Appcelerator:
http://www.appcelerator.com/blog/2013/09/interactive-charts-in-appcelerator-titanium/
jqPlot Homepage. (s.d.). Obtido de jqPlot: http://www.jqplot.com/
NUS extra. (s.d.). Obtido de Code Computerlove: http://www.codecomputerlove.com/work/nus/
ParkYa Homepage. (s.d.). Obtido de ParkYa: http://parkya.com/
PhoneGap Homepage. (s.d.). Obtido de PhoneGap: http://phonegap.com/
Winkler, G. (s.d.). Can You Make a Native App Using Phonegap? Obtido de Interrupted:
http://blog.guillermowinkler.com/blog/2013/02/10/can-you-make-a-native-app-using-phonegap/

2/2
Projeto em curso com o apoio de: