Un avance de Integración a Google

Recuerde que..

Este blog esta desarrollado en idioma español pero utilizando Google Traductor puede adecuarlo al lenguaje de su preferencia.. Favor utilice la opcion del recuadro superior derecho... y Bienvenido a Integracion Google.

Habiendo revisado con mas detalle lo correspondiente al mundo Google, observo que para facilitar su aprendizaje e integración al mundo Web, podría ser conveniente seguir los siguientes pasos:

1.- Aprender ahora si a utilizar las API Ajax de Google
     Las API AJAX de Google nos permiten crear sitios web completos y dinámicos utilizando únicamente Javascript y HTML. Pudiéndose insertar mapas, graficos o un cuadro de búsqueda dinámico en tu sitio web, o descargar feeds con tan solo unas líneas de JavaScript:

para revisar las diferentes opciones ofrecidas:

https://developers.google.com/products/

para revisar la parte práctica :

http://code.google.com/apis/ajax/playground/

Para que hagamos nuestras pruebas, solo basta con copiar los archivos html que nos presenta el Code Playground de Google, y grabarlos con nombres apropiados en una carpeta que podríamos llamar "Apicode" dentro de "www" de nuestro servidor local ( htpp://localhost ), y ejecutarlos con nuestro navegador, como hacemos con los ejemplos del curso ExtJs de Quizzpot.

El Code Playground de Google es también bastante interesante porque tiene entre sus opciones la posibilidad de cambiar el código y hacer nuestras propias pruebas desde el mismo entorno Playground, y no presenta mayores dificultades para su manejo y comprensión; no ocurre lo mismo con el entorno de desarrollo de Gadgets de Google GGE (el Google Gadget Editor), el cual si es un poco problemático para usar, y que espero que cuando veamos las API Gadgets de Google, pues ojala haya mejorado algo, bueno.. tambien algunos tips para trabajar y no tener mayores problemas.

2.- De las API Visualization de Google en particular resulta interesante observar que se puede integrar estas visualizaciones (Herramientas de Google Charts), a diferentes fuentes de datos, lo que podemos revisar con mas detalle en:

https://developers.google.com/chart/interactive/docs/dev/implementing_data_source/

...pero como tal vez nos resulte un poco complicado entender todas las opciones de fuente de datos disponibles para investigar, y tal vez sea conveniente empezar utilizando "spreadsheets" (hojas de Cálculo) de Google Docs como fuente de datos :

https://developers.google.com/chart/interactive/docs/dev/implementing_data_source/

3.- Después de revisar toda lo indicado en el punto anterior, resulta necesario probar algunos ejemplos para ver como implementar una fuente de datos, y como ya hemos sugerido resulta más fácil y conveniente empezar utilizando Spreadsheets de Google Docs como fuente de datos, así que revisemos con detalle los siguientes ejemplos del Code Playground :

http://code.google.com/apis/ajax/playground/?type=visualization#data_source_request

http://code.google.com/apis/ajax/playground/?type=visualization#using_the_query_language,

http://code.google.com/apis/ajax/playground/?type=visualization#more_query_options, aunque esta ultima opción utiliza formatos predeterminados de Google.

El empleo de las Hojas de Calculo Google resulta bastante interesante por cuanto, en primer lugar, son ejemplos sencillos y fáciles de probar (sin necesidad de haber instalado un motor de base de datos como MySQL, SQL Server, Firebird, Oracle, etc); y con ella también podemos fácilmente crear nuestras propias tablas en Google Docs, y utilizarlas en nuestras pruebas (y así podremos realmente observar la funcionalidad de utilizar Google Spreadsheet como fuente de datos); y en segundo lugar, porque para un pequeño negocio, facilmente se puede llevar su manejo administrativo empleándolas en lugar de base de datos como MySQL, SQLite, PostgreSQL, Oracle o SQLServer; cuya integración para su uso son algo más complejos, y fácilmente ya podríamos iniciarnos en el manejo de aplicaciones comerciales prácticas y sencillas, que bien ya podríamos implementar.

4.- Ya en este punto resulta necesario empezar con una revisión de la API de Cuentas de Google por lo es bueno ir leyendo:

https://developers.google.com/accounts/

Esto con el objeto de aprender a utilizar nustra Cuenta Google para Autenticarnos y Autorizar el acceso o uso de nuestros datos personales, el acceso a nuestras aplicaciones, a nuestras hojas de calculo y otros, a los que se debe permitir su uso ó ser revisadas, solamente por las personas quienes se les quiera dar acceso (además de compartir tablas con atributos de modificación o solo lectura dentro de los entorno de Google Docs ó Google Apps), resultando con todo ello que nuestras aplicaciones sean mas interesantes.

Téngase presente que a este nivel, ya nos resulta imprescindible tener nuestra Cuenta Google propia (la podemos crear utilizando nuestra cuenta hotmail u otra que utilicemos, pero conviene una gmail por cuanto nos permite el acceso a todas los elementos y herramientas de Google+), por lo que es recomendable crear una cuenta "gmail" nueva, con nuestro nombre y datos verdaderos, diferente a las que tengamos para otros usos, y anexar nuestras otras cuentas a esta nueva cuenta.

Anteriormente, era importante prestar bastante atención en revisar lo correspondiente al Protocolo de Uso de AuthSub en la Biblioteca de datos de Google de JavaScript de cliente, en el siguiente link:

http://code.google.com/intl/es-ES/apis/gdata/docs/js-authsub.html

..pero como podrán observar, este servicio ya no se encuentra disponible, y esto porque Google, en una gran cambio que ha efectuado respecto al manejo de sus cuentas, a implementado como elemento principal de toda su plataforma, el uso del protocolo OAuth (OAuth v2.0 en particular), por lo que muchos otros protocolos implementados anteriormente por Google ya han sido descartados.. pero Oauth v2.0 no solo esta disponible para diversos clientes como PHP, Java, Python, Go, NodeJS.. sino que también para Javascript, lo que nos permite su uso por el front-side en cualquier aplicación o desarrollo web, por lo que conviene empezar con revisar el siguiente enlace:

https://code.google.com/p/google-api-javascript-client/

Bueno, a estas alturas ya nos debe resultar mas sencillo comprender todo el manejo del entorno de Google en lo que respecta a sus herramientas e integracion a aplicaciones Web... las que iremos profundizando poco a poco en los siguientes posts, donde les voy a presentar un ejemplo, completo y sencillo que ya tengo casi terminado, de como integrar todas estas herramientas de Google dentro de una aplicación desarrollada con ExtJS, que incluya autenticacion de cuenta Google (para acceder al modulo), empleo de visualizaciones Google dentro de paneles ExtJS, empleo de Spreadsheets, uso indistinto de Grids Google y Grids ExtJS, utilizando por el momento a Google Spreadsheet como fuente de datos.

Pero no se preocupen si por ahora solo estamos utilizando las hojas de calculo de Google para empezar nuestro proceso de integración a integrarnos a Google; también vamos a presentar más adelante, un ejemplo detallado y sencillo de conexión utilizando como back-end PHP-MySQL, Java-MySQL, utilizando el datastore "big table" de la plataforma Google App Engine (GAE); y para lo cual utilizaremos la fuente de datos que instalaremos en nuestro Servidor Local de Pruebas, como Appserv (vea el post "empezando desde cero"), y otros que iremos descubriendo..

Como siempre no duden en postear cualquier inconveniente o interés que tengan.. y comentarnos sus pruebas y desarrollos, ahora en nuestras cajas de comentarios Facebook que hemos añadido a cada una de nuestras entradas.

Opina sobre las herramientas y API de Google