Desenvolvendo para Android com PhoneGap
Upcoming SlideShare
Loading in...5
×
 

Desenvolvendo para Android com PhoneGap

on

  • 13,664 views

Palestra IT Day - 15/10/2011

Palestra IT Day - 15/10/2011

Statistics

Views

Total Views
13,664
Views on SlideShare
12,641
Embed Views
1,023

Actions

Likes
5
Downloads
323
Comments
0

8 Embeds 1,023

http://blog.cachina.com.br 822
http://www.cachina.com.br 182
http://127.0.0.1 13
http://webcache.googleusercontent.com 2
http://www.google.com.br 1
http://site.cachina.com.br 1
http://localhost 1
http://10.0.0.104 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Desenvolvendo para Android com PhoneGap Desenvolvendo para Android com PhoneGap Presentation Transcript

  • Desenvolvendo paraAndroid com PhoneGapMayron Cachinamayroncachina@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 Apphttp://www.logitech.com/en-us/speakers-audio/wireless-music-systems/devices/7979
  • Diary Mobilehttp://diary.com/mobile
  • Orbiumhttp://jsway.se/
  • harmonioushttp://angryrobotzombie.com/
  • CronJaguarhttps://github.com/mayroncachina/CronJaguar
  • Baby Growth Chartshttp://www.kausch.li/iphone/babygrowth/
  • Bike Routehttp://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 @mayroncachinamayroncachina@gmail.com