Google for Developers: desarrolladores

Hackademy Youtube API

miércoles, 16 de julio de 2014

Después de varias semanas de fútbol, retomamos el código con Matías Molina, Google Developer Expert para Youtube. En el post de hoy repasamos las 4 sesiones de #Hackademy en las que se explica cómo sacar el máximo partido de Youtube API.

Ponte cómodo y déjate llevar por el código.

Aprende a usar el API de datos y cómo registrar tu app y usar OAuth 2.0 durante esta primera sesión.

En la segunda entrega, +Matias Molinas nos enseña cómo utilizar las API IFrame y Flash del reproductor para gestionar eventos y controlarlos mediante JavaScript, a través de casos reales. Atento al desafío que propone.

Descubre por qué el reproductor nativo de Youtube es la mejor opción para apps móviles en #Android en esta tercer vídeo.

Por último, aprende a medir el desempeño y rendimiento de tus vídeos y canales a través de Youtube Analytics, así como Google Analytics aplicado a las experiencias en la web que incluyan vídeos.

¡Hasta la próxima!

Como incluir Google+ SignIn en tus aplicaciones DART

jueves, 20 de marzo de 2014

By Ponce de León Luego de una temporada de eventos Dart Flight School, donde se ha plantado la semilla de DART en nuestro interior, esta ha empezado a germinar por lo que he decidido empezar a migrar mis proyectos web a DART, la mayoría de mis aplicaciones usan autenticación a través de Google+ Sign In.

Una de mis primeras reacciones fue buscar la lista de ejemplos (quickstart) que tenemos disponibles en la página de desarrolladores de Google+ SignIn, pero no he encontrado un ejemplo escrito para DART, así que mi pequeña búsqueda inició. Se que suena como principio de una novela, aunque hubiera querido investigar esto, la comunidad de desarrolladores de DART ya habia creado un paquete que solucionaría mis problemas, asi que sin más preambulos aqui les comparto la forma de utilizarlo.

Lo primero que debemos hacer es crear un proyecto web en DART:

Ahora incluimos en las dependencias el paquete google_oauth2_client y lo importamos en nuestro archivo principal en el proyecto web: googleoauthdesdedart.dart

import "package:google_oauth2_client/google_oauth2_browser.dart";

pubspec.yaml

name: GoogleOAuthDesdeDart

author: Enrique Ponce De Leon

description: Proyecto que muestra como conectarse a Google OAuth 2.0 desde DART

dependencies:

browser: any

google_oauth2_client: '>=0.2.18'

Agregando lo anterior tenemos agregado el paquete y esta listo para ser utilizado por la aplicacion.

Ahora debemos crear un “CLIENT ID”, para poder autenticar con Google+ SignIn, en el API Console como se muestra a continuación:

A continuación vamos a incluir algo de código en proyecto:

import "dart:html";

import "package:google_oauth2_client/google_oauth2_browser.dart";

void main() {

var botonLogin = new ButtonElement();

botonLogin.text = "Loguearse con Google+";

botonLogin.onClick.listen((_) {

googleLogin.login();

});

document.body.children.add(botonLogin);

}

final googleLogin = new GoogleOAuth2(

"CLIENT_ID", // Remplace aqui su client id

["openid", "email"],

tokenLoaded:loginCallback);

void loginCallback(Token clave) {

print(clave); //Imprime la clave en consola

}

Ahora vamos a consumir un API como la de Google+, por lo que usaremos la clave (token) obtenida para obtener el perfil de Google+, para eso reescribiremos el método loginCallback.

void loginCallback(Token clave) {

//URL para solicitar el perfil de Google+

final googlePlusURL = "https://www.googleapis.com/plus/v1/people/me";

var request = new HttpRequest();

request.open("GET", googlePlusURL);

// Envia la clave en el header

request.setRequestHeader("Authorization", "${clave.type} ${clave.data}");

request.onReadyStateChange.listen((_) {

if (request.readyState == HttpRequest.DONE &&

(request.status == 200 || request.status == 0)) {

print(request.responseText); //Imprime la respuesta

}

});

request.send(); // Envia la peticion

}

El código anterior nos devolverá el perfil de google+ en formato JSON.

Aumentando algo de codigo para imprimir los datos a través de UI, tenemos una aplicacion que puede descargarse de github.com/qennix/GoogleOAuthDesdeDart y se ve la siguiente forma.

1. La aplicación corre por primera vez

2. La pantalla de Google Accounts nos pide que nos identifiquemos

Screen Shot 2014-03-11 at 2.00.56.png

3. La aplicación recibe el token y lo usa para obtener el perfil de Google+

Screen Shot 2014-03-11 at 2.01.11.png

Y... ¡listo! Nótese que este ejemplo es solo para poder demostrar el uso del paquete de Google oauth y el código para el desplegado de datos puede mejorarse por supuesto usando Polymer o AngularDart para el UI.

Para mayor información, comentarios acerca de este artículo no duden en contactarme.

Esto fue Developer Bus 2013

