terça-feira, 8 de julho de 2014

Android Wear - Notifications

Olá povo,

No post anterior, falamos de como configurar o ambiente para iniciar um emulador do Android Wear e como conecta-lo ao smartphone/tablet. Também vimos que as notificações disparadas nos handhelds (smatphones/tablets) ficam sincronizadas no smartwatch. Nesse post vou mostrar como se comportam as notificações nos Android Wear.

Crie um novo projeto no Android Studio 0.8 (ou superior), defina o nome do projeto e seu respectivo pacote e clique em Next. A janela abaixo será exibida, então marque apenas a opção "Phone and Tablet" (spoiler: o próximo post será sobre apps exclusivas para wearables).
Adicione uma Activity em branco ao projeto e conclua o assistente.
Nosso projeto será simples, terá uma Activity principal e outra (DetalheActivity) que receberá uma mensagem vinda do relógio. Na MainActivity, adicione os dois métodos abaixo que usaremos mais adiante.
private NotificationCompat.Builder
    criarNotificacao(String title, String text) {

    return new NotificationCompat.Builder(this)
        .setSmallIcon(R.drawable.ic_like)
        .setContentTitle(title)
        .setContentText(text)
        .setAutoCancel(true)
        .setDefaults(NotificationCompat.DEFAULT_ALL);
}

private void dispararNotificacao(
    Notification notification, int id) {

    NotificationManagerCompat notificationManager =
        NotificationManagerCompat.from(this);

    notificationManager.notify(id, notification);
}
Nada especial nesses dois métodos. O primeiro cria objeto NotificationCompat.Builder que constrói uma notificação com as propriedades mais comuns: título, texto, ícone, cor do led, som e vibração padrão (isso é feito na chamada ao setDefaults). O segundo dispara a notificação usando a classe NotificationManagerCompat. Mas o importante aqui é que essa classe está na versão 20 da API de compatibilidade, então certifique-se de que no seu arquivo build.gradle esteja com o appcompat-v7:20. Outra detalhe é que se você não estiver rodando no emulador do Android L, use o compileSdkVersion com o valor 'android-19' conforme abaixo.
apply plugin: 'com.android.application'

