Análise comparativa de frameworks multiplataforma

UNIVERSIDADE FEDERAL DO CEARÁ
INSTITUTO UFC VIRTUAL
CURSO DE SISTEMAS E MÍDIAS DIGITAIS
ÉDIPO DA SILVA SOUZA
UMA ANÁLISE COMPARATIVA DE FERRAMENTAS DE DESENVOLVIMENTO
MULTIPLATAFORMA PARA DISPOSITIVOS MÓVEIS
FORTALEZA
2014

Monografia apresentada ao Curso de Sistemas e
Mídias Digitais do Instituto UFC Virtual da
Universidade Federal do Ceará, como requisito
parcial para obtenção do Título de Bacharel em
Sistemas e Mídias Digitais.
Orientador: Prof. Dr. Windson Viana de Carvalho
FORTALEZA
2014

Monografia apresentada ao Curso de Sistemas e
Mídias Digitais do Instituto UFC Virtual da
Universidade Federal do Ceará, como requisito
parcial para obtenção do Título de Bacharel em
Sistemas e Mídias Digitais.
Aprovado em:
__ / __ / ____
BANCA EXAMINADORA
_________________________________
Prof. Dr. Windson Viana de Carvalho (Orientador)
Universidade Federal do Ceará (UFC)
_________________________________
Prof. Msc. Marcio Espíndola Freire Maia
_________________________________
Prof. Msc. Edgar Marçal de Barros Filho

RESUMO
Frameworks de desenvolvimento multiplataforma (do inglês, multi-platform ou cross-
platform) para dispositivos móveis são ferramentas que permitem aos desenvolvedores
criarem um mesmo aplicativo para diferentes sistemas operacionais móveis de uma forma
simplificada e com alto reuso. Através da utilização de apenas uma única linguagem de
programação ou de um mesmo código fonte no desenvolvimento de um aplicativo móvel é
possível conceber uma aplicação pronta para ser utilizada em diversas plataformas móveis
(e.g., Android, iOS, Windows Phone) sem a reescrita excessiva de código. Uma diversidade
de frameworks comerciais e acadêmicos tem sido proposta com esse objetivo, dos quais,
Titanium, Sencha Touch e PhoneGap são exemplos notórios. Cada um deles possui
características que os tornam únicos, seja no seu modo de desenvolvimento, na sua
abordagem de execução, na disponibilidade de recursos, bem como, na qualidade do resultado
do aplicativo final. O objetivo principal dessa pesquisa foi realizar uma comparação desses
frameworks através do desenvolvimento de uma aplicação multimídia nos três frameworks
citados. Para analisar a utilização e o desempenho de cada um deles, foi estabelecido um
conjunto de medidas de software e após coletar e comparar os dados resultantes, concluiu-se
que para o tipo de aplicação alvo do estudo (que usa recursos multimídia, sensores e acesso a
Internet) a ferramenta Titanium é, hoje, a mais eficiente no tocante à curva de aprendizado, à
riqueza da documentação e ao desempenho das aplicações geradas para as plataformas
Android e iOS.
Palavras-chave: Aplicação móvel. Framework multiplataforma. Titanium. PhoneGap.
Sencha Touch, Android, iOS, Windows Phone.

ABSTRACT
Crossplatform development frameworks for mobile applications are tools that allow
developers to create the same application for different mobile operating systems in a
simplified way and improving the reuse. By using only a single programming language, or a
same source code in the development of a mobile application, it’s possible to generate an
application ready to be used on diverse mobile application platforms (e.g., Android, iOS,
Windows Phone) without excessive code duplication. A variety of commercial and academic
frameworks have been proposed with that goal. Titanium, Sencha Touch and PhoneGap are
notorious examples. Each one has features that make it unique, such its development process,
its codification methods, availability of resources, and the quality of the final result. The main
objective of this research is to compare these frameworks by developing a multimedia
application in each of the three frameworks. In order to analyze the utilization and
performance of each framework, it was established a set of software measures and after
collecting and comparing the resulting data, it was concluded that for that application type
(which uses multimedia resources, sensors and access to Internet) Titanium tool, today, is the
most efficient with regard to the learning curve, the wealth of documentation and performance
of applications generated for Android and iOS platforms.
Keywords : Mobile application. Multiplatform framework. Titanium. PhoneGap. Sencha
Touch, Android, iOS, Windows Phone.

LISTA DE FIGURAS
Figura 1 - IDC Worldwide Quarterly Mobile Phone Tracker, May 2013. Fonte: (IDC, 2013).................. 2
Figura 2 - Evolução dos Smartphones. (adaptada) Fonte: (VIANA, 2010)............................................. 5
Figura 3 - Camadas de um ambiente com um MOS. Fonte: (KUCHE, 2012) ........................................ 6
Figura 4 - LG Nexus 4 com Android 4.4 KitKat. Fonte: (GOOGLE, 2013) .............................................. 7
Figura 5 - Arquitetura do Sistema Android. Fonte: (GOOGLE, 2013).................................................... 7
Figura 6 - BlackBerry Z10 com BlackBerry 10 OS. Fonte: (BLACKBERRY, 2013)..................................... 8
Figura 7 - BlackBerry OS Architecture. Fonte: (OGLIARI, 2011)............................................................ 8
Figura 8 - iPhone 5s com iOS 7.1. Fonte: (APPLE, 2013) ...................................................................... 9
Figura 9 - iOS Arquitetura. Fonte: (APPLE, 2013)................................................................................. 9
Figura 10 - HTC 8XT com Windows Phone 8. Fonte: (HTC, 2014)........................................................10
Figura 11 - Arquitetura do Sistema Windows Phone 8. Fonte: (MICROSOFT, 2013)............................10
Figura 12 - Pros e Contras das 3 estratégias de desenvolvimento. Fonte: (NOKIA, 2013) ...................11
Figura 13 - Frameworks de Desenvolvimento Multiplataforma .........................................................15
Figura 14 - PhoneGap helloworld exemplo (index.html)....................................................................15
Figura 15 - Titanium helloworld exemplo (app.js)..............................................................................16
Figura 16 - Sencha Touch 2 helloworld exemplo (Main.js) .................................................................17
Figura 17 - Temas oferecidos pelo Sencha Touch 2............................................................................18
Figura 18 - Aplicações Android, respectivamente PhoneGap, Sencha Touch e Titanium ....................23
Figura 19 - Aplicações iOS, respectivamente PhoneGap, Sencha Touch e Titanium............................24
Figura 20 - Consumo de memória no Android ...................................................................................24
Figura 21 - Consumo de memória no iOS...........................................................................................25
Figura 22 - Tempo de carregamento no Android ...............................................................................25
Figura 23 - Tempo de carregamento no iOS.......................................................................................25
Figura 24 - PhoneGap código fonte, arquivo index.html ....................................................................28
Figura 25 - PhoneGap código fonte, arquivo index.js parte 1.............................................................28
Figura 26 - PhoneGap código fonte, arquivo index.js parte 2.............................................................29
Figura 27 - Sencha Touch código fonte, arquivo Main.js da pasta View..............................................30
Figura 28 - Sencha Touch código fonte, arquivo Main.js da pasta Controller parte 1..........................31
Figura 29 - Sencha Touch código fonte, arquivo Main.js da pasta Controller parte 2..........................32
Figura 30 - Titanium código fonte, arquivo index.xml ........................................................................33
Figura 31 - Titanium código fonte, arquivo index.tss .........................................................................33
Figura 32 - Titanium código fonte, arquivo index.js parte 1 ...............................................................33
Figura 33 - Titanium código fonte, arquivo index.js parte 2 ...............................................................34

LISTA DE TABELAS
Tabela 1 - Medidas de software ........................................................................................................20
Tabela 2 - Comparativo de características dos frameworks ...............................................................22
Tabela 3 - Comparativo a partir do desenvolvimento da aplicação POC.............................................23
Tabela 4 - Comparativo segundo métricas de software pré-estabelecidas.........................................24

