SlideShare uma empresa Scribd logo

PhoneGap

O documento descreve o PhoneGap, uma plataforma open source que permite o desenvolvimento de aplicativos móveis multiplataforma usando HTML, CSS e JavaScript. O PhoneGap usa o Apache Cordova para acessar recursos de hardware como câmera e GPS. Ele permite que aplicativos sejam compilados para várias plataformas como Android, iOS e Windows Phone.

1 de 41
Baixar para ler offline
PhoneGap
Alunos: Cristiano Gomes
Leandro Oliveira
O que é PhoneGap?
“PhoneGap é uma soluções de código aberto
para a construção de aplicativos móveis
multi-plataformas com tecnologias web
padrão como HTML, JavaScript e CSS.”
História do PhoneGap
● Iniciado por Nitobi Software;
● Adobe adquire Nitobi em 2011;
● PhoneGap foi doado a Fundação Apache
Software;
● Inicialmente chamado Apache Callback;
● Depois renomeado para Apache Cordova;
● http://cordova.apache.org/
Apache Cordova x
PhoneGap
● PhoneGap é uma distribuição do Apache
Cordova
● Apache Cordova é o motor que move o
PhoneGap
● PhoneGap poderá possuir outras
ferramentas da Adobe que não seriam
apropriadas ao Projeto Apache
○ PhoneGap Build
Por quê utilizar o
PhoneGap?
Bagunça no desenvolvimento mobile
Plataforma Linguagem
Android Java
iOS Objective-C
Windows Phone .NET e/ou C#
BlackBerry Java
Symbian C++, Java, Flash Lite
Por quê utilizar o
PhoneGap?
Problema: muitas plataformas, aparelhos e
lojas de aplicativos.
Solução: utilizar o desenvolvimento web
● Multi plataforma;
● Padrões abertos;
● Código aberto.

Recomendados

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
 
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
 
Phonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorPhonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorAfonso Fernandes
 
instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1Afonso Fernandes
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapMayron Cachina
 
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
 
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
 

Mais conteúdo relacionado

Mais procurados

Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)Wennder Santos
 
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...Cássio Nandi Citadin
 
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
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidRafael Sakurai
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao PhonegapLoiane Groner
 
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/CordovaAbra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/CordovaGustavo Costa
 
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicFelipe Blini
 
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
 
Mini curso: Ionic Framework
Mini curso: Ionic FrameworkMini curso: Ionic Framework
Mini curso: Ionic FrameworkLoiane Groner
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionicJoelmir Ribacki
 
Introdução ao Titanium Appcelerator
Introdução ao Titanium AppceleratorIntrodução ao Titanium Appcelerator
Introdução ao Titanium Appceleratordfjorge
 
Ionic Framework - Configuração do ambiente e a criação da primeira APP
Ionic Framework - Configuração do ambiente e a criação da primeira APPIonic Framework - Configuração do ambiente e a criação da primeira APP
Ionic Framework - Configuração do ambiente e a criação da primeira APPFabio Godoy
 
Introdução ao Titanium Mobile
Introdução ao Titanium MobileIntrodução ao Titanium Mobile
Introdução ao Titanium MobileEric Cavalcanti
 
Desenvolvimento Multiplataforma com Appcelerator Titanium
Desenvolvimento Multiplataforma com Appcelerator TitaniumDesenvolvimento Multiplataforma com Appcelerator Titanium
Desenvolvimento Multiplataforma com Appcelerator TitaniumDirlei Dionísio
 
BottomNavigationView Android, Como e Quando Utilizar
BottomNavigationView Android, Como e Quando UtilizarBottomNavigationView Android, Como e Quando Utilizar
BottomNavigationView Android, Como e Quando UtilizarVinícius Thiengo
 
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
 

Mais procurados (20)

Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
 
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
 
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
PhonegapPhonegap
Phonegap
 
Phonegap - Framework Mobile
Phonegap - Framework MobilePhonegap - Framework Mobile
Phonegap - Framework Mobile
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao Android
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
 
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/CordovaAbra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
 
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
 
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
 
Mini curso: Ionic Framework
Mini curso: Ionic FrameworkMini curso: Ionic Framework
Mini curso: Ionic Framework
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionic
 