android {
    compileSdkVersion 'android-19'
    buildToolsVersion "20.0.0"

    defaultConfig {
        applicationId "nglauber.android.testewear"
        minSdkVersion 10
        targetSdkVersion 19
        versionCode 1
        versionName "1.0"
    }

    buildTypes {
        release {
            runProguard false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:20.+'
}
Então se dispararmos uma notificação simples podemos utilizar o método abaixo.
private void notificacaoSimples() {
    Intent viewIntent = 
        new Intent(this, MyActivity.class);

    PendingIntent viewPendingIntent =
        PendingIntent.getActivity(
            this, 0, viewIntent, 0);

    NotificationCompat.Builder notificationBuilder =
        criarNotificacao("Título", "Texto")
            .setContentIntent(viewPendingIntent);

    dispararNotificacao(
        notificationBuilder.build(), 1);
}
A notificação aparecerá no handheld e no relógio que ficará como abaixo.
Como podemos ver, não fizemos nada de especial do wear, então se você já fez seu aplicativo com notificações, elas estarão integradas com o wearable automaticamente (se eles estiverem pareados, óbvio). Outra coisa que podemos fazer em handhelds e que é ótimo nos relógios são as ações. Vamos ver como adicionar uma...
private void notificacaoComAcao() {
    Intent mapIntent = new Intent(Intent.ACTION_VIEW);
    Uri geoUri = Uri.parse(
        "geo:0,0?q=" + Uri.encode("Av.Caxangá"));
    mapIntent.setData(geoUri);

    PendingIntent mapPendingIntent =
        PendingIntent.getActivity(
            this, 0, mapIntent, 0);

    NotificationCompat.Builder notificationBuilder =
        criarNotificacao("Localização", "Av. Caxangá")
        .setContentIntent(mapPendingIntent)
        .addAction(R.drawable.ic_map, 
            "Abrir mapa", mapPendingIntent);

    dispararNotificacao(
        notificationBuilder.build(), 1);
}
Uma notificação similar a anterior será exibida no relógio, mas se fizermos o swipe para esquerda, veremos essa ação.
Ao clicarmos nessa ação, o aplicativos de mapa (Google Maps ou Waze, por exemplo) será iniciado no smartphone/tablet. Esse exemplo também não usa nada especial do Android Wear :(
Então vou deixar de enrolação e mostrar algo que só funcione no wear: responder uma notificação a partir do relógio como é feito no Gmail.
private void notificacaoComResposta() {
    RemoteInput remoteInput = new RemoteInput.Builder(
        DetalheActivity.EXTRA_VOICE_REPLY)
        .setLabel("Diga a resposta")
        .build();

    Intent replyIntent = new Intent(
        this, DetalheActivity.class);

    PendingIntent replyPendingIntent =
        PendingIntent.getActivity(
            this, 0, replyIntent,
                PendingIntent.FLAG_UPDATE_CURRENT);

    NotificationCompat.Action action =
        new NotificationCompat.Action.Builder(
            R.drawable.ic_reply, "Responder", 
                replyPendingIntent)
            .addRemoteInput(remoteInput)
            .build();

    NotificationCompat.WearableExtender nwe =
        new NotificationCompat.WearableExtender();    

    Notification notification =
        criarNotificacao(
            "Título", "Passe a página p/ responder")
            .extend(nwe.addAction(action))
            .build();
    dispararNotificacao(notification, 1);
}
Quando a notificação for disparada, ao deslizar para a esquerda, teremos a ação de responder.

Ao clicarmos na ação, a tela do comando de voz será exibida, então podemos falar nossa resposta (ou digitar se você estiver usando o emulador).

Como podemos observar, disparamos uma Intent para DetalheActivity (que você deve criar), e nela podemos capturar o texto falado no relógio utilizando o código abaixo.
private CharSequence obterTextoFalado(Intent intent) {
    Bundle remoteInput = RemoteInput
        .getResultsFromIntent(intent);
    if (remoteInput != null) {
        return remoteInput
            .getCharSequence(EXTRA_VOICE_REPLY);
    }
    return null;
}
Muito simples não? Espero que todos os aplicativos de troca de mensagens (como WhatsApp) implementem isso, pois é muito legal! :)
Mas além de ações, podemos adicionar páginas que podem ser visualizadas fazendo o swipe para esquerda.
private void notificacaoComPaginas() {
    Intent viewIntent = new Intent(
        this, MyActivity.class);
    PendingIntent viewPendingIntent =
        PendingIntent.getActivity(
            this, 0, viewIntent, 0);

    NotificationCompat.Builder nb =
        criarNotificacao("Título", "Página1")
        .setContentIntent(viewPendingIntent);

    NotificationCompat.BigTextStyle pagesStyle =
        new NotificationCompat.BigTextStyle()
            .setBigContentTitle("Página 2")
            .bigText("Um monte de texto aqui...");

    Notification secondPageNotification =
        new NotificationCompat.Builder(this)
            .setStyle(secondPageStyle)
            .build();

    Notification twoPageNotification =
        new NotificationCompat.WearableExtender()
            .addPage(pagesStyle)
            .extend(nb)
            .build();

    dispararNotificacao(
        twoPageNotification, 1);
}


Assim, podemos ter um conteúdo maior na notificação utilizando páginas.

É isso aí povo. Nós como desenvolvedores agora temos que pensar que as notificações disparadas no seu aparelho também aparecerão nos smartwatches. Então não perca a oportunidade de fazer sua aplicação funcionar bem também nos relógios com Android Wear.

Qualquer dúvida, deixem seus comentários.

4br4ç05,
nglauber

Fonte: http://developer.android.com/training/wearables/notifications/index.html

sábado, 5 de julho de 2014

Android Wear


Olá povo,

No Google I/O 2014, um dos principais destaques foi o Android Wear, versão do Android focada em "dispositivos vestíveis", em especial os smartwatches, ou relógios inteligentes. Cada participante ganhou um e poderia optar por um dos dois modelos: o Samsung Gear Live ou o LG G watch. Optei pelo da Samsung devido ao tamanho da tela um pouco maior que o da LG, mesmo sabendo que a bateria durava um pouco menos. Após uma semana de uso, estou satisfeito com o "brinquedinho".
Uma coisa muito bacana de usar o relógio é que ele fica sincronizado com o seu smartphone/tablet, dessa forma toda notificação disparada aparece em ambos os devices. Assim, quando uma notificação é removida do relógio (fazendo o swipe para direita) ela é removida do smartphone/tablet e vice-versa.

Mas não é porque você não tem o relógio que você não pode brincar com o Android Wear. Nesse post vou mostrar como configurar o ambiente para começarmos a brincar os relógios Android.

O que precisaremos?
1) Inicialmente necessitamos da atualização do Google Play Services 5, Google Search e do aplicativo do Android Wear no seu aparelho. Como elas estão em fase de testes (Developer Preview), devemos nos tornar testadores desses aplicativos. Para tal, siga os passos descritos nesse link, que basicamente permitirá que você se torne um tester da versão developer preview desses aplicativos.
2) Ainda no link acima, é informado que devemos abrir o Android SDK Manager para adicionarmos um novo repositório para podermos baixar o SDK Tools 23 e o Platform Tools 20.
3) Precisaremos também do Android Studio 0.8.1 para criar nossos aplicativos wearable. Ele disponível nesse link.
4) Quando tudo estiver pronto, abra o AVD Manager e crie um novo AVD. Conforme podemos observar na figura abaixo, no campo Device temos a opção Android Wear Square e Android Wear Round que representam a tela do relógio que pode ser quadrada ou redonda respectivamente. O comando de voz presente no dispositivo real não está disponível no emulador, então devemos deixar o campo "Hardware keyboard present" habilitado. Preencha os demais campos conforme a figura e depois clique em Ok.
5) Configurado o emulador, mande executar e você deve ter algo como a figura abaixo.
6) Agora abra o terminal e digite o seguinte comando na pasta ANDROID_SDK/platform-tools.
 adb -d forward tcp:5601 tcp:5601
