Programa con Google

Despierta tu imaginación y crea tu aplicación para la chrome web store

2011-11-22T18:03:00.000+01:00

Sabemos que no te faltan ideas y que a veces solo se necesita un incentivo para ponerse a crear y desarrollar. Algunos de vosotros seguro que ya lo habéis hecho en el pasado pero otros quizás no os habéis aventurado todavía por eso, hemos creado un concurso para la chrome web store, y te queremos invitar a participar.

A partir de hoy y hasta el 20 de enero tienes la posibilidad de enviar tu aplicación que se puede enmarcar en estas 4 categorías: ocio, social y comunicación, educación y utilidades y si crees que no encaja con ninguna de las anteriores indica la categoría que crees que más se ajusta y la evaluaremos. Puedes participar de manera individual o en grupo, hasta un máximo de tres participantes.

Las aplicaciones seleccionadas aparecerán en la versión española de chrome web store y formarán parte de una campaña de visibilidad online. Se elegirá una aplicación ganadora por categoría y además habrá otro premio para la aplicación más accesible.

Toda la información y bases del concurso las puedes encontrar aquí.

Así que no te lo pienses y ponte a crear...empieza la cuenta atrás!

Inês Gonçalves
Google España

Navegadores Modernos

2011-10-04T11:02:00.003+02:00

De todo el tiempo que nuestro equipo lleva dando charlas alrededor del mundo, hemos tenido oportunidad de encontrarnos con desarrolladores de todo tipo, con diversos niveles de conocimiento e intereses. No obstante, el tiempo te permite identificar aquellas dudas comunes que aparecen prácticamente en cada evento de desarrolladores.

La duda mas común, obviamente, es la preocupación de los desarrolladores para encontrar la mejor manera de utilizar las últimas tecnologías en sus aplicaciones web y aun poder soportar a los usuarios con navegadores antiguos. Desde mi opinión personal, yo siempre enfatizo que, a ser posible, los negocios, que siempre se remiten a sus números, dejen de contemplar las estadísticas de que versiones de navegadores visitan sus paginas como factor determinante para que tipo de desarrollo aplicar.

Lo que sugiero en cambio, es que tomen un modelo similar al de desarrollo de aplicaciones móbiles donde plataformas como android y iphone permiten la elaboración mas sofisticada de aplicaciones pero si en cambio miramos a las estadísticas mundiales de navegadores móbiles [fuente externa], opera, blackberry y nokia igualan o superan el numero de usuarios.

Así pues, vale la pena optar por una estrategia mas agresiva donde satisfagamos a los usuarios mas avanzados que visitan nuestras aplicaciones, los cuales seguramente son nuestro target mas agradecido. A su vez, ayudamos a los usuarios que poseen navegadores que no se actualizan automáticamente a brindarles de una plataforma mas avanzada, como HTML5, donde nuestros productos pueden tener mas valor anadido y a su vez optimizan nuestro proceso de desarrollo.

Como actualizar una versión mayor del navegador no es tarea fácil, como se viene demostrando todos estos años, se puede optar por estrategias mas amigables. La mejor de ellas hasta el momento es el plugin de Chrome Frame para versiones 6, 7 y 8 de Internet Explorer. Si en nuestro desarrollo aun se necesitan pulir incompatibilidades entre navegadores modernos, siempre recomendamos filtrar por característica soportada y nunca por versión de navegador, como hace la herramienta modernizr. Aun y así, también se pueden evitar estos filtrados si tenemos la suerte de encontrar un polyfill (o hack javascript) de la característica moderna que estemos utilizando en nuestro navegador ya que este provee de la lógica necesaria para hacer funcionar la característica en navegadores que no lo soportan.

Os dejo con nuestra pagina principal para desarrolladores web donde generamos material y demostraciones de como desarrollar para navegadores modernos. Recordad que un navegador moderno se mide no por el numero de características que soporta sino por la facilidad del sistema de actualizaciones del mismo.

Ernest Delgado, Developer Programs Engineer de Google Chrome

Post Google I/O interview

2011-05-20T14:29:00.003+02:00

Hello!

Back from the Google I/O Developer conference, we gathered some Googlers involved in the Developer world to tell us about their experience at the event and provide recommendations to local developers.

Please meet Ade Oshineye, Ben Wallace, Bruno Oliveira Ernest Delgado and Paul Kinlan

Ade Oshiney, Developer Advocate

My favourite announcement has to be the launch of Go on App Engine. It opens up the possibility of new kinds of applications that use Go's wide range of libraries. I'm especially looking forward to being able to play with the image manipulation libraries. It also gives developers an easy way to experiment with the Go language. I think that Go has the potential to make a big difference to the way we tackle highly concurrent programming problems.

Any tips for developers across Spain and Latin America?

Sign up here: https://services.google.com/fb/forms/plusonesignup/ and we'll notify you when the +1 button is available to be used on your own sites.

Did you know...

Buzz has a custom page that loads really quickly and lets you post easily: http://www.google.com/buzz/post

Any special story while you were at the event?

At this year's Google I/O there was a performance by a band called Jane's Addition. They let me wander around back-stage where I got to see all the equipment they use to product a music concert. It looked exactly like the Mission Control Center at Nasa. There were dozens of computers and huge cables everywhere.

What's your favorite desert?

I like ice cream but I love Tiramisu.

Ben Wallace, Developer Marketing Manager

Android@Home and Android accessories...just wow! Think of all the items that can be augmented and improved by being connected; automated light bulbs are just the beginning. Developers can transform people's daily lives, grow exponentially the things that can be enhanced with Android, and take the experience further outside of the phone. You can find out more about the announcements from day 1 here.

Any tips for developers across Spain and Latin America?

When you’re building apps remember: Local content is King!

Any special story while you were at the event?

The robotics section turned around that famous quotation from Bill Gates: "We always overestimate the change that will occur in the next two years and underestimate the change that will occur in the next ten." Facial recognition, Android-powered hydroponics, tablet-powered giant-sized marble mazes; who would have thought we would have things like that now?

What's your favorite desert?

I've never had an Ice Cream Sandwich. Actually my favourite dessert is the Schwarzwälder Kirschtorte

Bruno Oliveira, Developer Programs Engineer

What's your favorite announcement at Google I/O this year?

It's very difficult to pick a favorite. All announcements were very exciting and fit together very well, and that's the spirit of the Google developer platform: to bring together an excellent infrastructure on top of which developers can work efficiently and focused on what matters: innovation and creativity. So everything -- from HTML5 to the cloud, from Chrome to mobile -- is part of the same landscape.

What's the potential of that announcement for developers?

The impact for developers is that new use cases, new challenges and new scenarios are appearing every day as we move towards a new model of computing. These changes in technology open up a world of opportunities for applications.

Any tips for developers across Spain and Latin America?

My advice is to always keep an open mind and "think outside the box". Technology is moving fast, and we are moving away from the traditional notions of computing, so it's very important to be open to innovation -- we need you to write tomorrow's applications!

Do you like Ice Cream Sandwiches? What's your favorite desert?

Ice cream is my favorite desert and I have nothing against sandwiches, so I like the combination :-)

Ernest Delgado, Developer Programs Engineer

ADK, android@home and the launch of Chromebook in Europe. Next thing I will do is to buy Chromebooks for my family in Spain.

This will give the developer more room to hack in new contexts and products. Have you already thought of a new startup with apps for your tablet that control everything of your house?

Any tips for developers across Spain and Latin America?

Get any of the new products announced and start hacking!

Any special story while you were at the event?

Yes, believe it or not many things announce in the keynotes were a surprise for me too!

Do you like Ice Cream Sandwiches? What's your favorite desert?

Yes, although I like tiramisu. I hope they name a future release like that :)

Paul Kinlan, Developer Advocate

We launched localised versions of the Chrome Web Store. This is big news for developers and users around the world. Developers can reach more users more easily than ever before and those users will be happier because the apps and store are in their native language.

Any tips for developers across Spain and Latin America?

Localise your apps, there are millions of users who want to use your app that might not be a native speaker of your language. Don't miss out on their custom.

Did you know...

You can try out all the latest features by entering "about:flags" in your URL bar. Seriously, keep checking because it changes nearly every build and you can get to play with some cool new features.

What's your favorite desert?

If anyone has ever seen a picture of me, you can tell that I like ALL deserts, A through Z.

===

Inês Gonçalves

Google España

Introducción al AdWords API

2011-03-25T21:53:00.014+01:00

Para aquellas personas y compañías que hacen uso del sistema AdWords para promover servicios y productos, ya sean propios o de terceros, tarde o temprano surge la necesidad de escalar y buscar alternativas para mejorar y optimizar sus procesos publicitarios.

Con el incremento en el número de anuncios, criterios, ofertas y campañas de publicidad a manejar a través del sistema AdWords, el hacer uso de su interfaz de usuario se va convirtiendo en una tarea cada vez ms difícil y en ciertos casos hasta una pérdida de tiempo debido a la ejecución de tareas repetitivas.

