SlideShare uma empresa Scribd logo
1 de 64
Baixar para ler offline
Desenvolvendo para
Android com PhoneGap


Mayron Cachina
mayroncachina@gmail.com
O que é o Android?
●   O Android é um sistema operacional
●   Desenvolvido para dispositivos móveis
●   Produzido pela Google
●   Não necessita de um hardware específico
●   Utiliza um kernel do Linux, personalizado :)
●   Aplicativos feitos em Java, não em JME !
●   Primeiro celular lançado em 2008
●   Android T-Mobile G1
Novos modelos todo mês
Android x IPhone
IPhone
●   Flexibilidade:
    ●   A Apple é conhecida por limitar as funções de seus
        sistemas e com o iPhone não é diferente.
    ●   Geralmente são tecnologias exclusivas e não
        interagem muito bem com outros sistemas
        operacionais.
    ●   Seus clientes só podem usar aplicativos aprovados
        por eles (teoricamente).
    ●   Tecnologia fechada.
Android
●   Flexibilidade:
    ●   É Open Source, por tanto é aberto e dá liberdade
        aos usuários.
    ●   Os usuários têm liberdade para usar
    ●   Os desenvolvedores para criar
    ●   Fabricantes para personalizar o sistema para seus
        clientes.
Sistema mobile mais vendido
        Agosto/2011
open handset allience
Loja de Aplicativos
 Android Market




     https://market.android.com/
Versões
DESENVOLVIMENTO
Plataforma Otimizada
Preparando o ambiente de
           desenvolvimento

●   Java - http://java.sun.com/javase/downloads/
●   IDE Eclipse - http://www.eclipse.org/downloads/
●   Android SDK - http://developer.android.com/sdk
Instalando o SDK Windows
●   Vá até o executável que se encontrará no diretório do Android SDK e execute.
●   Em Available Packages, temos as versões da plataforma do Android.
●   Marque apenas as opções para Android 2.1
●   Clique em Install Selected.
Instalando o SDK no Linux
     ●   Extraia os arquivos em uma pasta, vá até a pasta /tools que se encontrará no
         diretório do Android SDK e execute ./android
     ●   Em Available Packages, temos as versões da plataforma do Android.
     ●   Marque apenas as opções para Android 2.1
     ●   Clique em Install Selected.




$ tar -zxvf android-sdk_r04-linux_86.tgz
$ tar -zxvf android-sdk_r04-linux_86.tgz
$ cd android-sdk-linux_86/tools
$ cd android-sdk-linux_86/tools
$ ./android
$ ./android
Configurando o Eclipse
               ADT - Android Development Tools

●   Execute o Eclipse
●   Help >Install New Software
●   Clique em “Add...”
Configurando o Eclipse
                 ADT - Android Development Tools

●   Adicione o Google plugin for Eclipse em Location
●   https://dl-ssl.google.com/android/eclipse/
Configurando o Eclipse
●   Assim que adicionar o plugin, marque
    Developer Tools e clique no botão Next.
Configurando o Eclipse
●   Na segunda etapa, mantenha como está, caso
    não tenha erros e prossiga. Na terceira etapa,
    aceite os termos de licença e clique no botão
    Finish.
Configurando o Eclipse
●   Reinicie o Eclipse e após vá ao menu
    Window>Preferences e selecione Android
●   Selecione o local do SDK e aperte Apply
Hello Word
●   No Eclipse acesse o menu:
        File → New → Project → Android Project
Hello Word
Hello Word
●   Modifique a classe HelloWord conforme abaixo:
Hello Word
●   Para executar o programa no emulador, basta
    apenas no menu principal “Run” → “Run...” e
    selecionar Android Application
Hello Word
Hello Word
Componentes UI
Componentes UI
  Action Bar
Componentes UI
    List
Componentes UI
    Map
Componentes UI
   Widgets
Componentes UI
 Quick Actions
Componentes UI
  Search Bar
O que é o PhoneGap?
●   Framework open-sourse para desenvolvimento
    mobile.
●   Possibilita desenvolver utilizando as linguagens
    HMTML5, CSS3 e JS.
●   Atualmente na versão 1.1.0
Novidades versão 1.0
●   Estabilidade da API e criação de plugins.
●   Compatibilidade com a API de acesso a dados
    definida pelo W3C