Esse comando deve ser feito para permitir a conexão entre o seu smartphone/tablet e o emulador do wear.
7) Agora abra o aplicativo do Android Wear, clique no menu e selecione a opção Parear com novo wearable.
Será exibida uma tela similar a abaixo. Clique em Next (seta azul) para continuar.

Clique na engrenagem e selecione "Parear com emulador".
Se tudo correr bem, aparecerá a tela inicial com o título "Emulador Conectado".

Um teste simples
Apenas para confirmar se está tudo funcionando, vou mandar um email para mim mesmo. Isso fará com que uma notificação seja disparada no smartphone/tablet. Se estiver tudo ok, a mensagem também chegará no emulador. Conforme podemos ver na imagem abaixo.
Ao tocar na notificação ela ocupará a tela toda e poderemos vê-la melhor, inclusive podendo fazer scroll. Ao deslizar para a esquerda, podemos ver mais opções como excluir, responder e abrir no smartphone.
Se escolhermos a opção "Responder", podemos enviar um email de resposta apenas falando o seu conteúdo. Ao selecionarmos essa opção a tela abaixo será exibida.
No emulador, temos que digitar o texto de resposta, mas no relógio real, apenas falamos, o reconhecimento de voz é feito e o email será enviado.
No próximo post vou mostrar como fazer isso na sua aplicação! \o/

Qualquer dúvida, deixem seus comentários.

4br4ç05,
nglauber

Fonte: http://developer.android.com/training/wearables/apps/creating.html

segunda-feira, 30 de junho de 2014

Google I/O 2014

Olá povo,

No último dia 21/06 viajei para San Francisco para o meu primeiro Google I/O, conferência anual do Google. O evento aconteceu nos dias 25 e 26/06, e nesse post vou contar um pouquinho de como foi a viagem, pois todas as palestras podem ser vistas aqui ;)
Peguei um vôo da American Airlines de Recife para Miami (6 horas), e de Miami para San Francisco (mais 6 horas). Chegando em SF, fui recepcionado pelos meus estimados colegas Neto Marin e José Papo, que me levaram para conhecer o Pier 39, um ponto turístico da cidade.
Almoçamos por lá e depois demos uma volta pela cidade de carro. Depois eles me deixaram na casa onde fiquei hospedado (ótima por sinal) que fica a 15 minutos do centro. Dividi a casa com mais dois colegas: Alexandre Tarifa e Paulo Fernandes.
Na segunda-feira (23/06), fomos conhecer o Google, e foi simplesmente fantástico com vários prédios bacanas pra caramba. Mas minha principal meta era: tirar fotos no prédio onde ficam as estátuas do Android. Missão cumprida! :)


Assisti a vitória da seleção brasileira por 4x1 sobre Camarões no refeitório do Google, onde tinham vários brasileiros torcendo pela nossa seleção. Foi massa! :) Em seguida conheci outros prédios do Google Plex.
Lá dentro tem uma loja que vende camisas, bonecos, casacos com estampas das coisas do Google. Aí lascou! Comprei um monte :)
Depois do passeio no Google, fui conhecer um pouquinho do centro de SF. Uma coisa curiosa (e boa ao meu ver) é que as 20:00 ainda está claro, só começa a escurecer entre 20:30 e 21:00 :)
Jantei na Cheesecake Factory (infelizmente Penny não trabalha lá) e além de a comida ser excelente (e não tão cara) a vista de lá é bem bacana.
Terça-feira foi o dia de fazer o checkin no local do evento o Moscone Center West que estava vestido para o Google I/O.

Fiz a confirmação da minha presença e ganhei aquele kit básico de evento (crachá, camisa e garrafinha). Em seguida, fui para uma festa exclusiva para os GDEs onde conheci outros GDEs do resto mundo. Depois de algumas horas, fui pra casa pra descansar e me preparar para o primeiro dia do evento.

