Posted:
YouTube permite personalizar su reproductor de video e integrarlo en nuestras páginas y aplicaciones para crear experiencias con videos interactivos.
Es un gran desafío personalizar el reproductor de modo de lograr una experiencia consistente a través de diferentes dispositivos, con distintos tamaños de pantalla, como móviles, TV, laptops y tablets. ¿Como podemos hacerlo?

El componente Web del reproductor de Youtube

Gracias a Polymer y los componentes de YouTube podemos utilizar y personalizar el reproductor. Podemos configurar sus parámetros, gestionar su estado y sus eventos!

Los parámetros más importantes son el videoid, con el que especificamos el video que queremos ver, la altura y ancho (parámetros height y width), y finalmente un parámetro que permite simular el modo Chromeless (el reproductor sin controles y branding..), de modo de crear nuestros propios controles para reproducir el video.

Recreando caso de éxito "Videos interactivos, Knorr Mexico"

Recreemos la experiencia con videos interactivos de Knorr México, utilizando Polymer, Fig.1:
Fig.1
En esta experiencia se logra ocultado los controles estándar del reproductor (utilizando el modo Chromeless), y mostrando en cambio controles personalizados. Además se comienza en forma automática la reproducción de video.

Como lo podemos hacer con el componente web de YouTube? Simple:

Vamos a configurar el componente de YouTube con reproducción automática y sin controles (Chromeless):

<google-youtube

 videoid="3T87lMYzqf4"

 height="100%"
 width="100%"
 rel="0"
 autoplay="1"
 chromeless>
</google-youtube>

Veamos el ejemplo:
http://matiasmolinas.github.io/google-youtube/components/google-youtube/demo.html

Puedes hacer un fork del proyecto en Github:
https://github.com/matiasmolinas/google-youtube

En el ejemplo solo falta utilizar paper elements para crear nuevos controles de reproducción, algo que es muy recomendado cuando utilizas el modo Chromeless!

En el próximo artículo veremos cómo incorporar este tipo de controles (paper elements), junto con el API de Datos de YouTube, al hacer uso del componente:
google-youtube-video-wall
https://github.com/GoogleWebComponents/google-youtube-video-wall

Hasta la próxima!

Este post ha sido escrito por +Matias Molinas, Google Developer Expert para YouTube API. Editor by +Nicolas Bortolotti

Posted:
Originalmente publicado por William Denniss, gerente de producto de Identidad y Autenticación

Se ha finalizado el soporte para ClientLogin, OAuth 1.0 (3LO1), AuthSub y OpenID 2.0, según lo planificado en nuestro cronograma. Los clientes que usen estos servicios no volverán a funcionar correctamente y deberán migrar inmediatamente a OAuth 2.0 u OpenID Connect.

La forma más fácil de migrar un sistema de autenticación es usar Google Sign-in SDKs (consulte la documentación de migración). Google Sign-in está construido sobre nuestra infraestructura basada en los estándares OAuth 2.0 y OpenID Connect, que proporcionan una interfaz única para el flujo de autenticación y autorización en iOS, Android y Web. Para migrar el uso de la API del servidor, recomendamos utilizar una de nuestras bibliotecas cliente de OAuth 2.0.

Estamos dejando de utilizar los protocolos de autenticación heredados y centramos nuestro soporte en OpenID Connect y OAuth 2.0. Estos modernos estándares abiertos mejoran la seguridad de las cuentas de Google, y por lo general los desarrolladores se integran más fácilmente con ellos.


13LO significa 3­legged OAuth, que significa que el usuario final presta consentimiento. Por el contrario, 2legged (2LO) corresponde a situaciones de autorización empresariales, tales como control de acceso mediante políticas organizacionales. Los flujos de OAuth1 3LO y 2LO están en desuso, sin embargo, este anuncio se refiere específicamente a OAuth1 3LO.


Posted:
Cual es uno de los mayores desafíos a los que nos enfrentamos hoy en día los desarrolladores al momento de crear la UI de una aplicación?

Probablemente uno de los mayores desafíos es que las aplicaciones se han convertido en servicios, que se consumen desde distintos dispositivos, como móviles, tabletas, portátiles, TV, dispositivos vestibles y autos!!! Todos con distintos tamaños de pantallas, e incluso con distinto tipo de entrada de datos, como mouse y teclado, pantalla táctil y voz.
Por si esto fuera poco, incluso se utilizan estos nuevos servicios o aplicaciones desde distintos dispositivos en forma simultánea.

Este es un problema al que también se enfrenta Google, ya que provee servicios para todas las plataformas, e inclusive es pionero creando algunas de estas plataformas, como Android Wear y Android Auto.

