Android CodeLab - Nearby Places: Google Maps + Google Places

NEARBY PLACES COM: GOOGLE MAPS + GOOGLE PLACES#iwdbh

JORDAN SILVA

@JORDANSILVA

DESENVOLVEDOR ANDROID NAS HORAS VAGAS PESQUISADOR NA UFMG CODE FOR FOOD

+JORDANSILVABR

[email protected]@

mailto:[email protected]?subject=

O QUE VAMOS PRECISAR?

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

+


O QUE ESPERAMOS NO FINAL

▸ 1. INSTALAR O JAVA DEVELOPMENT KIT

▸ 2. INSTALAR O ANDROID STUDIO

▸ HOW TO: https://goo.gl/Z8H5E5 (Android Studio)


INSTALANDO O ANDROID STUDIO

https://goo.gl/Z8H5E5


▸ VERIFIQUE NO SEU TERMINAL SE JÁ POSSUI ALGUMA VERSÃO JAVA INSTALADA

▸ comando: java -version


INSTALANDO O JDK


INSTALANDO O JDK


▸ 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

http://www.oracle.com/technetwork/java/javase/downloads/index.html


INSTALANDO O ANDROID STUDIO


▸ 2. INSTALAR O ANDROID STUDIO

▸ Google It: “Android Studio”

▸ http://developer.android.com/intl/pt-br/sdk/index.html

http://developer.android.com/intl/pt-br/sdk/index.html


WELCOME TO ANDROID STUDIO


CRIANDO O PROJETO


CRIANDO O PROJETO


CRIANDO O PROJETO


CRIANDO O PROJETO


CRIANDO O PROJETO

PASSO 01


GOOGLE_MAPS_API.XML


PROJECT PANEL

EXIBE A ESTRUTURA DO PROJETO, PERMITE REALIZAR VÁRIAS AÇÕES: ADICIONAR ACTIVITIES, IMAGENS, NAVEGAR ENTRE OS ARQUIVOS.


FILE EDITOR

ONDE VAMOS BOTAR A MÃO NA MASSA!


LAYOUT EDITOR

CRIE E VISUALIZE O DESIGN DO SEU APP AQUI.


LAYOUT EDITOR

CRIE E VISUALIZE O DESIGN DO SEU APP AQUI.


ANDROID MANIFEST


EMULADOR

AVD MANAGER


EMULADOR - SELECT HARDWARE


EMULADOR - SELECT SYSTEM IMAGE


EMULADOR - CONFIGURATION


LET’S PLAY!


LET’S PLAY!


E NO CELULAR?!


E NO CELULAR?!


E NO CELULAR?!


E NO CELULAR?!


E NO CELULAR?!


E NO CELULAR?!


E NO CELULAR?!


O APLICATIVO

E O MAPA?! ESTÁ TUDO BRANCO!!!


MAS O QUE ACONTECEU?!


GOOGLE DEVELOPERS CONSOLE















E LÁ VAMOS NÓS DE NOVO!

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:

$gitclone<URLALIDECIMA>

$cdAndroid-CodeLab-LugaresProximos

$gitcheckoutstep-1


PARTE 01 - DONE!

https://github.com/jordansilva/android-codelab-lugaresproximos

https://goo.gl/AmTpG7

PASSO 02 ESSE É RAPIDINHO!

VAMOS VER CÓDIGO!


MAPSACTIVITY.JAVA

O QUE ACONTECE QUANDO CRIAMOS A TELA DO MAPA?


MAPSACTIVITY.JAVA

E PRA QUE SERVE ISSO?!


ADEUS SYDNEY!BEM VINDO BELZONTI!


MAPSACTIVITY.JAVA

AQUILO VAI VIRAR ISSO!


E LÁ VAMOS NÓS DE NOVO!






$gitcheckoutstep-2


PARTE 02 - DONE!



PASSO 03 FORÇA!


PREPARANDO O TERRENO






BUSCAR RESTAURANTES PRÓXIMOS


GOOGLE PLACES API

‣ https://developers.google.com/places/

https://developers.google.com/places/


GOOGLE PLACES API


GOOGLE PLACES API

MAIS UMA CHAVE!


GOOGLE PLACES API


GOOGLE PLACES API


GOOGLE PLACES API


GOOGLE PLACES API


GOOGLE PLACES API



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.


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…


ESTUDANDO A URL

‣ https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-19.929532,-43.940726&radius=500&types=food&key=AIzaSyAhp_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


LEMBRA DO BUSCAR RESTAURANTES PRÓXIMOS?

VAI FICAR ASSIM


LEMBRA DO BUSCAR RESTAURANTES PRÓXIMOS?

E ESSE CARA?


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'


REQUISITANDO UMA URL (GOOGLE PLACES API PRA GENTE)


REQUISITANDO UMA URL (GOOGLE PLACES API PRA GENTE)


O QUE FIZEMOS


O QUE DA PRA FAZER






$gitcheckoutstep-3


PARTE 03 - ALELUIA




LINKS INTERESSANTES

▸ http://developer.android.com/

▸ http://developers.google.com /maps /places

▸ http://www.gdgbh.org

▸ https://goo.gl/Z8H5E5 (Instalando o Android Studio)

http://developer.android.com/

http://developers.google.com

http://www.gdgbh.org

https://goo.gl/Z8H5E5

@JORDANSILVA

+JORDANSILVABR

[email protected]@

http://goo.gl/fWwL27

GDGBH.ORG

mailto:[email protected]?subject=

http://goo.gl/fWwL27

http://gdgbh.org

Mobile

Android CodeLab - Nearby Places: Google Maps + Google Places