Acordei cedo na quarta-feira preparado para enfrentar a maratona de palestras que estava por vir. Peguei uma fila que deu a volta no quarteirão e perdi os 20 primeiros minutos do keynote de abertura (fiquei puto, porque GDE não precisava pegar essa fila) mas tudo bem, assisti quando cheguei em casa.
No keynote de abertura, os principais tópicos do Android foram:
- Android L Developer Preview que ficará no lugar do KitKat;
- Android Wear, o Android para dispositivos vestíveis, em especial, relógios e o glass;
- Android Auto, distribuição da plataforma para carros;
- Android TV, mais uma tentativa do Google em emplacar nas smartTVs.
Como é de costume o Google dá um "presentinho" a todos os participantes do I/O, e esse ano o participantes poderiam escolher entre o LG G watch ou Samsung Gear Live. Eu escolhi o segundo, (aos assaltantes de plantão, digo logo que não vou usa-lo :) A promessa é que depois (não sei quando) cada participante receberá também o Moto 360 (ficarei na torcida).
Uma coisa que foi impressionante pra mim foi o telão e a quantidade de pessoas (eu ouvi algo em torno de 6 mil).

Assisti palestras a tarde toda, e no final do primeiro dia, teve uma festinha bem legal. E o que é mais bacana nesse tipo de evento são as pessoas que você conhece. Conversei com um ex-gerente do NetFlix, com um TL do Hotel Urbano, uma designer do LinkedIn...
O segundo dia foi mais uma maratona de palestras, mas o que mais se falava era no novo visual/tema do Android: o Material. Muito bonito e consistente, ele foca muito em animações e promete trazer várias APIs (além do framework de animação existente desde o Honeycomb) para facilitar esse trabalho.

Um outro assunto recorrente eram os wearables, mais especificamente os relógios. Penso que o Google está investindo pesado e eu acho que a moda dos smartwatches vai mesmo pegar. Eles funcionam muito bem integrados com o smartphone, e inclusive o SDK já está disponível para download. Eu baixei o Android Studio 0.8 e já comecei a brincar com ele (já fiz até um app pro meu relógio :)

Ia esquecendo que não resisti e dei uma "tietada" em dois caras que eu sou muito fã: o Reto Meier e o Romain Guy. Se você mexe com Android e não conhece esses caras, bem... deveria conhecer :)
Bem pessoal, é isso. Quis resumir nesse post a história do meu primeiro Google I/O. Se vocês tiverem dúvidas sobre a viagem ou sobre o que aconteceu no evento, deixem seus comentários que eu vou editando aqui.

4br4ç05,
nglauber

quarta-feira, 4 de junho de 2014

GDG Recife


Olá povo,

No próximo dia 11/06 estará sendo lançado o Google Developer Group de Recife. O evento acontecerá no Anfiteatro do Centro de Informática (CIn) da UFPE às 19h. O objetivo dos GDGs é promover a discussão e troca de informações entre os desenvolvedores sobre produtos e tecnologias Google.
Eu estarei lá falando sobre Android, e quero fazer um bate-papo que seja legal tanto para desenvolvedores iniciantes, quanto para aqueles que já trabalham com Android. Dessa forma, resolvi escolher o tema "Aplicativos Android: faça da maneira certa", onde vou dar dicas de como desenvolver aplicativos que seguem os guidelines e as boas práticas de desenvolvimento Android.

Vocês podem se inscrever no site www.gdgrecife.com.

Aguardo vocês lá.

Editado em 11/06/2014
Segue abaixo os slides da apresentação.

4br4ç05,
nglauber

segunda-feira, 19 de maio de 2014

Google Developer Experts

Olá povo,

Tenho a enorme satisfação de compartilhar com vocês que fui nomeado como primeiro Google Developer Experts (GDE) de Android da América Latina*. Esse é um programa mundial do Google que reconhece desenvolvedores especializados em tecnologias da empresa, e que compartilham seus conhecimentos com a comunidade. Mais informações sobre o programa podem ser obtidas em https://developers.google.com/experts/.

Estou muito feliz com esse reconhecimento do Google e quero continuar meu trabalho no C.E.S.A.R. e na Unibratec, bem como passar um pouco do meu conhecimento com os posts aqui do blog.


A lista com todos os GDEs pode ser visualizada em https://developers.google.com/experts/members/.

Aproveito esse post para dar outra boa notícia. Como vocês devem ter notado, faz um tempinho que não posto aqui no blog. O motivo é que estou escrevendo um livro sobre Android (estou divulgando aqui em primeira mão \o/ ) que será publicado pela editora Novatec. Ainda não tenho previsão concreta para o lançamento, mas assim que tiver novidades divulgarei aqui, no meu Twitter e no Google+.

4br4ç05,
nglauber

*Ninguém me disse isso, tomei essa conclusão olhando a lista dos GDEs :)

terça-feira, 11 de março de 2014

Dicas de Android 10

Olá povo,

Mais um post da série "Dicas de Android". Aproveitem!

Dica 1. Densidades de tela no Android e seus DPIs.
Atualmente temos dispositivos Android de diversos tamanhos e com qualidade de tela diferentes. É importante sabermos a tabela abaixo para usar imagens adequadamente para cada um deles.
DensidadeDots per inchProporção
LDPI120dpi0.75
MDPI160dpi1.00
HDPI240dpi1.50
XHDPI320dpi2.00
XXHDPI480dpi3.00
XXXHDPI640dpi4.00

