UMA ANÁLISE COMPARATIVA DE FERRAMENTAS DE
DESENVOLVIMENTO MULTIPLATAFORMA PARA
DISPOSITIVOS MÓVEIS
UNIVERSIDADE FEDERAL DO...
AGENDA
 Introdução
 Referencial Teórico
 Problemática
 Objetivo
 Metodologia de desenvolvimento
 Trabalhos Relaciona...
COMPUTAÇÃO MÓVEL
Evolução dos dispositivos móveis
COMPUTAÇÃO MÓVEL
iPhone 3G
Lançamento em julho de
2008
Aplicativo Móvel (App)
Primeira App Store
iPhone e a Mudança de Par...
Padrão de Smartphone
SmartphoneSistema
Operacional
Comunicação
GSM e Acesso
a Internet
Gerenciamento
de Aplicações
Tela Se...
Ecossistema Heterogêneo de
Desenvolvimento
Tamanho de Tela
Processamento
Teclado Físico
Sensores
Fabricante
Sistema Operac...
Sistemas Operacionais Móveis - MOS
OPERATING
SYSTEM
1Q13 SHIPMENT
VOLUME
1Q13 MARKET
SHARE
1Q12 SHIPMENT
VOLUME
1Q12 MARKE...
REFERENCIAL TEÓRICO
 Sistemas Operacionais Móveis (MOS)
Sistema operacional similar aos padrões Windows e Linux,
porém ma...
 Aplicação Nativa
São aplicações instaladas a partir das lojas de aplicativos oficiais
e desenvolvidas utilizando a lingu...
PROBLEMÁTICA DE DESENVOLVIMENTO
Visar uma Única
Plataforma
Dividir a
Equipe
Desenvolvimento
Multiplataforma
08
Visar Única Plataforma
 Vantagens
• Agilidade no desenvolvimento
• Facilidade de manutenção
• Equipe direcionada
• Menor ...
Dividir a Equipe
 Vantagens
• Publico alvo maior
• Muitos usuário
10
 Desvantagens
• Desenvolvimento longo
• Manutenção ...
Desenvolvimento Multiplataforma
 Vantagens
• Agilidade no desenvolvimento
• Facilidade de manutenção
• Equipe direcionada...
OBJETIVOS
Objetivos Específicos
• Fazer um comparativo das funcionalidades de cada framework.
• Comparar os diferentes mo...
Frameworks Escolhidos
 Phonegap
 Sencha Touch
 Appcelerator Titanium
13
METODOLOGIA DE DESENVOLVIMENTO
14
1. Pesquisa bibliográfica sobre estudos na área de
desenvolvimento móvel multiplataforma...
Mobile Application Development: Web vs. Native
(CHARL e LEROUX, 2011)
15
• Pontos fortes e fracos de abordagens nativas e ...
TRABALHOS RELACIONADOS
Cross-Platform Development Tools for Smartphone Applications
(OHRT e TURAU, 2012)
16
• Foco numa vi...
Proposta do Aplicativo
 Uso de recursos multimídia
 Leitura de sensores
 Acelerômetro
 GPS
 Comunicação com serviços