Introdução ao Titanium Appcelerator
Introdução ao Titanium AppceleratorIntrodução ao Titanium Appcelerator
Introdução ao Titanium Appcelerator
 
Ionic Framework - Configuração do ambiente e a criação da primeira APP
Ionic Framework - Configuração do ambiente e a criação da primeira APPIonic Framework - Configuração do ambiente e a criação da primeira APP
Ionic Framework - Configuração do ambiente e a criação da primeira APP
 
Introdução ao Titanium Mobile
Introdução ao Titanium MobileIntrodução ao Titanium Mobile
Introdução ao Titanium Mobile
 
Desenvolvimento Multiplataforma com Appcelerator Titanium
Desenvolvimento Multiplataforma com Appcelerator TitaniumDesenvolvimento Multiplataforma com Appcelerator Titanium
Desenvolvimento Multiplataforma com Appcelerator Titanium
 
BottomNavigationView Android, Como e Quando Utilizar
BottomNavigationView Android, Como e Quando UtilizarBottomNavigationView Android, Como e Quando Utilizar
BottomNavigationView Android, Como e Quando Utilizar
 
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
 

Semelhante a PhoneGap

Aula Aula03 estrutura phone_gap
Aula Aula03 estrutura phone_gapAula Aula03 estrutura phone_gap
Aula Aula03 estrutura phone_gapRoberson Alves
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegapwlsilva
 
Introdução ao desenvolvimento de apps com Phonegap
Introdução ao desenvolvimento de apps com PhonegapIntrodução ao desenvolvimento de apps com Phonegap
Introdução ao desenvolvimento de apps com PhonegapDiogo Souza Machado
 
Treinamento Android Nooclix
Treinamento Android NooclixTreinamento Android Nooclix
Treinamento Android NooclixIury Teixeira
 
Chega de lendas! JavaFX em Android
Chega de lendas! JavaFX em AndroidChega de lendas! JavaFX em Android
Chega de lendas! JavaFX em AndroidBruno Oliveira
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaDiego Cavalca
 
PDC - Engenharia - Phonegap
PDC - Engenharia - PhonegapPDC - Engenharia - Phonegap
PDC - Engenharia - Phonegapslides_teltools
 
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
 
Phonegap ambiente de desenvolvimento
Phonegap ambiente de desenvolvimentoPhonegap ambiente de desenvolvimento
Phonegap ambiente de desenvolvimentoAruã Sousa
 
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...Criciúma Dev
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-PlatformAdriel Café
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"Stefan Horochovec
 
Desenvolvendo para Android
Desenvolvendo para AndroidDesenvolvendo para Android
Desenvolvendo para AndroidClaudio Pereira
 

Semelhante a PhoneGap (20)

Phonegap 120118153629-phpapp01
Phonegap 120118153629-phpapp01Phonegap 120118153629-phpapp01
Phonegap 120118153629-phpapp01
 
Aula Aula03 estrutura phone_gap
Aula Aula03 estrutura phone_gapAula Aula03 estrutura phone_gap
Aula Aula03 estrutura phone_gap
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegap
 
Introdução ao desenvolvimento de apps com Phonegap
Introdução ao desenvolvimento de apps com PhonegapIntrodução ao desenvolvimento de apps com Phonegap
Introdução ao desenvolvimento de apps com Phonegap
 
Treinamento Android Nooclix
Treinamento Android NooclixTreinamento Android Nooclix
Treinamento Android Nooclix
 
Chega de lendas! JavaFX em Android
Chega de lendas! JavaFX em AndroidChega de lendas! JavaFX em Android
Chega de lendas! JavaFX em Android
 
Workshop - Cordova e Ionic
Workshop - Cordova e IonicWorkshop - Cordova e Ionic
Workshop - Cordova e Ionic
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
 
PDC - Engenharia - Phonegap
PDC - Engenharia - PhonegapPDC - Engenharia - Phonegap
PDC - Engenharia - Phonegap
 
Android - O que é? Dicas e Desafios.
Android - O que é? Dicas e Desafios.Android - O que é? Dicas e Desafios.
Android - O que é? Dicas e Desafios.
 
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...
 
Empreendedori$mo com Android
Empreendedori$mo com AndroidEmpreendedori$mo com Android
Empreendedori$mo com Android
 