Dica 2. Obter as polegadas de um aparelho. Dica de Maurício Taumaturgo.
public double getInch(Activity act) {
  DisplayMetrics displayMetrics = new DisplayMetrics();
  act.getWindowManager().getDefaultDisplay()
    .getMetrics(displayMetrics);

  double x = Math.pow(
    displayMetrics.widthPixels/displayMetrics.xdpi,2);
  double y = Math.pow(
    displayMetrics.heightPixels/displayMetrics.ydpi,2);
  double screenInch = Math.sqrt(x+y);
  return screenInch; 
}

Dica 3. HTML no TextView. Dica de Diego Nascimento (aluno do TECDAM)
O Android suporta algumas tags HTML dentro do componente TextView. Mas se quisermos carregar as imagens da tag <img /> usamos a classe ImageGetter.
TextView tvText = (TextView) findViewById(R.id.text);
final String textoEmHtml = 
  "<html><body>Html em "
  + "<b>Negrito</b> e <i>Itálico</i>"
  + "<img src='mario.png' />"
  + "Mais um texto qualquer"
  + "<img src='luigi.png' />"
  + " texto depois da imagem</body></html>";

ImageGetter imgGetter = new ImageGetter() {
  public Drawable getDrawable(String source) {
    BitmapDrawable drawable = null;
    try {
      Bitmap bmp = BitmapFactory.decodeStream(
        getAssets().open(source));

      drawable = new BitmapDrawable(
        getResources(), bmp);

      drawable.setBounds(
        0, 0, bmp.getWidth(), bmp.getHeight());

    } catch (IOException e) {
      e.printStackTrace();
    }
    return drawable;
  }
};

meuTextView.setText(
  Html.fromHtml(textoEmHtml, imgGetter, null));

Dica 4. Customizando ActionBar
A ActionBar é utilizada como padrão navegacional do Android. Entretanto, customiza-la para com as cores da sua aplicação requer um certo esforço. Para minizar esse trabalho, é possível gerar os arquivos de recurso para personalizar a ActionBar através do site Android ActionBar Style Generator.

Dica 5. EditText com imeOptions e inpuType
A propriedade inputType do EditText indica qual o formato do teclado virtual mais adequado para a caixa de texto, enquanto a propriedade imeOptions indica o botão de ação do teclado.
<EditText
  android:id="@+id/editText1"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:inputType="textEmailAddress"
  android:imeOptions="actionDone" />
final EditText edtEmail = 
  (EditText)findViewById(R.id.editText1);
edtEmail.setOnEditorActionListener(
  new OnEditorActionListener() {
    @Override
    public boolean onEditorAction(
      TextView v, int actionId, KeyEvent event) {

      if (v == edtEmail && 
        EditorInfo.IME_ACTION_DONE == actionId) {

        String email = edtEmail.getText().toString();
        if (!Patterns.EMAIL_ADDRESS.matcher(email).matches()){
          edtEmail.setError("Email inválido!");
        }
        return true;
      }
      return false;
    }
});
Dica 6. Carregando HTML com CSS e JavaScript no WebView
Se você for carregar um arquivo HTML que está dentro do seu APK, e esse arquivo usa arquivos de CSS e JavaScript, aconselho coloca-los na pasta assets do seu projeto e carregá-los da seguinte forma:
mWebView = (WebView) v.findViewById(R.id.webView1);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
mWebView.loadDataWithBaseURL(
  "file:///android_asset/", 
  "Meu Html que usa CSS e JS",
   "text/html", "UTF-8", null);

4br4ç05,
nglauber

domingo, 23 de fevereiro de 2014

Google Cloud Messaging

Olá povo,

Depois de um bom tempo sem postar, resolvi voltar com um tópico muito bacana: Google Cloud Messaging, ou simplesmente GCM. Esse serviço gratuito permite que sua aplicação web envie mensagens de notificação para sua aplicação Android. Nesse tutorial vou tentar mostrar como aplicar esse recurso na sua aplicação.

Cada aplicação deve ter um ID associado. Com esse ID, a aplicação solicita um token para o servidor do GCM, esse token é único por dispositivo+aplicação. De posse desse token, a aplicação Android deve enviar esse valor para a aplicação servidora. Esse token deve ser armazenado de alguma forma no servidor, pois quando ele precisar/desejar enviar uma mensagem, o fará através de uma requisição via POST para o servidor do GCM que se encarregará de despachá-las para os dispositivos Android.
Nada muito complexo não é? :) Agora vamos para a prática!

Gerando as chaves de acesso

Acesse o Google Developers Console e crie um novo projeto. Precisaremos do número do projeto para podermos registrar a app+device no servidor do GCM.
Uma vez criado o projeto, selecione a opção APIs dentro do menu APIs & auth. Agora, habilite o Google Cloud Messaging.

