SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Semana de Webcasts
                  Microsoft Technical Audience Contributor


            Este webcast começará em breve… por favor, aguarde…


Os Microsoft Technical Audience Contributors Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas pharetra odio nulla, in molestie risus. Sed dolor est, feugiat eu imperdiet vitae, dictum a
leo. Morbi congue ullamcorper libero eu faucibus. Proin velit risus, eleifend non venenatis in, eleifend
vel tortor. Proin pharetra risus adipiscing est consequat sollicitudin. Praesent sit amet porta metus.
Donec bibendum, est quis lobortis pretium, est erat ullamcorper libero, eu accumsan ipsum ante a
nunc. Integer metus purus, porttitor pellentesque dapibus et, pharetra consectetur metus.
Pellentesque consectetur eros quis mauris feugiat at volutpat neque sagittis.
Desenvolvendo aplicações para WP7 em
             HTML5 com o PhoneGap
                        Semana web/mobile

                      Gesmar Júnior
                      @gesmarjunior
                       Alliston Aleixo
                      @allistonCarlos
agenda

Web VS App Nativa

O que é o PhoneGap?

Como desenvolver os apps

Compilando com o PhoneGap

Como ir além com o PhoneGap
Overview
Web apps são o futuro...
                           Nativa   Web   Híbrida

       Cross-platform

        Conectados

     Publicados/Visíveis

        Device APIs



   ...Aplicações nativas são o presente.
Aplicações híbridas


         •   UI Web View
         •   Web View      Stores
PhoneGap
 O Biblioteca PhoneGap:
  Cria uma "Ponte" entre o navegador e o código
   nativo
Escreva o código uma vez, rode em todo
 lugar
Uma aplicação PhoneGap

      •    UI Web View
      •    Web View      Stores




            JS APIs
          (PhoneGap)
Cuidado!
 PhoneGap não é um UI Framework
 PhoneGap não inclui browser ou
  renderiza uma engine
 PhoneGap não compila nada
 Toda plataforma precisa da sua
  própria compilação
 Compatibilidade mobile do
  HTML5/CSS3 www.mobilehtml5.org
Como desenvolver?
 IDE de preferência


 Download PhoneGap

www.phonegap.com

github.com/callback/callback-windows-phone/


 Codificar em HTML, CSS e JavaScript.

 Produzir um pacote nativo do app.

 Não tem compilação Multi-Plataforma mágica
Demo
Compilando o App
 Instala o WindowsPhoneSDK...
Compila o projeto no Visual Studio
  ou (Expression Studio)

Alternativa:
PhoneGap Build $$$
  build.phonegap.com
Como ir além...
Geolocation

 APIs de Geolocalização já estão disponíveis
 em browsers mobiles via HTML5

Geo Mobile = Melhor plataforma com
 geolocalização de computação Onipresente
dúvidas
 pergunte agora ou não...
contato
 website
   http://gesmarjunior.wordpress.com
   http://allistoncarlos.com.br

 twitter
   @gesmarjunior
   @allistonCarlos

 email
   gesmar.junior@studentpartner.com | gesmar@live.com
   alliston@live.com

Weitere ähnliche Inhalte

Was ist angesagt?

ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman  | Seminário ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman  | Seminário
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário Osmar Petry
 
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
 
Desmistificando o mobile híbrido com phonegap
Desmistificando o mobile híbrido com phonegapDesmistificando o mobile híbrido com phonegap
Desmistificando o mobile híbrido com phonegapLeonardo Marinho
 
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
 
Phonegap - Framework Mobile
Phonegap - Framework MobilePhonegap - Framework Mobile
Phonegap - Framework MobileIldyone Martins
 
Xamarin Introdução
Xamarin IntroduçãoXamarin Introdução
Xamarin Introduçãoakamud
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapMayron Cachina
 
Mobile first - Como pensar mobile
Mobile first - Como pensar mobileMobile first - Como pensar mobile
Mobile first - Como pensar mobileDiogo Souza Machado
 
Como As Apis Podem Lhe Ajudar A Criar Um MLP
Como As Apis Podem Lhe Ajudar A Criar Um MLPComo As Apis Podem Lhe Ajudar A Criar Um MLP
Como As Apis Podem Lhe Ajudar A Criar Um MLPCristina Luz
 
