Google Developer Day 2008 – AppEngine

Paul McDonaldComo ya había mencionado, procuré entrar a las sesiones orientadas más a programadores durante el Google Developer Day 2008 de la Ciudad de México, por lo tanto, a la primera sesión que asistí fué la de “AppEngine“, y el conferencista fué Paul McDonald.

Por cierto, es justo mencionar que las salas de las sesiones individuales estaban muy bien acondicionadas, donde cada lugar de los participantes tenían para conectar su laptop a la toma de corriente y a Internet (ya sea por cable o por WiFi).

Con respecto al desempeño del expositor, la mayoría de los ejemplos reales (no las diapositivas, si no el programa en sí) no le funcionaron, y no pudo corregirlos para hacer que corrieran en su máquina, incluso tuvo el contratiempo de la falla a la conexión de Internet.

Como mencioné hace casi tres meses, AppEngine es un novedoso servicio que permite ejecutar nuestras aplicaciones web en los servidores de Google. Ofrece un sistema de bases de datos no relacionales, un espacio de almacenamiento de 500 MB y 10 GB de tráfico diarios.

La principal ventaja que le veo a este servicio, es usar la infraestructura de Google para subir nuestras aplicaciones web, con lo cual tenemos asegurado el hecho de que no fallarán por caídas de servidor, así como tampoco tendremos que preocuparnos por la seguridad, estabilidad y demás detalles técnicos de un proveedor de hosting tradicional.

¿El precio? Gratuito si no superamos el límite de 5 millones de páginas vistas al mes. Pero, ¿qué sucede si nuestra aplicación se vuelve muy popular y supera ese límite? Digamos que por los siguientes 5 millones de páginas vistas extra serían aproximadamente 40 dólares al mes, un precio bastante asequible.

Otro detalle interesante es que nuestra aplicación normalmente estaría “colgada” de un subdominio de tipo miaplicacion.appspot.com, pero con la opción de poder tenerla en un dominio personalizado usando Google Apps. Varios ejemplos de aplicaciones podemos encontrarlos en appgallery.appspot.com; algunas interesantes son TweetWheel y YouTube Subtitler.

Hay que tomar en cuenta que al tratarse de la infraestructura de Google, debemos regirnos de acuerdo a sus reglas, y por ello tenemos algunas limitaciones con respecto a lo que podemos usar al momento de programar. Debido a esto, Google nos ofrece APIs para solventar estas limitaciones. Por ejemplo, nos ofrece la API de Picasa para la manipulación de imágenes y la autenticación de usuarios a través de cuentas de Google (o sea, cuentas de Gmail).

Por último, y algo muy importante, es que por el momento el único lenguaje que se permite para el desarrollo de las aplicaciones es Python, aunque se tiene pensado el usar otro tipo de lenguajes, como Java o PHP, pero no hay fecha de “lanzamiento” de dicha característica. A continuación, un ejemplo de un Guestbook, presentado por Paul MacDonald durante su exposición.

app.yaml Configuration File
Data Model
Request Handlers
HTML Template

Pronto, la reseña de la segunda sesión: “GWT” ;-)

Google Developer Day 2008 – Sesiones Plenarias

Lo prometido es deuda, aquí está mi reseña del Google Developer Day 2008 efectuado hace un par de días en la Ciudad de México. Antes que nada, sobre las generalidades del evento, puedo mencionar que la organización me pareció muy buena, a pesar de que en la conferencia plenaria falló la energía eléctrica y en algunas de las pláticas falló la conexión a Internet. Algunos han mencionado que los souvenirs fueron austeros y no tuvimos helicóptero de regalo… pero para mi lo importante es la información presentada y no los regalitos; para ser un evento gratuito, le doy una calificación de 9.5 :-)

Sesión Plenaria 1: Google y el Mercado Mexicano.

Por John Farrel

Desgraciadamente no pude escuchar completa la primera sesión plenaria de John Farrel, ya que el taxi se demoró dos horas y media en llegar al Centro Banamex (benditos embotellamientos, ¡es increíble como nadie respeta los semáforos!), pero básicamente se trató del “Ecosistema de Google“, o sea, de como conviven los usuarios, desarrolladores, anunciantes, socios de acceso y el contenido en sí.

Ecosistema de Google

Así mismo, hizo énfasis en el poder de Google actualmente, mencionando cifras imponentes tales como ser la marca número uno en Internet, tener la audiencia del 84% de los usuarios totales de Internet, 4.4 billones de páginas visitadas al día, 706 millones de visitantes mensuales, buscador número uno en Estados Unidos y resto del mundo, red publicitaria número uno global con miles de anunciantes, etc.