Agora vamos gerar o SHA1 que será usado para gerar a chave para acessarmos o serviço do GCM. Digite o comando abaixo na pasta bin do JDK (Java Development Kit) (ou em qualquer lugar se esse caminho estiver no PATH do seu sistema operacional).

keytool -list -v -keystore ~/.android/debug.keystore

Aqui, estou usando o debug.keystore que por padrão fica no diretório usuário/.android (no Windows seria C:\Users\usuario). O próximo passo é criar duas chaves, uma para ser usada pela app Android e outra para app Web. Para isso, selecione a opção Credentials no menu APIs & auth. Clique na opção Create new key e selecione Android key. Na janela que for exibida, digite o SHA1 gerado pelo comando keytool, seguido de ";" e o pacote do projeto.
Exemplo:
41:F7:05:0F:72:29:99:28:55:BA:4B:79:AB:27:BC:7A:62:03:85:2C;ngvl.android.exemplogcm

Clique novamente em Create new key e selecione Server key. Aqui podemos filtrar o uso dessa chave por IP. Na prática utilizaríamos o IP real do servidor, mas para esse exemplo, não usaremos. É só confirmar para criar a nova chave.

Aplicação Cliente

Para a aplicação cliente primeiro temos que adicionar a referência ao projeto do Google Play Services, disponível na pasta ANDROID_SDK/extras/google/google_play_services/libproject. Depois adicione a dependência ao seu projeto.
No AndroidManifest.xml do seu projeto você deve adicionar as seguintes informações:
<manifest
  package="ngvl.android.exemplogcm"
  ...>
  <uses-permission android:name=
    "com.google.android.c2dm.permission.RECEIVE"/>
  <uses-permission android:name=
    "android.permission.INTERNET"/>
  <uses-permission android:name=
    "android.permission.GET_ACCOUNTS"/>
  <uses-permission android:name=
    "android.permission.WAKE_LOCK"/>

  <permission android:name=
    "ngvl.android.exemplogcm.permission.C2D_MESSAGE"
    android:protectionLevel="signature"/>

  <uses-permission android:name=
    "ngvl.android.exemplogcm.permission.C2D_MESSAGE"/>

  <application
    ...>

    ...

    <receiver 
      android:name=
        "ngvl.android.exemplogcm.GcmBroadcastReceiver"
      android:permission=
        "com.google.android.c2dm.permission.SEND">
      <intent-filter>
        <action 
          android:name=
            "com.google.android.c2dm.intent.RECEIVE"/>
        <category 
          android:name="ngvl.android.exemplogcm"/>
      </intent-filter>
    </receiver>

    <service 
      android:name=
        "ngvl.android.exemplogcm.GcmIntentService"/>
        
    <meta-data 
      android:name="com.google.android.gms.version"      
      android:value="@integer/google_play_services_version"/>
  </application>
</manifest>
Basicamente, adicionamos algumas permissões:
- Para receber mensagens do GCM;
- Acessar internet;
- Ter acesso às contas cadastradas do aparelho (para usar o GCM, temos que ter uma conta Google criada no aparelho);
- Wake Lock para ligar a tela quando chegar uma notificação;
Além disso, declaramos um Broadcast Receiver que recebe as mensagens e delega o tratamento para o Intent Service que também adicionamos.

Abaixo temos o código do BroadcastReceiver. Ele é um WakefulBroadcastReceiver para evitar que o aparelho apague a tela enquanto ele está executando, que nesse caso é receber a notificação. Quando uma mensagem GCM é recebida esse componente é disparado, e então delega o tratamento para o GcmIntentService.
public class GcmBroadcastReceiver 
  extends WakefulBroadcastReceiver {

  @Override
  public void onReceive(Context context, 
    Intent intent) {

    ComponentName comp = new ComponentName(
      context.getPackageName(),
      GcmIntentService.class.getName());

    startWakefulService(
      context, (intent.setComponent(comp)));

    setResultCode(Activity.RESULT_OK);
  }
}
O IntentService é um serviço especial do Android onde cada chamada ao mesmo é empilhada e executada sequencialmente em uma Thread separada. A requisição é tratada no método onHandleIntent e nele checamos se a mensagem que estamos recebendo é uma mensagem de dados (o GCM pode enviar mensagens de erro). Se for uma mensagem de dados, disparamos uma notificação.
public class GcmIntentService extends IntentService {
  public static final int NOTIFICATION_ID = 1;
  private NotificationManager mNotificationManager;
  private NotificationCompat.Builder builder;

  public GcmIntentService() {
    super("GcmIntentService");
  }

  @Override
  protected void onHandleIntent(Intent intent) {
    Bundle extras = intent.getExtras();
    GoogleCloudMessaging gcm = 
      GoogleCloudMessaging.getInstance(this);

    String messageType = gcm.getMessageType(intent);

    if (!extras.isEmpty()) {

      if (GoogleCloudMessaging.
          MESSAGE_TYPE_MESSAGE.equals(messageType)) {

          sendNotification("Mensagem: " + 
            extras.toString());
      }
    }
    GcmBroadcastReceiver.completeWakefulIntent(intent);
  }

