SlideShare uma empresa Scribd logo
1 de 28
Baixar para ler offline
Aplicações Móveis Híbridas
O que é? Por que? Quando? Como?
Thomas Kanzig
IFAL – Sistemas de Informação
Uso dos Smartphones
Desenvolvimento Mobile
Desenvolvimento Mobile
 São basicamente três métodos:
• WebApps
• NativeApps
• HybridApps
WebApps
HTML5, CSS3 e JAVASCRIPT
3 Pros:
 Implementação e
implantação rápida.
 Custo baixo
 Multi-plataforma
3 Contra:
 Desempenho mais lento
 Lento para atualizações
 Único a não acessar
funcionalidades dos dispositivos
NativeApps
Android é Java
iOS é Objective C
WindowsPhone é C#
3 Pros:
 Melhor experiência do
usuário (UX)
 Permite app mais robustos
(jogos...)
 Suporte Offline
3 Contra:
 Custo mais alto
 Plataforma único
 Não-reuso do código
HTML5 WEB + NATIVE = HYBRID
Apps Web permitem ao
desenvolvedor escrever uma vez e
implantar em todos os lugares, mas
não têm acesso a recursos nativos
dos dispositivos
Apps nativos têm acesso aos recursos
nativos do dispositivo, mas exigem
que os desenvolvedores mantenham
bases de código distintas para
diferentes plataformas
APPS HÍBRIDOS PREENCHEM A LACUNA DAS
APLICAÇÕES HTML5
HybridApps
HybridApps – Antes do surgimento
Problemas:
 Necessidade de atender a distintos tipos de dispositivos móveis
 Inviável desenvolver aplicativos nativos de médio e grande (custo alto $$$)
Um estudo feito pela empresa MRC(2013) prevê que um aplicativo
pode levar até 6 meses para ser finalizado e o seu custo
pode variar entre 20.000 e 150.000 dólares para o
desenvolvimento em uma plataforma específica.
HybridApps – Definições
“O termo híbrido se refere a um aplicativo que é desenvolvido
utilizando tecnologias web, como HTML5 e o Javascript, mas é
acessado como aplicativo nativo, podendo utilizar recursos
da internet ou do dispositivo.”
“Uma aplicação híbrida é uma mistura de ambas as tecnologias
nativas e Web que são aproveitados para entregar uma
mistura de conteúdo Web e com capacidades nativas.”
HybridApps – Começo
E no princípio, tudo era PhoneGap....
Foi um framework criado pela Nitobi Software, premiado
pela O'Reilly Media em 2009, e aceito por grandes
empresas do mercado móvel, como a Apple por exemplo.
Em 2011 a Nitobi foi comprada pela Adobe, que cedeu
o nucleo do PhoneGap para a Apache Foundation, dando
origem a um novo projeto chamado Apache Cordova
HybridApps – Introdução
 Objetivo:
Finalidade de funcionar em qualquer dispositivo com
funcionalidades nativas;
 Desenvolvidos em linguagens web (html5,css3 e Javascript);
 Instaladas no dispositivo e funcionam também sem internet;
 Funciona através de uma extensão do browser nativo do
sistema (WebKit);
HybridApps – Funcionalidades Nativas
HybridApps – Arquitetura
HybridApps – Arquitetura
HybridApps – Vantagens
 Multi-plataforma; (mesmo código, para várias plataformas)
 Baixa curva de aprendizado;
 Custo de Desenvolvimento barata;
 Tempo de Desenvolvimento curto;
 Mão de obra barata;
 Acesso aos recursos nativos dos dispositivos (camera, laterna,
contatos...);
HybridApps – Desvantagens
 Perfomance média/baixa;
 Recursos do dispositivo limitado (por enquanto);