●   API de manipulação de contatos
●   Ferramentas para depuração remota
Múltiplas plataformas de
   desenvolvimento
Processo de desenvolvimento
      BUILD
      Crie sua aplicação web nativa
      Crie sua aplicação web nativa
      HTML5
      HTML5



      Develop
      Desenvolvimento utilizando a API nativa
      Desenvolvimento utilizando a API nativa
      do phonegap
      do phonegap




      Deploy
      Realizar o deploy para a plataforma de
      Realizar o deploy para a plataforma de
      sua escolha, como Iphone, blackbarry,
      sua escolha, como Iphone, blackbarry,
      android, windows phone, palm.
      android, windows phone, palm.
JavaScript Library
●   Jo - http://joapp.com/
●   JQTouch - http://www.jqtouch.com/
●   JQuery Mobile - http://jquerymobile.com/
●   Sencha Touch – http://www.sencha.com/products/touch/
●   Unify - http://unify.github.com/unify/
jQuery Mobile
HTML 5
●   <canvas>           ●   web SQL
●   <audio>            ●   Sockets
●   <video>
●   Drag and Drop
●   File API
●   History API
Reference API
●   Accelerometer
●   Camera
●   Connection
●   Contacts
●   Geolocation
●   Media
●   Notification
●   Storage
Plugins
●   Plugins desenvolvidos pela comunidade
●   Disponível no GitHub
    https://github.com/phonegap/phonegap-plugins

●   Atualmente para Android, Iphone, BlackBarry e
    Palm
●   Exemplos:
    ●   Video Player
    ●   Bar Scanner
    ●   FTP Client
Praticando!
Build PhoneGap Cloud
EXEMPLOS
Logitech Squeezebox™
                    Controller App




http://www.logitech.com/en-us/speakers-audio/wireless-music-systems/devices/7979
Diary Mobile




http://diary.com/mobile
Orbium




http://jsway.se/
harmonious




http://angryrobotzombie.com/
CronJaguar




https://github.com/mayroncachina/CronJaguar
Baby Growth Charts




http://www.kausch.li/iphone/babygrowth/
Bike Route




http://itunes.apple.com/us/app/bike-route/id385583340?mt=8
WEB x NATIVE?




http://photodune.net/item/group-of-elderly-people-working-on-laptop/186609
 http://photodune.net/item/group-of-elderly-people-working-on-laptop/186609
A WEB É NATIVA!




http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html
 http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html
Referências
●   Doc UI Android
    http://developer.android.com/guide/topics/ui/index.html
●   openhandsetalliance
    http://www.openhandsetalliance.com
●   Phonegap
    http://www.phonegap.com/
●   Phonegap Build
    https://build.phonegap.com/
●   Phonegap Groups
    http://groups.google.com/group/phonegap
●   Jquery
    http://jquerymobile.com/
●   Jquery Mobile
    http://jquerymobile.com/demos/1.0rc1/
●   HTML 5 Reference
    http://dev.w3.org/html5/spec/Overview.html
OBRIGADO!!!




  http://cachina.com.br
    @mayroncachina
mayroncachina@gmail.com

Mais conteúdo relacionado

Mais procurados

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
 
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
 
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
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidRafael Sakurai
 
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
 
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
 
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
 
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
 
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
 
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkMinicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkCristian Dean
 
Desenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicDesenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicFelipe Renan Vieira
 
[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
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileWaldyr Felix
 
Mini curso - Ionic Framework
Mini curso - Ionic FrameworkMini curso - Ionic Framework
Mini curso - Ionic Frameworkjuniorschroder
 
Phonegap - Framework Mobile
Phonegap - Framework MobilePhonegap - Framework Mobile
Phonegap - Framework MobileIldyone Martins
 

Mais procurados (20)

Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!
 
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.1
 
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 emulador
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao Android
 
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
 
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
 
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
 
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)
 
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)
 
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkMinicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 
Desenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicDesenvolvimento Mobile com Ionic
Desenvolvimento Mobile com Ionic
 
