programa-con-google: March 2014

Llega InnovaApps+ el concurso de Google y BBVA para crear apps productivas

Friday, March 28, 2014

¿Tienes una idea para crear una app? ¿Lo tuyo es buscar soluciones para pymes?

Entonces Google y BBVA te están buscando. InnovaApps+ busca talento especializado en desarrollo, m arketing y negocios y les reta a crear aplicaciones de productividad para empresas, especialmente para PYMES y emprendedores de España y Latinoamérica. Las aplicaciones tienen que estar basadas en las tecnologías de Google, ya sea en la nube (AppScript y Cloud Platform), en los móviles (Android) o en redes sociales (Google+).

Participa desarrollando tu negocio y contribuyendo con tu aplicación al concurso, ya que las aplicaciones serán desarrolladas bajo licencia open source.
El reto InnovaApps+ constará de cuatro categorías:

Aplicaciones para la gestión interna, que faciliten los procesos internos en las empresas, tales como la selección y el control de personal, la gestión de los gastos, las facturas, el aprovisionamiento, la contabilidad, etc.

Aplicaciones de organización, que den soporte a los empleados para mejorar sus tareas y procesos productivos, permitiéndoles optimizar el tiempo de trabajo. En esta categoría están las soluciones relacionadas con la gestión de emails, calendarios de reuniones, videoconferencias, trabajo en la nube, gestión de documentos, trabajo colaborativo, etc.

Aplicaciones de relación con clientes/ventas, dirigidas a mejorar y agilizar la relación con los clientes de una empresa, y que ayuden a ofrecer servicios de venta o información a sus clientes más allá de la tienda física. Dentro de esta categoría se encuentran las herramientas de de gestión de la relación con los clientes (CRM), marketing,venta online, etc.

Premio especial BBVA. Esta es una categoría especial en la que BBVA premia aquellas aplicaciones que encuentren un nuevo valor añadido para el uso interno del banco, y que se integren con las Google Apps que ya utilizan los empleados. También se valorarán aplicaciones móviles de productividad o las que integren tecnología Bluetooth 4.0 o sensores internos.

Cada una de las tres primeras categorías concederá premios de 3.000€ (USD 4,000 aprox.) para el primero, 2.000€ (USD 2,700 aprox.) para el segundo y 1.000€ (USD 1,300 aprox.) para el tercer clasificado. La categoría especial de BBVA cuenta con premios de mayor cuantía: 9.000€ (USD 12,300 aprox.) para el primer clasificado, 6.000€ (USD 8,200 aprox.) para el segundo y 3.000€ (USD 4,100 aprox.) para el tercero. Además, habrá varios premios a modo de menciones de honor a aquellos desarrolladores que contribuyan a la resolución de dudas en la comunidad en castellano de Desarrolladores.
Si están interesados en participar en el concurso internacional InnovaApps+ pueden registrarse a través de la página web de BBVA Open Innovation, y desarrollar sus proyectoscon los recursos del portal de Google Developers y la información disponible en nuestra plus page +Desarrolladores Google. El periodo para inscribir sus proyectos comienza hoy 28 de marzo y se cierra el próximo 30 de mayo (medianoche - CET).

Los proyectos ganadores serán seleccionados por un jurado de expertos de BBVA y Google que atenderá a criterios como la originalidad, experiencia de usuario, el diseño o la relevancia para el mercado español y latinoamericano. También se tendrán en cuenta aspectos como la integración con Google+, el número de API de Google utilizadas, el número de plataformas (Google Cloud Platform, Chrome, Android o Google+) conectadas e integración con dispositivos ‘wearable’ haciendo uso de la nueva API.

Si quieren saber más acerca del concurso, Google y BBVA estén atentos a +Desarrolladores Google, donde iremos informándoles de las fechas de las presentaciones que tendrán lugar tanto en ciudades españolas (Barcelona, Cartagena,Ciudad Real, Córdoba, León, Madrid, Murcia, Ourense, Salamanca, Tarragona y Vigo), como en diferentes ciudades latinoamericanas (Bogotá, México DF, Monterrey, Lima y Santiago de Chile, entre otras).

El mito de la complejidad en persistir datos utilizando el datastore

Tuesday, March 25, 2014