LISTA DE ABERVIATURAS E SIGLAS
ADT ANDROID DEVELOPMENT TOOLS
API APPLICATION PROGRAMMING INTERFACE
CLDC CONNECTED LIMITED DEVICE CONFIGURATION
CSS CASCADING STYLE SHEETS
HTML HYPERTEXT MATKUP LANGUAGE
IDC INTERNATIONAL DATA CORPORATION
JNI JAVA NATIVE INTERFACE
JSON JAVASCRIPT ORIENTED NOTATION
JVM JAVA VIRTUAL MACHINE
GPS GLOBAL POSITIONING SYSTEM
GUI GRAPHIC USER INTERFACE
LOC LINES OF CODE
MIDP MOBILE INFORMATION DEVICE PROFILE
MOS MOBILE OPERATING SYSTEM
NDK NATIVE DEVELOPMENT KIT
NFC NEAR FIELD COMUNICATION
NOF NUMBER OF FILES
OO OBJECT ORIENTATION
POC PROOF OF CONCEPT
SO OPERATION SYSTEM
RAM RANDOM ACCESS MEMORY
RIM RESEARCH IN MOTION
SDK SOFTWARE DEVELOPMENT KIT
UX USER EXPERIENCE
UI USER INTERFACE
VB VISUAL BASIC
WOAE WRITE ONCE, ADAPT EVERYWHERE
WORE WRITE ONCE, RUN EVERYWHERE
WP WINDOWS PHONE
XMT CROSS-PLATAFORM MOBILE DEVELOPMENT TOOLS

SUMÁRIO
1 INTRODUÇÃO....................................................................................................................................... 1
1.1. Motivação............................................................................................................................................ 1
1.2. Objetivo............................................................................................................................................... 3
1.3. Organização do documento .................................................................................................................. 4
2 DESENVOLVIMENTO DE APLICAÇÕES MÓVEIS............................................................................. 5
2.1. Histórico dos Dispositivos Móveis ....................................................................................................... 5
2.2. Aplicativo Móvel ................................................................................................................................. 6
2.3. Sistemas Operacionais Móveis ............................................................................................................. 6
2.3.1. Android........................................................................................................................................... 7
2.3.2. Blackberry OS ................................................................................................................................. 8
2.3.3. iOS.................................................................................................................................................. 9
2.3.4. Windows Phone..............................................................................................................................10
2.4. Estratégias de Desenvolvimento..........................................................................................................11
2.4.1. Aplicação Nativa ............................................................................................................................12
2.4.2. Aplicação Web ...............................................................................................................................12
2.4.3. Aplicação Hibrida...........................................................................................................................12
3 DESENVOLVIMENTO MULTIPLATAFORMA...................................................................................14
3.1. Frameworks de Desenvolvimento........................................................................................................14
3.1.1. PhoneGap.......................................................................................................................................15
3.1.2. Titanium.........................................................................................................................................16
3.1.3. Sencha Touch .................................................................................................................................17
4 PROPOSTA............................................................................................................................................19
4.1. Metodologia .......................................................................................................................................19
4.2. Escopo da Aplicação Prova de Conceito..............................................................................................20
4.3. Medidas de Software...........................................................................................................................20
4.4. Materiais.............................................................................................................................................21
5 RESULTADO E DISCUSSÃO ...............................................................................................................22
5.1. Comparativo das características dos frameworks abordados.................................................................22
5.2. Desenvolvimento da aplicação POC....................................................................................................23
5.3. Comparativo de desempenho...............................................................................................................24
5.4. Discussão ...........................................................................................................................................26
6 CONCLUSÃO........................................................................................................................................27
7 ANEXO A – CÓDIGO FONTE DA APLICAÇÃO POC NO PHONEGAP .............................................28
8 ANEXO B - CÓDIGO FONTE DA APLICAÇÃO POC NO SENCHA TOUCH .....................................30
9 ANEXO C - CÓDIGO FONTE DA APLICAÇÃO POC NO TITANIUM................................................33
10 REFERÊNCIAS .................................................................................................................................35

1
1 INTRODUÇÃO
1.1. Motivação
Avanços na última década nas tecnologias de comunicação sem fio e a popularização de
dispositivos móveis (celulares, smartphones, tablets) têm proporcionado novos cenários e
serviços de auxílio a várias atividades cotidianas e profissionais em diversos setores da
sociedade. Os usuários passaram a acessar aplicações móveis e serviços (e.g., redes sociais,
jogos, e-mail) mesmo enquanto se deslocam, em praticamente qualquer hora e local. Desde o
enorme sucesso do primeiro modelo do iPhone (em 2007), se tornou quase um padrão a
fabricação de aparelhos com tela sensível ao toque, multifuncionais, equipados com múltiplos
sensores (e.g., GPS, acelerômetro), recursos multimídia e interfaces mais naturais que
aperfeiçoaram a experiência do usuário no uso destas aplicações (CÂMARA, 2012).
O desenvolvimento de aplicações para esses dispositivos (ditas aplicações móveis),
entretanto, não é uma atividade trivial em grande parte devido ao ecossistema heterogêneo
destes dispositivos. As variações de configurações (tamanhos de telas, fabricantes, capacidade
de processamento, sistemas operacionais) tornam a programação, o teste e portabilidade de
aplicações custosas e onerosas, principalmente, quando o aplicativo deve rodar em mais de
um modelo de fabricante (WEINBERG, 2011).
A fragmentação das diversas plataformas móveis e seus respectivos sistemas
operacionais gerou grandes problemas para empresas desenvolvedoras de aplicativos e até
mesmo desenvolvedores independentes. Para qual plataforma desenvolver as aplicações?
Quais modelos de aparelhos serão o alvo preferencial? Ou, não seria melhor desenvolver para
mais de uma plataforma e modelo de aparelho de forma atingir um público alvo maior? Como
fazer isso com um custo de desenvolvimento reduzido?
A Figura 1 mostra uma pesquisa publicada pela International Data Corporation (IDC).
Pode-se observar que no primeiro trimestre de 2013, os principais sistemas operacionais
vendidos foram Android, iOS, Windows Phone e BlackBerry OS. No entanto, como este
último é mais voltado ao mercado corporativo, em geral as empresas focalizam o
desenvolvimento de aplicações de propósito geral apenas nas três principais plataformas.

2
Figura 1 - IDC Worldwide Quarterly Mobile Phone Tracker, May 2013. Fonte: (IDC, 2013)
Cada uma dessas plataformas possui seu próprio kit de desenvolvimento de software
(SDK), o qual permite a criação de aplicações exclusivamente destinadas a seu sistema
operacional utilizando uma linguagem de programação correspondente, isto é, Java para o
Android (GOOGLE, 2013), Objective-C para o iOS (APPLE, 2013) e C# para Windows
Phone (MICROSOFT, 2013). Cada qual com APIsi
distintas e particularidades de
desenvolvimento, as quais não permitem que seja escrito somente um único código para
diferentes plataformas, fazendo com que as empresas necessitem ter desenvolvedores
especializados para cada sistema operacional ao desenvolverem suas aplicações.
Com o intuito de facilitar e maximizar o processo de desenvolvimento de um mesmo
aplicativo para diversas plataformas surgiram diversos frameworksii
de desenvolvimento de
aplicações móveis multiplataforma. Cada framework tem suas próprias particularidades no
processo de desenvolvimento e limitações nas aplicações resultantes. Entre as ferramentas
mais utilizadas podemos destacar os seguintes frameworks: PhoneGap, Sencha Touch e
i
Conjunto de funções previamente fornecidas para comunicação com o sistema operacional
ii
SDK distinto com linguagem e metodologia de desenvolvimento que permite o desenvolvimento de aplicações para diferentes
plataformas através de um único projeto