Flex Mobile
Flex MobileFlex Mobile
Flex Mobile
 
Phonegap ambiente de desenvolvimento
Phonegap ambiente de desenvolvimentoPhonegap ambiente de desenvolvimento
Phonegap ambiente de desenvolvimento
 
Introdução ao Android
Introdução ao AndroidIntrodução ao Android
Introdução ao Android
 
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
 
Desenvolvendo com IONIC
Desenvolvendo com IONICDesenvolvendo com IONIC
Desenvolvendo com IONIC
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"
 
Desenvolvendo para Android
Desenvolvendo para AndroidDesenvolvendo para Android
Desenvolvendo para Android
 

PhoneGap

  • 2. O que é PhoneGap? “PhoneGap é uma soluções de código aberto para a construção de aplicativos móveis multi-plataformas com tecnologias web padrão como HTML, JavaScript e CSS.”
  • 3. História do PhoneGap ● Iniciado por Nitobi Software; ● Adobe adquire Nitobi em 2011; ● PhoneGap foi doado a Fundação Apache Software; ● Inicialmente chamado Apache Callback; ● Depois renomeado para Apache Cordova; ● http://cordova.apache.org/
  • 4. Apache Cordova x PhoneGap ● PhoneGap é uma distribuição do Apache Cordova ● Apache Cordova é o motor que move o PhoneGap ● PhoneGap poderá possuir outras ferramentas da Adobe que não seriam apropriadas ao Projeto Apache ○ PhoneGap Build
  • 5. Por quê utilizar o PhoneGap? Bagunça no desenvolvimento mobile Plataforma Linguagem Android Java iOS Objective-C Windows Phone .NET e/ou C# BlackBerry Java Symbian C++, Java, Flash Lite
  • 6. Por quê utilizar o PhoneGap? Problema: muitas plataformas, aparelhos e lojas de aplicativos. Solução: utilizar o desenvolvimento web ● Multi plataforma; ● Padrões abertos; ● Código aberto.
  • 8. O que o PhoneGap faz? Ele é uma ponte entre o browser e as APIs disponíveis no aparelho. Permite acesso a recursos que normalmente não são acessíveis para o browser sozinho.
  • 9. Recursos Android iPhone BlackBerry Windows Phone Symbian WebOS Bada Acelerômetro ✓ ✓ ✓ ✓ ✓ ✓ ✓ Câmera ✓ ✓ ✓ ✓ ✓ ✓ ✓ Contatos ✓ ✓ ✓ ✓ ✓ X ✓ Bússola ✓ ✓ X ✓ X ✓ ✓ Arquivos ✓ ✓ ✓ ✓ ✓ X X GPS ✓ ✓ ✓ ✓ ✓ ✓ ✓ Internet ✓ ✓ ✓ ✓ ✓ ✓ ✓ Arquivos ✓ ✓ ✓ ✓ ✓ X X Mídia ✓ ✓ X ✓ X X X
  • 13. Aplicação nativa Vantagens Desvantagens Experiência do usuário mais específica Necessita de tempo para desenvolver código diferente para cada plataforma. SDK pode facilitar o desenvolvimento e teste dos aplicativos. Mas caro para desenvolver Melhor performace. Cada plataforma possui sua propria linguagem de programação. Acesso completo ao hardware e recursos do dispositivo
  • 14. Aplicação web Vantagens Desvantagens A aplicação pode rodar em múltiplas plataformas. A experiência do usuário do aplicativo não terá o tom característico do dispositivo. HTML/CSS/JavaScript. Não possui acesso a todos os recursos do dispositivo.
  • 16. ● O Phonegap Build é um ambiente feito pela a Adobe para facilitar a compilação do projeto. ● Permite compilar seu projeto para 6 plataformas diferentes ao mesmo tempo. ● Possui integração com o GitHub. ● O codigo do projeto pode ser lido direto do GitHub ou de um arquivo .zip Adobe PhoneGap Build
  • 23. Ferramentas 1. Eclipse 1. Android SDK 1. Node.js 1. PhoneGap
  • 26. PhoneGap com Node.js http://phonegap.com/install/ 1. Após instalar o Node.js C:> npm install -g phonegap
  • 27. PhoneGap com Node.js 2. Apos instalar o PhoneGap $ phonegap create my-app $ cd my-app $ phonegap run android
  • 28. Download do PhoneGap ● Dessa forma não é necessário instalar o Node.js ● Download do arquivos no site. http://phonegap.com/install/
  • 29. Usando o PhoneGap 1. Criar um novo projeto Android 2. Criar a pasta libs 3. Criar a pasta www dentro da pasta assets 4. Criar a pasta xml dentro da pasta res
  • 30. Usando o PhoneGap 5. Colar o arquivo phonegap-2.9.0.jar em /libs 6. Colar o arquivo cordava.js em /assets/www 7. Criar o arquivo config.xml na pasta /res/xml 8. Na pasta src, alterar o extends da classe MainActivity de Activity para DroidGap
  • 31. Usando o PhoneGap 9. Na linha onde contém setContentView() substitua por super.loadUrl( “file:///android_asset/www/index.html”);
  • 33. Usando o PhoneGap Abrir o arquivo AndroidManifest.xml no editor e localize a seguinte linha: E inserir o código a seguir <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.olamundo" android:versionCode="1" android:versionName="1.0"><-- aqui vai o código do phoneGap --><uses-sdk android:minSdkVersion="8" />
  • 34. Usando o PhoneGap <supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:resizeable="true" android:anyDensity="true" /><uses-permission android:name="android.permission.CAMERA" /><uses-permission android:name="android.permission.VIBRATE" /><uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /><uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /><uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /><uses-permission android:name="android.permission.READ_PHONE_STATE" /><uses-permission android:name="android.permission.INTERNET" /><uses-permission android:name="android.permission.RECEIVE_SMS" /><uses-permission android:name="android.permission.RECORD_AUDIO" /><uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /><uses-permission android:name="android.permission.READ_CONTACTS" /><uses-permission android:name="android.permission.WRITE_CONTACTS" /><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
  • 35. Usando o PhoneGap Ainda no AndroidManifest.xml, localize a linha <activity android:name="com.example.olamundo.MainActivity" android:label="@string/app_name"> e modifique para: <activity android:name="com.example.olamundo.MainActivity" android:configChanges="orientation|keyboardHidden" android:label="@string/app_name">
  • 36. Eventos no PhoneGap ● Um evento no PhoneGap é similar ao eventos que existem no JavaScript ● Detecta quando uma ação é realizada no dispositivo. deviceready pause resume online offline backbutton batterycritical batterylow batterystatus menubutton searchbutton startcallbutton endcallbutton volumedownbutton volumeupbutton
  • 37. deviceready ● O evento deviceready é chamado quando o Cordova for completamente carregado e pronto para o uso. ● Esse evento é essencial para qualquer aplicação. function onLoad() { document.addEventListener("deviceready", onDeviceReady, false); } function onDeviceReady() { // Now safe to use device APIs }
  • 38. deviceready <!DOCTYPE html> <html> <head> <title>Device Ready Example</title> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" charset="utf-8"> function onLoad() { document.addEventListener("deviceready", onDeviceReady, false); } function onDeviceReady() { alert("Ok!"); } </script> </head> <body onload="onLoad()"> </body> </html>
  • 39. Evento Descrição deviceready É executado quando o Cordova é carregado completamente pause É executado quando uma aplicação é colocaga em segundo plano resume É executado quando a aplicação volta para o primeiro plano online É executado quando o dispositivo se conectado a internet offline É executado quando a aplicação se desconecta e o dispositivo não esta conectado a internet. backbutton É executado quando pressiona o botão voltar batterycritical É executado quando a bateria atinge um nivel critico de carga. Eventos
  • 40. Evento Descrição batterylow É executado quando a bateria atinge um nivel baixo de carga batterystatus É executado quando ocorre uma mudança no estado da bateria (leve, isPlugged) menubutton É executado quando pressiona o botão menu searchbutton É executado quando pressiona o botão de buscar startcallbutton É executado quando pressiona o botão de iniciar chamada endcallbutton É executado quando pressiona o botão de finalizar chamada volumedownbutton volumeupbutton É executado quando pressiona os botões do volume (+ / -) Eventos