  private void sendNotification(String msg) {
    mNotificationManager = (NotificationManager)
      this.getSystemService(
        Context.NOTIFICATION_SERVICE);

    PendingIntent contentIntent = 
      PendingIntent.getActivity(
        this, 0, new Intent(), 0);

    NotificationCompat.Builder mBuilder =
        new NotificationCompat.Builder(this)
      .setSmallIcon(R.drawable.ic_launcher)
      .setContentTitle("GCM Notification")
      .setStyle(new NotificationCompat.BigTextStyle()
      .bigText(msg))
      .setContentText(msg);

    mBuilder.setContentIntent(contentIntent);
    mNotificationManager.notify(
      NOTIFICATION_ID, mBuilder.build());
  }
}
Logo abaixo, criei uma classe utilitária para realizar as operações com o GCM. O método checkPlayService verifica se o google play está instalado, atualizado e se existe uma conta google criada no aparelho. Já o método getRegistrationId obtém o chave de acesso que o GCM retornou e que no nosso exemplo, estamos armazenando em uma SharedPreference. Isso está sendo feito no método storeRegistrationId.
O método registerInBackground tenta obter a chave de acesso do GCM usando uma AsyncTask. Ou seja, em uma Thread separada. Quando obtermos essa chave, a enviamos para nossa aplicação web e salvamos na SharedPreference.
Nesse exemplo, estamos enviando essa chave via requisição GET para o servidor. Obviamente, isso deve ser melhorado em uma aplicação de produção.
public class GcmHelper {

  public static final String 
    EXTRA_MESSAGE = "message";
  public static final String 
    PROPERTY_REG_ID = "registration_id";
    
  private static final String 
    PROPERTY_APP_VERSION = "appVersion";
  private static final String 
    SENDER_ID = "ID_DA_SUA_APP";
  private static final String 
    IP = "IP_DO_SERVIDOR";
 
  public static boolean checkPlayServices(
    Activity activity, int requestCode) {

    int resultCode = GooglePlayServicesUtil
       .isGooglePlayServicesAvailable(activity);

    if (resultCode != ConnectionResult.SUCCESS) {
      if (GooglePlayServicesUtil
          .isUserRecoverableError(resultCode)) {

        GooglePlayServicesUtil.getErrorDialog(
          resultCode, activity, requestCode).show();

      } else {
        Toast.makeText(activity, 
            "Dispositivo não suportado.", 
            Toast.LENGTH_SHORT).show();
        activity.finish();
      }
      return false;
    }
    return true;
  }
 
  public static String getRegistrationId(
    Context context) {

    final SharedPreferences prefs = 
      getGCMPreferences(context);

    String registrationId = 
      prefs.getString(PROPERTY_REG_ID, "");

    if (registrationId.isEmpty()) {
      return "";
    }
    int registeredVersion = 
      prefs.getInt(PROPERTY_APP_VERSION, 
        Integer.MIN_VALUE);

    int currentVersion = getAppVersion(context);
    if (registeredVersion != currentVersion) {
      return "";
    }
    return registrationId;
  }
 
  private static void storeRegistrationId(
    Context context, String regId) {

    final SharedPreferences prefs = 
      getGCMPreferences(context);

    int appVersion = getAppVersion(context);

    SharedPreferences.Editor editor = prefs.edit();
    editor.putString(PROPERTY_REG_ID, regId);
    editor.putInt(PROPERTY_APP_VERSION, appVersion);
    editor.commit();
  }

  public static void registerInBackground(
    final Context ctx, 
    final GoogleCloudMessaging gcm,
    final RegisterListener listener) {
  
    new AsyncTask<Void, Void, String>() {
      @Override
      protected String doInBackground(
        Void... params) {

        String regid = null;
        try {
          regid = gcm.register(SENDER_ID);

          sendRegistrationIdToBackend(regid);

          storeRegistrationId(ctx, regid);
                 
        } catch (IOException ex) {
          ex.printStackTrace();
        }
        return regid;
      }

      @Override
      protected void onPostExecute(String msg) {
        listener.onRegisterComplete(msg);
      }
    }.execute();
  }
 
  private static void sendRegistrationIdToBackend(
    String key) throws IOException {

    URL url = new URL(
      "http://"+ IP +"/SeuServer/registrar?token="+ key);

    HttpURLConnection conexao = 
      (HttpURLConnection)url.openConnection();
    conexao.connect();
  }
 
  private static SharedPreferences 
    getGCMPreferences(Context context) {

    return context.getSharedPreferences(
      "GDE", Context.MODE_PRIVATE);
  }
 