3
Titanium (VISION MOBILE, 2012), os quais assemelham-se pelo uso da linguagem
JavaScript.
Entretanto, qual destas ferramentas seria a mais adequada para utilizarmos em nosso
projeto multimídia? E se formos desenvolver uma aplicação web? Para responder a estas
questões é necessário conhecermos a metodologia de desenvolvimento de cada um destes
frameworks, para então estarmos aptos a decidir qual ferramenta fornece as melhores
características requeridas pelo nosso projeto.
1.2. Objetivo
Este trabalho se destina a estudar esses frameworks de desenvolvimento de aplicações
móveis multiplataforma citados anteriormente fazendo um paralelo sobre a dificuldade de
desenvolvimento, tempo e esforço necessário, limitações e desempenho das aplicações
resultantes e o próprio processo de desenvolvimento. Dessa forma o objetivo principal deste
trabalho é analisar as diferenças e limitações de três frameworks de desenvolvimento
multiplataforma: Phonegap, Sencha Touch, e Titanium que estão entre os mais utilizados
pelas empresas de desenvolvimento de software em 2012 (VISION MOBILE, 2012). Durante
o desenvolvimento, o estudo foi dividido nos seis objetivos específicos abaixo:
 Fazer um comparativo das funcionalidades oferecidas por cada framework.
 Comparar os diferentes modelos de desenvolvimento utilizado pelos frameworks.
 Criar uma aplicação prova de conceito utilizando cada framework estudado.
 Estudar e selecionar medidas de desenvolvimento de software.
 Analisar, a partir das medidas escolhidas, o desempenho nas aplicações resultantes do
desenvolvimento utilizando os frameworks estudados.iii
Para atingir estes objetivos, a primeira etapa deste trabalho se inicia com uma pesquisa
bibliográfica visando explorar pesquisas existentes na área em estudo. Tendo como sequência
um estudo a respeito das metodologias de desenvolvimento adotadas nos três frameworks que
serão utilizados na etapa posterior que consiste na elaboração de uma aplicação como prova
de conceito, do inglês Proof Of Concept (POC), para analisar características tais como: UXiv
Design da plataforma, desempenho, facilidade de manutenção.
iii
Titanium, PhoneGap e Sencha Touch.
iv
User eXperience (UX): Remete a forma como o usuário interage com o sistema proporcionando uma experiência única com o mesmo.

4
Na etapa final, uma discussão é apresentada a partir das medidas de software
comparativas e dos resultados obtidos com o objetivo de mostrar qual abordagem de
desenvolvimento é mais vantajosa, em que momento, e para qual tipo de aplicação.
1.3. Organização do documento
No Capítulo 2 deste documento, é apresentada a uma breve introdução ao mundo dos
dispositivos móveis, contextualizando o leitor sobre fatos importantes que contribuíram para o
surgimento da computação móvel. Em seguida, o Capítulo 2 explana sobre o processo de
desenvolvimento de aplicações para dispositivos móveis, explicando os conceitos de
Aplicativo Móvel, Sistemas Operacionais Móveis, bem como estratégias de desenvolvimento.
O Capítulo 3 apresenta um resumo dos três frameworks estudados nesse trabalho. O
Capítulo 4 apresenta a proposta deste trabalho, a metodologia seguida, descrição da aplicação
prova de conceito desenvolvida e as medidas utilizadas para estabelecer um comparativo entre
as ferramentas utilizadas durante seu desenvolvimento. O Capítulo 5 é apresenta um quadro
comparativo com os resultados obtidos a partir das medidas estabelecidas e a conclusão deste
trabalho, onde o autor expõe sua visão a respeito da utilização das ferramentas durante o
desenvolvimento da aplicação prova de conceito.

5
2 DESENVOLVIMENTO DE APLICAÇÕES MÓVEIS
2.1. Histórico dos Dispositivos Móveis
Lançado em 1997, o Symbian OS foi um dos primeiro sistema operacional móvel de
grande utilização mundial, amplamente utilizado pela finlandesa Nokia em seus celulares. Em
1999, a canadense RIM (Research In Motion), hoje BlackBerry, lançou a primeira versão de
seu sistema operacional móvel de mesmo nome, o Blackberry OS, o qual juntamente com seu
hardware proprietário característico por utilizar-se de um teclado físico qwert, destina-se mais
ao mercado corporativo (BLACKBERRY, 2013).
A Microsoft, por sua vez, em 2000 lança o Windows Mobile, sua plataforma móvel, a
qual 10 anos mais tarde viria a ser sucedido por seu novo sistema operacional Windows
Phone. Em 2003, a Android Inc. inicia o desenvolvimento do Android, sistema operacional
adquirido pela Google em 2005 e que mais tarde viria a se tornar o mais popular entre os
sistemas operacionais móveis. Em 2007, a Apple lança a primeira versão do iOS, sistema
operacional do até então mais cobiçado smartphone do mercado, o iPhone.
Nos dias atuais, devido a ser uma plataforma aberta, de fácil utilização e customização,
o Android tem sido adotado por uma grande quantidade de fabricantes de smartphones, o que
culminou para hoje ser a plataforma com maior participação no mercado. (IDC, 2013)
Figura 2 - Evolução dos Smartphones. (adaptada) Fonte: (VIANA, 2010)

6
2.2. Aplicativo Móvel
Um aplicativo móvel é um software destinado a ser executado em um dispositivo
móvel, como em um smartphone, e é obtido normalmente através das lojas de aplicativos
existentes em cada plataforma. Este padrão de desenvolvimento e distribuição se deu com o
lançamento do iPhone SDK em março de 2008 e início da App Store junto ao lançamento do
iPhone 3G em julho de 2008 como resposta a quantidade de jailbreak existente, até então
única forma de instalar aplicações de terceiros. (9TO5MAC STAFF, 2011)
2.3. Sistemas Operacionais Móveis
Ao se utilizar smartphones, temos um sistema operacional móvel muito similar aos
sistemas operacionais padrões como, por exemplo, Windows e Linux, No entanto este é bem
mais simples, leve e responsável por identificar e definir as características e funções do
dispositivo, tais como: teclado, e-mail, mensagem de texto, acesso a câmera, dentre outros
priorizando o gerenciamento das redes sem fio e os métodos de entrada. (JANSSEN, 2010)
A Figura 3 ilustra as camadas existentes em um ambiente de interação com um Mobile
Operation System (MOS), isto é, um sistema operacional móvel. No nível mais alto temos o
usuário, o qual não detém de nenhum conhecimento sobre o hardware ao qual está
manipulando, sendo então auxiliado pela aplicação na utilização do aparelho. A aplicação por
sua vez, não detém de total compreensão do funcionamento do hardware, uma vez que isto
forçaria a termos o mesmo código de acesso a ele em todas as aplicações, bem como os
desenvolvedores das aplicações necessitariam conhece-lo. Logo, para evitar este cenário, cabe
ao Sistema Operacional a responsabilidade de fornecer uma abstração que facilite o acesso ao
hardware pelas aplicações, que somente necessitarão conhecer a API fornecida para este fim.
Figura 3 - Camadas de um ambiente com um MOS. Fonte: (KUCHE, 2012)

7
Como exemplos de MOS, temos:
2.3.1. Android
Inicialmente desenvolvido pela Android Inc., a qual foi comprada pela Google em
2005, é um sistema baseado no kernel do Linux idealizado e destinado principalmente a
dispositivos móveis com tela sensível ao toque. O primeiro dispositivo a utilizar o sistema da
Google foi o HTC Dream, também conhecido como G1, lançamento 22 de outubro em 2008.
(WILSON, 2008)
A Figura 5 apresenta a estrutura do Android e suas camadas. Tendo seu núcleo
desenvolvido em C e C++, o Android utiliza-se de uma máquina virtual chamada Dalvik para
carregar as diversas bibliotecas de seu framework e as aplicações, tanto de sistema como de
usuário, normalmente escritas em Java. Contudo também é possível utilizar C ou C++ no
desenvolvimento de aplicações com auxilio da tecnologia Java Native Interface (JNI) e da
ferramenta Android NDK. (SHANKLAND, 2007)
Figura 4 - LG Nexus 4 com Android 4.4 KitKat. Fonte: (GOOGLE, 2013)
Figura 5 - Arquitetura do Sistema Android. Fonte: (GOOGLE, 2013)

