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.

1. NEARBY PLACES COM: GOOGLE MAPS + GOOGLE PLACES
#iwdbh

2. JORDAN SILVA
@JORDANSILVA
DESENVOLVEDOR ANDROID NAS HORAS VAGAS
PESQUISADOR NA UFMG
CODE FOR FOOD
+JORDANSILVABR
silva.jordan@gmail.com@

3. O QUE VAMOS PRECISAR?
ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
+

4. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
O QUE ESPERAMOS NO FINAL

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. ▸ 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. 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. 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. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
WELCOME TO ANDROID STUDIO

10. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
CRIANDO O PROJETO

11. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
CRIANDO O PROJETO

12. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
CRIANDO O PROJETO

13. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
CRIANDO O PROJETO

14. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
CRIANDO O PROJETO

15. PASSO 01

16. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
GOOGLE_MAPS_API.XML

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. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
FILE EDITOR
ONDE VAMOS BOTAR
A MÃO NA MASSA!

19. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
LAYOUT EDITOR
CRIE E VISUALIZE
O DESIGN DO SEU
APP AQUI.

20. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
LAYOUT EDITOR
CRIE E VISUALIZE
O DESIGN DO SEU
APP AQUI.

21. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
ANDROID MANIFEST

22. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
EMULADOR
AVD MANAGER

23. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
EMULADOR - SELECT HARDWARE

24. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
EMULADOR - SELECT SYSTEM IMAGE

25. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
EMULADOR - CONFIGURATION

26. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
LET’S PLAY!

27. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
LET’S PLAY!

28. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
E NO CELULAR?!

29. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
E NO CELULAR?!

30. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
E NO CELULAR?!

31. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
E NO CELULAR?!

32. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
E NO CELULAR?!

33. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
E NO CELULAR?!

34. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
E NO CELULAR?!

35. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
O APLICATIVO
E O MAPA?!
ESTÁ TUDO BRANCO!!!

36. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
MAS O QUE ACONTECEU?!

37. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

38. GOOGLE DEVELOPERS
CONSOLE

39. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

40. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

41. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

42. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

43. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

44. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

45. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

46. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

47. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

48. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

49. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

50. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

51. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

52. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
E LÁ VAMOS NÓS DE NOVO!

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. PASSO 02
ESSE É RAPIDINHO!

55. VAMOS VER CÓDIGO!

56. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
MAPSACTIVITY.JAVA
O QUE ACONTECE QUANDO
CRIAMOS A TELA DO MAPA?

57. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
MAPSACTIVITY.JAVA
E PRA QUE SERVE ISSO?!

58. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
ADEUS SYDNEY!
BEM VINDO BELZONTI!

59. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
MAPSACTIVITY.JAVA
AQUILO VAI VIRAR ISSO!

60. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
E LÁ VAMOS NÓS DE NOVO!

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. PASSO 03
FORÇA!

63. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
PREPARANDO O TERRENO

64. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
PREPARANDO O TERRENO

65. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
PREPARANDO O TERRENO

66. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
BUSCAR RESTAURANTES PRÓXIMOS

67. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
GOOGLE PLACES API
‣ https://developers.google.com/places/

68. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
GOOGLE PLACES API

69. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
GOOGLE PLACES API
MAIS UMA CHAVE!

70. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
GOOGLE PLACES API

71. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
GOOGLE PLACES API

72. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
GOOGLE PLACES API

73. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
GOOGLE PLACES API

74. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
GOOGLE PLACES API

75. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

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. 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. 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. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
LEMBRA DO BUSCAR RESTAURANTES PRÓXIMOS?
VAI FICAR ASSIM

80. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
LEMBRA DO BUSCAR RESTAURANTES PRÓXIMOS?
E ESSE CARA?

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. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
REQUISITANDO UMA URL (GOOGLE PLACES API PRA GENTE)

83. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
REQUISITANDO UMA URL (GOOGLE PLACES API PRA GENTE)

84. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
O QUE FIZEMOS

85. ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY
O QUE DA PRA FAZER

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. 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. @JORDANSILVA
+JORDANSILVABR
silva.jordan@gmail.com@
http://goo.gl/fWwL27
GDGBH.ORG