La buena noticia es que Google no solo esta preparado para estos escenarios, en los que ofrece sus aplicaciones y servicios con una interfaz de usuario (UI) y una experiencia de usuario (UX) consistente, si no que ademas a desarrollado un lenguaje de diseño, Material Design, que resuelve el problema, y lo ha implementado sobre varios frameworks y tecnologías open source, como Polymer, Android L y AngularJS, lo que facilita y permite la rápida adopción de esta solución por parte de los desarrolladores para sus propias aplicaciones.

Material Design

Material Design es un lenguaje de diseño que utiliza los principios clásicos de diseño, e incorpora la ciencia y la tecnología para dar un aspecto material a los componentes de UI, como sombras y aceleración, de modo de lograr una metáfora de los componentes con objetos reales que le transmita al usuario información en forma intuitiva y que permita aplicar cientos de años de diseño aplicado a objetos materiales a una nueva rama de diseño, que es el diseño de UI, que solo lleva pocos años de vida.
Material Design es ademas el resultado de la evolución de Android a través de sus diferentes versiones.

Como se trata de una evolución de Android lo podemos encontrar en todas las versiones de Android L o superior, y en sus distintas plataformas, Android, Android Wear, Android TV y Android Auto.
Y para el desktop? y para la Web? Contamos con una implementación sobre las más modernas opciones tecnológicas para la Web, esto es Polymer para Web Components y otra para Angular JS.

Polymer

Polymer es una librería que nos permite crear páginas y aplicaciones Web mediante componentes (web components). 
La potencia de este enfoque radica en que nos permite utilizar componentes propios y de terceros y componerlos para construir nuestra aplicaciones de forma simple, reduciendo tiempos y esfuerzo.

Polymer provee un set de controles estándar, Polymer paper elements, que permiten implementar la UI con Material Design. Ademas Google provee una colección de componentes Polymer que integran la funcionalidad de las distintas APIs de Google:

Si vemos la  lista de componentes vemos que, entre otros, contamos con controles de YouTube.  https://github.com/GoogleWebComponents/google-youtube


Youtube

Cuales son los controles basados en Polymer nos provee YouTube

El control del reproductor: google-youtube

Este componente encapsula el reproductor, y expone como propiedades los parámetros que personalizan su apariencia y comportamiento. 

El muro de videos: google-youtube-video-wall

Este control nos provee un muro de videos personalizable, basado en Material Design, y Polymer paper elements.
Este control utiliza el API de datos de Youtube para recuperar  y filtrar los vídeos que se presentan en el muro. Y nos permite especificar los parámetros con los que invoca el API de búsqueda y de datos.



Resumen

Vemos que Google a resuelto uno de los mayores desafíos que se presentan al crear la UI en una aplicación moderna, y ofrece un lenguaje de diseño y diferentes frameworks y plataformas que lo implementan, todo integrado a sus APIs y servicios para utilizarlos en una forma rápida y simple!

El siguiente paso es simplemente utilizarlo en nuestra aplicación!!

Te invito a leer la próxima entrega donde visitaremos casos de éxito de experiencias de usuario y aplicaciones Web con videos de YouTube, con el objetivo de analizar cómo las podemos re-implementar utilizando Polymer y Material Design, de modo de comparar y analizar la potencia de estas nuevas tecnologías y conceptos.

Hasta la próxima!

Este post ha sido escrito por +Matias Molinas, Google Developer Expert para YouTube API. Editor by +Nicolas Bortolotti

Posted:
Originalmente publicado por William Denniss, Product Manager, Identity and Authentication (Reminder to migrate to OAuth 2.0 or OpenID Connect)

En los últimos años nosotros hemos hecho público que ClientLogin, OAuth 1.0 (3LO)*, AuthSub, y OpenID 2.0 serían discontinuados y cerrados el 20 de Abril del 2015. Nosotros estamos tomando distancia de estos protocolos antiguos con el fin de centrar nuestro apoyo a los últimos estándares de Internet, OAuth 2.0 y OpenID Connect, que aumentan la seguridad y reducen la complejidad.

La forma más fácil de migrar a estos nuevos estándares es usar Google Sign-in SDKs  (consulte la documentación de migración).Google Sign-in está construido sobre OAuth 2.0 y la infraestructura de OpenID Connect, esto proporciona una única interfaz para el flujo de autenticación y autorización en Web, Android y iOS.

Si la migración de estas aplicaciones, que utilizan estos protocolos discontinuados, no se completa antes de la fecha límite, la aplicación va a experimentar una interrupción en su capacidad de conectar con Google (posiblemente también incluyendo la capacidad de registro o ingreso[sign-in]) hasta que se produzca la migración a un protocolo soportado. Para evitar cualquier interrupción en el servicio, es importante que usted trabaje en la migración antes de la fecha de cierre.

Si necesita migrar su integración con Google:

Si tienes cualquier pregunta técnica sobre la migración de tu aplicación, puedes enviar las preguntas en Stack Overflow utilizando la etiqueta google-oauth o google-openid.

*3LO significa 3-legged OAuth: El Usuario final proporciona consentimiento. Por el contrario, 2-legged (2LO) corresponde a escenarios de autorización empresariales: control de acceso mediante políticas organizacionales. Los flujos de OAuth1, 2LO y 3LO están en desuso.

Posted:
El Google Developer Summit continua su recorrido, cruza los Andes y llega a #Chile, reflejando todo el ecosistema emprendedor regional.
En esta oportunidad compartiremos junto a 13 startups, 5 aceleradoras/incubadoras y más de 100 referentes regionales los principales elementos propuestos por Startups Launch. Además junto a los integrantes de Top Experts analizaremos el nuevo mundo móvil y los principales desafíos sobre el modelo emprendedor de la región.

Para la interacción y actividades sociales puedes visitar este evento social en G+ (Santiago de Chile workshops o en el formato nocturno Santiago de Chile Night). Recuerda que también puedes utilizar este hashtag en cualquiera de las redes: #GDSSantiago
Google Developers Summit Santiago demuestra la pasión del mundo emprendedor proponiendo workshops, debates, intercambio con aceleradoras, networking y mucho más.

Un encuentro entre Google, tu negocio y el ecosistema emprendedor
By +Nicolás Bortolotti Developer Platform  Lead LatAm South Region

Posted:
Hacia finales del año pasado tuve el privilegio de ser invitado por Google Developers para producir una serie de videos contando cómo fue nuestra experiencia utilizando las tecnologías de Google Cloud Platform para potenciar los exigentes requerimientos de nuestros juegos masivos en ZupCat.


Estos videos pueden ser vistos en 4 capítulos en el canal oficial de YouTube de Google Developers en los siguientes links:


Cada video contiene referencias de código, configuraciones o APIs que me gustaría compartir para poder completar estas entregas y de paso hacer un breve repaso.


En operando un hit hace referencia a un archivo de configuración de aplicaciones llamado app-engine.xml que permite expresar algunas características importantes de las aplicaciones que hosteamos en la plataforma.
En el segundo capítulo, donde cuento acerca de de las  tecnologías disponibles para persistencia y distribución de contenido, hago referencia a Cloud Storage. Es posible acceder a este servicio para subir y modificar contenido utilizando librerías disponibles en diferentes lenguajes, que pueden ser encontradas en este link.

En referencia a Cloud DataStore, las APIs de acceso sobre Java pueden ser encontradas en este otro link y la manera de acceder a Cloud SQL desde AppEngine se describe aquí.


En el tercer capítulo, donde hago referencia a Simple DataStore, se puede encontrar el código del proyecto aquí y los ejemplos de código en este y este link.

Finalmente el capítulo final del ciclo, que habla de BigQuery, contiene varias referencias de acceso a la base de datos desde un cliente Java regular y de otro dentro de AppEngine. Los links son:


Este post ha sido escrito por +Hernán Liendo, Google Developer Expert Cloud Platform, profesor universitario y co-fundador/CTO de ZupCat donde coordina los esfuerzos de ingeniería para desarrollar juegos mid-core free-to-play. Editor by +Nicolas Bortolotti

Posted:
Este mes de marzo Buenos Aires es una de las sedes para el Google Developer Summit en la región sur de Latinoamérica. Un evento creado desde las startups para las startups, lleno de matices que refleja el ADN emprendedor de nuestra región.

Sabemos que todo emprendimiento requiere de esfuerzo, conocimiento, pasión y búsqueda de nuevas oportunidades y en esta ocasión tendremos la oportunidad de disfrutar 2 días junto a emprendedores, startups, aceleradoras, y todo el ecosistema emprendedor regional.

Con la partición de 14 startups, 5 aceleradoras fondos de inversión e incubadoras, más de 12 especialistas y mentores del mundo tecnológico empresarial,  el Google Developer Summit propone nuevas opciones de interacción y novedades sobre Startup Launch para la región, sin dudas una nueva oportunidad abierta para todo emprendedor tecnológico.

Buenos Aires, Argentina



*Para la interacción y actividades sociales puedes visitar este evento social en G+ workshops (Buenos Aires) o en el formato nocturno evento social en G+ night (Buenos Aires) Recuerda que también puedes utilizar este hashtag en cualquiera de las redes: #GDSBuenosAires

Google Developers Summit Buenos Aires demuestra la pasión del mundo emprendedor proponiendo workshops, debates, intercambio con aceleradoras, networking y mucho más. Un encuentro entre Google, tu negocio y el ecosistema emprendedor




By +Nicolás Bortolotti Developer Platform  Lead LatAm South Region