8
Em 23 de setembro de 2008, três anos após a assumir o desenvolvimento do sistema, a
Google então lança a versão 1.0 do Android, e no mês seguinte, juntamente com a Open
Handset Alliance, um grupo com atualmente formado por 84 empresas de tecnologia e
comunicação, torna-o um projeto Open Source mantido sobre licença Apache. (CHEN, 2008)
2.3.2. Blackberry OS
Com foco em smartphones corporativos, a canadense Research In Motion (RIM),
renomeada Blackberry em janeiro de 2013, desenvolveu o Blackberry OS utilizando-se da
tecnologia Java Virtual Machine (JVM). (HALLIWELL, 2013)
O primeiro smartphone lançado com o SO da RIM foi o Blackberry 5810 lançado em
março de 2002. Em sua última versão, o BlackBerry OS 7.1, lançado em Janeiro de 2012
conta com uma série de novos recursos dentre os quais se destacam: Hotspot wifi, serviços via
NFC, chamada por wifi e radio FM. Com o lançamento do BlackBerry 10 OS, lançado em
Janeiro de 2013 BlackBerry OS foi descontinuado. (INFOTECHNOLOGY, 2014)
Figura 6 - BlackBerry Z10 com BlackBerry 10 OS. Fonte: (BLACKBERRY, 2013)
Figura 7 - BlackBerry OS Architecture. Fonte: (OGLIARI, 2011)

9
O BlackBerry OS foi projetado de forma que suas aplicações rodem em uma JVM
juntamente com as especificações Connected Limited Device Configuration (CLDC) e
Mobile Information Device Profile (MIDP), alavancando assim o desenvolvimento e
portabilidade de aplicações para a nova plataforma, uma vez que já havia um número
considerável de desenvolvedores de aplicações JavaME na época. (BLACKBERRY, 2008)
2.3.3. iOS
Desenvolvido pela Apple Inc, é um sistema derivado do OS X que equipa seus
computadores e notebooks. Anunciado em 18 de Junho de 2007, ele foi desenvolvido
originalmente para o iPhone, mas a Apple mais tarde estendeu o sistema para outros
dispositivos como o iPod Touch, iPad, iPad Mini e Apple TV. (APPLE, 2007)
Para que as aplicações desenvolvidas por terceiros funcionem adequadamente em
hardwares de diferentes capacidades, o iOS foi arquitetado em diferentes camadas conforme
ilustra a Figura 9, facilitando assim o desenvolvimento de aplicações, pois as camadas de alto
nível fornecem uma abstração orientada a objeto das camadas de baixo nível. (APPLE, 2013)
Figura 8 - iPhone 5s com iOS 7.1. Fonte: (APPLE, 2013)
Figura 9 - iOS Arquitetura. Fonte: (APPLE, 2013)

10
Com seu núcleo desenvolvido em C e C++, o iOS possui também muitas aplicações e
frameworks de alto nível escritos em Objective-C, a linguagem padrão utilizada pelos
desenvolvedores para criação de aplicações para iOS. (APPLE, 2013)
2.3.4. Windows Phone
A primeira versão do Windows Phone, o WP 7, foi lançado em 21 de outubro de 2010
em mais de 30 países juntamente com 10 aparelhos de diversos fabricantes como LG,
SANSUMG, HTC e outros. (RICKER, 2010)
Desenvolvedores podem utilizar VB, C#, C++ ou HTML5/CSS/JavaScript para
desenvolver suas aplicações para Windows Phone. Sua interface é baseada no sistema de
design da Microsoft conhecido como Metro. A série Windows Phone é sucessora do
Windows Mobile, entretanto não possui compatibilidade com aplicações do antigo OS.
(ZIEGLER, 2010)
Figura 10 - HTC 8XT com Windows Phone 8.Fonte: (HTC, 2014)
Figura 11 - Arquitetura do Sistema Windows Phone 8. Fonte: (MICROSOFT, 2013)

11
O Windows Phone 8, atual versão, foi lançado em 29 de outubro de 2012 e substituiu a
antiga arquitetura baseada no Windows-CE por uma baseada no kernel do Windows NT, a
qual também é encontrada no Windows 8, facilitando assim a portabilidade de aplicações
entre ambas as plataformas e ainda permitindo executar aplicações do WP7. (RUBINO, 2012)
2.4. Estratégias de Desenvolvimento
Ao iniciar no desenvolvimento de aplicações móveis, muitas empresas e profissionais
autônomos enfrentam uma difícil decisão: qual a abordagem de desenvolvimento a utilizar.
De acordo com Charl e Leroux (2011), um aplicativo móvel pode ser desenvolvido
utilizando uma das três seguintes estratégias: Desenvolvimento Nativo, o qual utiliza
ferramentas e linguagem fornecidas pela empresa responsável pela plataforma;
Desenvolvimento Web, que utiliza de linguagem HTML5, CSS e JavaScript; e
Desenvolvimento Híbrido, o qual utiliza-se uma linguagem de script que será interpretada por
uma camada intermediária pré-instalada no sistema ou embutida na própria aplicação, sendo
esta responsável por interagir com o Sistema.
A Figura 12 apresenta uma visão geral das vantagens e desvantagens de cada estratégia
de desenvolvimento.
Figura 12 - Pros e Contras das 3 estratégias de desenvolvimento. Fonte: (NOKIA, 2013)

12
2.4.1. Aplicação Nativa
São aplicações instaladas a partir das lojas de aplicativos oficiais e desenvolvidas
utilizando a linguagem e ferramentas fornecidas pela empresa responsável por cada
plataforma. Para Android, desenvolve-se em Java utilizando o Eclipse com plugin ADT ou o
Android Studio, para iOS em Objective-C utilizando o Xcode e para Windows Phone em C#
utilizando o Visual Studio. (BAYTECH SERVICES, 2012)
2.4.2. Aplicação Web
Desenvolvidas utilizando tecnologias web como HTML5, CSS e JavaScript, são
aplicações web comum, mas especialmente desenhadas para se adaptarem a telas menores.
Sua principal vantagem é a portabilidade entre as plataformas, uma vez que todas as
plataformas disponibilizam um browser, as aplicações web oferecem a premissa “Write Once,
run Anywhere”. (BAYTECH SERVICES, 2012)
2.4.3. Aplicação Hibrida
Assim como aplicações nativas, estas são baixadas e instaladas através das lojas
oficiais, pois uma das exigências dessa loja é que todo código executado esteja na aplicação.
Tendo como diferencial não serem desenvolvidas utilizando a linguagem e SDK oficial, mas
sim ferramentas de terceiros tais como PhoneGap com HTML5/JavaScript, Xamarin Mono
com C#, Titanium com JavaScript, dentre outros. (BAYTECH SERVICES, 2012)
Charl e Leroux (2011) discutem sobre pontos fortes e fracos de abordagens nativas e
web e inicia abordando a importância do JavaScript como ferramenta de comunicação com o
sistema, bem como a tecnologia em sua máquina virtual, a qual ocasionou o que referenciam
como a nova linha de frente da guerra dos navegadores. Em seguida são abordadas algumas
características da utilização de CSS em plataformas móveis e a utilização de um recurso
chamado Aceleração por Hardware para melhorar sua utilização.
Os autores ainda ressaltam que a distância entre a camada nativa e o navegador
embutido na aplicação é de apenas um nível de compilação, ou seja, para adicionar
capacidades nativas a ele, basta recompilá-lo para empacotar novas funcionalidades nativas.
Enfatizando que, se um navegador não suporta uma capacidade nativa, não é porque ele não
pode ou que não irá, mas significa apenas que ela não esta feita ainda.

13
Trabalhos como (IBM CORPORATION, 2012) e (BAYTECH SERVICES, 2012) se
propõem não a indicar qual a melhor abordagem, mas a retratar os pontos fortes e fracos de
cada uma através de comparativo de suas características e funcionalidades oferecidas e assim
mostrar que a melhor abordagem vai depender na natureza do produto a ser desenvolvido.
Com maior foco numa visão geral sobre os XMTs atuais comparando suas vantagens e
desvantagens, os autores OHRT e TURAU (2012) apresentam uma definição detalhada a
respeito dos três aspectos sobre aplicações em smartphones que são importantes para o
entendimento das ferramentas de desenvolvimento multiplataforma, os quais são: O modo
como aplicações são instaladas, sua estrutura interna e seus elementos de interface com
usuário. Além disso, é apresentado um breve resumo sobre nove ferramentas de
desenvolvimento multiplataforma, bem como dois gráficos demostrando a estrutura de cada
uma, características e funcionalidades de desenvolvimento e as plataformas suportadas por
cada uma delas.
Por fim, este trabalho apresenta uma avaliação de desempenho utilizando-se de uma
aplicação bem básica, apenas uma tela com um texto e ícone, compilada utilizando as nove
ferramentas abordadas e avaliada com as medidas de software: tamanho da aplicação, o uso
de memória RAM, tempo de inicialização do emulador e no hardware.