martes, 25 de febrero de 2014

By Nick Bortoloti y Francisco Solsona
En enero cerramos la temporada 2013 del Developer Bus, que nos dejó grandes experiencias que demuestran la cultura e innovación presentes en Latinoamérica. Hubo un total de 5,000 inscritos de toda la región y 160 seleccionados que representaron a Argentina, México, Colombia y Brasil ante una audiencia virtual de más de 500,000 personas. Cada parte del recorrido del Developer Bus dejó una invaluable muestra del potencial tecnológico de la región. El recorrido inició en Buenos Aires (Argentina) donde los equipos llegaron con mucha energía y donde comenzó el famoso lema que nos acompañó a lo largo de todo el recorrido “cuanta adrenalina”. Así se formaron los equipos y explotó la innovación regional de la mano de proyectos como Viaje Ecológico con un carismático desarrollador que proponía las principales ventajas de un modelo de carpooling pero adaptado a nuestra región, Band Hunter que llegó con todo el empuje del concepto que propone la búsqueda de talentos en este competitivo segmento musical, Task Control directamente relacionado a las Pymes y las mejoras de proceso y de esta forma el resto del talento Argentino en cada uno los proyectos y por supuesto el representante elegido para la última estación de la temporada en Silicon Valley, Commercial Viewer.

Después de Argentina, hicimos una pausa para ajustar nuestra estrategia y cargarnos de energía para vivir las siguientes tres paradas del Developer Bus, en semanas consecutivas, en la Ciudad de México, Bogotá y Sao Paulo. Tuvimos grandes paralelos entre las ediciones de la Ciudad de México y Bogotá. Por un lado, dos universidades que volcaron talento, apoyo e instalaciones de primera para albergar durante tres días a nuestros talentosos equipos. El Tecnológico de Monterrey Campus Santa Fé en México y la Universidad Sergio Arboleda en Bogotá, respectivamente. Formación equipos5.jpg

Por otro lado, el nivel de emoción, entrega y compromiso de los equipos; nos dejó sin aliento. Cualquiera de ellos hubiera sido un digno representante pero los vencedores fueron Hot Street en México, y Match Point, en Colombia. Tuvieron competencia formidable de equipos como Disgraph, con un uso avanzado de Prediction API para ayuda de la gente con dislexia; Klou, una plataforma para ejecutar Ruby en Google Compute Engine; y Best Place, una app para poner en contacto a productores y consumidores; entre otras. Aquí puedes encontrar todos los proyectos realizados en la Ciudad de México y en Bogotá. _MG_2857 (1).jpg

La edición del Developer Bus en portugués en Sao Paulo, Brasil; estuvo a la altura del gigante tecnológico de América Latina; tuvimos una verdadera fiesta de innovación y talento; los proyectos cuentan parte de la historia, pero la camaradería y garra con que disputaron el primer lugar es digna de alabar. Al grito de ¡cuánta adrenalina! avanzaron día a día, presentaron ante un jurado con amigos de primer nivel y festejaron a Power Up, una app para usuarios y administradores de gimnasios, como el equipo ganador. Sin embargo, hubo varios equipos con soluciones atractivas y bien terminadas, como Expense Me y Taskkilla, entre otros.

Para lograr estos ambientes ricos en innovación, emoción y trabajo serio se sumaron muchos factores: la presión de haber seguido en vivo por YouTube Live y, de cierta manera, vivido en tiempo real las experiencias de los equipos en las ediciones anteriores, así como el trabajo incansable de los mentores locales y remotos.

Todos los amigos del Developer Bus: gobierno, universidades, industria, incubadoras y aceleradoras, así como ilustres influenciadores independientes; estuvieron en todo momento dando mentoría y ayuda a los equipos, para llevarlos al siguiente nivel, para convertir sus ideas en potenciales soluciones a grandes problemas regionales.

Agradecemos el esfuerzo y compromiso de todos los participantes, universidades, amigos y equipos de producción y ejecución locales. Todos ellos hicieron posible esta interesantísima experiencia.

Así fue la última parada del Developer Bus 2013: Mountain View

viernes, 14 de febrero de 2014

La etapa final del Google Developer Bus salió de Latinoamérica y llegó a Silicon Valley.

Los equipos ganadores viajaron desde Argentina, México, Colombia y Brasil a Mountain View, donde durante unos días el Googleplex fue su base de operaciones.

En el conocido espacio para la innovación y la creatividad de Google, The Garage, recibieron a diferentes Googlers y personalidades del ecosistema emprendedor de Silicon Valley.

Equipo Match Point (Colombia) Cristian Jiménez, Jesús Contreras, Rogers Díaz y Andrea Amado

Equipo Commerical Viewer (Argentina)

Nicolás Castillo, Rodolfo García, Federico Carrizo y Catalina Giacomucci

Equipo Hot Street (México)

Arturo González y Andrés de la O Jiménez

Equipo Power Up (Brasil)

Daniela Zoldan, Bruno Cicanci, André Lucas y Fabio Uechi

