SlideShare uma empresa Scribd logo
10 Motivos para utilizar Apache
Cordova no Visual Studio 2015
WIN302
Quem é o palestrante?
Daniel Semedo
Especialista de Produtos – Visual Studio
Microsoft
@danielsemedo
Palestra
Apps dominam o uso da internet em
dispositivos
80% 86%
20% 14%
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
2013 2014
Tempo gasto em Apps vs. Browser
Apps Web
Abordagens multidispositivo
Apps Desktop
Apps Windows Store
Aplicações baseadas em
browser
Projeto “Astoria”
Projeto “Islandwood”
Apps Híbridos
Apache Cordova
Projeto “Westminster”
Como é um App
Cordova?
Apps Cordova são aplicações web
executados dentro de uma aplicação
nativa (casca).
Isto permite que você utilize HTML,
CSS e JavaScript para criar seu app
enquanto ainda acessa os recursos de
hardware nativos do dispositivo!
Wrapper Nativo
<webview>
Seu App JavaScript
Cordova Plugin JS API
Construir apps nativos (silo approach) pode custar caro para atender 3 ou
mais plataformas...
O custo para atender diferentes plataformas
• 3 Projetos
• 3 Times de
desenvolvimento
• 3 Ilhas de conhecimento
• 3x mais caro (no
mínimo)
• 3x mais problemas (no
mínimo)
Aplicações baseadas em browser conseguem “simplificar” a complexidade
de times, projetos e custos
O custo para atender diferentes plataformas
• 1 Projeto
• 1 Time de
desenvolvimento
• 1 Ilha de conhecimento
• Riscos normais de um
projeto de
desenvolvimento
Há uma percepção geral de que apps desenvolvidos
em HTML, CSS e JavaScript são lentos
“Isto pode ser apenas uma percepção...”
DONE
0
10
20
30
40
50
60
70
Android iOS Windows Store Windows Phone
Memória(MB)
Consumo de Memória
Native App Browser Cordova AppApp Nativo App Cordova
0
1
2
3
4
5
6
7
Android Cold Android Warm iOS Cold iOS Warm WP Cold WP Warm
SEGUNDOS
Tempo de Startup
Native CordovaNativo Cordova
O app deve ser rápido, responsivo e fluido
17ms 100ms 250ms 1s
Otimizar sempre a experiência de uso
Fluido Instantâneo Rápido Limite do que pode ser considerado responsivo por
um usuário
OBJETIVO
Use a extensibilidade e flexibilidade da Web
Win.JS
Sencha
E muito mais!
Os frameworks
estão evoluindo
Plugins para acesso aos recursos do
dispositivo
10 motivos para utilizar
Apache Cordova no
Visual Studio
1. A IDE que você já conhece e confia
+
2. É Apache Cordova de verdade
A Microsoft é uma das principais commiters do Angular.js 2.0 e Apache Cordova
Suporte à comunidade através do StackOverflow, MSDN Fóruns e Twitter
3. Importe projetos de outros editores
4. Utilize NPM, Gulp, Bower, etc.
5. Produtividade na depuração e compilação
de código
6. Acesso a recursos nativos do dispositivo
7. Emuladores Android e Windows no Visual
Studio 2015
8. Integração com GitHub, VSO e TFS
Suporte a CodeLens também no GitHub e
projetos JavaScript
9. Serviços Conectados
10. Apache Cordova suporta Windows 10
Demo
Q&A
Visite o espaço Ask the Experts, próximo dos expositores
Sessões relacionadas
• WIN301 - Portando apps Win32, iOS e Android para o Windows
10 com Universal Windows Platform Bridges
• WIN207 - Hosted Web Apps: Leve seu web site para dentro de
uma app
• WIN303 - Desenvolvendo Apps com C# para iOS, Android e
Windows com Xamarin
Continue sua capacitação
Microsoft Virtual
Academy
http://aka.ms/ch9 http://aka.ms/mva

Mais conteúdo relacionado

