SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

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
Rodrigo Cascarrolho
 

What's hot (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
 

Similar to Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap

Construindo aplicações ricas com Silverlight
Construindo aplicações ricas com SilverlightConstruindo aplicações ricas com Silverlight
Construindo aplicações ricas com Silverlight
Felipe Pocchini
 

Similar to Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap (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...
 

Recently uploaded

Recently uploaded (6)

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 

Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap

  • 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