Programa:

10 de Mayo 2008

11 de Mayo 2008

Los Ponentes serán:

PDF con el detalle de las ponencias

Ojo, la web del evento www.forodeinternet.com tiene flash y musiquita.

Este nivel de conocimiento básico es el mismo que acumulan muchos de los responsables últimos de webs, ya sean pequeñas, medianas o grandes. Por un lado está el concepto y por otro la necesidad:

• El concepto: una página web tiene entidad propia, es un fin, un objetivo. Trabajamos para tener una página web y si es buena mejor.
• La necesidad: debemos tener una web porque todo el mundo tiene una, porque hay que estar en internet, porque es una manera de proyectar una imagen.

Una web es un medio para transmitir información y como cualquier otro medio, tiene sus reglas, pros y contras.

Cuando esto no está claro, se generan webs de varios tipos:

• Tipo Ikea, es aquella que te obliga a pasar por cada sección para encontrar alguna información.
• Tipo Wov, con presentaciones, intro, multimedia, cortinas, transiciones, música de fondo, etc…
• Tipo Keep Out, no te quiero, si buscas algo te lo tendrás que currar, pero hagas lo que hagas no lo encontrarás.
• Tipo Panel de avión, esta web es guay porque tiene más opciones que nadie, muy frecuente en sitios con poca información.
• Tipo Reinventar la rueda, quiero una web de mi zapatería, pero que muestre fotos de la nasa.

El caso es que debes conocer cada una de las plataformas y a veces por desconocimiento o falta de uso se ignoran las posibilidades de que se dispone. Para dar respuesta a esto se ha creado Google Web Elements, que simplifica todavía más la creación de elementos de google para incrustar en tu propia web.

Por el momento ofrecen los siguientes elementos: Calendar, Conversation, Custom Search, Maps, News, Presentations, Spreadsheets y YouTube News. Como podrás observar la cosa está orientada a modo yanki, pero seguro que pronto estará más internacionalizada.

Calendar: puedes usar cualquier calendario público (tanto si está creado por ti, como por otro) necesitas la dirección del calendario (ID de Calendar), que se averigua a través de:

Google Calendar -> Configuración -> Calendarios -> Calendario elegido -> Dirección del calendario

El ID está a continuación del botón HTML y es algo así:
334cn38ibjcd027v9447louuoo@group.calendar.google.com (este es uno que creé sobre las Fiestas Locales Canarias).

Luego ya puedes seleccionar entre tres tamaños diferentes y el tipo de visualización (agenda o mes). Mientras vas cambiando los parámetros en la caja inferior se va actulizando el código resultante a incrustar en tu web. Este es el resultado:

Conversation: Se puede incluir la conversación que se genera a través de Google Friend Connect, mediante temas genéricos y acotado a toda la red o sólo a tu sitio (es interesante el hecho de que funciona sin especificar de forma previa tu dominio), lo que sigue es una prueba con este blog (a ver qué sale).

Custom Search Element: Muy interesante este elemento de búsqueda personalizada, permite crear un buscador acotado a tu web (también sin tener que especificar la dirección) en menos de 5 segundos, o se puede monetizar con adsense (requiere el AdSense Publisher ID) e incluso seleccionar tu propio custom search previamente creado (requiere el Custom Search ID, aunque permite seleccionarlo desde tu panel directamente). Un gran avance a la hora de facilitar su creación. A continuación un CSE sobre este blog:

Actualización: parace que integrado en blogger no tira, se queda pillado en “loading”, lo he probado en otros sitios y si va.

Maps: Crear un mapa utilizando geolocización inversa es de lo más sencillo, sólo tienes que escribir claramente la dirección y la etiqueta que quieras que salga en el globo, el tamaño, tipo de mapa (no incluye street view) y ya tienes un mapa incrustable sin necesidad de estar andando con api key de gmaps ni nada (es cierto que en gmaps también se puede hacer de forma muy sencilla). A continuación mi pueblo:

Google News: Noticias, pudiendo elegir unos temas genéricos o crear tus propios topics, en el ejemplo siguiente noticias sobre caralibro.

Los tres elementos restantes: Presentations, Spreadsheets y YouTube News, no tienen casi ninguna personalización ni mejora en la facilidad de uso, si lo comparamos con el interfaz nativo.

Para instalarlo en tu web debes acceder a Tweetboard, previamente tienes que estar validado en la cuenta twitter que quieras asociar a la web, pulsar sobre “Request a free alpha invite!”, lo que te abrirá un mensaje para twitter al que habrá que modificar la url de la web (este es el mío). Una vez hecho esto, recibirás a los pocos minutos un reply desde @microforum dando el ok y con enlace a las instrucciones, ahora mismo, lo hacen de forma automática (me llegó sobre la marcha).

En las instrucciones te indican que la forma de añadirlo a la web es incluyendo el siguiente código antes de cerrar en la plantilla, algo así:

Pero al insertarlo en blogger da un error, así que para que funcione correctamente debes modificarlo ligeramente, sustituyendo “&” por “& amp” (aquí lo explican mejor).

Una vez instalado, aparecerá un botón que al pulsarlo desplegará un panel con los últimos tweets relacionados, con la opción de reordenar por fecha, por última actividad o por más activos (los que más respuestas han tenido), pudiendo ver estas respuestas de forma anidada, mira la captura de pantalla y el vídeo:

Hace tiempo que queríamos darle un geito a la web de Métriz, pero por algún extraño mecanismo mental siempre la dejábamos abandonada, cutrona y con una fina capa de polvo por encima.

Pero hasta aquí hemos llegado, a partir de ahora y bajo el lema de “Neurons for hire” hemos renovado la web, añadido un blog y hasta un canal en twitter.

El taller resultó muy interesante, el perfil de los asistentes, en cuanto a conocimiento de las posibilidades del medio, era muy alto, muchos de ellos ya se encuentran desarrollando acciones de promoción en redes sociales. Quizás donde habían más problemas era en la confusión de las herramientas y técnicas a utilizar para ser efectivos.

El apartado de Geolocalización llamó bastante la atención, seguramente por lo novedoso. Y casi nos quedamos sin tiempo para profundizar en el tema de las Guías Locales. En cualquier caso el taller fue muy participativo, con turnos de preguntas en los que acabaron interviniendo casi todos los asistentes.

Hemos colgado la presentación en la cuenta de El Puerto Project en Slideshare:

Esto hace tiempo que está implementando en Google Maps, pero a través de este gadget podrás integrarlo en tu propia web.

Configurar el gadget y obtener el código es realmente sencillo, y el resultado es espectacular.

Se puede configurar el ancho y alto del gadget, el título y el tipo de borde. Y la dirección o direcciones de destino, para establecer más de una se tendrá que separar por el signo “|” (Alt Gr + 1):

Una vez tengamos el código, sólo tendremos que copiarlo en nuestra web.

De manera que si un usuario realiza una búsqueda utilizando su lugar de origen, el gadget mostrará un mapa de google con la ruta dibujada, así como una relación paso a paso de todos los puntos intermedios. Al mostrarse la información se podrá cambiar de destino, así como de medio (en coche o a pie). También se ofrece una versión para imprimir tremendamente dinámica, pudiendo activar parámetros como la inclusión o no de mapas intermedios:

Si quieres, puedes mirar el siguiente ejemplo:

El autor del gadget es E.J. Kalafarski y lo vi en una presentación de Bernardo Hernández en el pasado Congreso de Webmasters, con el ejemplo de la Universidad de Stanford, donde lo tienen implementado.