Un detalle que se mencionó también, es el poder de que cualquier usuario de Google puede hacer uso de su sistema de AdSense para generar ganancias y así llevarse una tajada de las ganancias que Google genera a nivel mundial, lo cual antes era sólo posible para grandes empresas con el poder económico para anunciarse y ofrecer anuncios publicitarios. Por último, Farrel mencionó la importancia de los desarrolladores en el ecosistema de Google.

El Rol de los Desarrolladores

Sesión Plenaria 2: La Nube, la conectividad y el cliente.

Por Alfonso Luna

La segunda sesión plenaria tenía el título de “Un vistazo a la estrategia de nuevos productos”, aunque Alfonso Luna en su presentación denominó a dicha conferencia como “La nube, la conectividad y el cliente”. La “nube” a la que hace referencia, es la Web. En resumen, fué un brevario introductorio a todos los nuevos servicios de Google: AppEngine, GWT, Gears, Android, OpenSocial y KML. Aquí algunas diapositivas al respecto.

Google AppEngine
Google Gears
Google Android
Google OpenSocial

Es interesante la forma como Google plantea lograr incentivos económicos a través de OpenWeb: Aplicaciones Web más ricas -> Más Usuarios -> Más Uso -> Más Ingresos. A continuación se presentan algunas gráficas interesantes sobre OpenWeb y la conectividad.

Areas de Inversión de Google
Hacer que el Cliente tengas más Poder
Garantizar la Conectividad en todo Lugar


La reseña de cada una de las conferencias individuales, a continuación en los próximos posts.

Google Developer Day 2008

Google Developer Day LogoComo había mencionado antes, hoy se celebró el Google Developer Day 2008 en la Ciudad de México. Definitivamente, valió la pena viajar 10 horas (+2 horas de taxi de la estación al evento uff!). Mi apreciación general del evento fué buena, y aunque esperaba conferencias más concretas de AppEngine, GWT, Gears, Android, OpenSocialKLM, al menos sirvieron para que los desarrolladores conocieran más a fondo los alcances y bondades de dichos servicios.

Como en este momento me encuentro en la estación esperando para regresarme a mi lugar de origen, no tengo mucho tiempo para contarles los detalles de las conferencias, pero en un par de días haré el relato de cada una de ellas. Obviamente no entré a todas, no puedo partirme en cuatro :-) , pero procuré entrar a las conferencias más enfocadas a desarrolladores, de las cuales si les daré los pormenores.

¿Alguien más asistió al evento? ¡Comentarios bienvenidos! :-D

Compatibilidad de CSS en Clientes de Correo

Email MarketingSi eres parte del grupo de marketing de tu empresa, sabrás que un recurso muy utilizado hoy en día es el envío de correos electrónicos visualmente atractivos y dirigidos a los clientes de la empresa. Igualmente, la gran mayoría de los servicios web es común que envíen a sus usuarios newsletters o notificaciones con textos e imagenes inteligentemente distribuidas para hacerlos más atractivos.

Pues bien, este tipo de mensajes, obviamente escritos en HTML, en la mayoría de ellos usan técnicas de la “vieja escuela”, a.k.a. Web 1.0; en otras palabras, usan etiquetas obsoletas y tablas para el diseño.

¿Cómo mejorar y actualizarnos? ¡Simple! Usando Hojas de Estilo CSS. Pero hay un “pero”: debido a la gran cantidad de clientes de correo (tanto de escritorio como basados en web), cada uno de ellos trata a las hojas de estilo de manera diferente, o sea, no todos reconocen los mismos selectores, atributos y valores. Es por ello que hay que tener presente que debemos usar técnicas que sean compatibles con la mayoría de los clientes de correo, o al menos con los más populares.

Por suerte, alguien ya se tomó la molestia de hacer pruebas, y ha publicado una tabla de compatibilidad de CSS en diversos clientes de correo para escritorio (Outlook 2003 y 2007, Windows Mail, Mac Mail, Entourage 2004 y 2008, Thunderbird 1 y 2, AOL 9 y 10, AOL Mac, Lotus Notes 6 y Eudora) y en clientes de webmail (Yahoo! Mail, Gmail, Hotmail, Live Mail, AOL Web y .Mac Web).

Tabla de Compatibilidad de CSS en Emails

Los invito a descargarla, estoy seguro les será sumamente útil, incluso para sus correos personales.

Descarga: Tabla de Compatibilidad (en PDF).

Vía: WebAppers.

WMD – El Editor WYSIWYM para Markdown

No, no me equivoqué, WYSIWYM significa “What You See Is What You Mean“, o sea, “Lo que ves es lo que significa“, así que no hay que confundir con WYSIWYG. Ahora bien, Markdown es un lenguaje de marcado ligero que trata de conseguir la máxima legibilidad usando sólo texto plano.