PPTX
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
PPTX
Introdução ao Xamarin
PPTX
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
PDF
MobileConf 2014 - Xamarin - Desenvolvimento multiplataforma feito da maneira ...
PPTX
Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...
PPTX
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
PDF
Lapidando o Globo Play
PPTX
ASP.NET SignalR + SPA com AngularJS
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Introdução ao Xamarin
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
MobileConf 2014 - Xamarin - Desenvolvimento multiplataforma feito da maneira ...
Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Lapidando o Globo Play
ASP.NET SignalR + SPA com AngularJS

Mais procurados (20)

PPTX
Aplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile Apps
PDF
Titanium appacelerator
PDF
2 curso-titanium-plataforma
PPTX
Levando o c# para o mundo mobile ios, android e windows phone - com xamarin
PDF
Desenvolvimento Multiplataforma com Appcelerator Titanium
PDF
Desenvolvedor mobile precisa aprender Web
PPTX
Introdução ao Xamarin Forms
PPTX
Desenvolvendo e portando App C# para Android e Iphone
PPTX
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
PDF
A importancia de testes em todos os aspectos
PPT
Introdução ao Titanium Appcelerator
PDF
3 curso-titanium-instalacao
PDF
Worklight exemplo
PPTX
Conheça a Plataforma Xamarin
PDF
Hybrid app phonegap angular ionic
PPTX
Iniciando com .NET no Visual studio 2013
PPTX
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}
PDF
Xamarin - Como Otimizar o Desenvolvimento Mobile Multiplataforma
PPTX
Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...
PDF
Introdução ao Azure Mobile Apps
Aplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile Apps
Titanium appacelerator
2 curso-titanium-plataforma
Levando o c# para o mundo mobile ios, android e windows phone - com xamarin
Desenvolvimento Multiplataforma com Appcelerator Titanium
Desenvolvedor mobile precisa aprender Web
Introdução ao Xamarin Forms
Desenvolvendo e portando App C# para Android e Iphone
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
A importancia de testes em todos os aspectos
Introdução ao Titanium Appcelerator
3 curso-titanium-instalacao
Worklight exemplo
Conheça a Plataforma Xamarin
Hybrid app phonegap angular ionic
Iniciando com .NET no Visual studio 2013
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}
Xamarin - Como Otimizar o Desenvolvimento Mobile Multiplataforma
Desenvolvimento multiplataforma com Xamarin e MVVM: da arquitetura a UIs espe...
Introdução ao Azure Mobile Apps
Anúncio

Destaque (6)

PDF
JavaScript além do browser
PPTX
PDC - Engenharia - Phonegap
PPTX
Contruindo Aplicações móveis com o Cordova e o Visual Studio
PDF
Ambiente de Desenvolvimento Mobile no Governo do Estado do Espirito Santo
PDF
Porque você deveria usar IONIC
PDF
Native vs. Web vs. Hybrid: Mobile Development Choices
JavaScript além do browser
PDC - Engenharia - Phonegap
Contruindo Aplicações móveis com o Cordova e o Visual Studio
Ambiente de Desenvolvimento Mobile no Governo do Estado do Espirito Santo
Porque você deveria usar IONIC
Native vs. Web vs. Hybrid: Mobile Development Choices
Anúncio

Semelhante a Win302 daniel semedo_10 motivos para utilizar apache cordova (1) (20)