En muchos casos la información a ser utilizada en la publicación de anuncios ya se encuentra en forma digital y debido a la carencia de un sistema automatizado se requiere realizar la copia manual de los datos de un sistema al otro. Este proceso resulta ser más lento y propenso a errores en la transcripción de los datos.

En todos estos casos el uso de la API es la solución, permitiendo la automatización de estas tareas, así como la ejecución de largos volúmenes de transacciones. En otros casos, el uso de la API es la única opción cuando se requiere la ejecución de cambios en tiempo real a sus anuncios. Un ejemplo es cuando es necesario ajustar los precios anunciados de los productos o servicios en el momento en que cambian en su sistema de inventario. En general, el uso de la API brinda una serie de oportunidades en el control de su publicidad, dada sus capacidades de automatización en tiempo real, bondades que no pueden ser aprovechadas haciendo uso de su interfaz de usuario.

¿Qué es el AdWords API?

AdWords API es un conjunto de servicios que le facilitan a los desarrolladores la creación de sistemas para el manejo de campañas de publicidad a través de AdWords. La API está basada en el protocolo SOAP versión 1.1, soportado en diferentes plataformas y ambientes de desarrollo.

Adicionalmente, para facilitar el desarrollo ofrecemos con la API una serie de librerías cliente disponibles en diferentes lenguajes de programación como Java, PHP, Python, .NET, Ruby y Perl. Todas las librerías que se encuentran disponibles han sido probadas y adaptadas para su uso con la API y contienen código de ejemplo que cubre todos los servicios, suavizando la curva de aprendizaje para el uso del sistema.

Caso de Uso

A continuación se presenta un ejemplo que permite demostrar las capacidades y funcionalidades de la API.

Supongamos que usted es dueño de un sitio web que vende productos en linea y decide empezar a anunciar sus productos con AdWords.

Haciendo uso de la API usted puede automatizar la creación de sus campañas de publicidad (basado en sus listas de productos), automatizar sus anuncios (basados en las descripciones y precios de los productos), enlazarlos a las paginas relevantes de su sitio web y orientarlos a la audiencia adecuada (basado en palabras claves, demografía, localización geográfica y otros). Y lo ms importante a resaltar es que estará desarrolando una aplicación que podrá reutilizar para promover sus productos casi en tiempo real.

Así mismo, puede hacer uso de las ventajas de los servicios de reportes y optimización dentro de su aplicación, permitiéndole tomar decisiones estratégicas y rápidas relacionadas con sus anuncios que conlleven a un mayor retorno de inversión.

¿Qué le ofrece la AdWords API?

En la siguiente tabla se detallan y describen los servicios que ofrece la API:

Sección	Servícios	Descripción
Manejo de campañas.	AdGroupAdService , AdGroupService , CampaignService , BulkMutateJobService	Manejo de sus campañas y anuncios.
Orientación de sus anuncios	AdGroupCriterionService , CampaignCriterionService , CampaignTargetService	Manejo de las reglas que determinan donde y a que audiencia sus anuncios serán mostrados.
Manejo de cuentas	AlertService , ServicedAccountService	Obtener información acerca de sus cuentas y posibles alertas que afecten sus campañas.
Optimización de sus campañas	BidLandscapeService , ExperimentService , TargetingIdeaService , TrafficEstimatorService	Información y consejos acerca sus ofertas, palabras claves, estimaciones de tráfico y realización de experimentos.
Reportes	ReportDefinitionService	Obtención de reportes acerca del rendimiento de sus anuncios.
Extensiones	AdExtensionOverrideService , CampaignAdExtensionService	Manejo de extensiones a sus anuncios, como números de teléfonos, direcciones o información de sus productos a ser anexados a sus anuncios.
Parámetros dinámicos	AdParamService	Que le permiten parametrizar sus anuncios para dinámicamente cambiar precios y cantidades en la descripción de sus anuncios.
Multimedia	MediaService	Manejo multimedia, videos e imágenes asociados a sus anúncios.
Servicios utilitarios	InfoService , CustomerSyncService, GeoLocationService	Utilidades para consultar el uso de la API, cambios en sus cuentas y geo-codificación de direcciones.
Reventa	UserListService	Reventa de sus productos y servicios.

Para mayor información sobre cada servicio, refiérase a la documentación de la API.

Acceso a la API

Para tener acceso al API usted debe solicitar un “developer token”. Este token lo identifica y debe ser incluido con cada llamada que se envía al API. Dicho token también lo identifica en términos de facturación, cada llamada tiene un costo en número de unidades de la API.

Para obtener más información de los costos de cada servicio consulte nuestra página de costes.

La tasa actual de cambio de la unidad es de 1000 unidades por cada $0.25, pero compañías que hacen uso de la API para anunciar sus propios productos y servicios se les provee una cuota de unidades gratuitas basado en las cantidad que le pagan a AdWords.

Para compañías que desean brindar servicios de publicidad a terceros se ofrece un programa de precios preferenciales basados en los servicios a brindar.

Para mayor información

Documentación, ejemplos, información técnica (en inglés en proceso de traducción).

http://code.google.com/apis/adwords/

Tutoriales cortos y artículos de gran importancia acerca de la API (generalmente en inglés)

http://adwordsapi.blogspot.com/

Anuncios cortos vía twitter (generalmente en inglés)

http://twitter.com/adwordsapi

Preguntas? busca soporte? desea saber como otros usan la API?. Nuestro equipo del AdWords API puede contestarle sus preguntas a través de nuestro foro.

http://code.google.com/apis/adwords/forum.html

David Torres - Developer Programs Engineer de AdWords API

El éxito de la Chrome Web Store

2011-03-23T23:20:00.006+01:00

La Chrome Web Store fue lanzada en Estados Unidos el diciembre pasado. Muy pronto se hará el lanzamiento a nivel internacional en 16 países. Desde el lanzamiento en diciembre hemos tenido oportunidad de ver la reacción de los desarrolladores pero sobre todo de los usuarios.

Técnicamente cualquier aplicación web existente puede formar parte de la Web Store, esto incluye tanto herramientas como juegos, estén hechos en flash o HTML5. Pero es importante saber que el concepto de app store viene popularizado por los móviles y por tanto la expectativa por parte de los usuarios puede ser diferente a la que podríamos esperar si accedemos a una aplicación tecleando una URL.

Para satisfacer tales expectativas existen ciertos principios que pueden hacer que una aplicación web sea realmente avanzada.

Subir una aplicación a la Web Store (tanto hospedada como empaquetada) no debería llevar más de media hora. Incluso existen algunas herramientas para facilitar el trabajo.

Si bien hasta ahora nos estábamos refiriendo a que características podrían marcar la diferencia en nuestra aplicación a nivel de concepto, los recursos técnicos para llevar a cabo tales tareas son las últimas características HTML5 que todo el mundo está hablando en estos días.

Si bien ya hemos dicho que la tecnología flash también nos serviría para nuestra aplicación son más y más las empresas que están invirtiendo en HTML5 para así minimizar el tiempo de desarrollo alcanzando a su vez el máximo número de dispositivos posibles. Incluso hay desarrolladores que después de haber creado la aplicación en HTML5 la han integrado en un WebView para así subirla en una mobile app store o incluso en la reciente Mac App Store para escritorio.

Los casos de éxito de pequeñas empresas en la Chrome Web Store no se han hecho esperar.
Los secretos de tal éxito son la facilidad al subir la aplicación a la Store, los recursos disponibles para optimizar la monetización y el incremento en el número de visitantes.

Esperamos veros a todos en la Store para el lanzamiento!

Ernest Delgado, Developer Programs Engineer de Google Chrome

Versión final del SDK de Android 3.0

2011-03-10T02:53:00.003+01:00

El 26 de enero se lanzó el avance del SDK de Android 3.0 para que los desarrolladores empezaran a crear contenido de calidad para Honeycomb. La versión final del SDK Android 3.0 sale ahora para que los
desarrolladores empiezen a publicar en el Android Market.

Entre los extraordinarios lanzamientos hay las Tools R10 que llevan las mejoras del UI Builder a un extraordinario nivel de calidad, la integración de TraceView con Eclipse y el soporte para poder utilizar el motor de gráficos RenderScript.

HTML5 en Gmail para móviles

2010-12-14T10:19:00.004+01:00

Hoy nos complace presentarte las mejoras que hemos realizado en Gmail para móviles en español, para su uso en el navegador web de los dispositivos iPhone y Android. Hace un año y medio, iniciamos el proceso de con mejores tecnologías de navegador. La combinación de , y el almacenamiento temporal dinámico nos ha permitido crear nuevas funciones: acceso en modo sin conexión, aplicaciones más rápidas, interfaces mejoradas y un proceso de actualización más sencillo para las nuevas funciones.