14
3 DESENVOLVIMENTO MULTIPLATAFORMA
Desenvolver uma mesma aplicação para diversas plataformas utilizando as
ferramentas oficiais é uma tarefa muito trabalhosa, que depende de muito tempo, esforço, e
conhecimentos distintos sobre cada plataforma por parte dos desenvolvedores.
Anthony Wasserman (2010) propõe duas formas de reduzir estes esforços de
desenvolvimento de uma mesma aplicação para plataformas distintas:
 Utilizar tecnologias web e criar uma aplicação web;
 Utilizar ferramentas de desenvolvimento multiplataforma (XMT) para desenvolver
somente um código que gerará uma aplicação para cada plataforma.
Uma visão geral sobre a utilização de tecnologias web no desenvolvimento de
aplicações móveis multiplataforma é apresentada por (CHARL e LEROUX, 2011), com foco
principal em analisar se elas podem se equiparar à experiência de usuário oferecida pela
interface nativa da plataforma. Enquanto que (OHRT e TURAU, 2012) direcionam o foco de
seu trabalho nas ferramentas de desenvolvimento móveis multiplataforma (XMTs) atuais
comparando suas vantagens e desvantagens.
Com base nesses estudos, os tópicos seguintes apresentam uma pesquisa sobre os
frameworks de desenvolvimento multiplataforma mais utilizados nos dias atuais.
3.1. Frameworks de Desenvolvimento
Segundo Fayad e Schmidt (1997), um Framework é um aplicação semi-completa,
reusável que pode ser especializada para produzir aplicações customizadas. Em um contexto
Orientado a Objetos (OO) é utilizando técnicas de reuso baseado em classes e bibliotecas.
No contexto do desenvolvimento de aplicações multiplataforma, os frameworks
podem ser entendidos como blocos de códigos pré-implementados que serão reutilizados no
momento da compilação do código escrito pelo desenvolvedor para gerar a aplicação final.
(FAYAD E e SCHMIDT D., 1997)
Durante o desenvolvimento deste trabalho são utilizados os seguintes frameworks de
desenvolvimento multiplataforma para dispositivos móveis: PhoneGap (PHONEGAP, 2013),
Sencha Touch (SENCHA, 2013) e Titanium (APPCELERATOR, 2014) com suas respectivas
logos ilustrados na Figura 13.

15
Figura 13 - Frameworks de Desenvolvimento Multiplataforma
3.1.1. PhoneGap
O PhoneGap foi desenvolvido pela Nitobe Software, comprada pela Adobe em
outubro de 2011. Foi doado para a Apache no mesmo ano com objetivo de fomentar o
desenvolvimento do projeto de código aberto facilitando a contribuição de grandes empresas.
Visando evitar problemas com propriedade intelectual, o projeto foi renomeado para Apache
Cordova como referência a Cordova Street em Vancouver, rua onde localizava-se o escritório
da Nitobi Software. Assim o PhoneGap e Apache Cordova tornaram-se produtos distintos, e
embora este último seja o motor do atual PhoneGap da Adobe, na prática, por algum tempo o
que haverá de diferente entre eles será apenas o nome do pacote de download. (BRIAN, 2012)
Figura 14 - PhoneGap helloworld exemplo (index.html)
Em sua atual versão, o PhoneGap 3.4 possui suporte a uma grande variedade de
plataformas, dentre as quais podemos destacar, Android, iOS, Windows Phone 7 e 8,
BlackBerry OS e 10, Symbian, Firefox OS, Tizen, Bada, entre outros. (PHONEGAP, 2013)

16
Utilizando HTML5, CSS e JavaScript para desenvolver suas aplicações, o PhoneGap é
ideal para quem já possui conhecimento em tecnologias web. Através do JavaScript e de uma
camada de software nativo uma aplicação desenvolvida em Phonegap com tecnologias web
pode adquirir acesso a recursos nativos tornando-se uma aplicação híbrida. (INTEL, 2012)
3.1.2. Titanium
Atualmente em sua versão 3.2.2, o Titanium é um framework desenvolvido pela
Appcelerator que permite desenvolver aplicações verdadeiramente nativas, aplicações
híbridas e aplicações móveis web com uma única base de código. (APPCELERATOR, 2014)
Utilizando-se de JavaScript para desenvolvimento de suas aplicações, o Titanium
segue uma filosofia de desenvolvimento diferenciada pois ele não se propõe a ser Write Once,
Run Everywhere (WORE), sua proposta é Write Once, Adapt Everywere (WOAE). Isto
acontece uma vez que o Titanium compila objetos nativos, tais como botões e campos de
texto, em código nativo da plataforma alvo: Java para Android ou Objective-C para iOS.
Enquanto que a lógica de negócio da aplicação permanece em JavaScript para ser interpretada
em tempo de execução. Desta forma interface da aplicação resultante é igual a de uma
aplicação nativa tanto em design quanto em responsibilidade. (ALCOCER, 2013)
Figura 15 - Titanium helloworld exemplo (app.js)
Atualmente, o Titanium suporta apenas Android, iOS e Tizen, pois a forma como o ele
funciona torna complexo adicionar suporte a novas plataformas. (APPCELERATOR, 2013)

17
3.1.3. Sencha Touch
Este framework de desenvolvimento foi anunciado pela antiga empresa Ext JS, a partir
da combinação de três de seus produtos, o Ext JS, JQTouch e o Raphaël em 14 de janeiro de
2010, mesmo dia em que mudou seu nome para Sencha. (ELIAS, 2010)
A Figura 16 ilustra um exemplo de código JavaScript responsável pela definição da
interface principal da aplicação. Este framework possui um conjunto de componentes de
interface gráfica otimizados para interações com toque, e embora esta interface seja criada
com HTML5 e CSS, ela é definida durante o desenvolvimento utilizando JavaScript.
Atualmente, o Sencha Touch 2 oferece oito temas para que sua aplicação torne-se mais imersa
com o ambiente gráfico da plataforma para a qual a aplicação será gerada, na Figura 17 são
apresentados interfaces que nos permitem ver uma mesma aplicação com o look and feelv
de
diferentes plataformas móveis. (SENCHA, 2013) .
Figura 16 - Sencha Touch 2 helloworld exemplo (Main.js)
v
Look and fell: Define a aparência e comportamentos de uma entidade baseado em diversos aspectos, dentre
os quais destaca-se os gráficos, do ambiente onde a mesmo encontra-se imerso.

18
Figura 17 - Temas oferecidos pelo Sencha Touch 2
Já possuindo suporte a Android, iOS, BlackBerry, WindowsPhone, em sua versão 2.3,
lançada em 1 de outubro de 2013, o Sencha Touch incluiu também o suporte ao Tizenvi
e o
suporte ao Apache Cordova como pacote de acesso a características nativas. (AGRAWAL,
2013)
vi
Sistema operacional móvel desenvolvido open source pela Samsung. Site oficial: www.tizen.org