Para comprender mejor el Markdown, veamos el siguiente ejemplo:

Título Principal
================
Este es un *Texto en Cursiva* y un **Texto en Negrita**
Título Secundario
------------------
Ejemplo de lista:
- Primer elemento
- Segundo elemento
Ejemplo de [Enlace][1].
[1]: http://gespadas.com

Lo anterior, transformado a XHTML sería:


<h1>Título Principal</h1>
<p>Este es un <em>Texto en Cursiva</em> y un <strong>Texto en Negrita</strong></p>
<h2>Título Secundario</h2>
<p>Ejemplo de lista:</p>
<li>Primer elemento</li>
<li>Segundo elemento</li>
<p>Ejemplo de <a href="http://gespadas.com">Enlace</a>.</p>

¿Interesante verdad? Pues esta conversión es precisamente la que realiza WMD, ya sea que usemos directamente el demo, o bien, descargar el script para implementarlo en nuestros proyectos web.

wmd

Sin duda, una singular herramienta para tomarla en cuenta. Por cierto, es libre y gratuita, bajo una licencia MIT.

Enlace: WMD.

Vía: WebAppers.

Guía de Referencia SEO

Dando seguimiento al SEO Cheat Sheet, les presento un estupendo trabajo sobre técnicas SEO, explicadas de manera clara y resumidas. Está divido en cuatro secciones: Planificación, Arquitectura, Promoción y Reportes.

[ Guía de Referencia SEO ]

Si eres Desarrollador Web, y quieres familiarizarte con el mundo SEO, esta es una estupenda opción. Se las recomiendo mucho.

Descarga: Guía de Referencia SEO en Español (PDF).

Enlace Original: Javier en VSEO.

Vía: KaBytes.

Fuentes Seguras para Web

Para todo diseñador web, son bien conocidos los colores seguros para web (web safe colors), pero un detalle que muchas veces dejamos pasar es el tipo de letra (fuente, font) que usamos en nuestros proyectos web. Gracias a los chicos de Font Tester tenemos al fin una lista muy completa de fuentes seguras para web (web safe fonts). Aquí las tienen, ya en formato CSS para que fácilmente hagan el típico Copy&Paste en sus hojas de estilo.

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

Como pueden notar, todas las listas de fuentes terminan con una genérica (serif o sans-serif), para que no haya problema por si alguna de las primeras fuentes de la lista no se encuentra en el sistema del navegador cliente del usuario. Si lo desean, pueden ver una vista previa de las fuentes para una mejor elección de la fuente a utulizar.

Vía: Kabytes.

CSS Cheat Sheet

Gracias al buen recibimiento de las cheat sheets (guías rápidas) de PHP y SEO anteriormente publicadas, aquí les traigo una nueva, realizada por Ateneu Popular, la cual está muy completa, con un diseño sumamente claro, y considero debe ser una referencia casi obligada para todo diseñador web.

CSS Cheat Sheet

Se las recomiendo, su peso es de 1.5 megas, en formato pdf (dentro del zip descargado se encuentra el pdf). Si el enlace dejara de funcionar, que me avisen para subirla directamente a este servidor.

Descarga: CSS Cheat Sheet.

Vía: Kabytes.

Recursos para Programadores Web

Siguiendo con los post multi-noticias, aquí les dejo tres de los más recientes recursos para programadores web, espero les sean de utilidad.

Google Doctype

[ Google Doctype ]Recién lanzado, Google Doctype pretende ser la referencia obligada para todo desarrollador web, ya que es una enorme biblioteca de recursos como xhtml, css, javascript, DOM, etc, todo escrito por desarrolladores, para desarrolladores. Obvio, es OpenSource, bajo licencia Creative Commons, y abierto a todo el público para contribuir con aportes, a la manera wiki. Enlace: Google Doctype. Vía: Google Code Blog.

Yahoo! SearchMonkey

[ Yahoo! SearchMonkey ]Yahoo! no se detiene, pues acaba de abrir al público su plataforma de desarrollo web SearchMonkey; el objetivo, es que los programadores y desarrolladores hagan uso de microformatos y estándares de la web semántica, dándoles la infraestructura necesaria para construir sus propias aplicaciones. Enlace: SearchMonkey. Vía: Y! DevBlog.

Video Tutoriales de JavaScript

Si quieres aprender JavaScript, o bien, pretendes volverte experto en este lenguaje, aquí les dejo unos video tutoriales de Douglas Crockford, uno de los gurús de JavaScript del mismísimo Yahoo!. Vía: Catonmat.

  • JavaScript Básico: I, II, III, IV.
  • JavaScript Avanzado: I, II, III.