En primer lugar, creamos un breve contenedor JavaScript para las funciones de base de datos en HTML5 y Gears a fin de obtener compatibilidad con el mayor número posible de navegadores. El almacenamiento temporal sencillo de respuestas en la base de datos para su reutilización resultó útil, pero también fue necesario mantener una cola de acciones de usuario en la base de datos, por si el usuario se queda sin batería o debe apagar el teléfono durante un vuelo. Posteriormente, cuando el dispositivo vuelve a estar conectado a Internet, puede ejecutar la cola de correos y enviarlos, archivarlos, eliminarlos, etc.

Para lograr iniciar la aplicación en modo sin conexión, fue necesario ir más allá del API de base de datos. La especificación HTML5 resultó de gran ayuda, con una caché de aplicaciones capaz de almacenar todos los recursos en la aplicación web, lo cual permite al navegador cargarlos durante el modo sin conexión. Existe un pequeño inconveniente con esta API: una vez que decidas anular el modo de funcionamiento de las solicitudes GET de HTTP para obtener recursos de la caché de la aplicación, no puedes enviar una solicitud GET para un recurso que la caché desconozca. La especificación contiene métodos para ampliar las URI que la caché sabe que existen, pero estos puntos de entrada no están muy extendidos en los navegadores de producción. En lugar de esto, es importante utilizar solicitudes POST de HTTP para todos los datos dinámicos, ya que este tipo de solicitudes nunca se almacenan en caché y, por lo tanto, llegan a la red.

El resultado final es una aplicación web que se carga en modo sin conexión y te permite leer los mensajes de Gmail si los datos se han almacenado en caché previamente. También hemos añadido propiedades y para crear una interfaz de usuario elegante que se cargue rápidamente.

Si quieres probar la nueva aplicación web de Gmail para móviles, accede a gmail.com desde un dispositivo con tecnología de Android o un iPhone (SO 2.2.1 o superior). Para obtener más información acerca de HTML5, consulta el blog de Google Code.

Inês Gonçalves, Marketing de España

Android, ¿Como consumir un Servicio Web?

2010-12-13T02:44:00.005+01:00

En el desarrollo para móvil es muy común requerir datos e interactuar con servicios. Como desarrolladores móvil seguramente habrán requisitos o necesidades en donde tengamos que obtener un listado de comercios alojado en un servicio web de nuestro departamento, o bien acceder a un listado de solicitudes que se actualiza periódicamente que brinda la oficina de solicitudes de una entidad guvernamental, o bien sólo simples servicios como el del tiempo, cotizaciones, finanzas, etc.

Si bien sabemos que podemos hacerlo de diferentes formas en Android, como mediante REST, en este caso particular lo haremos mediante SOAP y el servicio estará construido en Dotnet.
Con esto agregamos contenido extra y no sólo construiremos una solución Android sinó que mostramos la interoperabilidad que podemos lograr utilizando Android.

¿Lindo desafío no?

Introducción

En primer lugar, para interactuar con SOAP utilizaremos una librería llamada ksoap2 for android.
http://code.google.com/p/ksoap2-android/
De esta forma gran parte de la complejidad del desarrollo descansa en este componente. Luego generaremos una aplicación Android y un servicio Web Dotnet.

Servicio Web Dotnet

El servicio desarrollado en dotnet, es un web service tradicional sobre el framework 2.0 sin hacer uso de WCF.

Fig.1 - Servicio Web - Dotnet C# - framework 2.0

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

public class Service : System.Web.Services.WebService
{
public Service ()
{

}

[WebMethod]
public string SaludoAndroid() {
return "Servicio de Nicolás!";
}

}

Code 1 - Código del Servicio Web en C#

Como podemos observar en el Code 1, el servicio web sólo posee un método de nombre “SaludoAndroid” y que su operación es devolver una cadena “Servicio de Nicolás!”

Aplicación Android

Vamos a generar una aplicación Android para la versión 2.2.

Fig.2 - Proyecto Android General para la solución de llamada a un web Service

En primer lugar deberemos descargarnos la librería ksoap2 for android y luego referenciarla en nuestro proyecto android.

Fig.3 - Sitio de desacarga de ksoap2-android

Para el ‘layout’ de la aplicación no invertiremos tiempo ya que solo utilizaremos un textview para mostrar contenido de texto extraído del servicio Web.

Fig. 4 - Layout de la solución Android

En el manifiesto de la aplicación debemos tener en cuenta el agregar permisos al acceso a Internet como muestra la Fig. 5.

Fig. 5 - Manifiesto de la solución Android desarrollada

Finalmente realizaremos la codificación de la actividad que acceda al servicio web de la tecnología Dotnet y pueda mostrar los resultados en Android.

La clase “GetServicio” posee algunas variables necesarias para interactuar con la librería ksoap2:

private static final String accionSoap = "http://tempuri.org/HelloWorld";
private static final String Metodo = "HelloWorld";
private static final String namespace = "http://tempuri.org/";
private static final String url = "http://nicolasdotar/ServicioAndroid/Service.asmx";

Code 2 - Declaración de variables en la clase GetServicio

Luego todo el desarrollo se encuentra en el ‘onCreate’:

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

tv = (TextView) findViewById(R.id.text1);

try {

//Modelo el request
SoapObject request = new SoapObject(namespace, Metodo);

//Modelo el Sobre
SoapSerializationEnvelope sobre = new SoapSerializationEnvelope(SoapEnvelope.VER12);
sobre.dotNet = true;
sobre.setOutputSoapObject(request);

//Modelo el transporte
HttpTransportSE transporte = new HttpTransportSE(url);

//Llamada
transporte.call(accionSoap, sobre);

//Resultado
SoapPrimitive resultado = (SoapPrimitive) sobre.getResponse();

tv.setText("" + resultado.toString());

}
catch (Exception e)
{
tv.setText(e.getMessage());
}

}

Code 3 - Evento Oncreate

Veamos el servicio web funcionando solo:

Fig. 6 - Servicio Web en funcionamiento local

Veamos la solución Android funcionando en el emulador consumiendo el servicio web:

Fig. 7 - Solución desplegada en el Emulador de Android

Finalmente, veamos como se construye paso a paso en el siguiente Vídeo:

Ver vídeo implementación

Nicolas Bortolotti, Ingeniero U.T.N. Regional San Francisco - Comunidad Xcloud

Apúntate al Google Developer Workshop en Salamanca

2010-11-29T09:55:00.001+01:00

El próximo 3 de diciembre celebraremos el Google Developer Workshop en colaboración con la la Facultad de Informática y el Máster MIMO en la Universidad Pontificia de Salamanca.

Se trata de una jornada para desarrolladores en la que ponentes que trabajan día a día con los productos para programadores de Google nos contarán su experiencia y las mejores prácticas a la hora de programar aplicaciones para las plataformas de Android y Chrome. Es además una excelente oportunidad para conocer a otros desarrolladores que también están trabajando con estos productos.

Hablaremos sobre tecnologías móviles y web: Android, HTML5 y Chrome. La inscripción es gratuita, sin embargo, las plazas son limitadas por lo tanto es importante hacer la inscripción lo antes posible a través de este formulario.

La jornada empezará con una sesión de Google Chrome y HTML5 a cargo de nuestros amigos de Madpixel. Esta compañía española, creada en 1999, está especializada en soluciones innovadoras para Internet y cuenta con una amplia experiencia en productos de Google y web apps.

A continuación habrá una pausa para el café y después presentará Unkasoft sus aplicaciones para campañas de marketing móvil, videojuegos y advergaming en Android que están teniendo una gran aceptación en el mercado.

Finalizaremos la jornada de la mano de Aescolapius quienes nos presentarán un proyecto que nació en el club de innovación de la Universidad Pontificia de Salamanca. Su proyecto consiste en una silla de ruedas motorizada controlada por un móvil con programación Android. El control de la silla motorizada se puede realizar mediante voz, pantalla táctil, inclinación y reconocimiento facial.

¡Te esperamos en Salamanca para que celebres con nosotros el Google Developer Workshop!

Bosco Zubiaga, departamento de Marketing de Google Spain

Listando datos en AppEngine, ¿el servicio de mail me puede ayudar?

2010-11-12T16:04:00.001+01:00

En este artículo vamos a profundizar algunos conceptos sobre AppEngine en donde utilizaremos una aplicación que procese solicitudes desde el envío de un mail para realizar de forma simulada una solicitud de artículos a determinada organización.
Generalmente nos encontramos con diversos problemas a resolver y automatizar en el desarrollo de aplicaciones, y sinceramente es muy probable que se desencadenen requerimientos que necesiten interacción de un servicio de mail para por ejemplo recibir peticiones de clientes en solicitudes de pedidos.En el artículo se plantea una simulación para mostrar la solución desarrollada con Google AppEngine. Con esta solución estoy pensando en un modelo de cloud computing, gozando de todos los privilegios que propone el concepto y además facilitando escalar rápidamente y a demanda de requerirlo en mi aplicación.
Para esta solución se utiliza el servicio de mail de appengine pero no para enviar mails sino para recibir peticiones y procesarlas y con ello mostrar en un listado muy simple los resultados del pedido.

Tecnología utilizada:

Eclipse Helios Release
SDK AppEngine 1.2.6