HybridApps – Comparações
HybridApps – Ferramentas
HybridApps – Exemplos de APP
Texto...
HybridApps – Exemplos de APP
Texto...
HybridApps – Quando usar?
Para aplicativo menos robustos e mais simples!
HybridApps – Quem deve usar?
 De início, qualquer pessoa que sabe desenvolver;
 Quem já desenvolveu sites;
 Quem não quer quebrar a cabeça;
Ionic Framework
Ionic Framework
Ionic Framework foi construído
sobre estes outros poderosos
frameworks!
Porque Ionic?
 Trabalha com MVC;
 Boa suítes de componentes;
 Produtivo.
Ionic Framework
Mão na massa...
Referências
ftp://public.dhe.ibm.com/software/pdf/mobile-
enterprise/WSW14182USEN.pdf
http://www.cognizant.com/InsightsWhitepapers/Hybrid-Mobile-
Application-Analysis-and-Guidelines-codex888.pdf
http://www.cefetbambui.edu.br/portal/files/j7_ifmg_bambui_in3.pdf
http://pt.slideshare.net/marloncarvalho/nativo-vs-hbrido-vs-
webapps?qid=f4fb93ca-698f-4b35-a8b3-
a86c9625359c&v=default&b=&from_search=5
http://www.tcs.com/SiteCollectionDocuments/White%20Papers/Mobility_
Whitepaper_Client-Architecture_1012-1.pdf
https://ma.ellak.gr/documents/2014/10/ionic-framework.pdf

Mais conteúdo relacionado

Mais procurados

Levando o c# para o mundo mobile ios, android e windows phone - com xamarin
Levando o c# para o mundo mobile   ios, android e windows phone - com xamarinLevando o c# para o mundo mobile   ios, android e windows phone - com xamarin
Levando o c# para o mundo mobile ios, android e windows phone - com xamarinMicrosoft
 
Desmistificando o desenvolvimento de mobile híbrido
Desmistificando o desenvolvimento de mobile híbridoDesmistificando o desenvolvimento de mobile híbrido
Desmistificando o desenvolvimento de mobile híbridoWilliam Ribeiro da Silva
 
Construindo Aplicativos Android Nativos com C#
Construindo Aplicativos Android Nativos com C#Construindo Aplicativos Android Nativos com C#
Construindo Aplicativos Android Nativos com C#William S. Rodriguez
 
Marketing digital tecnologia da informação
Marketing digital   tecnologia da informaçãoMarketing digital   tecnologia da informação
Marketing digital tecnologia da informaçãoAna Paula Coelho Barbosa
 
Desenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis MultiplataformaDesenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis MultiplataformaJose Augusto Cintra
 
Desenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicDesenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicFelipe Renan Vieira
 
Introdução ao Xamarin
Introdução ao XamarinIntrodução ao Xamarin
Introdução ao XamarinStudyxnet
 
Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...
Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...
Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...Alexandre Zollinger Chohfi
 
Aplicações web multiplataforma - único código, múltiplas experiência
Aplicações web multiplataforma - único código, múltiplas experiênciaAplicações web multiplataforma - único código, múltiplas experiência
Aplicações web multiplataforma - único código, múltiplas experiênciaAlexandre Magno Teles Zimerer
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileWaldyr Felix
 
Criando Aplicações Mobile Híbridas com Ionic Framework
Criando Aplicações Mobile Híbridas com Ionic FrameworkCriando Aplicações Mobile Híbridas com Ionic Framework
Criando Aplicações Mobile Híbridas com Ionic FrameworkJoão Gabriel Lima
 
Introdução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha TouchIntrodução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha TouchRafael Neri
 
API - Por que me importar?
API - Por que me importar?API - Por que me importar?
API - Por que me importar?Alê Borba
 
Xamarin Introdução
Xamarin IntroduçãoXamarin Introdução
Xamarin Introduçãoakamud
 
Desenvolvimento cross-platform em C# com Xamarin - 2018
Desenvolvimento cross-platform em C# com Xamarin - 2018Desenvolvimento cross-platform em C# com Xamarin - 2018
Desenvolvimento cross-platform em C# com Xamarin - 2018akamud
 