PDF
Hands-on Cordova / Phonegap - GDG JF
PPTX
la 02Aula02 introdução phone_gap
PPTX
Semana Computação Unifacs 2014 - Quer desenvolver aplicações nativas e cross-...
PPTX
Introdução ao desenvolvimento de apps com Phonegap
PDF
Congresso TI 2015: Introducao ao Phonegap (Cordova)
PPTX
Migração pra android
PPTX
Dominando o Ionic Framework
PPTX
Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...
PPTX
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
PDF
Imersão hybrid apps
KEY
Nativo x Híbrido x WebApps - SEMCOMP UFBA 2012
PPTX
Palestra GU Mobile (Ionic Framework) por Leonardo Quevedo
PPTX
Desenvolvimento para Plataformas-Moveis.pptx
PPTX
Windows 10 Developer Readiness - Brasil
PDF
Eureka! E agora: Nativo ou Híbrido
PPTX
Arquiteturas front-end nas plataformas Android, iOS e Windows Phone
PDF
Ionic 2 na pratica!
PDF
Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)
PDF
Tutorial para Desenvolvimento Mobile usando HTML CSS e Javascript
PDF
PhoneGap - Criando aplicações Android e iOS com HTML5
Hands-on Cordova / Phonegap - GDG JF
la 02Aula02 introdução phone_gap
Semana Computação Unifacs 2014 - Quer desenvolver aplicações nativas e cross-...
Introdução ao desenvolvimento de apps com Phonegap
Congresso TI 2015: Introducao ao Phonegap (Cordova)
Migração pra android
Dominando o Ionic Framework
Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Imersão hybrid apps
Nativo x Híbrido x WebApps - SEMCOMP UFBA 2012
Palestra GU Mobile (Ionic Framework) por Leonardo Quevedo
Desenvolvimento para Plataformas-Moveis.pptx
Windows 10 Developer Readiness - Brasil
Eureka! E agora: Nativo ou Híbrido
Arquiteturas front-end nas plataformas Android, iOS e Windows Phone
Ionic 2 na pratica!
Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)
Tutorial para Desenvolvimento Mobile usando HTML CSS e Javascript
PhoneGap - Criando aplicações Android e iOS com HTML5

Mais de Daniel Semedo (7)

PPTX
Lab management no microsoft azure e vsts eficiência e independência sem per...
PPTX
Lab management no microsoft azure e vsts eficiência e independência sem per...
PPTX
DevOps em Cloud utilizando Visual Studio Online e Microsoft Azure
PPTX
Visual Studio 2015 - Lançamento está próximo
PPTX
ABTesting: Não há nada como testar em produção!
PDF
Modern Application Development - One Microsoft
PDF
TDC 2013 - Testes - Cloud Load Test - Daniel Semedo
Lab management no microsoft azure e vsts eficiência e independência sem per...
Lab management no microsoft azure e vsts eficiência e independência sem per...
DevOps em Cloud utilizando Visual Studio Online e Microsoft Azure
Visual Studio 2015 - Lançamento está próximo
ABTesting: Não há nada como testar em produção!
Modern Application Development - One Microsoft
TDC 2013 - Testes - Cloud Load Test - Daniel Semedo

Último (7)

PDF
apresentacao introducao computacao ead.pdf
PPTX
Curso de Windows 11 resumido na prática.pptx
PPTX
Mapeamento de Objeto para Tabela Relacional
DOC
CODIGO PARA AUTOMATIZAR A JOGABILIDADE SUPER MARIO
DOC
COMO AUTOMATIZR JOGOS SUPER NINTENDO ATRAVES DA PROGRAMAÇÃO
PDF
Dos requisitos ao código: como criar código rastreável em PHP
PDF
Evolução em código: algoritmos genéticos com PHP
apresentacao introducao computacao ead.pdf
Curso de Windows 11 resumido na prática.pptx
Mapeamento de Objeto para Tabela Relacional
CODIGO PARA AUTOMATIZAR A JOGABILIDADE SUPER MARIO
COMO AUTOMATIZR JOGOS SUPER NINTENDO ATRAVES DA PROGRAMAÇÃO
Dos requisitos ao código: como criar código rastreável em PHP
Evolução em código: algoritmos genéticos com PHP