Nativo vs Híbrido vs WebApps
Nativo vs Híbrido vs WebAppsNativo vs Híbrido vs WebApps
Nativo vs Híbrido vs WebAppsMarlon Carvalho
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsPaolo Almeida
 
7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows AppsGustavo Bellini Bigardi
 
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapAplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapThiago Colares
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsToninho Sousa
 
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesConstruindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesWilliam S. Rodriguez
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileWaldyr Felix
 

Was ist angesagt? (20)

ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman  | Seminário ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman  | Seminário
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário
 
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
 
FabricApp - Equipa A
FabricApp - Equipa AFabricApp - Equipa A
FabricApp - Equipa A
 
PhoneGap
PhoneGapPhoneGap
PhoneGap
 
Desmistificando o mobile híbrido com phonegap
Desmistificando o mobile híbrido com phonegapDesmistificando o mobile híbrido com phonegap
Desmistificando o mobile híbrido com phonegap
 
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
 
Phonegap - Framework Mobile
Phonegap - Framework MobilePhonegap - Framework Mobile
Phonegap - Framework Mobile
 
Xamarin Introdução
Xamarin IntroduçãoXamarin Introdução
Xamarin Introdução
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
 
Desenvolvimento web e mobile ifce
Desenvolvimento web e mobile   ifceDesenvolvimento web e mobile   ifce
Desenvolvimento web e mobile ifce
 
Mobile first - Como pensar mobile
Mobile first - Como pensar mobileMobile first - Como pensar mobile
Mobile first - Como pensar mobile
 
Como As Apis Podem Lhe Ajudar A Criar Um MLP
Como As Apis Podem Lhe Ajudar A Criar Um MLPComo As Apis Podem Lhe Ajudar A Criar Um MLP
Como As Apis Podem Lhe Ajudar A Criar Um MLP
 
Nativo vs Híbrido vs WebApps
Nativo vs Híbrido vs WebAppsNativo vs Híbrido vs WebApps
Nativo vs Híbrido vs WebApps
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps
 
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapAplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesConstruindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento Mobile
 

Ähnlich wie Microsoft Technical Audience Contributors Webcast Semana de Webcasts

Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...Pedro Edson Silva Barros
 
Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)
Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)
Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)Henrique Dezani
 
001 panorama geral - Arquitetura de aplicativos para dispositivos móveis
001   panorama geral - Arquitetura de aplicativos para dispositivos móveis001   panorama geral - Arquitetura de aplicativos para dispositivos móveis
001 panorama geral - Arquitetura de aplicativos para dispositivos móveisMaico Moreira
 
Aplicativos Móveis: PWA, Instants Apps. Vamos entender?
Aplicativos Móveis: PWA, Instants Apps. Vamos entender?Aplicativos Móveis: PWA, Instants Apps. Vamos entender?
Aplicativos Móveis: PWA, Instants Apps. Vamos entender?Pedro Edson Silva Barros
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-PlatformAdriel Café
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Loiane Groner
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"
 
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Wennder Santos
 
Windows Phone Development
Windows Phone DevelopmentWindows Phone Development
Windows Phone DevelopmentPedro Lamas
 
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
 
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETProgressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETAndre Baltieri
 
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...Paulo Cesar Ortins Brito
 
Construindo aplicações ricas com Silverlight
Construindo aplicações ricas com SilverlightConstruindo aplicações ricas com Silverlight
Construindo aplicações ricas com SilverlightFelipe Pocchini
 
Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...
Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...
Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...Paulo Cesar Ortins Brito
 

Ähnlich wie Microsoft Technical Audience Contributors Webcast Semana de Webcasts (20)

Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
 
Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)
Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)
Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)
 
001 panorama geral - Arquitetura de aplicativos para dispositivos móveis
001   panorama geral - Arquitetura de aplicativos para dispositivos móveis001   panorama geral - Arquitetura de aplicativos para dispositivos móveis
001 panorama geral - Arquitetura de aplicativos para dispositivos móveis
 
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
 