Mais procurados (20)

Levando o c# para o mundo mobile ios, android e windows phone - com xamarin
Levando o c# para o mundo mobile   ios, android e windows phone - com xamarinLevando o c# para o mundo mobile   ios, android e windows phone - com xamarin
Levando o c# para o mundo mobile ios, android e windows phone - com xamarin
 
Desmistificando o desenvolvimento de mobile híbrido
Desmistificando o desenvolvimento de mobile híbridoDesmistificando o desenvolvimento de mobile híbrido
Desmistificando o desenvolvimento de mobile híbrido
 
Construindo Aplicativos Android Nativos com C#
Construindo Aplicativos Android Nativos com C#Construindo Aplicativos Android Nativos com C#
Construindo Aplicativos Android Nativos com C#
 
Marketing digital tecnologia da informação
Marketing digital   tecnologia da informaçãoMarketing digital   tecnologia da informação
Marketing digital tecnologia da informação
 
Desenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis MultiplataformaDesenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis Multiplataforma
 
Conheça a Plataforma Xamarin
Conheça a Plataforma XamarinConheça a Plataforma Xamarin
Conheça a Plataforma Xamarin
 
Desenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicDesenvolvimento Mobile com Ionic
Desenvolvimento Mobile com Ionic
 
Introdução ao Xamarin
Introdução ao XamarinIntrodução ao Xamarin
Introdução ao Xamarin
 
Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...
Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...
Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...
 
Aplicações web multiplataforma - único código, múltiplas experiência
Aplicações web multiplataforma - único código, múltiplas experiênciaAplicações web multiplataforma - único código, múltiplas experiência
Aplicações web multiplataforma - único código, múltiplas experiência
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento Mobile
 
Criando Aplicações Mobile Híbridas com Ionic Framework
Criando Aplicações Mobile Híbridas com Ionic FrameworkCriando Aplicações Mobile Híbridas com Ionic Framework
Criando Aplicações Mobile Híbridas com Ionic Framework
 
Aplicações Mobile
Aplicações MobileAplicações Mobile
Aplicações Mobile
 
Introdução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha TouchIntrodução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha Touch
 
API - Por que me importar?
API - Por que me importar?API - Por que me importar?
API - Por que me importar?
 
Web ou App?
Web ou App?Web ou App?
Web ou App?
 
Xamarin Introdução
Xamarin IntroduçãoXamarin Introdução
Xamarin Introdução
 
Ionic framework
Ionic frameworkIonic framework
Ionic framework
 
Introdução ao Azure Mobile Apps
Introdução ao Azure Mobile AppsIntrodução ao Azure Mobile Apps
Introdução ao Azure Mobile Apps
 
Desenvolvimento cross-platform em C# com Xamarin - 2018
Desenvolvimento cross-platform em C# com Xamarin - 2018Desenvolvimento cross-platform em C# com Xamarin - 2018
Desenvolvimento cross-platform em C# com Xamarin - 2018
 

Semelhante a Apps Híbridas

Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Leonardo Melo Santos
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-PlatformAdriel Café
 
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e AndroidPalestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e AndroidCarlos Eugenio Torres
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGapLucas Félix
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegapwlsilva
 
Apresentação JAVOU 5
Apresentação JAVOU 5Apresentação JAVOU 5
Apresentação JAVOU 5Bruno Muniz
 
Codifique uma vez, distribua em Android, iOS e Windows Phone
Codifique uma vez, distribua em Android, iOS e Windows PhoneCodifique uma vez, distribua em Android, iOS e Windows Phone
Codifique uma vez, distribua em Android, iOS e Windows PhoneJoão Gabriel Lima
 
Asoso tipos de aplicações móveis (1)
Asoso   tipos de aplicações móveis (1)Asoso   tipos de aplicações móveis (1)
Asoso tipos de aplicações móveis (1)grupouro
 