Win302 daniel semedo_10 motivos para utilizar apache cordova (1)

  • 1. 10 Motivos para utilizar Apache Cordova no Visual Studio 2015 WIN302
  • 2. Quem é o palestrante? Daniel Semedo Especialista de Produtos – Visual Studio Microsoft @danielsemedo Palestra
  • 3. Apps dominam o uso da internet em dispositivos 80% 86% 20% 14% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% 2013 2014 Tempo gasto em Apps vs. Browser Apps Web
  • 4. Abordagens multidispositivo Apps Desktop Apps Windows Store Aplicações baseadas em browser Projeto “Astoria” Projeto “Islandwood” Apps Híbridos Apache Cordova Projeto “Westminster”
  • 5. Como é um App Cordova? Apps Cordova são aplicações web executados dentro de uma aplicação nativa (casca). Isto permite que você utilize HTML, CSS e JavaScript para criar seu app enquanto ainda acessa os recursos de hardware nativos do dispositivo! Wrapper Nativo <webview> Seu App JavaScript Cordova Plugin JS API
  • 6. Construir apps nativos (silo approach) pode custar caro para atender 3 ou mais plataformas... O custo para atender diferentes plataformas • 3 Projetos • 3 Times de desenvolvimento • 3 Ilhas de conhecimento • 3x mais caro (no mínimo) • 3x mais problemas (no mínimo)
  • 7. Aplicações baseadas em browser conseguem “simplificar” a complexidade de times, projetos e custos O custo para atender diferentes plataformas • 1 Projeto • 1 Time de desenvolvimento • 1 Ilha de conhecimento • Riscos normais de um projeto de desenvolvimento
  • 8. Há uma percepção geral de que apps desenvolvidos em HTML, CSS e JavaScript são lentos “Isto pode ser apenas uma percepção...” DONE
  • 9. 0 10 20 30 40 50 60 70 Android iOS Windows Store Windows Phone Memória(MB) Consumo de Memória Native App Browser Cordova AppApp Nativo App Cordova
  • 10. 0 1 2 3 4 5 6 7 Android Cold Android Warm iOS Cold iOS Warm WP Cold WP Warm SEGUNDOS Tempo de Startup Native CordovaNativo Cordova
  • 11. O app deve ser rápido, responsivo e fluido 17ms 100ms 250ms 1s Otimizar sempre a experiência de uso Fluido Instantâneo Rápido Limite do que pode ser considerado responsivo por um usuário OBJETIVO
  • 12. Use a extensibilidade e flexibilidade da Web Win.JS Sencha E muito mais!
  • 14. Plugins para acesso aos recursos do dispositivo
  • 15. 10 motivos para utilizar Apache Cordova no Visual Studio
  • 16. 1. A IDE que você já conhece e confia +
  • 17. 2. É Apache Cordova de verdade A Microsoft é uma das principais commiters do Angular.js 2.0 e Apache Cordova Suporte à comunidade através do StackOverflow, MSDN Fóruns e Twitter
  • 18. 3. Importe projetos de outros editores
  • 19. 4. Utilize NPM, Gulp, Bower, etc.
  • 20. 5. Produtividade na depuração e compilação de código
  • 21. 6. Acesso a recursos nativos do dispositivo
  • 22. 7. Emuladores Android e Windows no Visual Studio 2015
  • 23. 8. Integração com GitHub, VSO e TFS Suporte a CodeLens também no GitHub e projetos JavaScript
  • 25. 10. Apache Cordova suporta Windows 10
  • 26. Demo
  • 27. Q&A Visite o espaço Ask the Experts, próximo dos expositores
  • 28. Sessões relacionadas • WIN301 - Portando apps Win32, iOS e Android para o Windows 10 com Universal Windows Platform Bridges • WIN207 - Hosted Web Apps: Leve seu web site para dentro de uma app • WIN303 - Desenvolvendo Apps com C# para iOS, Android e Windows com Xamarin
  • 29. Continue sua capacitação Microsoft Virtual Academy http://aka.ms/ch9 http://aka.ms/mva

Notas do Editor

  • #4: Web apps provide no access to native device capabilities, no offline scenario and poor discoverability.
  • #5: Desktop reassurance WPF core investments Access to modern features Common distribution Easier transition to Store apps Optimize for devices Universal apps and native compilation Cross-device Windows, iOS, Android native apps (thru Xamarin) Modern web Productive HTML5 development Highly interactive web with JavaScript and TypeScript Ready for Enterprise LOB apps and cloud modernization Embrace hybrid apps Cordova tooling support built on existing Modern Web support in Visual Studio and TypeScript. Android, iOS support including the entire developer flow.