Android CodeLab - Nearby Places: Google Maps + Google Places

Post on 10-Feb-2017

440 views 4 download

transcript

NEARBY PLACES COM: GOOGLE MAPS + GOOGLE PLACES#iwdbh

JORDAN SILVA

@JORDANSILVA

DESENVOLVEDOR ANDROID NAS HORAS VAGAS PESQUISADOR NA UFMG CODE FOR FOOD

+JORDANSILVABR

silva.jordan@gmail.com@

O QUE VAMOS PRECISAR?

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

+

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)

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

INSTALANDO O ANDROID STUDIO

▸ 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

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

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

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

WELCOME TO ANDROID STUDIO

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

CRIANDO O PROJETO

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

CRIANDO O PROJETO

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

CRIANDO O PROJETO

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

CRIANDO O PROJETO

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

CRIANDO O PROJETO

PASSO 01

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE_MAPS_API.XML

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.

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

FILE EDITOR

ONDE VAMOS BOTAR A MÃO NA MASSA!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

LAYOUT EDITOR

CRIE E VISUALIZE O DESIGN DO SEU APP AQUI.

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

LAYOUT EDITOR

CRIE E VISUALIZE O DESIGN DO SEU APP AQUI.

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID MANIFEST

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

EMULADOR

AVD MANAGER

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

EMULADOR - SELECT HARDWARE

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

EMULADOR - SELECT SYSTEM IMAGE

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

EMULADOR - CONFIGURATION

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

LET’S PLAY!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

LET’S PLAY!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

E NO CELULAR?!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

E NO CELULAR?!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

E NO CELULAR?!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

E NO CELULAR?!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

E NO CELULAR?!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

E NO CELULAR?!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

E NO CELULAR?!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

O APLICATIVO

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

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

MAS O QUE ACONTECEU?!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE DEVELOPERS CONSOLE

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

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

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

PARTE 01 - DONE!

PASSO 02 ESSE É RAPIDINHO!

VAMOS VER CÓDIGO!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

MAPSACTIVITY.JAVA

O QUE ACONTECE QUANDO CRIAMOS A TELA DO MAPA?

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

MAPSACTIVITY.JAVA

E PRA QUE SERVE ISSO?!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

ADEUS SYDNEY!BEM VINDO BELZONTI!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

MAPSACTIVITY.JAVA

AQUILO VAI VIRAR ISSO!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

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-2

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

PARTE 02 - DONE!

PASSO 03 FORÇA!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

PREPARANDO O TERRENO

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

PREPARANDO O TERRENO

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

PREPARANDO O TERRENO

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

BUSCAR RESTAURANTES PRÓXIMOS

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE PLACES API

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

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE PLACES API

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE PLACES API

MAIS UMA CHAVE!

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE PLACES API

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE PLACES API

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE PLACES API

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE PLACES API

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

GOOGLE PLACES API

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

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.

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…

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=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

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

LEMBRA DO BUSCAR RESTAURANTES PRÓXIMOS?

VAI FICAR ASSIM

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

LEMBRA DO BUSCAR RESTAURANTES PRÓXIMOS?

E ESSE CARA?

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'

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

REQUISITANDO UMA URL (GOOGLE PLACES API PRA GENTE)

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

REQUISITANDO UMA URL (GOOGLE PLACES API PRA GENTE)

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

O QUE FIZEMOS

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

O QUE DA PRA FAZER

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-3

ANDROID CODELAB - INTERNATIONAL WOMEN’S DAY

PARTE 03 - ALELUIA

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)

@JORDANSILVA

+JORDANSILVABR

silva.jordan@gmail.com@

http://goo.gl/fWwL27

GDGBH.ORG