Vamos al desarrollo!. En primer lugar generaremos una solución en Eclipse para AppEngine y en esta oportunidad voy utilizar simples JSP para mostrar los resultados como presentación.
En primer lugar voy a generar las entidades del modelo que se requieren para resolver la problemática, en esta oportunidad solo requiero de una entidad Articulo.

Fig. 1 – Modelo de Articulo

La Fig.1 muestra el modelo de código implementado para la generación de la entidad Articulo.

package xcloudPackage.shared;

public class Articulo
{
private String nombre;
private String descripcion;
private int precio;

public Articulo(String pNombre, String pDescripcion, int pPrecio)
{
this.nombre = pNombre;
this.descripcion = pDescripcion;
this.precio = pPrecio;
}

public void setNombre(String nombre) {
this.nombre = nombre;
}
public String getNombre() {
return nombre;
}
public void setDescripcion(String descripcion) {
this.descripcion = descripcion;
}
public String getDescripcion() {
return descripcion;
}
public void setPrecio(int precio) {
this.precio = precio;
}
public int getPrecio() {
return precio;
}

}

Code. 1 – Código Fuente de la Entidad Articulo

Una vez generada la entidad de mi modelo que de hecho es muy simple, tengo que definir la estrategia de persistencia, en esta oportunidad voy a utilizar una clase bien simple que almacena en un arraylist.

Fig.2 – Modelo de persistencia propuesta en la clase dataArticulo

La Fig.2 muestra el escenario de persistencia de la entidad Articulo, para este ejemplo se han definido dos métodos, uno que agrega Artículos y otro que lista la cantidad de artículos.

package xcloudPackage.shared;

import java.util.ArrayList;
import java.util.List;

public enum dataArticulo
{
INSTANCE;
private static long number=1;

private final List articulos = new ArrayList();

private dataArticulo()
{
//Sin implementar
}

public void Agregar(String nombre, String descripcion, int precio)
{
synchronized (this) {
number ++;
articulos.add(new Articulo(nombre, descripcion, precio));
}
}
public List getArticulos()
{

return articulos;
}

}

Code. 2 – Código Fuente de la solución de persistencia

Bien en el siguiente paso se requiere generar el servlet que de soporte a la inserción del articulo, para ello generaremos el “servletCrearArticulo”.

Fig. 3 – ServletCrearArticulo

La Fig.3 muestra el servletCrearArticulo que me permite como ustedes puede visualizar obtener parámetros como el nombre, descripción y precio de un artículo y persistirlos utilizando la instancia de “data Articulo”

package xcloudPackage.shared;

import java.io.IOException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@SuppressWarnings("serial")
public class servletCrearArticulo extends HttpServlet
{
public void doPost(HttpServletRequest a, HttpServletResponse resp)
throws IOException
{
String nombre = checkNull(a.getParameter("nombre"));
String descripcion = checkNull(a.getParameter("descripcion"));
int precio = Integer.parseInt(a.getParameter("precio"));

dataArticulo.INSTANCE.Agregar(nombre, descripcion, precio);

resp.sendRedirect("/Articulos.jsp");
}

private String checkNull(String s) {
if (s == null)
{
return "";
}
return s;
}
}

Code. 3 – Código Fuente del servletCrearArticulo

Como pueden observar en el Code 3, se realiza un “sendRedirect” a Articulos.jsp, vamos a generar esta página para poder completar los componentes necesarios para la visualización y solo quedará colocar la lógica de interacción con el servicio de mail.

Fig.4 – Representación de Articulos.jsp

La Fig.4 muestra el mecanismo de presentación para poder visualizar el listado de artículos que generaremos con cada envío de mail al servicio de appengine. Como podemos observar se mostrará en una tabla que posee como columnas, nombre, descripción y precio. Además no está detallado en el articulo pero a esta solución se le propone interactuar con la autenticación de Google para dar formalidad en ambientes más avanzados.
Finalmente vamos a construir el código fuente que permita procesar el email y persistir el mismo para poder visualizarlo en el listado anteriormente detallado de mi JSP.

Fig. 5 – EmailServlet para la insteracción con el servicio de mail.

Como se puede observar en la Fig. 5 se procesa el mail recibido y se realizar mediante la instancia de “dataArticulo” el agregado al escenario de persistencia, de esta forma podremos acceder al listado completo de artículos desde el JSP desarrollado.
Para completar el desarrollo tengo que detallar un punto importante, como es la configuración del archivo web.xml:

xml version="1.0" encoding="UTF-8"?>
DOCTYPE web-app
PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app>

<servlet>
<servlet-name>CrearNuevoArticuloservlet-name>
<servlet-class>xcloudPackage.shared.servletCrearArticuloservlet-class>
servlet>
<servlet-mapping>
<servlet-name>CrearNuevoArticuloservlet-name>
<url-pattern>/newurl-pattern>
servlet-mapping>

