programa-con-google: El poder de Polymer y YouTube desde la comunidad de expertos

El poder de Polymer y YouTube desde la comunidad de expertos

Tuesday, March 31, 2015

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 DesignMaterial 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.
PolymerPolymer 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:https://github.com/GoogleWebComponents
Si vemos la lista de componentes vemos que, entre otros, contamos con controles de YouTube. https://github.com/GoogleWebComponents/google-youtube

YoutubeCuales son los controles basados en Polymer nos provee YouTube?
El control del reproductor: google-youtubehttp://googlewebcomponents.github.io/google-youtube/components/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-wallhttp://googlewebcomponents.github.io/google-youtube-video-wall/components/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.

ResumenVemos 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

Programa con Google

El poder de Polymer y YouTube desde la comunidad de expertos

No comments :

Post a Comment

Labels

Archive

Feed

Company-wide

Products

Developers