...
Aplicação desenvolvida
Versões para Android
RESULTADOS
Versões para iOS
Comparação entre as plataformas
PhoneGap Sencha Touch Titanium
Licença Open Source
Closed Source
com versão grátis
Open So...
Análise Qualitativa – Experiência de Desenvolvimento
Ambiente de
desenvolviment
o (IDE)
Curva de
aprendizage
m
Vantagens D...
Análise Quantitativa
Medidas de softwares empregats
Tamanho da aplicação
Android .apk (MB)
Tamanho da aplicação
iOS .ipa (...
Análise de desempenho
0
10
20
30
40
50
60
1º
Execução
2º
Execução
3º
Execução
4º
Execução
5º
Execução
6º
Execução
7º
Execu...
Análise de desempenho
Consumo de memória no iOS
0
5
10
15
20
25
30
35
40
45
1º
Execução
2º
Execução
3º
Execução
4º
Execuçã...
Análise de desempenho
Tempo de carregamento no Android
0
0.5
1
1.5
2
2.5
1º
Execução
2º
Execução
3º
Execução
4º
Execução
5...
Análise de desempenho
Tempo de carregamento no iOS
0
0.1
0.2
0.3
0.4
0.5
0.6
1º
Execução
2º
Execução
3º
Execução
4º
Execuç...
 Baixa curva de aprendizado
 Riqueza de exemplificações na documentação
 Menor esforço de desenvolvimento
 Desempenho ...
REFERÊNCIAS BIBLIOGRÁFICAS
BAYTECH SERVICES. Native, Hybrid or Mobile Web – What’s Best for your
Mobile Apps. North Andove...
REFERÊNCIAS BIBLIOGRÁFICAS
JANSSEN, C. Mobile Operating System (Mobile OS). Techopedia, 2010. Disponivel
em: <http://www.t...
REFERÊNCIAS BIBLIOGRÁFICAS
OHRT, J.; TURAU, V. Cross-Platform Development Tools for Smartphone
Applications. Computing Pra...
REFERÊNCIAS BIBLIOGRÁFICAS
VIANA, W. C. Mobilité et sensibilité au contexte pour la gestion de documments
multimédias pers...
OBRIGADO !
Próximos SlideShares
Carregando em…5
×

Apresentação de minha Monografia do curso de Sistema e Mídias Digitais

1.425 visualizações

Publicada em

UMA ANÁLISE COMPARATIVA DE FERRAMENTAS DE DESENVOLVIMENTO MULTIPLATAFORMA PARA DISPOSITIVOS MÓVEIS

Apresentação de minha monografia apresentada em 11/06/2014 para conclusão do curso de Sistemas e Mídias Digitais na Universidade Federal do Ceará.

0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.425
No SlideShare
0
A partir de incorporações
0
Número de incorporações
313
Ações
Compartilhamentos
0
Downloads
26
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentação de minha Monografia do curso de Sistema e Mídias Digitais

  1. 1. UMA ANÁLISE COMPARATIVA DE FERRAMENTAS DE DESENVOLVIMENTO MULTIPLATAFORMA PARA DISPOSITIVOS MÓVEIS UNIVERSIDADE FEDERAL DO CEARÁ INSTITUTO UFC VIRTUAL CURSO DE SISTEMAS E MÍDIAS DIGITAIS ÉDIPO DA SILVA SOUZA FORTALEZA 2014 ORIENTADOR: WINDSON VIANA DE CARVALHO
  2. 2. AGENDA  Introdução  Referencial Teórico  Problemática  Objetivo  Metodologia de desenvolvimento  Trabalhos Relacionados  Resultados  Discussão e Conclusão
  3. 3. COMPUTAÇÃO MÓVEL Evolução dos dispositivos móveis
  4. 4. COMPUTAÇÃO MÓVEL iPhone 3G Lançamento em julho de 2008 Aplicativo Móvel (App) Primeira App Store iPhone e a Mudança de Paradigma 02
  5. 5. Padrão de Smartphone SmartphoneSistema Operacional Comunicação GSM e Acesso a Internet Gerenciamento de Aplicações Tela Sensível ao Toque Teclado Virtual (qwerty) GPS Câmera Acelerômetro 03
  6. 6. Ecossistema Heterogêneo de Desenvolvimento Tamanho de Tela Processamento Teclado Físico Sensores Fabricante Sistema Operacional APIs de Desenvolvimento 04
  7. 7. Sistemas Operacionais Móveis - MOS OPERATING SYSTEM 1Q13 SHIPMENT VOLUME 1Q13 MARKET SHARE 1Q12 SHIPMENT VOLUME 1Q12 MARKET SHARE YEAR OVER YEAR CHANGE ANDROID 162.1 75.0% 90.3 59.1% 79.5% IOS 37.4 17.3% 35.1 23.0% 6.6% WINDOWS PHONE 7.0 3.2% 3.0 2.0% 133.3% BLACKBERRY OS 6.3 2.9% 9.7 6.4% -35.1% LINUX 2.1 1.0% 3.6 2.4% -41.7% SYMBIAN 1.2 0.6% 10.4 6.8% -88.5% OTHERS 0.1 0.0% 0.6 0.4% -83.3% TOTAL 216.2 100.0% 152.7 100.0% 41.6%  Top Five Smartphone Operating Systems, Shipments, and Market Share, 1Q-2013 (Millions) Fonte: IDC Worldwide Quarterly Mobile Phone Tracker, May 2013. (IDC, 2013) 05
  8. 8. REFERENCIAL TEÓRICO  Sistemas Operacionais Móveis (MOS) Sistema operacional similar aos padrões Windows e Linux, porém mais simples e leve sendo responsável por identificar e definir as características e funções do dispositivo (JANSSEN, 2010). 06  Aplicação Móvel Software destinado a ser executado executado em um dispositivo móvel. Normalmente instalado através das lojas de aplicativos existentes em cada sistema.  Frameworks Framework é um aplicação semi-completa, reusável que pode ser especializada para produzir aplicações costumizadas (FAYAD E e SCHMIDT D., 1997).
  9. 9.  Aplicação Nativa São aplicações instaladas a partir das lojas de aplicativos oficiais e desenvolvidas utilizando a linguagem e ferramentas de cada plataforma (BAYTECH SERVICES, 2012). 07 REFERENCIAL TEÓRICO  Aplicação Web Desenvolvidas utilizando tecnologias web como HTML, JavaScript e CSS, são aplicações web comum, mas especialmente desenhadas para se adaptarem a telas menores.  Aplicação Híbrida Assim como aplicações nativas, estas são baixadas e instaladas através das lojas oficiais. Tendo como diferencial não serem desenvolvidas utilizando a linguagem e SDK oficial. (BAYTECH SERVICES, 2012)
  10. 10. PROBLEMÁTICA DE DESENVOLVIMENTO Visar uma Única Plataforma Dividir a Equipe Desenvolvimento Multiplataforma 08
  11. 11. Visar Única Plataforma  Vantagens • Agilidade no desenvolvimento • Facilidade de manutenção • Equipe direcionada • Menor custo • Única linguagem de programação 09  Desvantagens • Publico alvo menor • Menos usuário
  12. 12. Dividir a Equipe  Vantagens • Publico alvo maior • Muitos usuário 10  Desvantagens • Desenvolvimento longo • Manutenção complexa • Equipes distintas • Maior custo • Diversas linguagens de programação
  13. 13. Desenvolvimento Multiplataforma  Vantagens • Agilidade no desenvolvimento • Facilidade de manutenção • Equipe direcionada • Única linguagem de programação • Público alvo maior 11  Desvantagens • Limitações de desenvolvimento • Novo método de programação
  14. 14. OBJETIVOS Objetivos Específicos • Fazer um comparativo das funcionalidades de cada framework. • Comparar os diferentes modelos de desenvolvimento utilizado pelos frameworks • Criar uma aplicação prova de conceito utilizando cada framework abordado • Estudar e selecionar medidas no desenvolvimento de software • Analisar o desempenho nas aplicações resultantes do desenvolvimento utilizando os frameworks estudados a partir das métricas escolhidas Objetivo Principal Analisar as diferenças e limitações de três frameworks de desenvolvimento multiplataforma mais populares em 2012 (VISION MOBILE, 2012). 12
  15. 15. Frameworks Escolhidos  Phonegap  Sencha Touch  Appcelerator Titanium 13
  16. 16. METODOLOGIA DE DESENVOLVIMENTO 14 1. Pesquisa bibliográfica sobre estudos na área de desenvolvimento móvel multiplataforma. 2. Estudo a respeito das metodologias de desenvolvimento adotadas nos três frameworks. 3. Elaboração de uma aplicação como prova de conceito. 4. Discussão a partir das medidas de software adotadas , quadro comparativo e dos resultados obtidos.
  17. 17. Mobile Application Development: Web vs. Native (CHARL e LEROUX, 2011) 15 • Pontos fortes e fracos de abordagens nativas e web • Importância do javaScript como meio de comunicação com o sistema • Distância entre a camada nativa e o navegador embutido na aplicação é de apenas um nível de compilação • 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 TRABALHOS RELACIONADOS
  18. 18. TRABALHOS RELACIONADOS Cross-Platform Development Tools for Smartphone Applications (OHRT e TURAU, 2012) 16 • Foco numa visão geral sobre nas ferramentas de desenvolvimento multiplataforma (XMT) atuais com um comparativo de suas vantagens e desvantagens. • Definem três aspectos sobre aplicações em smartphones que são importantes para o entendimento dos XMTs:  O modo como aplicações são instaladas  Sua estrutura interna  Seus elementos de interface com usuário • Avaliação de desempenho dos 9 XMTs utilizando-se de uma aplicação bem básica.
  19. 19. Proposta do Aplicativo  Uso de recursos multimídia  Leitura de sensores  Acelerômetro  GPS  Comunicação com serviços externos de internet
  20. 20. Aplicação desenvolvida Versões para Android
  21. 21. RESULTADOS Versões para iOS
  22. 22. Comparação entre as plataformas 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
  23. 23. Análise Qualitativa – Experiência 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
  24. 24. Análise Quantitativa Medidas de softwares empregats 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
  25. 25. Análise de desempenho 0 10 20 30 40 50 60 1º Execução 2º Execução 3º Execução 4º Execução 5º Execução 6º Execução 7º Execução 8º Execução 9º Execução 10º Execução PhoneGap Sencha Touch Titanium Consumo de memória no Android
  26. 26. Análise de desempenho Consumo de memória no iOS 0 5 10 15 20 25 30 35 40 45 1º Execução 2º Execução 3º Execução 4º Execução 5º Execução 6º Execução 7º Execução 8º Execução 9º Execução 10º Execução PhoneGap Sencha Touch Titanium
  27. 27. Análise de desempenho Tempo de carregamento no Android 0 0.5 1 1.5 2 2.5 1º Execução 2º Execução 3º Execução 4º Execução 5º Execução 6º Execução 7º Execução 8º Execução 9º Execução 10º Execução PhoneGap Sencha Touch Titanium
  28. 28. Análise de desempenho Tempo de carregamento no iOS 0 0.1 0.2 0.3 0.4 0.5 0.6 1º Execução 2º Execução 3º Execução 4º Execução 5º Execução 6º Execução 7º Execução 8º Execução 9º Execução 10º Execução PhoneGap Sencha Touch Titanium
  29. 29.  Baixa curva de aprendizado  Riqueza de exemplificações na documentação  Menor esforço de desenvolvimento  Desempenho das aplicações finais  Melhor imersão com o look and feel do sistema DISCUSSÃO E CONCLUSÃO Para o desenvolvimento da aplicação proposta neste estudo, o Framework Titanium foi considerado como o mais eficiente com base nos critérios:
  30. 30. REFERÊNCIAS BIBLIOGRÁFICAS BAYTECH SERVICES. Native, Hybrid or Mobile Web – What’s Best for your Mobile Apps. North Andover, MA - USA, p. 6. 2012. CHARL, A.; LEROUX, B. Mobile Application Development: Web vs. Native. Communic Ations of the Acm, Maio 2011. 49-53. FAYAD E, M.; SCHMIDT D., C. Object-oriented Application frameworks. Communications of the ACM, 1997. 10. 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. 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.
  31. 31. REFERÊNCIAS BIBLIOGRÁFICAS 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. 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. 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. 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.
  32. 32. REFERÊNCIAS BIBLIOGRÁFICAS 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%20S upport>. 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.
  33. 33. REFERÊNCIAS BIBLIOGRÁFICAS 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.
  34. 34. OBRIGADO !

×