<servlet>
<servlet-name>Emailservlet-name>
<servlet-class>xcloudPackage.shared.EmailServletservlet-class>
servlet>
<servlet-mapping>
<servlet-name>Emailservlet-name>
<url-pattern>/_ha/mail/*url-pattern>
servlet-mapping>

<welcome-file-list>
<welcome-file>/Articulos.jspwelcome-file>
welcome-file-list>

web-app>

Code 4 – Archivo de Configuración Web.xml

En el Code 4 se pude observar la declaración de los servlets necesarios para realizar la solución planteada en el articulo.
Finalmente podemos realizar una prueba local, y realizar el despliegue en la infraestructura de Google.
El siguiente Vídeo muestra la implementación del desarrollo descripto.

Ver Video

Espero les sea de utilidad!

Nicolas Bortolotti, Ingeniero U.T.N. Regional San Francisco - Comunidad Xcloud

Anuncio de los ganadores del Desafío Google Chrome

2010-10-21T19:14:00.002+02:00

Por primera vez en España se ha celebrado el Desafío Google Chrome, un desafío para programadores con ganas de desarrollar las mejores extensiones de Chrome. El plazo para enviar las extensiones estuvo abierto durante mes y medio y todo los programadores residentes en España tuvieron la oportunidad de presentar sus extensiones desde el 1 de septiembre hasta el 15 de octubre.

Tras una semana analizando y valorando todas las extensiones recibidas nos alegra anunciar que la extensión ganadora del Desafío Google Chrome es “Chrome Palette”. Esta extensión ha sido creada por Daniel Pérez Álvarez y David Moreno Gómez. Aquí tenéis una breve descripción que han realizado sus creadores sobre lo que puedes llegar a hacer con esta extensión:

“¿Quieres crear una paleta de colores a partir de una imagen de tu página web? ¿O a lo mejor sólo quieres sacar algunos colores para inspirarte? Entonces ¡esta extensión es para ti!

Simplemente haz clic con el botón derecho sobre la imagen deseada, selecciona la opción 'Chrome Palette', y elige el número de colores que deseas que tenga la paleta.

Se abrirá una nueva pestaña, mostrando la imagen y la paleta de colores resultante. ¡Es así de fácil!
”

Fueron dos los factores determinantes para seleccionar a esta extensión como ganadora, lo primero fue la creatividad y lo segundo, y más importante, la utilidad. Como recompensa de su trabajo haremos entreaga de un movil Nexus One a Daniel y David.

Además nos gustaría hacer una mención especial de dos extensiones finalistas que nos han parecido muy interesantes. La primera es Chrome Puzzle, que te permite hacer puzzles con cualquier foto en la que hagas clic con el botón derecho del ratón. La segunda extensión es GeolClick con la que puedes saber cómo de lejos estás de cualquier dirección simplemente seleccionando la dirección en tu navegador y haciendo clic en el icono de GeolClick.

Os animamos a que probéis estas extensiones y muchas más que han sido subidas a la Galería Google Chrome durante este mes y medio de Desafío.

Bosco Zubiaga, equipo de Marketing de Google

Opciones de Menú en Android… Desmitificando

2010-10-04T21:39:00.002+02:00

En este artículo vamos a trabajar con las opciones de menú que nos provee Android, y de esta manera configurar opciones y asociar acciones a las que nuestra aplicación pueda responder.

Para continuar con este ejercicio deberemos tener instalado:

Eclipse Helios Release
SDK Android 2.2

En primer lugar debemos comprender la arquitectura y comportamientos que implementa Android para soportar un menú de opciones, en este artículo desarrollaremos únicamente un nivel básico de interacción de manera de llegar a una rápida implementación del objetivo.

En la siguiente gráfica identificaremos los componentes esenciales que conforman la arquitectura de menús en Android.

Fig.1 – Arquitectura de menú de Android

En la Fig.1 se observa la representación de una Activity, cada Activity está asociada a un objeto de menú y este último posee elementos de MenuItem y SubMenu.

Las clases claves a trabajar son:

Android.view.Menu.
Android.view.MenuItem.
Android.view.SubMenu.

En este artículo el objetivo es crear opciones de menú simple y recrear un comportamiento elemental con estas opciones, no vamos a trabajar ni con agrupamientos de menú, orden ni submenús.

Vamos a la creación del ejemplo.

La práctica consiste en colocar un TextView en el layout y generar un menú con dos opciones: una que al ser pulsada escriba un texto en el TextView y otra que lo limpie.

Fig. 2 – Proyecto Android en Blanco

La Fig.2 muestra la generación de un proyecto Android simple con el nombre de “apMenuPractica1”, en él solo se tiene el esqueleto básico que provee la plantilla de Eclipse.

Vamos a insertar el TextView, que luego va a ser modificado por las acciones de menú, para ello trabajaremos sobre el archivo de layout principal “main.xml”.

Fig.3 – Layout del Proyecto

En la Fig.3 se muestra el diseño de la interfaz muy simple donde tenemos que tener en cuenta el “id” del control y su referencia a nombre “nota”.

Veamos como generamos las opciones de menú.

Como vemos en código debemos implementar dos métodos importantes para generar el comportamiento deseado:

onCreateOptionsMenu
onOptionsItemSelected

Fig.4 – Método onCreateOptionsMenu

La Fig.4 muestra la implementación del método “onCreateOptionsMenu”, en él se incorporan 2 opciones de menú, Agregar y Limpiar.

Estas operaciones generan un menú pero aun no respondes a ninguna acción, para ello deberemos implementar el método “onOptionsItemSelected”.

Fig.5 – Método onOptionsItemSelected

En la Fig.5 se puede observar la implementación del método que reacciona al pulsar las opciones de menú antes agregadas. Esta implementación determina el Id del ítem de menú que ha sido seleccionado y toma una acción sobre el texto del control identificado como “nota”.

Finalmente nuestra aplicación se ve de esta manera:
Les dejo el vídeo de implementación del ejemplo:

Ver Vídeo Implementación

Espero les sea de utilidad..

Nicolas Bortolotti, Profesor de la Universidad Tecnológica Nacional, Argentina.

Apúntate al Google DevFest en Madrid

2010-09-06T10:57:00.002+02:00

Nos alegra mucho comunicaros que el próximo 23 de septiembre celebraremos el primer Google DevFest en España en colaboración con la Facultad de Informática de la Universidad Complutense de Madrid. El Devfest es parte de una iniciativa internacional que se lleva acabo en varias ciudades como Tokyo, Sao Paulo, Munich, Moscú, Sydney, Santiago y Singapur.

Se trata de un evento para programadores en las que presentaremos las últimas novedades sobre los productos de Google con seminarios prácticos. Es además una excelente oportunidad para conocer a otros desarrolladores. Hablaremos sobre tecnologías móviles y web: Android, HTML5, Chrome, App Engine, Google Web Toolkit y más. La inscripción es gratuita, sin embargo, las plazas son limitadas por lo tanto es importante hacer la inscripción lo antes posible a través de este formulario. Enviaremos un email de confirmación a todos los asistentes.

El DevFest se celebrará en la Facultad de Informática de la Universidad Complutense de Madrid de 9 a 18h. Puedes ver la agenda aquí . Habrá dos tipos de sesiones en paralelo, por lo que es necesario que selecciones las que más te interesen cuando rellenes el formulario de asistencia.

En los seminarios se verán ejemplos de utilización de los productos, nuevos lanzamientos y se explicará como utilizar las APIs. Durante el evento se servirá un desayuno, una comida y un cocktail. Este año queremos terminar la jornada con un panel de emprendedores que nos darán su visión del panorama actual a la hora de empezar tu propia empresa y expondrán ejemplos prácticos y casos de éxito. Como ponentes invitados asistirán profesores de la Universidad Complutense, componentes del equipo de investigación de Libresoft, la sociedad de capital riesgo Grupo Bullnet , el Parque Científico de Madrid, programadores nacionales dedicados a Android y por supuesto varios ingenieros de Google de EE.UU. y Europa.

Para más información puedes visitar el site oficial: https://sites.google.com/site/devfestmadrid/

¡Te esperamos!

App Inventor, ¿Puedo dibujar de forma sencilla?

2010-09-06T10:13:00.002+02:00

En este artículo vamos a seguir trabajando con la plataforma App Inventor, en este caso particular examinaremos algunos controles extras y para el escenario de implementación, la idea es recrear la posibilidad de dibujar círculos en mi solución Android.
http://appinventor.googlelabs.com/

Introducción

En primer punto nos generamos un nuevo proyecto en app inventor. El nombre del mismo queda a criterio de cada uno, en mi caso la solución se titula “dArtPG”
El diseño de la solución tiende a contener alguna opción para seleccionar el fondo del editor que deseo generar, el color con el cual voy a dibujar círculos en el editor y el editor propiamente dicho.
¿Cómo asociamos estos requerimientos a controles que me provee App Inventor?
Para las selecciones tanto del fondo como del círculo utilizaremos “ListPicker”, de este forma podremos seleccionar el color de fondo y el color del círculo, y para mi editor utilizaremos un control “Canvas”

Fig. 1 Escenario de diseño de la solución

Algo interesante y una práctica que no se negocia en el desarrollo de software, es colocar nombres representativos a los controles para poder identificarlos correctamente en el momento de generar los bloques de código. Utilizaremos entonces, los nombres “Fondo” para la lista de colores de fondo, el nombre “Figura” para la lista de selección de los colores de la figura (Círculo), y Editor para el control de canvas, esto lo muestra la Fig. 1.

¿Generamos el comportamiento?

Vamos a trabajar con el editor de código por bloques de la solución para representar la selección de colores en el fondo del editor y el color de la figura que se dibujará.

Fig. 2 Muestra el editor de código para representar el comportamiento de la selección de colores en el Editor.

La programación la realizamos en el evento “AfterPicking” de ambas listas y para este ejemplo se intenta detectar la selección del usuario mediante un control de “if” que consulta sobre la selección del usuario y establece en el editor el color del fondo y del pincel. Este comportamiento se muestra en la Fig.2.
Finalmente no resta generar la figura sobre el Editor.

Fig. 3 Programación del dibujo del círculo en el editor.

Para este comportamiento vamos a programar sobre el evento “Touched” para que al tocar el editor se pueda generar un círculo del tamaño deseado. En este caso sus dimensiones son de 30px como indica la Fig.3

¿Realizamos una prueba de la solución?

En este ejemplo utilizaremos el emulador que se provee con los extras de app inventor para no utilizar un equipo físico.

Fig. 4 –Emulador con la solución

El comportamiento deseado se logra muy fácilmente en app inventor y para mostrarles la velocidad en la cual se desarrolla, les dejo un video de la implementación.

Vídeo de la Implementación

Espero les sea de utilidad…

Nicolas Bortolotti, Ingeniero U.T.N. Regional San Francisco - Comunidad Xcloud

Desafío Google Chrome 2010

2010-09-01T12:47:00.004+02:00

Hoy día 1 de septiembre nos alegra anunciar el lanzamiento del Desafío Google Chrome, por primera vez en España. Se trata de una competición para programadores en la que os animamos a desarrollar extensiones para nuestro navegador.
Como muchos de vosotros ya sabréis, las extensiones son una buena forma de añadir más funciones a tu navegador Google Chrome. Éstas se pueden descargar e instalar cómodamente desde la galería de Google Chrome.

La competición estará abierta hasta el día 15 de octubre y los ganadores recibirán un Nexus One como recompensa a sus esfuerzo.

Si no sabes mucho sobre el desarrollo de extensiones, no te preocupes, hemos organizado un workshop gratuito en las oficinas de Google Madrid el próximo día 9 de septiembre a las 19h. En el mismo podrás aprender todo lo que necesitas saber sobre cómo desarrollar tus extensiones para Chrome. Las plazas para asistir a la charla son limitadas así que apúntate cuanto antes rellenando el siguiente formulario.

Para presentarse al Desafío el equipo debe ser como máximo de 2 personas y la extensión debe ser en Castellano. Los ganadores se anunciarán el 22 de octubre. Puedes enviar tu extensión a través de este formulario.

Puedes encontrar más información en la página oficial. ¡Os animamos a enviar vuestras extensiones y demostrar de lo que sois capaces!

Isabel Salazar, Departamento de Marketing de Google

HTML5 Rocks!

2010-08-26T23:54:00.005+02:00

Desde hace unos días ya está a disposición de los desarrolladores la página HTML5 Rocks. El objectivo de esta página es proporcionar recursos para todas aquellas personas implicadas en cualquier proyecto web, especialmente de aplicaciones web.

Aquellos que hayan estado desarrollando con HTML/JS/CSS hasta ahora, encontrarán en HTML5 nuevas etiquetas y una serie de nuevas APIs para implementar ciertas funcionalidades que hasta ahora sólo era posible con el uso de librerías externas o extraños hacks en el código. Estas APIs incluyen nuevos métodos para controlar acciones de “soltar y arrastrar", histórico de navegacion, renderizado gráfico (canvas), base de datos en el cliente, nuevos cache para uso offline, geolocalización, y mucho más.

De hecho, en HTML5 rocks se tratan no sólo las tecnologías puramente de HTML5 sino que también CSS3 y otras APIs Javascript que todos los navegadores modernos están soportando actualmente. A todo este grupo de tecnologías también se les refiere esporadicamente como HTML5++.

El primer paso para poner tu aplicación o pagina al día es tan sencillo como simplificar un poco la estructura de tus etiquetas a HTML5. Si antes una página, en su versión mas simple, tenía la siguiente estructura:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">...</style>
</head>
<body>

<script type="text/javascript">...</script>
</body>
</html>

Ahora con HTML5 puedes escribirlo así (sobretodo la primera línia de doctype):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>...</style>
</head>
<body>

<script>...</script>
</body>
</html>

A partir de aquí, échale un vistazo a los recursos disponibles en estas diapositivas para ver cuales podrían ser útiles para tu aplicación. Con el editor de código interactivo puedes experimentar con cada una de las características HTML5 para aprender como utilizar el código necesario en segundos. Para ejemplos mas avanzados que utilizan varias tecnologías a la vez, hay una galería de ejemplos para descargar y aprender del código.

Si además eres de los que aprende mejor con un tutorial paso a paso, hay una serie de 14 tutoriales disponibles que enseñan como empezar a utilizar las tecnologías de HTML5 (o HTML5++), tales como geolocalización, Web Workers o HTML5 video.

Si deseas contribuir con código, demos o sugerencias utiliza el bug tracker o la cuenta de twitter @ChromiumDev. Estaremos encantados de incorporar tus ejemplos.

Ernest Delgado, Developer Programs Engineer de Google Chrome

Iniciando en App Inventor

2010-08-12T20:58:00.009+02:00

Por segunda semana tenemos a Nicolas Bartolotti para hablarnos de un tema de candente actualidad para los desarolladores de Android. Al final de este tutorial hay tambien un par de enlaces a articulos relacionados con este tema por Israel Ferrer.

En este artículo vamos a trabajar con App Inventor for Android, esta plataforma que provee Google abre la posibilidad de crear soluciones a desarrolladores independientemente de sus conocimientos de programación informática. Para docentes y profesores de las ramas de ingeniería y desarrollo móbil, Inventor se ha convertido en una poderosa herramienta para introducir a los estudiantes al mundo de la programación y ayudarlos a convertirse en creadores de la tecnología y no sólo consumidores de la tecnología. App Inventor entre tantas cosas, nos permite compartir las aplicaciones desarrolladas de una forma muy simple e intuitiva.

Totalmente basado en la web App Inventor se convierte en algo muy atractivo para cualquier persona amante y seguidor de la tecnología.

¿Le damos una visita al escenario de desarrollo?

Actualmente App Inventor se encuentra en fase experimental y por este motivo debemos recibir una invitación para utilizarlo.

Fig.1 Escenario Inicial App Inventor

Como se puede observar en la Fig.1 ingresamos al site y generamos un nuevo proyecto. Así de simple empezamos a desarrollar.

Fig.2 Marco de diseño de la solución Mobile

En la Fig.2 podemos visualizar el marco de diseño que se puede proporcionar a nuestro desarrollo Android, el entorno de diseño se compone de una Palette (caja de controles), un Viewer (visualizador) donde puedo visualizar el diseño sobre la muestra de teléfono Android y una guía de componentes y propiedades de cada uno de los controles que se están manipulando.

Con estas opciones rápidamente sin conocer mucho de la tecnología Android puede diseñar nuestra solución, arrastrando controles por ejemplo un botón, una imagen, cambiar colores y demás.

Ahora la preocupación llega en como codificar el comportamiento de la interfaz, socorro!! Necesito un profesional del software es lo primero que llegaría a sus mentes.

App Inventor propone un entorno de programación por bloques muy simple de manipular por alguien ajeno al software. ¿Lo vemos?

Fig. 3 – Editor de Código Fuente

El editor de código fuente que se muestra en la Fig.3 propone dos opciones que se pueden visualizar en el vértice superior izquierdo, en donde podemos optar por seleccionar los bloques propios (ellos se derivan de los controles diseñados en la interfaz mobile) y los bloques de construcción tradicionales para aplicar comportamiento en general a nuestra solución.

Bien, ahora el requerimiento de prueba sería:

"Necesito que al pulsar sobre un botón en la interfaz de mi solución Android Mobile se cambie el fondo de pantalla a color gris."

Paso 1:

Buscar en los bloques de construcción propios como el control del botón:

Fig.4 – Opciones sobre el control de botón

Como podemos observar en la Fig.4 al seleccionar el botón se nos proponen opciones muy intuitivas,

Paso 2:

Seleccionamos el bloque de "Click". Esta es la operación donde se requiere una acción.

Fig. 5 – Selección del Bloque de Click

Paso 3:

Vamos a arrastrar otro bloque que reaccione con una actividad a este evento de "Click". No debemos preocuparnos mucho porque App Inventor con las figuras de los bloques ya nos guía. Esto quiere decir que según su forma encajarán.

Fig. 6 – Acoplado de Bloques

Como se muestra en la Fig.6 hemos codificado que al hacer Click en el botón cambiamos el fondo de la pantalla a… nos resta definir el color.

Paso 4:

Seleccionamos de los bloques generales que provee App Inventor, un color.

Fig. 7 Selección de un bloque de color.

Listo!!

Nuestra aplicación está completa, y así de simple la podemos realizar

Simple ¿no?

Les dejo un video de implementación.

Hasta la próxima!
Publicado por Ing. Nicolas Bortolotti

Articulos relacionados:

http://and.roid.es/crea-un-cliente-twitter-sin-programar-con-app-inventor.html
http://and.roid.es/crea-aplicaciones-con-app-inventor-para-android.html

RatingBar, Analizando Android

2010-07-31T03:31:00.006+02:00

Esta semana contamos con la colaboración de Nicolas Bortolotti, Profesor de la Universidad Tecnológica Nacional, Argentina.

En este artículo vamos a realizar un análisis del uso de un sistema de visualización mediante puntuación estilo “Rating”, generalmente la simbología implementada en este tipo de soluciones son las estrellas, un ejemplo de ello es la empleada en la valoración de hoteles. Este análisis e implementación lo vamos realizar sobre la tecnología Android. Inicialmente la idea sería colocar un widget que mediante una selección, reaccione de distintas formas, esto implica que cada selección sobre una valoración, se evalúe la posibilidad de realizar una acción, en este ejemplo se trabaja con umbrales y si se selecciona una valoración superior a “2” se muestra un mensaje correspondiente y en caso contrario se visualiza otro mensaje.

Veamos que nos provee como ayuda el equipo de Android:

En este vínculo siguiente podemos encontrar todo el detalle de la tecnología implementada.
http://developer.android.com/reference/android/widget/RatingBar.html
En el siguiente vínculo podemos ver un ejemplo propuesto por las demos de Android
http://developer.android.com/resources/tutorials/views/hello-formstuff.html

En la demo, vamos a utilizar el entorno Eclipse con el kit de desarrollo para Android.

Creamos una nueva aplicación para Android como muestra la siguiente figura:

Los puntos importantes a tener en cuenta son:

La clase RatingNB.java (se encuentra el esquema de ejecución de nuestra aplicación)
El archivo Main.xml (se encuentra el esquema de layout)
El archivo strings.xml (se encuentran los recursos)

Veamos la sintaxis de cada uno. En el vídeo enlazado al final de este artículo se pueden ver los detalles de ejecución:

En el método “OnCreate” podemos observar la creación de “ratingBar_default”, esto llega de la maqueta armada en main.xml “R.id.ratingbar_default”. Luego se sobreescribe el “onRatingChanged” para indicarle que realizar cada vez que cambia algo en el ratingbar, y particularmente la lógica que le hemos colocado indica que si el valor de rating es mayor a 2 se coloque un mensaje, sinó otro mensaje será mostrado.

Veamos el main.xml para definir el layout:

Como podemos observar, tenemos un texto genérico con un “string” que llega desde los recursos. Lo importante aquí es el tag “RatingBar” donde, por ejemplo, tiene declarado el “stepSize” para indicar en cuanto se segmenta la selección de valores de puntuación. Como ejemplo, la granularidad es 0.5 indica que segmentará por media estrella en cada selección.

Finalmente veamos el “strings.xml”:

Bien, se puede observar la personalización del recurso de cadena, con un valor de “Rating Nick”.
El aplicativo funcionando muestra el siguiente diseño:

Veamos la implementación del ejemplo en un vídeo:

Video en YouTube - RatingBar Android

Espero les sea de utilidad… hasta la próxima.

Nicolas Bortolotti, Profesor de la Universidad Tecnológica Nacional, Argentina.

Nueva versión para los desarrolladores de .NET

2010-06-30T02:38:00.003+02:00

Las librerias cliente para Google Data sirven de ayuda para que puedas escribir aplicaciones que accedan a tu API favorita.
Nos complace anunciar una nueva versión de la Google Data API SDK para .NET.

Esta nueva versión, la 1.6, incluye soporte para los últimos servicios de contactos y documentos, así como de Google Analytics. También proporciona el componente ResumableUpload muy útil para cargar vídeos gigantes en YouTube y otros servicios que soporten esta característica, como por ejemplo Google Documents.

Sigue los enlaces para obtener una lista completa de cambios y correcciones de errores, descargar esta versión (viene en versiones para Windows, Mono y Windows Mobile), o para reportar errores y pedir nuevas funcionalidades.

Claudio Cherubino y Frank Mantek, Google Developer Relations

Google Apps Marketplace

2010-06-23T11:02:00.008+02:00

Desde hace varios meses está disponible Google Apps Marketplace. Esta tienda de aplicaciones ofrece una gran oportunidad para desarrolladores, ya que pone a su disposición más de 25 millones de usuarios a través de 2 millones de empresas que ya usan Google Apps y más de 3 mil nuevas empresas que se unen cada día. Una de sus principales ventajas es que proporciona una experiencia más sencilla y natural para el usuario al ofrecer una fácil integración con las cuentas de los usuarios y otras aplicaciones de Google Apps. Nos gustaría invitarte a escribir aplicaciones para el Marketplace, así que te traemos un resumen con los enlaces principales y los primeros pasos.

Resumen para desarrolladores (en inglés):
http://code.google.com/googleapps/marketplace/

Autenticación:
Single Sign-On (SSO) basado en OpenID, es un procedimiento de autenticación que habilita al usuario para acceder a varios sistemas con una sola instancia de identificación. Este tipo de autenticación es una de las claves principales para la integración con Google Apps y es un requerimiento de todas las aplicaciones instalables del Marketplace. Las aplicaciones que implementen SSO tendrán la apariencia de Google Apps y además, sus usuarios no tendrán que crearse una cuenta nueva para obtener acceso.
Más información: http://code.google.com/intl/es/googleapps/marketplace/sso.html

Integración de la navegación:
Todas las aplicaciones en el Marketplace obtienen un enlace en la barra universal de navagación de Google, en la barra superior de las páginas de Google Apps que también contiene enlaces a Gmail, Calendar, Noticias, etc. Este enlace proporciona a los usuarios un rápido acceso a la aplicación y (con SSO-OpenID) los usuarios además tienen acceso instantáneo. La configuración de este enlace se realiza con el manifiesto de la aplicación.
Más información: http://code.google.com/intl/es/googleapps/marketplace/manifest.html

Google APIs:
Las APIs de Google, compatibles con el protocolo del API de datos de Google, permiten el acceso a gran cantidad de información almacenada en Google Apps. Mediante estas APIs puedes utilizar información de Google Apps en tu aplicación, para crear nuevas funcionalidades sobre esta información, crear aplicaciones que migren información de Google Apps a otros formatos, integrar otros sistemas con Google Apps, etc.
APIs y productos de Google: http://code.google.com/intl/es/more/

Tutoriales:
Por último, te ofrecemos tres tutoriales en inglés que te llevarán por los pasos necesarios para públicar tu primera aplicación en el Marketplace:
http://code.google.com/intl/es/googleapps/marketplace/tutorial.html

Otros enlaces de interes:
Google Apps Marketplace
Foro y soporte de Google Apps
Blog para desarrolladores de Google Apps

Julián Toledo, Developer Programs Engineer

Buscando en la web social con Buzz Google API

2010-06-10T10:32:00.018+02:00

Una de las últimas adiciones a Google Code Labs es Google Buzz API, que permite a los desarrolladores relacionarse con la web social creando Actividades y participando en conversaciones sobre temas que les interesan.

En Google Buzz los recursos se representan como recursos REST y se dispone de datos en formatos JSON y Atom. Los desarrolladores pueden obtener y actualizar datos simplemente llamando los métodos estándar de HTTP como GET y POST, pero también hay librerías clientes para Java, Python y PHP.

Como ejemplo, utilizaremos la librería cliente para Python y escribiremos un pequeño script para buscar en la web social las novedades sobre la próxima Copa del Mundo de Fútbol. Sólo necesitaremos unas pocas líneas de código ya que la librería oculta toda la complejidad y nos facilita la interacción con Google Buzz:

import buzz

buzz_client = buzz.Client()
buzz_client.use_anonymous_oauth_consumer()
resultset = buzz_client.search(query='fifa world cup')
for result in resultset:
print result.title

El código es realmente sencillo y, como se puede ver, buscar actividades no requiere una cuenta de Buzz, mientras que la autenticación es necesaria para crear o actualizar contenidos, así como para acceder a recursos no públicos.

Por razones de simplicidad sólo haremos una lista de los títulos de las actividades encontradas, pero, obviamente, se puede acceder a mucha más información, como contenidos, propietario y fecha de publicación.

Para obtener la documentación completa y código de ejemplo o, si deseas explorar el futuro desarrollo de esta API, por favor visita el sitio de Google Buzz API.

Claudio Cherubino, Google Developer Programs Engineer

Resumen del Google I/O

2010-06-03T21:00:00.004+02:00

Que Google crea innumerables recursos y productos para la comunidad de desarrolladores ya es algo indiscutible. El Google I/O ha pasado a ser el evento más importante del año para Google. Un evento que esta exclusivamente dedicado a los desarrolladores (muy pronto estarán disponibles en Youtube todas y cada una de las charlas que se impartieron).
Ya se ha hablado antes en este blog de muchas de las cosas que se anunciaron. En este post pondremos un resumen con un montón de enlaces que, ya aviso, te tomarán un buen rato leer.

Los desarrolladores de aplicaciones web tienen a su disposición nuevas APIs como Latitude API, Google Buzz API, Google Font API y una nueva plataforma para hosting de ficheros de cualquier tipo con Google Storage for Developers. Este último acompañado a su vez de dos nuevas APIs por si quieres sacarle más partido a tus datos almacenados: BigQuery and Prediction API.

Otras APIs recibieron actualizaciones notables como la version 2 de la Feed API para que puedas leer feeds en tiempo real, o la versión 3 de la API de Google Maps que no sólo reemplaza a partir de ahora a la versión 2 como versión oficial sinó que además viene acompañada de nuevos servicios como Places API, Directions API o el nuevo Street View en HTML.

Para las empresas hay también un montón de servicios nuevos como AdSense for Ajax and AdSense for search para la gestión de anuncios o herramientas de desarollo para aplicaciones como Google App Engine for Business (con clould portability gracias a la colaboración con Vmware). Otras novedades relacionadas son la nueva version 1.3.4 del App Engine SDK y la 2.1 para GWT.

Por si fuera poco, una vez tengas creada tu aplicación web la puedes empaquetar y subir a la Chrome Web Store (abierta al público muy pronto). Allí tendrás una tienda disponible, ideal para promocionar tu aplicación web para que cualquiera se la pueda instalar y si lo deseas también tendrás los recursos para monetizar tu aplicación.

Tal y como se dijo en la presentación del Google I/O hay unos principios básicos en todos los productos presentados. Los mismos principios en los que se fomenta la web y que ha hecho que ésta prevalezca como plataforma de desarrollo dominante de la última década: “Esos principios son basar tus productos en estándares abiertos que permiten interoperabilidad y portabilidad, lo que posibilita más elección, y libre elección es lo que permite innovación."
Esa interoperabilidad con nuevas plataformas es lo que permitió a Google anunciar sus apuestas por las nuevas plataformas como Google TV o la nueva versión 2.2 (Froyo) para Android (en la keynote podrás ver hasta 22 demostraciones de las cosas que se pueden hacer con esta nueva versión).

En lo que concierne a estándares abiertos, Google se a unido al proyecto WebM junto con Opera, Mozilla, Adobe y muchos otros para impulsar formatos de vídeo abierto como el VP8.

Google sigue también en la linea de poner herramientas internas como código abierto como es el caso de CloudCourse. Una herramienta orientada al ámbito de la enseñanza para gestionar cursos.

Desde que finalizó el Google I/O no nos hemos quedado dormidos, cada semana hay algo nuevo para los desarrolladores:

Google Chrome ya tiene versión estable 5 (incluso para mac y linux). Esta versión tiene un montón de novedades como soporte para el HTML5 sandbox, HTML5 notifications para las extensiones, Geolocation APIs, App Cache, Web Sockets y File drag-and-drop.
A muchos de los desarrolladores os alegrará saber que actualmente hay un montón de nuevas extensiones para editar y depurar aplicaciones web desde el navegador.
Otras novedades de la semana son el soporte de Google Fusion Tables en la API de Google Maps y el soporte de Google Docs List para Google Apps Script.

Ya como último apunte, recuerda que ya no se necesitan invitaciones para utilizar Google Wave y que pasa a estar abierto para todo el mundo.

Ernest Delgado, Developer Programs Engineer de Google Chrome

Interview #2 Google I/O: Ernest Delgado

2010-05-21T19:01:00.002+02:00

Para tener también una visión desde "dentro" del Google I/O Ernest Delgado, uno de los españoles que trabajan en Google en Mountain View, nos ha dedicado unos minutos para darnos su opinión.

Algunos datos:
- Cargo: Developer Programs Engineer
- Titulación: Ingeniero telecomunicaciones por la UPC e ingeniero informático por De Montfort University
- Lugar de origen: Barcelona
- Móvil: Nexus One
- Extensión de Chrome preferida: “Web Developer” de Chris Pederick
- Si no fuese ingeniero … sería músico
- Planes corto plazo: Intentar sacar el maximo partido a mi nuevo trabajo, acabo de empezar y hay mucho por hacer.
- Ocio: Bailar

¿Funciones Google I/O?
He participado en el Bootcamp del primer día impartiendo workshops sobre html5 y extensiones de Chrome.

¿Cuál es tu valoración hasta el momento?
Este ha sido mi primer Google I/O, el más grande hasta el momento y eso que es sólo la tercera edición. Creo que está totalmente volcado en los desarrolladores, se les da una gran cantidad de información y formación durante dos días, además de regalos. Se han comunicado grandes lanzamientos, así que creo que por ahora está yendo muy bien.

¿Opinión programadores españoles?
Han venido 20 programadores desde España, aunque no he podido conocerles a todos. En general vienen con buenas ideas pero tal vez no creen en las posibilidades que tienen. Creo que tienen que aprovechar estas jornadas no sólo para informarse sino también para establecer contactos, conocer a otros desarrolladores y aprovechar a tope el momento. En este sentido el networking es fundamental, teniendo siempre en cuenta que tiene que haber beneficio para las dos partes. Para que eso suceda no hay que tener miedo a compartir y ser mas abiertos y transparentes con nuestras ideas.

¿Cuáles son tus impresiones sobre los lanzamientos anunciados en el keynote de hoy?
Yo trabajo con Chrome extensions y html5, así que me ha resultado interesante ver cómo la web es la plataforma que ha sobrevivido desde el principio de Internet, ninguna otra se ha superpuesto. Ahora todas las partes se están poniendo de acuerdo, tanto desarrolladores, navegadores y empresas y eso hace que estemos en el mejor momento para crear aplicaciones basadas en web.

Creo que con Google TV Google ha demostrado de nuevo que la innovacion constante es una gran prioridad. En mi opinión, creo que también ha sabido ver el buen momento para lanzar un producto de estas características con los recursos actuales.

¿Qué oportunidades generan estos lanzamientos para los desarrolladores?
Todos estos productos que Google ha anunciado están basados en plataformas abiertas, generando así interoperatividad e innovación. Esto genera grandes oportunidades a los desarrolladores en diferentes ámbitos.

¿Qué es lo que más te ha gustado de estas jornadas?
Conocer a programadores en persona con los que sólo había tenido contacto remoto.

¿Y lo que menos? Leventarme a las 7 para ver la keynote

¿Repetirás el año que viene? Por supuesto!!

Isabel Salazar, el equipo de Marketing de Google

Interview #1 Google I/O: Israel Ferrer

2010-05-21T18:03:00.005+02:00

Por los pasillos del Google I/O me he encontrado con varios programadores españoles, así que he aprovechado la ocasión para hablar con uno de ellos, Israel Ferrer. A pesar del jetlag, Israel me ha dado su visión de estas jornadas.

Algunos datos:

- Cargo: Co-fundador and.roid.es y bubiloop.com

- Edad: 25 años

- Titulación: Ingeniero informático por la Universidad Ramón Llull

- Lugar de origen: Barcelona

- Móvil: HTC Legend

- Applicación de Android preferida: Twitter

- Si no fuese ingeniero informático … habría estudiado filosofía

- Planes corto plazo: Lanzar su propia empresa Bubiloop .

- Ocio: Fotografía

Israel, ¿por qué has venido al Google I/O y qué esperabas de este evento?

He venido invitado por Google. La verdad es que el Google I/O es el evento por excelencia para desarrolladores, y creo que es una oportunidad única para formarte y adquirir más conocimientos sobre nuevas tecnologías Google.

Es también mi primer viaje a EEUU y me hacía mucha ilusión. La verdad es que pensaba que el nivel iba a ser muy alto. Todo el mundo sabe que aquí hay desarrolladores muy importantes, de primer nivel.

¿Cuál es tu valoración hasta el momento?

Está siendo toda una experiencia. Es un evento que está muy bien organizado. Hay tantas charlas interesantes que no da tiempo de ir a todas.

He aprovechado para presentarme a todos los bloggers de Android. Hasta ahora he conocido a mucha gente, la fiesta de ayer fue clave para entablar contacto con otros desarrolladores.

Además he tenido la oportunidad de visitar el Googleplex. Toda la zona del Silicon Valley es un área de empresas potentes, se nota en el ambiente las posibilidades de innovación y desarrollo personal y profesional que ofrece.

¿Cuáles eran tus áreas de interés en esta conferencia?

Sobre todo venía interesado en Android, pero también en App Engine y GWT. He asistido a diversas charlas sobre estos productos.

¿Cuáles son tus impresiones sobre los lanzamientos anunciados en el keynote de hoy?

Me han sorprendido las novedades sobre Froyo y el Android Market. Y por supuesto Google TV.

Con estos lanzamientos queda clara la apuesta de Google por acercar la web a los medios más tradicionales. El objetivo es brindar la mejor web a través de todos los dispositivos, ya sean ordenadores personales, móviles o incluso la televisión. Android es la plataforma para generar ese cambio.

¿Qué es lo que más te ha gustado de estas jornadas?

El ambiente, es muy inspiracional y dinámico.

¿Y lo que menos? La comida ;-)

¿Repetirás el año que viene? Espero que sí, es una buena inversión

Isabel Salazar, el equipo de Marketing de Google

Keynote Google I/O 20 de mayo

2010-05-20T20:45:00.006+02:00

Acabo de salir del keynote del segundo y último día de esta conferencia, y la verdad es que ha sido intenso , con un importante número de anuncios.

Para empezar, un breve recordatorio del desarrollo que ha tenido la plataforma Android hasta el momento. Algunos datos: 21 fabricantes de móviles con software Android en 48 países y con 59 operadores. Ahora mismo ya hay 50,000 aplicaciones en el Android market place y unos 18,000 programadores que se han unido a esta revolución.

A continuación se ha anunciando el lanzamiento de Android 2.2, denominado “Froyo”. Froyo incluye avances importantes en velocidad, aplicaciones, navegador, etc. Lo que más le ha sorprendido al público asistente han sido las aplicaciones de reconocimiento de voz y de reconocimiento de “intenciones”. Como por ejemplo, al hablar con nuestro terminal Android y decir simplemente “llamar restaurante”, inmediatamente se inicia la llamada sin necesidad de apretar ninguna tecla.

También se han comentado los avances del Android market place, donde ahora es mucho más sencillo encontrar aplicaciones. Además, ahora es accesible desde cualquier navegador en un PC, lo que permite pasar aplicaciones entre el ordenador y cualquier dispositivo móvil.

Para cerrar el capítulo de Android para móviles, se han resumido los últimos avances en publicidad con el sistema AdSense for mobile apps. Los formatos publicitarios ofrecidos son múltiples: rich media, expandable ads format, click to call … Para más información puedes visitar www.google.com/mobileads.

La segunda parte del keynote la ha ocupado el anuncio más esperado de la jornada: “Google TV: TV mets web and web mets TV”. ¿Y cómo va a cambiar Google TV la forma de ver televisión? Pues de tres formas principalmente: pasaremos menos tiempo encontrando lo que queremos ver; tendremos un control total y capacidad de personalización de lo que visualizamos; y en resumen, el contenido será mucho más interesante.

La demo ha comenzado con la caja de búsqueda “Google TV quick search box”. Al igual que hacemos ahora mismo en nuestro PC u ordenador, la TV pasará a un sistema de búsqueda de contenidos que permitirá a cualquier espectador buscar lo que desee visualizar tanto en TV como en la Red. Una de las funcionalidades que más me ha gustado es la posibilidad de combinar tus favoritos, tanto de canales como de páginas web.

Se han resumido también algunos puntos del hardware, entre ellos la posibilidad de utilizar varios móviles Android como mandos a distancia de forma sincronizada. ¡Ya no habrá que pelearse nunca más por el mando! Por cierto, que todos nos hemos quedado sorprendidos al ver cómo hablando a nuestro móvil podemos cambiar los canales de la TV gracias una vez más al reconocimiento de voz.

Tras unos apuntes sobre la parte del software, que estará basada en Android 2.1 en principio, se han presentado los partners en este lanzamiento: Sony, Logitech, Inte, Dishnetwork y Best Buy (distribuidor en EEUU).

La jornada la ha cerrado Eric Schmidt, CEO de Google, que ha invitado al escenario a todos los CEOs de las empresas anteriormente mencionadas.

Parece que la forma de ver televisión ha cambiado para siempre. Para más información visita: www.google.com/tv

Isabel Salazar, el equipo de Marketing de Google