19
4 PROPOSTA
Este trabalho destina-se a analisar as vantagens, diferenças e limitações de três
frameworks de desenvolvimento multiplataforma: Phonegap, Sencha Touch, e Titanium que
estão entre os mais populares para os desenvolvedores (VISION MOBILE, 2012). O objetivo
de estudar os frameworks de desenvolvimento de aplicações móveis multiplataforma citados
anteriormente é elaborar um paralelo sobre a dificuldade de desenvolvimento, tempo e esforço
necessário, limitações e desempenho das aplicações resultantes.
4.1. Metodologia
O presente trabalho possui caráter de Pesquisa Comparativa a qual segundo
(HEIDENHEIMER e HUGH HECLO, 1983) é o ato de comparar duas ou mais coisas, com
vista a descobrir algo sobre uma ou todas as coisas que estão sendo comparadas.
Na primeira etapa deste trabalho, foi feita uma pesquisa bibliográfica a fim de obter o
máximo de informações sobre pesquisas já existentes no campo de desenvolvimento de
aplicações móveis multiplataforma e encontrar critérios que foram pouco abordados e possam
ser incluídos no presente estudo.
Na segunda etapa, é realizado um estudo sobre as metodologias de desenvolvimento de
três das ferramentas mais utilizadas no ano de 2012vii
, características relevantes, limitações de
desenvolvimento impostas e a categoria em que cada aplicação resultante se enquadra:
aplicação Nativa, Web ou Híbrida (IBM CORPORATION, 2012).
Dando continuidade ao estudo, na terceira etapa temos uma análise sobre as três
categorias de aplicações abordadas no título deste trabalho, características tais como UX
Designviii
da plataforma, desempenho, facilidade de manutenção, esforço de desenvolvimento,
dentre outras medidas analisadas e para isso uma prova de conceito é desenvolvida durante
esta etapa, a qual consiste de uma mesma aplicação desenvolvida nas três ferramentas.
Por fim, na quarta etapa, uma discussão a partir das medidas comparativas e dos
resultados obtidos é concebida com o objetivo de mostrar qual das abordagens de
desenvolvimento foi mais vantajosa, em que momento, e para qual tipo de aplicação.
vii
De acordo com pesquisa publicada pela empresa VISION MOBILE.
viii
User eXperience Design: Remete a forma como o usuário interage com o sistema proporcionando uma experiência única com o mesmo.

20
4.2. Escopo da Aplicação Prova de Conceito
Este estudo visa analisar a utilização de recursos multimídia, sensores e comunicação
externa em aplicações implementadas com os frameworks abordados, pois são características
comuns a aplicativos móveis atuais e nem sempre são suportados por aplicações Web.
Para alcançar este objetivo, a aplicação proposta possui apenas uma interface com um
botão de acesso à câmera e uma área destinada a exibir a foto capturada. Para utilização do
acelerômetro, um movimento rápido para esquerda ou direita girando o aparelho deverá
alterar a exibição das diversas imagens capturadas.
Por fim, a abordagem de comunicação externa é feita por um segundo botão que
permitirá o compartilhamento de sua atual localização, obtida a partir do GPS, em uma rede
social. O Google+ foi a rede social escolhida.
Dessa forma, a aplicação proposta aborda a utilização de um recuso multimídia
(câmera), sensores (acelerômetro e GPS) e comunicação externa (compartilhamento da
localização do usuário na rede social da Google), bem como, exigiu a elaboração de sua
interface gráfica através das ferramentas e APIs disponibilizadas por cada framework.
4.3. Medidas de Software
Para a comparação dos frameworks foram adotadas as medidas de software ilustradas na
Tabela 1.
Medida Unidade Processo de Obtenção Ferramentas Importância
Tamanho da
aplicação
KBs
Analisando-se as
propriedades do
arquivo final gerado.
Gerenciador de
arquivos do
Mac (Finder)
Tempo de download
e espaço necessário
para instalação.
Consumo de
memória
MBs
Após aplicação ser
inicializada, verifica-se
o valor em uma das
ferramentas.
Gerenciador de
Aplicativos
Android,xCode
Instruments
Significante para
usuários que utilizam
muitos aplicativos
simultaneamente.
Tempo de
carregamento
ms
Tempo decorrido para
que a aplicação
apresente a tela inicial.
ADT LogCat,
xCode Timer
Profile
Influi diretamente na
experiência do
usuário.
Lines of Code
(LOC)
Valor
numérico
Observando o número
da ultima linha no
editor de texto.
Editor de
Texto
Esforço de
desenvolvimento e
legibilidade.
Number of
Files (NOF)
Valor
numérico
Observando o número
da ultima linha no
editor de texto.
Editor de
Texto
Legibilidade e
manutenção.
Tabela 1 - Medidas de software

21
4.4. Materiais
Todo o desenvolvimento das aplicações Android e iOS utilizando cada um dos
frameworks abordados foi feita utilizando um notebook HP Probook com processador i3
Dual-Core 2.4 GHz e 8GB de memória RAM com sistema operacional Mac OSX Mavericks
10.9.2 instalado nativamente.
Para testar as aplicações Android, foi utilizado um smartphone Google Nexus 4, o qual
possui processador Qualcomm Snapdragon S4 Pro Quad-Core 1.5GHz e 2GB de memória
RAM com sistema operacional Android Kitkat 4.4.2. Para as aplicações iOS, devido as
dificuldades de obtenção de um certificado de desenvolvedor, os testes restringiram-se ao iOS
Simulator no mesmo notebook.

22
5 RESULTADO E DISCUSSÃO
Para cada um dos três frameworks abordados neste trabalho, foram geradas duas
versões do aplicativo prova de conceito, um para cada plataforma móvel alvo, totalizando seis
aplicações: três para Android e três para iOS.
5.1. Comparativo das características dos frameworks abordados
A Tabela 2 ilustra os dados obtidos a partir do site oficial de cada Framework.
PhoneGap Sencha Touch Titanium
Licença Open Source
Closed Source
com versão grátis
Open Source
Look and fell Web
Web customizado
com Temas
Nativo
Renderização de
Interface
WebView WebView
Sistema
Operacional
API para Interface HTML5 e CSS JavaScript JavaScript
API para Acesso a
recursos Nativos
Apache Cordova
Sencha SDK
Apache Cordova
Titanium SDK
Linguagem de
Programação
HTML5/CSS/JavaScript JavaScript JavaScript
Suporte a Bibliotecas
JavaScript
Sim Sim Não
IDE Não Sim Sim
Disponibilidade da
IDE
- Paga Gratuita
Sensores
Acelerômetro, Câmera,
Compasso,
Conexão HTTP,
Contatos,
Geolocalização,
Notificação,
Armazenamento
Acelerômetro,
Câmera,
Compasso,
Conexão HTTP,
Contatos,
Geolocalização,
Notificação,
Armazenamento
Acelerômetro,
Câmera,
Compasso,
Conexão HTTP,
Contatos,
Geolocalização,
Notificação,
Armazenamento
Plataformas Alvo
iOS, Android,
Windows Phone,
BlackBerry,
Bada, WebOS,
Symbian, Firefox OS e
Tizen
iOS,
Android,
Windows Phone,
BlackBerry e
Tizen
iOS,
Android e
Tizen
Tabela 2 - Comparativo de características dos frameworks

23
5.2. Desenvolvimento da aplicação POC
A Tabela 3 resume informações sobre o processo de desenvolvimento.
Ambiente de
desenvolviment
o (IDE)
Curva de
aprendizage
m
Vantagens Desvantagens Código
fonte
PhoneGap
Editor de texto
Sublime
Baixa
Definição da
interface com
HTML e CSS.
Diversidade de
plugins.
Falta de uma
IDE dedicada e
oficial.
Anexo
A
Sencha
Touch
Editor de texto
Sublime
Média/Alta
Temas que
simulam a
interface
nativa. Suporte
ao Cordova.
API para
definição de
interfaces
confusa e
pouco
exemplificada.
Anexo
B
Titanium Titanium Studio Baixa
Auxílio da IDE
e exemplos na
documentação
Não poder
remover a
SplashScreen
pois nela
ocorre o
carregamento
da biblioteca
do Titanium.
Anexo
C
Tabela 3 - Comparativo a partir do desenvolvimento da aplicação POC
Na Figura 18 temos as interfaces finais das aplicações no Android e a Figura 19
apresenta as interfaces finais da aplicação no iOS.
Figura 18 - Aplicações Android, respectivamente PhoneGap, Sencha Touch e Titanium