Aplicativos Móveis: PWA, Instants Apps. Vamos entender?
Aplicativos Móveis: PWA, Instants Apps. Vamos entender?Aplicativos Móveis: PWA, Instants Apps. Vamos entender?
Aplicativos Móveis: PWA, Instants Apps. Vamos entender?
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
 
Webapp já posso invistir nisso ? FISL12
Webapp já posso invistir nisso ? FISL12Webapp já posso invistir nisso ? FISL12
Webapp já posso invistir nisso ? FISL12
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
 
Flex Mobile
Flex MobileFlex Mobile
Flex Mobile
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011
 
Desenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHPDesenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHP
 
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
 
Windows Phone Development
Windows Phone DevelopmentWindows Phone Development
Windows Phone Development
 
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
 
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETProgressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
 
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
 
Zf campus party_2011
Zf campus party_2011Zf campus party_2011
Zf campus party_2011
 
Zf campus party_2011
Zf campus party_2011Zf campus party_2011
Zf campus party_2011
 
Construindo aplicações ricas com Silverlight
Construindo aplicações ricas com SilverlightConstruindo aplicações ricas com Silverlight
Construindo aplicações ricas com Silverlight
 
Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...
Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...
Semana Computação UFBA 2014 - Quer desenvolver aplicações nativas e cross-pla...
 

Microsoft Technical Audience Contributors Webcast Semana de Webcasts

  • 1. Semana de Webcasts Microsoft Technical Audience Contributor Este webcast começará em breve… por favor, aguarde… Os Microsoft Technical Audience Contributors Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra odio nulla, in molestie risus. Sed dolor est, feugiat eu imperdiet vitae, dictum a leo. Morbi congue ullamcorper libero eu faucibus. Proin velit risus, eleifend non venenatis in, eleifend vel tortor. Proin pharetra risus adipiscing est consequat sollicitudin. Praesent sit amet porta metus. Donec bibendum, est quis lobortis pretium, est erat ullamcorper libero, eu accumsan ipsum ante a nunc. Integer metus purus, porttitor pellentesque dapibus et, pharetra consectetur metus. Pellentesque consectetur eros quis mauris feugiat at volutpat neque sagittis.
  • 2. Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap Semana web/mobile Gesmar Júnior @gesmarjunior Alliston Aleixo @allistonCarlos
  • 3. agenda Web VS App Nativa O que é o PhoneGap? Como desenvolver os apps Compilando com o PhoneGap Como ir além com o PhoneGap
  • 4. Overview Web apps são o futuro... Nativa Web Híbrida Cross-platform Conectados Publicados/Visíveis Device APIs ...Aplicações nativas são o presente.
  • 5. Aplicações híbridas • UI Web View • Web View Stores
  • 6. PhoneGap  O Biblioteca PhoneGap: Cria uma "Ponte" entre o navegador e o código nativo Escreva o código uma vez, rode em todo lugar
  • 7. Uma aplicação PhoneGap • UI Web View • Web View Stores JS APIs (PhoneGap)
  • 8.
  • 9. Cuidado!  PhoneGap não é um UI Framework  PhoneGap não inclui browser ou renderiza uma engine  PhoneGap não compila nada  Toda plataforma precisa da sua própria compilação  Compatibilidade mobile do HTML5/CSS3 www.mobilehtml5.org
  • 10. Como desenvolver?  IDE de preferência  Download PhoneGap www.phonegap.com github.com/callback/callback-windows-phone/  Codificar em HTML, CSS e JavaScript.  Produzir um pacote nativo do app.  Não tem compilação Multi-Plataforma mágica
  • 11. Demo
  • 12. Compilando o App  Instala o WindowsPhoneSDK... Compila o projeto no Visual Studio ou (Expression Studio) Alternativa: PhoneGap Build $$$ build.phonegap.com
  • 13. Como ir além... Geolocation  APIs de Geolocalização já estão disponíveis em browsers mobiles via HTML5 Geo Mobile = Melhor plataforma com geolocalização de computação Onipresente
  • 15. contato  website http://gesmarjunior.wordpress.com http://allistoncarlos.com.br  twitter @gesmarjunior @allistonCarlos  email gesmar.junior@studentpartner.com | gesmar@live.com alliston@live.com