By Nick BortolotiGran cantidad de desarrolladores afrontan día a día el desafío de crear soluciones web en donde se involucra la función de persistencia. El almacenamiento de datos en una aplicación web escalable puede ser complicado si lo abordamos de forma tradicional. En este artículo vamos a presentar prácticamente como utilizar el datastore de App Engine en simples pasos y con muy pocas líneas de código resolver un ambiente de persistencia.
La infraestructura de App Engine se encarga de la distribución, replicación y el balanceo de carga. Vamos a mostrarte que es solo un mito la complejidad de almacenar datos en el datastore.
Vamos a utilizar el lenguaje de desarrollo Python (versión 2.7) y, para simplificar, el desarrollo el framework webapp2, integrado en el SDK de App Engine.
Nuestra desafío será construir en minutos una solución simple que maneje formularios web y que almacene los datos capturados en el datastore.
Podemos utilizar diversos entornos de desarrollo según las preferencias del desarrollador, además es requerido el SDK para Python de App Engine. (utilice el indicado según la plataforma escogida)
Para cumplir con nuestro objetivo necesitamos básicamente dos archivos:app.yaml
index.yaml
datastore.py

Datastore.py

Fig. 1 Encabezado del archivo datastore.py

En la Fig. 1 podemos observar la creación de una variable pagina, esta variable almacena código HTML que se utilizará para renderizar el formulario correspondiente al desafío que planteamos.

Fig. 2 Modelo creado para el datastore

En la Fig. 2 se propone un modelo de almacenamiento donde las consultas poseen como atributos, el autor, contenido y fecha.

Fig. 3 Clase que maneja la carga inicial del desafío planteado

La Fig 3 muestra la carga inicial de la consultas en la línea #54. En donde se realiza una consulta que incluso propone indexación por fecha.Luego se puede observar un estructura repetitiva que recorre la colección de consultas desde la línea #57 a la #63. Finalmente se implementa el manejo de la sesión de usuario.

Fig.4 Clase Consultas

La Fig.4 muestra el manejo de la persistencia para la consultas donde se realiza una rutina de inserción entre la línea #89 y 90. El método más importante se puede ver en la línea #90 donde se ejecuta el c.put.

Fig. 5 Manipulación de webapp2

Finalmente la Fig. 5 muestra la manipulación de webapp2 para completar el mecanismo solicitado en el desafío que propone el articulo.

Referencias:

Código de la aplicación open source Apache 2.0
https://developers.google.com/appengine/docs/python/gettingstartedpython27/introduction
https://developers.google.com/appengine/docs/python/datastore/
http://webapp-improved.appspot.com/
https://developers.google.com/appengine/docs/python/

Como incluir Google+ SignIn en tus aplicaciones DART

Thursday, March 20, 2014

By Ponce de LeónLuego 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.

Facilitando el desarrollo en App Engine mediante webapp2

Wednesday, March 19, 2014

By Nick BortolotiActualmente existen gran cantidad de variantes involucradas en el desarrollo de soluciones en Google Cloud Platform, como también opciones de lenguajes y frameworks. Hoy vamos a utilizar el lenguaje de desarrollo Python (versión 2.7) y, para simplificar, el desarrollo el framework webapp2, integrado en el SDK de App Engine.Nuestra desafío será construir en minutos una solución simple que maneje formularios web que podamos validar de forma local y sea desplegable en la nube con un solo click.
Podemos utilizar diversos entornos de desarrollo según las preferencias del desarrollador, además es requerido el SDK para Python de App Engine. (utilice el indicado según la plataforma escogida)
Para cumplir con nuestro objetivo necesitamos básicamente dos archivos:· app.yaml· iniciando.py
Vamos a crear la configuración básica de la aplicación mediante el archivo app.yaml

Fig. 1 - Estructura de la aplicación

Como muestra la Fig. 2 la estructura de la aplicación propone la configuración básica por medio de los atributos: application, version, runtime, api_version y threadsafe. Además, propone un handler con el script iniciando.application.

Fig. 2 Archivo de configuración app.yaml

Antes de construir las clases que representen el formulario web y su mecanismo de interacción, vamos a ver en la Fig. 3 la clase Principal. Esta clase propone un handler que muestra cómo podemos obtener el usuario actual autenticado y mostrar algún mensaje mediante webapp2.

Fig. 3 Clase Principal que muestra ejemplos de interacción básicos con webapp2

Es momento de crear las clases con el objetivo de resolver el desafío planteado. Como pueden observar en la Fig. 4 utilizamos imports para detectar desde el appengine.api el usuario autenticado, además incluimos el framework webapp2 y el cgi.

Fig. 4 - Imports y variables para resolución del desafío planteado

Además tenemos una variable pagina que propone código html genérico que vamos a cargar en nuestra solución. En la siguiente Fig. 5 se puede observar el desarrollo de las clases:· Home: esta clase realiza la carga del HTML ubicado en la variable pagina.· Registro: esta clase, obtiene el usuario autenticado, si esto es correcto realiza la operación correspondiente al formulario web trabajado. En otro caso lleva a la acción de autenticación.