24
Figura 19 - Aplicações iOS, respectivamente PhoneGap, Sencha Touch e Titanium
5.3. Comparativo de desempenho
A seguir é apresentada uma análise das seis aplicações finais com base nas medidas de
software apresentadas na sessão 4.3.
Android
Tamanho da aplicação
Android .apk (MB)
Tamanho da aplicação
iOS .ipa (MB)
LOC NOF
Titanium 9,5 2,6 ~120 3
PhoneGap 1,7 2,4 ~170 3
SenchaTouch 2,1 2,7 ~190 2
Tabela 4 - Comparativo segundo métricas de software pré-estabelecidas
Figura 20 - Consumo de memória no Android
0
10
20
30
40
50
60
PhoneGap
Sencha Touch
Titanium

25
Figura 21 - Consumo de memória no iOS
Figura 22 - Tempo de carregamento no Android
Figura 23 - Tempo de carregamento no iOS
0
5
10
15
20
25
30
35
40
45
PhoneGap
Sencha Touch
Titanium
0
0,5
1
1,5
2
2,5
PhoneGap
Sencha Touch
Titanium
0
0,1
0,2
0,3
0,4
0,5
0,6
PhoneGap
Sencha Touch
Titanium

26
5.4. Discussão
Com base em todo o processo de desenvolvimento, a característica mais impactante foi
a elaboração da interface da aplicação POC com o framework Sencha Touch. Apesar de ele
trabalhar com JavaScript assim como os demais, a construção de sua interface assemelhasse a
um arquivo JSONix
, possuindo elementos encadeados em diversos níveis, cada um com seus
respectivos atributos. Isto, aliado a falta de exemplificações em sua documentação, fez com
que sua elaboração fosse complexa, pouco intuitiva e com alta curva de aprendizado.
Nesse quesito de interface, o PhoneGap se destacou por ter possibilitado o uso de
tecnologias web, ou seja, utilizou-se exclusivamente de HTML e CSS na sua construção, o
que tornou o processo bastante sólido e rápido. Por sua vez, o Titanium se mostrou a melhor
ferramenta para construção de interface, uma vez que ela foi toda trabalhada de modo
semelhante a de uma aplicação web, com o corpo da interface criado através de uma estrutura
bastante simplificada e intuitiva do HTML em um arquivo XML e uma variação do CSS,
chamado de TSS que definiu os estilos dos componentes.
A lógica da aplicação foi feita utilizando JavaScript nas três aplicações, entretanto no
Sencha Touch a sintaxe da definição de funções foge ao padrão e a definição de variáveis com
escopo global necessitou de algumas horas de pesquisa. O ponto positivo para este
framework, foi possibilitar de utilização do Apache Cordova como módulo de acesso as APIs
do sistema. Com isto, os plugins de acesso a cada sensor e mais da metade do código escrito
para a aplicação do PhoneGap puderam ser reutilizados com poucas modificações.
O PhoneGap possui uma grande comunidade, o que facilita muito o trabalho do
desenvolvedor ao deparar-se com um problema durante o desenvolvimento de sua aplicação.
Além disso, a possibilidade de extensão através de plugins oficiais e criados pela comunidade,
simplifica de forma considerável a criação de aplicações que necessitem de acesso a recursos
multimídia e sensores. Apesar do Titanium não fornecer essa extensibilidade de plugins, sua
API já é bastante rica, intuitiva e exemplificada quanto a utilização dos mesmos recurso.
Por fim, o fornecimento de uma IDE gratuita também contribuiu para que o Titanium
tenha sido considerado o framework mais eficiente no desenvolvimento da aplicação proposta
neste estudo, com menor esforço, baixa curva de aprendizado e maior desempenho.
ix
JSON: Formato leve para troca de dados textuais. Site oficial: http://www.json.org

27
6 CONCLUSÃO
Este trabalho visou estudar, analisar e comparar três frameworks de desenvolvimento de
aplicações multiplaforma para dispositivos móveis. Foram estudadas as ferramentas Sencha,
Titanium e Phonegap através da leitura de artigos, da documentação das ferramentas e da
construção de uma aplicação prova de conceito que utiliza interface gráfica, sensores, acesso a
recursos multimídia e comunicação com um serviço Web.
A aplicação foi codificada em cada framework e duas versões forma geradas para as
plataformas Android e iOS totalizando seis versões do mesmo aplicativo. As medidas de
software pré-estabelecidas foram então computadas. Com base nos resultados obtidos, bem
como no estudo realizado no início deste trabalho sobre as características de cada framework
utilizado, para a aplicação proposta, o framework Titanium foi considerado como o mais
eficiente no tocante à curva de aprendizado, à riqueza da documentação, ao esforço de
desenvolvimento, e ao desempenho das aplicações geradas.
Um trabalho futuro decorrente desta pesquisa é analisar qual dos frameworks se destaca
em relação à curva de aprendizagem com mais programadores de perfis distintos quanto ao
conhecimento técnico. Além disso, as medidas foram capturadas em único dispositivo
Android e no emulador do iOS. Assim uma extensão possível do trabalho é analisar a
performance em mais dispositivos reais.

28
7 ANEXO A – CÓDIGO FONTE DA APLICAÇÃO POC NO PHONEGAP
Figura 24 - PhoneGap código fonte, arquivo index.html
Figura 25 - PhoneGap código fonte, arquivo index.js parte 1

29
Figura 26 - PhoneGap código fonte, arquivo index.js parte 2

30
8 ANEXO B - CÓDIGO FONTE DA APLICAÇÃO POC NO SENCHA TOUCH
Figura 27 - Sencha Touch código fonte, arquivo Main.js da pasta View

31
Figura 28 - Sencha Touch código fonte, arquivo Main.js da pasta Controller parte 1

32
Figura 29 - Sencha Touch código fonte, arquivo Main.js da pasta Controller parte 2

33
9 ANEXO C - CÓDIGO FONTE DA APLICAÇÃO POC NO TITANIUM
Figura 30 - Titanium código fonte, arquivo index.xml
Figura 31 - Titanium código fonte, arquivo index.tss
Figura 32 - Titanium código fonte, arquivo index.js parte 1

34
Figura 33 - Titanium código fonte, arquivo index.js parte 2

35
10 REFERÊNCIAS
9TO5MAC STAFF. Jobs’ original vision for the iPhone: No third-party native apps. 9To5Mac, 2011.
Disponivel em: <http://9to5mac.com/2011/10/21/jobs-original-vision-for-the-iphone-no-third-party-
native-apps>. Acesso em: 24 Junho 2013.
AGRAWAL, G. Announcing Sencha Touch 2.3 - Touch Grid, Cordova Support, and New Themes.
Sencha, 2013. Disponivel em: <http://www.sencha.com/blog/announcing-sencha-touch-2-3-html5-
for-ios7-touch-grid-cordova-support-more/>. Acesso em: 30 Março 2014.
ALCOCER, R. But I Thought Titanium Was Cross Platform!. Appcelerator, 2013. Disponivel em:
<http://www.appcelerator.com/blog/2013/07/but-i-thought-titanium-was-cross-platform/>. Acesso
em: 31 Março 2014.
APPCELERATOR. Titanium SDK 3.2.0 General Availability - 12/20/2013. Appcelerator, 2013.
Disponivel em: <http://docs.appcelerator.com/titanium/release-notes/?version=3.2.0.GA>. Acesso
em: 31 Março 2014.
APPCELERATOR. Titanium SDK & Titanium Studio. Appcelerator Docs, 2014. Disponivel em:
<http://docs.appcelerator.com/titanium/latest/>. Acesso em: 31 Março 2014.
APPLE. iPhone Delivers Up to Eight Hours of Talk Time. Apple, 2007. Disponivel em:
<http://www.apple.com/pr/library/2007/06/18iPhone-Delivers-Up-to-Eight-Hours-of-Talk-
Time.html>. Acesso em: 29 Março 2013.
APPLE. iOS Dev Center, 2013. Disponivel em:
<https://developer.apple.com/library/ios/#referencelibrary/GettingStarted/RoadMapiOS/chapters/I
ntroduction.html>. Acesso em: 01 Junho 2013.
APPLE. About the iOS Technologies. iOS Developer library, 2013. Disponivel em:
<https://developer.apple.com/library/ios/documentation/miscellaneous/conceptual/iphoneostecho
verview/Introduction/Introduction.html>. Acesso em: 29 Março 2014.
APPLE. Develop Apps for iOS. Apple Developers, 2013. Disponivel em:
<https://developer.apple.com/technologies/ios/>. Acesso em: 29 Março 2014.
BAYTECH SERVICES. Native, Hybrid or Mobile Web – What’s Best for your Mobile Apps. North
Andover, MA - USA, p. 6. 2012.
BLACKBERRY. Java ME and Java APIs for BlackBerry. BlackBerry, 2008. Disponivel em:
<http://docs.blackberry.com/en/developers/deliverables/5827/Java_ME_and_Java_APIs_for_BB_44
6980_11.jsp>. Acesso em: 25 Março 2014.
BLACKBERRY. BlackBerry, 2013. Disponivel em: <http://ca.blackberry.com/company.html>. Acesso
em: 02 jun. 2013.
BRIAN. PhoneGap, Cordova, and what’s in a name? Phonegap Blog, 2012. Disponivel em:
<http://phonegap.com/2012/03/19/phonegap-cordova-and-what%E2%80%99s-in-a-name/>. Acesso
em: 30 Março 2014.

