Android CodeLab - Nearby Places: Google Maps + Google Places

0 visualizações

Publicada em

Apresentação do CodeLab de Android no Google BH.
2016 - Dia Internacional da Mulher #IWDBH #GDGBH
Restaurantes próximos com Google Maps + Google Places no Android.

Publicada em: Celular
0 comentários
4 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
0
No SlideShare
0
A partir de incorporações
0
Número de incorporações
0
Ações
Compartilhamentos
0
Downloads
15
Comentários
0
Gostaram
4
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Android CodeLab - Nearby Places: Google Maps + Google Places

  1. 1. NEARBY PLACES COM: GOOGLE MAPS + GOOGLE PLACES #iwdbh
  2. 2. JORDAN SILVA @JORDANSILVA DESENVOLVEDOR ANDROID NAS HORAS VAGAS PESQUISADOR NA UFMG CODE FOR FOOD +JORDANSILVABR silva.jordan@gmail.com@
  3. 3. O QUE VAMOS PRECISAR? ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY +
  4. 4. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY O QUE ESPERAMOS NO FINAL
  5. 5. ▸ 1. INSTALAR O JAVA DEVELOPMENT KIT ▸ 2. INSTALAR O ANDROID STUDIO ▸ HOW TO: https://goo.gl/Z8H5E5 (Android Studio) ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY INSTALANDO O ANDROID STUDIO
  6. 6. ▸ 1. INSTALAR O JAVA DEVELOPMENT KIT ▸ VERIFIQUE NO SEU TERMINAL SE JÁ POSSUI ALGUMA VERSÃO JAVA INSTALADA ▸ comando: java -version ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY INSTALANDO O JDK
  7. 7. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY INSTALANDO O JDK ▸ 1. INSTALAR O JAVA DEVELOPMENT KIT ▸ Google It: “jdk 8 download” ▸ http://www.oracle.com/technetwork/java/javase/ downloads/index.html ▸ APÓS A INSTALAÇÃO VERIFIQUE NO TERMINAL A VERSÃO INSTALADA
  8. 8. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY INSTALANDO O ANDROID STUDIO ▸ 1. INSTALAR O JAVA DEVELOPMENT KIT ▸ 2. INSTALAR O ANDROID STUDIO ▸ Google It: “Android Studio” ▸ http://developer.android.com/intl/pt-br/sdk/index.html
  9. 9. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY WELCOME TO ANDROID STUDIO
  10. 10. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY CRIANDO O PROJETO
  11. 11. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY CRIANDO O PROJETO
  12. 12. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY CRIANDO O PROJETO
  13. 13. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY CRIANDO O PROJETO
  14. 14. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY CRIANDO O PROJETO
  15. 15. PASSO 01
  16. 16. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY GOOGLE_MAPS_API.XML
  17. 17. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY PROJECT PANEL EXIBE A ESTRUTURA DO PROJETO, PERMITE REALIZAR VÁRIAS AÇÕES: ADICIONAR ACTIVITIES, IMAGENS, NAVEGAR ENTRE OS ARQUIVOS.
  18. 18. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY FILE EDITOR ONDE VAMOS BOTAR A MÃO NA MASSA!
  19. 19. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY LAYOUT EDITOR CRIE E VISUALIZE O DESIGN DO SEU APP AQUI.
  20. 20. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY LAYOUT EDITOR CRIE E VISUALIZE O DESIGN DO SEU APP AQUI.
  21. 21. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY ANDROID MANIFEST
  22. 22. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY EMULADOR AVD MANAGER
  23. 23. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY EMULADOR - SELECT HARDWARE
  24. 24. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY EMULADOR - SELECT SYSTEM IMAGE
  25. 25. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY EMULADOR - CONFIGURATION
  26. 26. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY LET’S PLAY!
  27. 27. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY LET’S PLAY!
  28. 28. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY E NO CELULAR?!
  29. 29. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY E NO CELULAR?!
  30. 30. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY E NO CELULAR?!
  31. 31. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY E NO CELULAR?!
  32. 32. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY E NO CELULAR?!
  33. 33. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY E NO CELULAR?!
  34. 34. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY E NO CELULAR?!
  35. 35. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY O APLICATIVO E O MAPA?! ESTÁ TUDO BRANCO!!!
  36. 36. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY MAS O QUE ACONTECEU?!
  37. 37. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  38. 38. GOOGLE DEVELOPERS CONSOLE
  39. 39. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  40. 40. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  41. 41. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  42. 42. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  43. 43. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  44. 44. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  45. 45. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  46. 46. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  47. 47. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  48. 48. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  49. 49. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  50. 50. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  51. 51. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  52. 52. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY E LÁ VAMOS NÓS DE NOVO!
  53. 53. Repositório do GitHub com o código dessa etapa: ▸ https://github.com/jordansilva/android-codelab- lugaresproximos (https://goo.gl/AmTpG7) Como clonar para a sua máquina: $ git clone <URL ALI DE CIMA> $ cd Android-CodeLab-LugaresProximos $ git checkout step-1 ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY PARTE 01 - DONE!
  54. 54. PASSO 02 ESSE É RAPIDINHO!
  55. 55. VAMOS VER CÓDIGO!
  56. 56. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY MAPSACTIVITY.JAVA O QUE ACONTECE QUANDO CRIAMOS A TELA DO MAPA?
  57. 57. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY MAPSACTIVITY.JAVA E PRA QUE SERVE ISSO?!
  58. 58. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY ADEUS SYDNEY! BEM VINDO BELZONTI!
  59. 59. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY MAPSACTIVITY.JAVA AQUILO VAI VIRAR ISSO!
  60. 60. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY E LÁ VAMOS NÓS DE NOVO!
  61. 61. Repositório do GitHub com o código dessa etapa: ▸ https://github.com/jordansilva/android-codelab- lugaresproximos (https://goo.gl/AmTpG7) Como clonar para a sua máquina: $ git clone <URL ALI DE CIMA> $ cd Android-CodeLab-LugaresProximos $ git checkout step-2 ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY PARTE 02 - DONE!
  62. 62. PASSO 03 FORÇA!
  63. 63. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY PREPARANDO O TERRENO
  64. 64. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY PREPARANDO O TERRENO
  65. 65. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY PREPARANDO O TERRENO
  66. 66. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY BUSCAR RESTAURANTES PRÓXIMOS
  67. 67. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY GOOGLE PLACES API ‣ https://developers.google.com/places/
  68. 68. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY GOOGLE PLACES API
  69. 69. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY GOOGLE PLACES API MAIS UMA CHAVE!
  70. 70. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY GOOGLE PLACES API
  71. 71. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY GOOGLE PLACES API
  72. 72. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY GOOGLE PLACES API
  73. 73. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY GOOGLE PLACES API
  74. 74. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY GOOGLE PLACES API
  75. 75. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
  76. 76. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY ESTUDANDO A URL ‣ https://maps.googleapis.com/maps/api/place/nearbysearch/output? parameters ‣ output pode ser um dos dois valores json ou xml; ‣ Parâmetros obrigatórios ‣ key a chave API do aplicativo; ‣ location a latitude/longitude em torno da qual se deseja recuperar as informações de local; ‣ radius define a distância (em metros) dentro da qual deve-se retornar os resultados de local.
  77. 77. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY ESTUDANDO A URL ‣ https://maps.googleapis.com/maps/api/place/nearbysearch/output? parameters ‣ Parâmetros opcionais ‣ name um ou mais termos separados por espaço para corresponder a nomes de locais. ‣ opennow retorna somente aqueles locais que estão abertos no momento; ‣ types restringe os resultados a locais que correspondam a pelo menos um dos tipos especificados. ‣ Entre outros…
  78. 78. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY ESTUDANDO A URL ‣ https://maps.googleapis.com/maps/api/place/nearbysearch/json? location=-19.929532,-43.940726&radius=500&types=food&key=AIza SyAhp_8i1i7H6l-IpqkKk8oU9uIjVt1nGcU ‣ O formato do arquivo resultado será em JSON (output) ‣ location = -19.929532, -43.940726 (latitude e longitude) ‣ radius = 500 metros ‣ types = food (categoria de comida) ‣ key = chave da API
  79. 79. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY LEMBRA DO BUSCAR RESTAURANTES PRÓXIMOS? VAI FICAR ASSIM
  80. 80. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY LEMBRA DO BUSCAR RESTAURANTES PRÓXIMOS? E ESSE CARA?
  81. 81. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY ACESSANDO A INTERNET ‣ AndroidManifest.xml ‣ <uses-permission android:name="android.permission.INTERNET" /> ‣ dependencies - build.gradle (Module: app) ‣ compile 'com.loopj.android:android-async-http:1.4.9'
  82. 82. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY REQUISITANDO UMA URL (GOOGLE PLACES API PRA GENTE)
  83. 83. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY REQUISITANDO UMA URL (GOOGLE PLACES API PRA GENTE)
  84. 84. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY O QUE FIZEMOS
  85. 85. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY O QUE DA PRA FAZER
  86. 86. Repositório do GitHub com o código dessa etapa: ▸ https://github.com/jordansilva/android-codelab- lugaresproximos (https://goo.gl/AmTpG7) Como clonar para a sua máquina: $ git clone <URL ALI DE CIMA> $ cd Android-CodeLab-LugaresProximos $ git checkout step-3 ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY PARTE 03 - ALELUIA
  87. 87. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY LINKS INTERESSANTES ▸ http://developer.android.com/ ▸ http://developers.google.com /maps /places ▸ http://www.gdgbh.org ▸ https://goo.gl/Z8H5E5 (Instalando o Android Studio)
  88. 88. @JORDANSILVA +JORDANSILVABR silva.jordan@gmail.com@ http://goo.gl/fWwL27 GDGBH.ORG

×