[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
 
Introdução intel XDK
Introdução intel XDKIntrodução intel XDK
Introdução intel XDK
 
PhoneGap
PhoneGapPhoneGap
PhoneGap
 
Workshop - Ionic + firebase
Workshop - Ionic + firebaseWorkshop - Ionic + firebase
Workshop - Ionic + firebase
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento Mobile
 
Mini curso - Ionic Framework
Mini curso - Ionic FrameworkMini curso - Ionic Framework
Mini curso - Ionic Framework
 
Workshop - Cordova e Ionic
Workshop - Cordova e IonicWorkshop - Cordova e Ionic
Workshop - Cordova e Ionic
 
Phonegap - Framework Mobile
Phonegap - Framework MobilePhonegap - Framework Mobile
Phonegap - Framework Mobile
 

Destaque

Guia de sobrevivência: Edmodo para professores
Guia de sobrevivência: Edmodo para professoresGuia de sobrevivência: Edmodo para professores
Guia de sobrevivência: Edmodo para professoresEdgar Costa
 
Como instalar servidor web xampp
Como instalar servidor web xamppComo instalar servidor web xampp
Como instalar servidor web xampparnaldo vasquez
 
Criando Sites Dinamicos com Joomla php
Criando Sites Dinamicos com Joomla phpCriando Sites Dinamicos com Joomla php
Criando Sites Dinamicos com Joomla phpJackson Meires
 
Manual de instalação do xampp
Manual de instalação do xamppManual de instalação do xampp
Manual de instalação do xamppZe'eduardo Silva
 
Gestão de Conteúdo Web: Guia Básico Utilizando o Joomla!
Gestão de Conteúdo Web: Guia Básico Utilizando o Joomla!Gestão de Conteúdo Web: Guia Básico Utilizando o Joomla!
Gestão de Conteúdo Web: Guia Básico Utilizando o Joomla!Daniel Corrêa
 
Como instalar o XAMPP no Micro
Como instalar o XAMPP no MicroComo instalar o XAMPP no Micro
Como instalar o XAMPP no MicroMarcio Okabe
 
Joomla! para iniciantes - Djonatan Buss, Jerônimo Medina Madruga
Joomla! para iniciantes - Djonatan Buss, Jerônimo Medina MadrugaJoomla! para iniciantes - Djonatan Buss, Jerônimo Medina Madruga
Joomla! para iniciantes - Djonatan Buss, Jerônimo Medina MadrugaTchelinux
 
Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...
Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...
Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...jCursos
 
Gestão de conteúdos com aplicações instaladas em servidores
Gestão de conteúdos com aplicações instaladas em servidoresGestão de conteúdos com aplicações instaladas em servidores
Gestão de conteúdos com aplicações instaladas em servidoresHenriqueta Sofia Djalo
 
Curso de Android - aula 3
Curso de Android - aula 3Curso de Android - aula 3
Curso de Android - aula 3Jose Berardo
 
Nadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryNadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryReinaldo Junior
 
Introdução á linguagem Ruby com aplicativo em Rails
Introdução á linguagem Ruby com aplicativo em RailsIntrodução á linguagem Ruby com aplicativo em Rails
Introdução á linguagem Ruby com aplicativo em Railsoverduka
 
la 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gapla 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gapRoberson Alves
 
Ruby, Simples e Expressivo
Ruby, Simples e ExpressivoRuby, Simples e Expressivo
Ruby, Simples e ExpressivoRodrigo Martins
 
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
 
Criando um Aplicativo Android para Consumir uma API RESTFul Desenvolvida em A...
Criando um Aplicativo Android para Consumir uma API RESTFul Desenvolvida em A...Criando um Aplicativo Android para Consumir uma API RESTFul Desenvolvida em A...
Criando um Aplicativo Android para Consumir uma API RESTFul Desenvolvida em A...Bruno Vasconcellos
 

Destaque (20)

Guia de sobrevivência: Edmodo para professores
Guia de sobrevivência: Edmodo para professoresGuia de sobrevivência: Edmodo para professores
Guia de sobrevivência: Edmodo para professores
 
Como Instalar o Joomla no micro
Como Instalar o Joomla no microComo Instalar o Joomla no micro
Como Instalar o Joomla no micro
 
Como instalar servidor web xampp
Como instalar servidor web xamppComo instalar servidor web xampp
Como instalar servidor web xampp
 
Criando Sites Dinamicos com Joomla php
Criando Sites Dinamicos com Joomla phpCriando Sites Dinamicos com Joomla php
Criando Sites Dinamicos com Joomla php
 
Manual de instalação do xampp
Manual de instalação do xamppManual de instalação do xampp
Manual de instalação do xampp
 
Gestão de Conteúdo Web: Guia Básico Utilizando o Joomla!
Gestão de Conteúdo Web: Guia Básico Utilizando o Joomla!Gestão de Conteúdo Web: Guia Básico Utilizando o Joomla!
Gestão de Conteúdo Web: Guia Básico Utilizando o Joomla!
 
Como instalar o XAMPP no Micro
Como instalar o XAMPP no MicroComo instalar o XAMPP no Micro
Como instalar o XAMPP no Micro
 
Joomla! para iniciantes - Djonatan Buss, Jerônimo Medina Madruga
Joomla! para iniciantes - Djonatan Buss, Jerônimo Medina MadrugaJoomla! para iniciantes - Djonatan Buss, Jerônimo Medina Madruga
Joomla! para iniciantes - Djonatan Buss, Jerônimo Medina Madruga
 
Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...
Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...
Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...
 
Gestão de conteúdos com aplicações instaladas em servidores
Gestão de conteúdos com aplicações instaladas em servidoresGestão de conteúdos com aplicações instaladas em servidores
Gestão de conteúdos com aplicações instaladas em servidores
 
Joomla! CMS
Joomla! CMSJoomla! CMS
Joomla! CMS
 
Curso de Android - aula 3
Curso de Android - aula 3Curso de Android - aula 3
Curso de Android - aula 3
 
Nadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryNadando em Dinheiro com jQuery
Nadando em Dinheiro com jQuery
 
Introdução á linguagem Ruby com aplicativo em Rails
Introdução á linguagem Ruby com aplicativo em RailsIntrodução á linguagem Ruby com aplicativo em Rails
Introdução á linguagem Ruby com aplicativo em Rails
 
la 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gapla 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gap
 
Ruby, Simples e Expressivo
Ruby, Simples e ExpressivoRuby, Simples e Expressivo
Ruby, Simples e Expressivo
 
Xampp
XamppXampp
Xampp
 
Xampp
XamppXampp
Xampp
 
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...
 
Criando um Aplicativo Android para Consumir uma API RESTFul Desenvolvida em A...
Criando um Aplicativo Android para Consumir uma API RESTFul Desenvolvida em A...Criando um Aplicativo Android para Consumir uma API RESTFul Desenvolvida em A...
Criando um Aplicativo Android para Consumir uma API RESTFul Desenvolvida em A...
 

Semelhante a Desenvolvendo para Android com PhoneGap

Desenvolvendo Aplicativos com Android
Desenvolvendo Aplicativos com AndroidDesenvolvendo Aplicativos com Android
Desenvolvendo Aplicativos com AndroidMayron Cachina
 
Desenvolvendo para Android
Desenvolvendo para AndroidDesenvolvendo para Android
Desenvolvendo para AndroidClaudio Pereira
 
Treinamento Android Nooclix
Treinamento Android NooclixTreinamento Android Nooclix
Treinamento Android NooclixIury Teixeira
 
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...
Programação para dispositivos Móveis - Criação de aplicativos  - Android Aula...Programação para dispositivos Móveis - Criação de aplicativos  - Android Aula...
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...Diogo Rafael da Silva
 
Criando aplicações em Android brincando de quebra-cabeça!
Criando aplicações em Android brincando de quebra-cabeça!Criando aplicações em Android brincando de quebra-cabeça!
Criando aplicações em Android brincando de quebra-cabeça!Comunidade Tá safo!
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionicJoelmir Ribacki
 
Automação de Teste em UI para Android
Automação de Teste em UI para AndroidAutomação de Teste em UI para Android
Automação de Teste em UI para AndroidElias Nogueira
 
Palestra sobre android
Palestra sobre androidPalestra sobre android
Palestra sobre androidReuel Lopes
 
Android: Conheça o Futuro Inevitável
Android: Conheça o Futuro InevitávelAndroid: Conheça o Futuro Inevitável
Android: Conheça o Futuro InevitávelCampus Party Brasil
 
Introdução à programação em Android Senac 15/05/2012
Introdução à programação em Android Senac 15/05/2012Introdução à programação em Android Senac 15/05/2012
Introdução à programação em Android Senac 15/05/2012guisester
 
Introdução a programação em Android
Introdução a programação em AndroidIntrodução a programação em Android
Introdução a programação em Androidguisester
 
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Marcelo Marques Gonçalves
 
Workshop on Android Rom Creation - FISTA/ISCTE 2014
Workshop on Android Rom Creation - FISTA/ISCTE 2014Workshop on Android Rom Creation - FISTA/ISCTE 2014
Workshop on Android Rom Creation - FISTA/ISCTE 2014Flávio Moringa
 
Primeiros passos para o novo desenvolvedor android
Primeiros passos para o novo desenvolvedor androidPrimeiros passos para o novo desenvolvedor android
Primeiros passos para o novo desenvolvedor androidMessias Batista
 
FLISoL'11: Desenvolvendo Games para Android
FLISoL'11: Desenvolvendo Games para AndroidFLISoL'11: Desenvolvendo Games para Android
FLISoL'11: Desenvolvendo Games para AndroidMaurílio Silva
 

Semelhante a Desenvolvendo para Android com PhoneGap (20)

Desenvolvendo Aplicativos com Android
Desenvolvendo Aplicativos com AndroidDesenvolvendo Aplicativos com Android
Desenvolvendo Aplicativos com Android
 
Phonegap 120118153629-phpapp01
Phonegap 120118153629-phpapp01Phonegap 120118153629-phpapp01
Phonegap 120118153629-phpapp01
 
Desenvolvendo para Android
Desenvolvendo para AndroidDesenvolvendo para Android
Desenvolvendo para Android
 
Treinamento Android Nooclix
Treinamento Android NooclixTreinamento Android Nooclix
Treinamento Android Nooclix
 
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...
Programação para dispositivos Móveis - Criação de aplicativos  - Android Aula...Programação para dispositivos Móveis - Criação de aplicativos  - Android Aula...
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...
 
Empreendedori$mo com Android
Empreendedori$mo com AndroidEmpreendedori$mo com Android
Empreendedori$mo com Android
 
Apresentação android
Apresentação androidApresentação android
Apresentação android
 
Criando aplicações em Android brincando de quebra-cabeça!
Criando aplicações em Android brincando de quebra-cabeça!Criando aplicações em Android brincando de quebra-cabeça!
Criando aplicações em Android brincando de quebra-cabeça!
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionic
 
Aandroid Wear
Aandroid WearAandroid Wear
Aandroid Wear
 
Automação de Teste em UI para Android
Automação de Teste em UI para AndroidAutomação de Teste em UI para Android
Automação de Teste em UI para Android
 
Palestra sobre android
Palestra sobre androidPalestra sobre android
Palestra sobre android
 
Android: Conheça o Futuro Inevitável
Android: Conheça o Futuro InevitávelAndroid: Conheça o Futuro Inevitável
Android: Conheça o Futuro Inevitável
 
Introdução ao Android
Introdução ao AndroidIntrodução ao Android
Introdução ao Android
 
Introdução à programação em Android Senac 15/05/2012
Introdução à programação em Android Senac 15/05/2012Introdução à programação em Android Senac 15/05/2012
Introdução à programação em Android Senac 15/05/2012
 
Introdução a programação em Android
Introdução a programação em AndroidIntrodução a programação em Android
Introdução a programação em Android
 
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
 
Workshop on Android Rom Creation - FISTA/ISCTE 2014
Workshop on Android Rom Creation - FISTA/ISCTE 2014Workshop on Android Rom Creation - FISTA/ISCTE 2014
Workshop on Android Rom Creation - FISTA/ISCTE 2014
 
Primeiros passos para o novo desenvolvedor android
Primeiros passos para o novo desenvolvedor androidPrimeiros passos para o novo desenvolvedor android
Primeiros passos para o novo desenvolvedor android
 
FLISoL'11: Desenvolvendo Games para Android
FLISoL'11: Desenvolvendo Games para AndroidFLISoL'11: Desenvolvendo Games para Android
FLISoL'11: Desenvolvendo Games para Android
 

Mais de Mayron Cachina

PotiLivre, uma comunidade de software livre voltada para você!
PotiLivre, uma comunidade de software livre voltada para você!PotiLivre, uma comunidade de software livre voltada para você!
PotiLivre, uma comunidade de software livre voltada para você!Mayron Cachina
 
[#DevCast] Quero Desenvolver para phonegap, e agora? O que eu faço?
[#DevCast] Quero Desenvolver para phonegap, e agora? O que eu faço?[#DevCast] Quero Desenvolver para phonegap, e agora? O que eu faço?
[#DevCast] Quero Desenvolver para phonegap, e agora? O que eu faço?Mayron Cachina
 
Apresentação GDG Natal FLISOL NATAL 2013
Apresentação GDG Natal FLISOL NATAL 2013Apresentação GDG Natal FLISOL NATAL 2013
Apresentação GDG Natal FLISOL NATAL 2013Mayron Cachina
 
Apresentação GDG Natal
Apresentação GDG NatalApresentação GDG Natal
Apresentação GDG NatalMayron Cachina
 
Como ganhar dinheiro no mundo mobile
Como ganhar dinheiro no mundo mobile Como ganhar dinheiro no mundo mobile
Como ganhar dinheiro no mundo mobile Mayron Cachina
 
Teste de aplicações web com selenium
Teste de aplicações web com seleniumTeste de aplicações web com selenium
Teste de aplicações web com seleniumMayron Cachina
 
Testes Funcionais com Selenium
Testes Funcionais com Selenium Testes Funcionais com Selenium
Testes Funcionais com Selenium Mayron Cachina
 
Jogos em Python utilizando PyGame
Jogos em Python utilizando PyGameJogos em Python utilizando PyGame
Jogos em Python utilizando PyGameMayron Cachina
 
CTE - Controle de Estoque
CTE - Controle de EstoqueCTE - Controle de Estoque
CTE - Controle de EstoqueMayron Cachina
 
Web 2.0 + Poder ao usuario
Web 2.0 + Poder ao usuarioWeb 2.0 + Poder ao usuario
Web 2.0 + Poder ao usuarioMayron Cachina
 
Orientação a Objetos - Conceitos
Orientação a Objetos - ConceitosOrientação a Objetos - Conceitos
Orientação a Objetos - ConceitosMayron Cachina
 
Introdução a linguagem de programação Python
Introdução a linguagem de programação PythonIntrodução a linguagem de programação Python
Introdução a linguagem de programação PythonMayron Cachina
 
Ferramentas para web, Desenvolvendo fácil
Ferramentas para web, Desenvolvendo fácilFerramentas para web, Desenvolvendo fácil
Ferramentas para web, Desenvolvendo fácilMayron Cachina
 
Workshop (Mozilla Party) Desenvolvendo Extensões para o Firefox 3.0
Workshop (Mozilla Party)  Desenvolvendo Extensões para o Firefox 3.0Workshop (Mozilla Party)  Desenvolvendo Extensões para o Firefox 3.0
Workshop (Mozilla Party) Desenvolvendo Extensões para o Firefox 3.0Mayron Cachina
 

Mais de Mayron Cachina (20)

PotiLivre, uma comunidade de software livre voltada para você!
PotiLivre, uma comunidade de software livre voltada para você!PotiLivre, uma comunidade de software livre voltada para você!
PotiLivre, uma comunidade de software livre voltada para você!
 
[#DevCast] Quero Desenvolver para phonegap, e agora? O que eu faço?
[#DevCast] Quero Desenvolver para phonegap, e agora? O que eu faço?[#DevCast] Quero Desenvolver para phonegap, e agora? O que eu faço?
[#DevCast] Quero Desenvolver para phonegap, e agora? O que eu faço?
 
Poti Livre
Poti LivrePoti Livre
Poti Livre
 
Desbravando o HTML5
Desbravando o HTML5Desbravando o HTML5
Desbravando o HTML5
 
Apresentação GDG Natal FLISOL NATAL 2013
Apresentação GDG Natal FLISOL NATAL 2013Apresentação GDG Natal FLISOL NATAL 2013
Apresentação GDG Natal FLISOL NATAL 2013
 
Apresentação GDG Natal
Apresentação GDG NatalApresentação GDG Natal
Apresentação GDG Natal
 
Como ganhar dinheiro no mundo mobile
Como ganhar dinheiro no mundo mobile Como ganhar dinheiro no mundo mobile
Como ganhar dinheiro no mundo mobile
 
Python com django
Python com djangoPython com django
Python com django
 
Teste de aplicações web com selenium
Teste de aplicações web com seleniumTeste de aplicações web com selenium
Teste de aplicações web com selenium
 
Testes Funcionais com Selenium
Testes Funcionais com Selenium Testes Funcionais com Selenium
Testes Funcionais com Selenium
 
Servidores WEB
Servidores WEBServidores WEB
Servidores WEB
 
Jogos em Python utilizando PyGame
Jogos em Python utilizando PyGameJogos em Python utilizando PyGame
Jogos em Python utilizando PyGame
 
CTE - Controle de Estoque
CTE - Controle de EstoqueCTE - Controle de Estoque
CTE - Controle de Estoque
 
Web 2.0 + Poder ao usuario
Web 2.0 + Poder ao usuarioWeb 2.0 + Poder ao usuario
Web 2.0 + Poder ao usuario
 
Orientação a Objetos - Conceitos
Orientação a Objetos - ConceitosOrientação a Objetos - Conceitos
Orientação a Objetos - Conceitos
 
Introdução a linguagem de programação Python
Introdução a linguagem de programação PythonIntrodução a linguagem de programação Python
Introdução a linguagem de programação Python
 
Ferramentas para web, Desenvolvendo fácil
Ferramentas para web, Desenvolvendo fácilFerramentas para web, Desenvolvendo fácil
Ferramentas para web, Desenvolvendo fácil
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Workshop (Mozilla Party) Desenvolvendo Extensões para o Firefox 3.0
Workshop (Mozilla Party)  Desenvolvendo Extensões para o Firefox 3.0Workshop (Mozilla Party)  Desenvolvendo Extensões para o Firefox 3.0
Workshop (Mozilla Party) Desenvolvendo Extensões para o Firefox 3.0
 
Firefox 3, novidades
Firefox 3, novidadesFirefox 3, novidades
Firefox 3, novidades
 

Desenvolvendo para Android com PhoneGap

  • 1. Desenvolvendo para Android com PhoneGap Mayron Cachina mayroncachina@gmail.com
  • 2. O que é o Android? ● O Android é um sistema operacional ● Desenvolvido para dispositivos móveis ● Produzido pela Google ● Não necessita de um hardware específico ● Utiliza um kernel do Linux, personalizado :) ● Aplicativos feitos em Java, não em JME !
  • 3. Primeiro celular lançado em 2008 ● Android T-Mobile G1
  • 6. IPhone ● Flexibilidade: ● A Apple é conhecida por limitar as funções de seus sistemas e com o iPhone não é diferente. ● Geralmente são tecnologias exclusivas e não interagem muito bem com outros sistemas operacionais. ● Seus clientes só podem usar aplicativos aprovados por eles (teoricamente). ● Tecnologia fechada.
  • 7. Android ● Flexibilidade: ● É Open Source, por tanto é aberto e dá liberdade aos usuários. ● Os usuários têm liberdade para usar ● Os desenvolvedores para criar ● Fabricantes para personalizar o sistema para seus clientes.
  • 8. Sistema mobile mais vendido Agosto/2011
  • 10. Loja de Aplicativos Android Market https://market.android.com/
  • 11.
  • 12.
  • 16. Preparando o ambiente de desenvolvimento ● Java - http://java.sun.com/javase/downloads/ ● IDE Eclipse - http://www.eclipse.org/downloads/ ● Android SDK - http://developer.android.com/sdk
  • 17. Instalando o SDK Windows ● Vá até o executável que se encontrará no diretório do Android SDK e execute. ● Em Available Packages, temos as versões da plataforma do Android. ● Marque apenas as opções para Android 2.1 ● Clique em Install Selected.
  • 18. Instalando o SDK no Linux ● Extraia os arquivos em uma pasta, vá até a pasta /tools que se encontrará no diretório do Android SDK e execute ./android ● Em Available Packages, temos as versões da plataforma do Android. ● Marque apenas as opções para Android 2.1 ● Clique em Install Selected. $ tar -zxvf android-sdk_r04-linux_86.tgz $ tar -zxvf android-sdk_r04-linux_86.tgz $ cd android-sdk-linux_86/tools $ cd android-sdk-linux_86/tools $ ./android $ ./android
  • 19. Configurando o Eclipse ADT - Android Development Tools ● Execute o Eclipse ● Help >Install New Software ● Clique em “Add...”
  • 20. Configurando o Eclipse ADT - Android Development Tools ● Adicione o Google plugin for Eclipse em Location ● https://dl-ssl.google.com/android/eclipse/
  • 21. Configurando o Eclipse ● Assim que adicionar o plugin, marque Developer Tools e clique no botão Next.
  • 22. Configurando o Eclipse ● Na segunda etapa, mantenha como está, caso não tenha erros e prossiga. Na terceira etapa, aceite os termos de licença e clique no botão Finish.
  • 23. Configurando o Eclipse ● Reinicie o Eclipse e após vá ao menu Window>Preferences e selecione Android ● Selecione o local do SDK e aperte Apply
  • 24. Hello Word ● No Eclipse acesse o menu: File → New → Project → Android Project
  • 26. Hello Word ● Modifique a classe HelloWord conforme abaixo:
  • 27. Hello Word ● Para executar o programa no emulador, basta apenas no menu principal “Run” → “Run...” e selecionar Android Application
  • 31. Componentes UI Action Bar
  • 34. Componentes UI Widgets
  • 36. Componentes UI Search Bar
  • 37.
  • 38.
  • 39. O que é o PhoneGap? ● Framework open-sourse para desenvolvimento mobile. ● Possibilita desenvolver utilizando as linguagens HMTML5, CSS3 e JS. ● Atualmente na versão 1.1.0
  • 40. Novidades versão 1.0 ● Estabilidade da API e criação de plugins. ● Compatibilidade com a API de acesso a dados definida pelo W3C ● API de manipulação de contatos ● Ferramentas para depuração remota
  • 41. Múltiplas plataformas de desenvolvimento
  • 42. Processo de desenvolvimento BUILD Crie sua aplicação web nativa Crie sua aplicação web nativa HTML5 HTML5 Develop Desenvolvimento utilizando a API nativa Desenvolvimento utilizando a API nativa do phonegap do phonegap Deploy Realizar o deploy para a plataforma de Realizar o deploy para a plataforma de sua escolha, como Iphone, blackbarry, sua escolha, como Iphone, blackbarry, android, windows phone, palm. android, windows phone, palm.
  • 43. JavaScript Library ● Jo - http://joapp.com/ ● JQTouch - http://www.jqtouch.com/ ● JQuery Mobile - http://jquerymobile.com/ ● Sencha Touch – http://www.sencha.com/products/touch/ ● Unify - http://unify.github.com/unify/
  • 45.
  • 46. HTML 5 ● <canvas> ● web SQL ● <audio> ● Sockets ● <video> ● Drag and Drop ● File API ● History API
  • 47. Reference API ● Accelerometer ● Camera ● Connection ● Contacts ● Geolocation ● Media ● Notification ● Storage
  • 48. Plugins ● Plugins desenvolvidos pela comunidade ● Disponível no GitHub https://github.com/phonegap/phonegap-plugins ● Atualmente para Android, Iphone, BlackBarry e Palm ● Exemplos: ● Video Player ● Bar Scanner ● FTP Client
  • 50.
  • 53. Logitech Squeezebox™ Controller App http://www.logitech.com/en-us/speakers-audio/wireless-music-systems/devices/7979
  • 60. WEB x NATIVE? http://photodune.net/item/group-of-elderly-people-working-on-laptop/186609 http://photodune.net/item/group-of-elderly-people-working-on-laptop/186609
  • 61. A WEB É NATIVA! http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html
  • 62.
  • 63. Referências ● Doc UI Android http://developer.android.com/guide/topics/ui/index.html ● openhandsetalliance http://www.openhandsetalliance.com ● Phonegap http://www.phonegap.com/ ● Phonegap Build https://build.phonegap.com/ ● Phonegap Groups http://groups.google.com/group/phonegap ● Jquery http://jquerymobile.com/ ● Jquery Mobile http://jquerymobile.com/demos/1.0rc1/ ● HTML 5 Reference http://dev.w3.org/html5/spec/Overview.html
  • 64. OBRIGADO!!! http://cachina.com.br @mayroncachina mayroncachina@gmail.com