36
CÂMARA, M. Como o iPhone mudou o rumo dos smartphones. Techtudo, 2012. Disponivel em:
<http://www.techtudo.com.br/artigos/noticia/2012/06/como-o-iphone-mudou-o-rumo-dos-
smartphones.html>. Acesso em: 18 jun. 2013.
CHARL, A.; LEROUX, B. Mobile Application Development: Web vs. Native. Communic Ations of the
Acm, Maio 2011. 49-53.
CHEN, J. Android is now Open Source. Androd Developers Blog, 2008. Disponivel em:
<http://android-developers.blogspot.com.br/2008/10/android-is-now-open-source.html>. Acesso
em: 24 Março 2014.
ELIAS, A. Ext JS + jQTouch + Raphaël = Sencha. Sencha, 2010. Disponivel em:
<http://www.sencha.com/blog/ext-js-jqtouch-raphael-sencha>. Acesso em: 30 Março 2014.
FAYAD E, M.; SCHMIDT D., C. Object-oriented Application frameworks. Communications of the ACM,
1997. 10.
GOOGLE. Android Developers, 2013. Disponivel em:
<http://developer.android.com/tools/index.html>. Acesso em: 01 Junho 2013.
HALLIWELL, D. Research In Motion is Now BlackBerry. BlackBerry Blog, 2013. Disponivel em:
<http://blogs.blackberry.com/2013/01/rim-renamed-blackberry/>. Acesso em: 25 Março 2013.
HEIDENHEIMER, A. J.; HUGH HECLO, C. T. A. Comparative Public Policy. [S.l.]: St. Martin's Press,
1983.
HTC. HTC-8XT. HTC, 2014. Disponivel em: <http://www.htc.com/us/smartphones/htc-8xt/>. Acesso
em: 20 maio 2014.
IBM CORPORATION. Native, web or hybrid mobile-app development. Somers, NY - USA, p. 10. 2012.
IDC. Android and iOS Combine for 92.3% of All Smartphone Operating System Shipments in the
First Quarter While Windows Phone Leapfrogs BlackBerry, According to IDC, 16 Maio 2013.
Disponivel em: <http://www.idc.com/getdoc.jsp?containerId=prUS24108913>. Acesso em: 25 Maio
2013.
INFOTECHNOLOGY. The BlackBerry Smartphone Series. HubPages, 2014. Disponivel em:
<http://infotechnology.hubpages.com/hub/The-BlackBerry-Smartphone-Series>. Acesso em: 25
Março 2014.
INTEL. The Development of Mobile Applications using HTML5 and PhoneGap* on Intel® Architecture-
Based Platforms. Intel Developer Zone, 2012. Disponivel em: <http://software.intel.com/en-
us/articles/the-development-of-mobile-applications-using-html5-and-phonegap-on-intel-
architecture-based>. Acesso em: 30 Março 2014.
JANSSEN, C. Mobile Operating System (Mobile OS). Techopedia, 2010. Disponivel em:
<http://www.techopedia.com/definition/3391/mobile-operating-system-mobile-os>. Acesso em: 24
Junho 2013.
MICROSOFT. Windows Phone Dev Center, 2013. Disponivel em:
<http://msdn.microsoft.com/library/windowsphone/develop/ff402529(v=vs.105).aspx>. Acesso em:
01 Junho 2013.

37
NOKIA. Cross Platform Mobile Architecture. Nokia Developers, 2013. Disponivel em:
<http://developer.nokia.com/community/wiki/Cross_Platform_Mobile_Architecture>. Acesso em: 23
maio 2014.
OGLIARI, R. BlackBerry e Android usam Java, mas JavaME? itWeb, 2011. Disponivel em:
<http://itweb.com.br/blogs/blackberry-e-android-usam-java-mas-javame/>. Acesso em: 26 maio
2014.
OHRT, J.; TURAU, V. Cross-Platform Development Tools for Smartphone Applications. Computing
Practices, Setembro 2012. 72-79.
PHONEGAP. Platform Support. PhoneGap Documentation, 2013. Disponivel em:
<http://docs.phonegap.com/en/edge/guide_support_index.md.html#Platform%20Support>. Acesso
em: 30 Março 2014.
RICKER, T. Microsoft announces ten Windows Phone 7 handsets for 30 countries: October 21 in
Europe and Asia, 8 November in US (Update: Video!). Engadget, 2010. Disponivel em:
<http://www.engadget.com/2010/10/11/microsoft-announces-ten-windows-phone-7-handsets-for-
30-countrie/>. Acesso em: 29 Março 2014.
RUBINO, D. Microsoft officially announces Windows Phone 8. WP Central, 2012. Disponivel em:
<http://www.wpcentral.com/microsoft-officially-announces-windows-phone-8>. Acesso em: 29
Março 2014.
SENCHA. Sencha Touch - Features. Sencha, 2013. Disponivel em:
<http://www.sencha.com/products/touch/features/>. Acesso em: 30 Março 2014.
SHANKLAND, S. Google's Android parts ways with Java industry group. CNET, 2007. Disponivel em:
<http://www.cnet.com/news/googles-android-parts-ways-with-java-industry-group/>. Acesso em:
24 Março 2014.
VIANA, W. C. Mobilité et sensibilité au contexte pour la gestion de documments multimédias
personnels: CoMMediA., Universit´e Joseph-Fourier - Genoble, 02 Fevereiro 2010.
VISION MOBILE. Cross-Platform Developer Tools 2012. Vision Mobile Reserach. Londres, p. 97. 2012.
WASSERMAN, A. Software Engineering Issues for Mobile Application Development. Proc. FSE/SDP
Workshop Future of Software Eng. Research (FoSER 10), Moffett Field, 2010.
WEINBERG, D. Considerations for Developing Applications for Smartphones. Opposing Views, 2011.
Disponivel em: <http://science.opposingviews.com/considerations-developing-applications-
smartphones-12052.html>. Acesso em: 19 jun. 2013.
WILSON, M. T-Mobile G1: Full Details of the HTC Dream Android Phone. gizmodo, 2008. Disponivel
em: <http://gizmodo.com/5053264/t+mobile-g1-full-details-of-the-htc-dream-android-phone>.
Acesso em: 24 Março 2014.
ZIEGLER, C. Microsoft talks Windows Phone 7 Series development ahead of GDC: Silverlight, XNA, and
no backward compatibility. Endgadget, 2010. Disponivel em:
<http://www.engadget.com/2010/03/04/microsoft-talks-windows-phone-7-series-development-
ahead-of-gdc/>. Acesso em: 29 Março 2014.

Análise comparativa de frameworks multiplataforma

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Análise comparativa de frameworks multiplataforma

Semelhante a Análise comparativa de frameworks multiplataforma (20)

Mais de Édipo Souza

Mais de Édipo Souza (12)

Análise comparativa de frameworks multiplataforma