Bruno Oliveira, desarrollador de Google, inició esta etapa con una interesante sesión sobre diseño de juegos.

Jose Tomas Eterovic, también de Google, les habló sobre Protocol Buffers (aquí pueden ver su presentación)

Por la tarde, los chicos volvieron a presentar sus proyectos ante Sylvia Flores y Edward Avila, de Manos Accelerator, una aceleradora que busca dar educación, recursos, infraestructura, capital y orientación a startups con potencial que estén lideradas por latinos.

Presentación del equipo Match Point (Colombia)

Presentación del equipo Commerical Viewer (Argentina)

Presentación del equipo Hot Street (México)

Presentación del equipo Power Up (Brasil)

La segunda jornada en MTV hubo mucha diversión con el equipo de Google Glass,
música, gracias a los miembros de la comunidad de músicos de Google MAGPIE (Musicians At Google Play Instruments Everywhere) Mark Goldstein, Todd Poynor y Sebastian Roschke; y la participación de las ganadoras del Developer Bus 2013 en el programa Google Women Techmakers.

+Claudia Chee y +Martin Carapiet

Mark Goldstein tocando la marimba electrónica

Además de diversión, hubo aprendizaje junto a Felipe Hoffa, que les habló sobre BigQuery y Open Data; y de nuevo la presentación de los proyectos, esta vez, delante de +Jorge Zavala de Kinnevo y Mario Valles de Electronic Arts.

Así se cerró el Developer Bus 2013. Nos quedamos con los testimonios de los ganadores acerca de esta experiencia.

¡Hasta la próxima!

Convocatoria abierta para DevArt

jueves, 13 de febrero de 2014

¿Consideras que programar código es “un arte que dominas”? ¿Eres de los que piensa que a través de la computación se llega a un universo creativo infinito?

Entonces, sigue leyendo. Esto te interesa.

Google, junto al centro Barbican de Londres, quiere celebrar el uso creativo de la tecnología a través de la iniciativa DevArt - Art Made with Code y buscan un desarrollador que esté dispuesto a unir creatividad y tecnología para realizar una obra de arte inigualable. Además, habrá una galería interactiva como parte de la exposición Revolución Digital.

¡No dejes escapar esta oportunidad! Saca tu lado más creativo y acepta el reto. Puedes ver tu trabajo exhibido en el Barbican ante millones de personas de todo el mundo. Para participar lo único que necesitas es una idea, una cuenta Github y mostrar a los organizadores lo que podrías crear en g.co/devart

¿Junto a qué artistas estarías presentando tu trabajo? Nada más y nada menos que tres de los creadores interactivos más prestigiosos que están produciendo instalaciones para DevArt: Karsten Schmidt, Zach Lieberman, y el dúo Varvara Guljajeva and Mar Canet.

La exposición tendrá lugar este verano en el Barbican de Londres. Hasta entonces, visita g.co/devart, y envía tu proyecto. Si no eres el tipo de desarrollador “creativo”, visita la web de igual forma y sorpréndete con las increíbles creaciones artísticas que verás: sigue paso a paso el proceso creativo de los artistas, desde el concepto y primeros borradores, hasta la obra acabada. Podrás descubrir todo lo que las nuevas tecnologías (incluyendo algunos productos de Google) permiten crear y puede que hasta encuentres inspiración y te animes a iniciar tu propia obra.

Si tuvieras la oportunidad de dejar tu marca en el mundo del arte contemporáneo, ¿qué crearías? No te lo quedes para ti, cuéntalo.

Google Developers Hackademy: Introducción a Android SDK

martes, 11 de febrero de 2014

Hace dos meses presentamos la segunda entrega de Google Developers Hackademy creada por +Enrique Díaz del GDG Androidtitlán. Con él nos iniciamos en Android SDK a través de 4 lecciones. Si no lo vieron en su momento, se perdieron alguno de los capítulos o quieren repasar lo que aprendieron, aquí les dejamos las cuatro lecciones en las que Enrique Díaz revisa los conceptos fundamentales de Android. Pónganse cómodos, ¡comenzamos!

Sesión 1

Enrique Díaz inicia repasando la historia y crecimiento de Android, y analizando el futuro de este sistema operativo.

Sesión 2
Framework Android, Dalvik Debug Monitor Server y la creación de un dispositivo virtual usando Android Virtual Device Manager.

Sesión 3

Conocerán qué es un activity, cómo se implementa un fragment y cómo realizar un intent. Además, pondrán a prueba los conocimientos adquiridos en las lecciones anteriores.

Sesión 4

Apliquen todo lo aprendido y desarrollen su primera app Android. +Enrique Díaz les ayuda a revisar las partes fundamentales del código para ejecutarlas.

Hackademy Youtube API

Como incluir Google+ SignIn en tus aplicaciones DART

Esto fue Developer Bus 2013

Así fue la última parada del Developer Bus 2013: Mountain View

Convocatoria abierta para DevArt

Google Developers Hackademy: Introducción a Android SDK

Labels

Archive

Feed