  private static int getAppVersion(Context context) {
    try {
      PackageInfo packageInfo = 
        context.getPackageManager()
          .getPackageInfo(context.getPackageName(), 0);
      return packageInfo.versionCode;
         
    } catch (NameNotFoundException e) {
      throw new RuntimeException(e);
    }
  }

  public interface RegisterListener {
    void onRegisterComplete(String s);
  }
}
A Activity né bem simples. Ela checa se o device suporta o Google Play (e se está atualizado), tenta obter a chave de acesso do GCM e depois a envia para o servidor.
public class ClientActivity extends Activity 
  implements RegisterListener {

  private static final int REQUEST_CODE_GOOGLEPLAY = 0;
 
  GoogleCloudMessaging gcm;
 
  String regid;
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_client);
  
    if (GcmHelper.checkPlayServices(
        this, REQUEST_CODE_GOOGLEPLAY)) {

      gcm = GoogleCloudMessaging.getInstance(this);
      regid = GcmHelper.getRegistrationId(this);

      if (regid.isEmpty()) {
        GcmHelper.registerInBackground(this, gcm, this);
      }
    } else {
      Log.i("NGVL", "Google Play não instalado.");
    }
  }
  
  @Override
  public void onRegisterComplete(String s) {
    Toast.makeText(this, "Registered: "+ s, 
      Toast.LENGTH_LONG).show();
  }
}

Aplicação Servidora

Você pode usar qualquer tecnologia do lado do servidor para usar o GCM. Aqui vou usar um Servlet Java para receber o token do cliente Android e enviar mensagens para o mesmo. Aqui só estou salvando um device. Você terá que fazer a sua lógica para salvar vários.

@WebServlet("/gcm")
public class GcmServlet extends HttpServlet {

  private static final long serialVersionUID = 1L;

  protected void doGet(
    HttpServletRequest request,
    HttpServletResponse response) 
      throws ServletException, IOException {

    PrintWriter writer = response.getWriter();
    writer.print("Current key:"+ retrieveToken());
  
    String key = request.getParameter("token");
    if (key != null && !key.isEmpty()){
      saveToken(key);
      response.getWriter().print("\nRegistrado:"+ key);
    }
  }

  protected void doPost(
    HttpServletRequest request,
    HttpServletResponse response) 
      throws ServletException, IOException {
  
    String msgJson = 
      "{ \"data\": { \"mensagem\":\""+ 
      request.getParameter("msg") +"\"}, "+
      "\"registration_ids\": [ \""+ retrieveToken() +
      "\" ] }";

    byte[] data = msgJson.getBytes("UTF-8");
  
    URL url = new URL(
      "https://android.googleapis.com/gcm/send");

    HttpsURLConnection conexao = 
      (HttpsURLConnection)url.openConnection();

    conexao.addRequestProperty("Authorization", 
      "key="+"sua_chave_web_aqui");
    conexao.addRequestProperty(
      "Content-Type", "application/json");
    conexao.setRequestMethod("POST");
    conexao.setDoOutput(true);
    conexao.setUseCaches(false);
    conexao.connect();
  
    OutputStream os = conexao.getOutputStream();
    os.write(data);
    os.close();
  
    PrintWriter writer = response.getWriter();
    writer.print("Trying to send: "+ msgJson);
  
    if (conexao.getResponseCode() == 
      HttpURLConnection.HTTP_OK){

      writer.print("\nDONE");
    } else {
      writer.print(
        "\nERRO:"+ conexao.getResponseCode() +" - "+ 
      conexao.getResponseMessage());
    }
  }

  private void saveToken(String key)
    throws IOException {

    String serverDir = 
      getServletContext().getRealPath("/");

    File f = new File(serverDir, "devices");
    if (!f.exists())
      f.createNewFile();

    FileOutputStream fos = new FileOutputStream(f);
    BufferedWriter out = new BufferedWriter(
      new FileWriter(f, true));
    out.write(key);

    out.close();
    fos.close();
  }
 
  private String retrieveToken() throws IOException{
    String serverDir = 
      getServletContext().getRealPath("/");

    File f = new File(serverDir, "devices");
    if (f.exists()){
      InputStream is = new FileInputStream(f);
      BufferedReader rd = new BufferedReader(
        new InputStreamReader(is));
   
      String line = rd.readLine();
      rd.close();
      is.close();
      return line;
    }
    return null;
  }
}
Para fins de exemplo, o método GET desse servidor está recebendo o token do cliente. Aqui só estou armazenando 1 única chave em um arquivo TXT, mas na prática, devemos armazenar isso em um banco de dados. Para enviar uma mensagem para o Android, basta abrir a página abaixo, digitar a mensagem e clicar em enviar.
<html>
<head>
<title>Exemplo GCM</title>
</head>
<body>
<form method="post" action="gcm">
  Mensagem:<input type="text" name="msg"><br>
  <input type="submit" value="OK">
</form>
</body>
</html>

Qualquer dúvida, deixem seus comentários.

4br4ç05,
nglauber