Asoso tipos de aplicações móveis (1)
Asoso   tipos de aplicações móveis (1)Asoso   tipos de aplicações móveis (1)
Asoso tipos de aplicações móveis (1)grupouro
 
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)Daniel Semedo
 
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha TouchIntrodução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha TouchLeonardo Soares
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Luiz Gavinho
 
Dotnet conflocal Salvador 2016 - Xamarin.Forms
Dotnet conflocal Salvador 2016 - Xamarin.FormsDotnet conflocal Salvador 2016 - Xamarin.Forms
Dotnet conflocal Salvador 2016 - Xamarin.FormsAlisson Sena, MBA
 
PhoneGap - Criando aplicações Android e iOS com HTML5
PhoneGap - Criando aplicações Android e iOS com HTML5PhoneGap - Criando aplicações Android e iOS com HTML5
PhoneGap - Criando aplicações Android e iOS com HTML5Rodrigo Cascarrolho
 
PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5Rafael Sakurai
 
Apps Híbridos e novas promessas Mobile.
Apps Híbridos e novas promessas Mobile.Apps Híbridos e novas promessas Mobile.
Apps Híbridos e novas promessas Mobile.Tiago Braga
 
Hello world hybrid apps oportunidades com ionic framework v2
Hello world hybrid apps  oportunidades com ionic framework v2Hello world hybrid apps  oportunidades com ionic framework v2
Hello world hybrid apps oportunidades com ionic framework v2Ricardo Netto - MCP, MSP
 

Semelhante a Apps Híbridas (20)

Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
 
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e AndroidPalestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegap
 
A vez do mobile - Dev in Bahia #3
A vez do mobile - Dev in Bahia #3A vez do mobile - Dev in Bahia #3
A vez do mobile - Dev in Bahia #3
 
Apresentação JAVOU 5
Apresentação JAVOU 5Apresentação JAVOU 5
Apresentação JAVOU 5
 
Codifique uma vez, distribua em Android, iOS e Windows Phone
Codifique uma vez, distribua em Android, iOS e Windows PhoneCodifique uma vez, distribua em Android, iOS e Windows Phone
Codifique uma vez, distribua em Android, iOS e Windows Phone
 
Asoso tipos de aplicações móveis (1)
Asoso   tipos de aplicações móveis (1)Asoso   tipos de aplicações móveis (1)
Asoso tipos de aplicações móveis (1)
 
Asoso tipos de aplicações móveis (1)
Asoso   tipos de aplicações móveis (1)Asoso   tipos de aplicações móveis (1)
Asoso tipos de aplicações móveis (1)
 
Java
JavaJava
Java
 
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
Win302 daniel semedo_10 motivos para utilizar apache cordova (1)
 
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha TouchIntrodução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!
 
Dotnet conflocal Salvador 2016 - Xamarin.Forms
Dotnet conflocal Salvador 2016 - Xamarin.FormsDotnet conflocal Salvador 2016 - Xamarin.Forms
Dotnet conflocal Salvador 2016 - Xamarin.Forms
 
PhoneGap - Criando aplicações Android e iOS com HTML5
PhoneGap - Criando aplicações Android e iOS com HTML5PhoneGap - Criando aplicações Android e iOS com HTML5
PhoneGap - Criando aplicações Android e iOS com HTML5
 
PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5
 
Janela Livre
Janela LivreJanela Livre
Janela Livre
 
Apps Híbridos e novas promessas Mobile.
Apps Híbridos e novas promessas Mobile.Apps Híbridos e novas promessas Mobile.
Apps Híbridos e novas promessas Mobile.
 
Hello world hybrid apps oportunidades com ionic framework v2
Hello world hybrid apps  oportunidades com ionic framework v2Hello world hybrid apps  oportunidades com ionic framework v2
Hello world hybrid apps oportunidades com ionic framework v2
 

Apps Híbridas