Cajetin SpreadSheet

Cajetin SpreadSheet

Este GadGet tiene como base el GadGet Cajetin creado por FdvCreations, pero con la facultad de interaccionar con una Hoja de Cálculo (de Google Docs) para mostrar contenidos que se irán sucediendo paulatinamente.

Como una imagen vale más que mil palabras, os muestro el GadGet:

El motivo de utilizar una Hoja de Cálculo de Google Docs en lugar de introducir los textos en el mismo GadGet, es debido a que un GadGet no puede tener más de una cantidad determinada de tamaño en sus parámetros, por lo que no se podría introducir todo el texto que se quisiera. Pero quizás, más que un inconveniente puede ser una ventaja, ya que para cambiar los mensajes del cajetin no debemos de editar la web, sino simplemente cambiar los datos de la Hoja de Cálculo.

Configuración del GadGet

La ventana de configuración del Gadget presenta el siguiente aspecto:

Para configurar, utilizaremos los parámetros habituales de configuración de Gadget del apartado Mostrar:

    1. Ancho: Aquí determinamos la anchura del gadget, podemos incluso seleccionar la anchura de contenidos podemos seleccionar una cantidad determinada de Pixeles o un Tanto por Ciento.

    2. Altura: Podemos designar la altura, no obstante el Gadget se adapta a su contenido.

    3. Incluir una barra de desplazamiento en el gadget cuando sea necesario. Esta opción debe estar DESELECCIONADA.

    4. Incluir un borde alrededor del gadget. Podemos incluirle un borde extra alrededor del GadGet, su color será el configurado en la configuración de colores de tu sitio web.

    5. Título del gadget: Podemos incluir un título en la parte superior del GadGet.

Además, se pueden configurar los siguientes parámetros:

    1. URL del SpreadSheet en RSS: URL en RSS de lista de la hoja de cálculo donde obtiene los datos el Gadget. Para obtener esta URL, debemos tener nuestra Hoja de Cálculo en Google Docs y Publicar (toda el libro o la hoja en cuestión), en el cuadro para publicar obtenemos la dirección en RSS de la hoja en formato de lista.

    2. Color Fondo: Es el color de fondo que tendrá el GadGet.

    3. Borde: El GadGet puede dibujar un Borde alrededor del Gadget, de distintas formas gráficas (redondeado, relieve, punteado, etc..). El borde redondeado solo es válido en navegadores actuales.

    4. Color del Borde: Color del Borde dibujado por el GadGet.

    5. Color letra: Para definir el color de la letra. De todas maneras, con el editor bbcode podemos cambiar el color de cualquier parte del texto.

    6. Grosor del texto: Tamaño de la Letra.

    7. Orden en mensajes: Aqui especificaremos si deseamos que los mensajes aparezcan según el orden en el que figuran en la Hoja de Cálculo, o bien queremos que aparezcan en orden inverso. Lo habitual es en orden inverso, así la ultima fila en la hoja de cálculo, que por lógica es la comunicación más reciente, aparecerá en primer lugar en el Gadget.

    8. Tiempo entre mensajes: segundos que transcurrirán entre un mensaje y el siguiente.

    9. Refresco del Feed: Para mejorar el rendimiento del GadGet y no saturar servidores, el Feed, es decir los datos de la Hoja de Cálculo, no se cargan cada vez que se carga el Gadget, sino que el archivo se almacena en una caché. El campo Refresco del feed indica el tiempo en segundos que se debe esperar antes de actualizar la caché con datos nuevos datos. Normalmente será preferible tiempos altos, porque no es importante que los cambios que se realicen en la Hoja de Cálculo se reflejen instantáneamente en el GadGet. Durante la primera configuración del GadGet, quizás sea necesario poner temporalmente un tiempo bajo, para que el webmaster pueda observar como va quedando el GadGet pero una vez bien configurado, estableceremos un tiempo alto para mejorar el rendimiento y no perjudicar servidores (sobre todo si tu sitio tiene bastantes visitas) .

Creación de la Hoja de Calculo (fuente de datos del GADGET)

Los textos que muestra el Gadget, no se introducen en la configuración del Gadget, sino en una hoja de cálculo de Google Docs. Esa hoja de cálculo debe tener tres columnas con tres títulos determinados, para que el GadGet pueda utilizarlas, os explico como hacerlo:

    1. En Google Docs pulsamos "CREAR">Hoja de Cálculo.

    2. En la Hoja de Cálculo debemos introducir estos textos (textos escritos exactamente como están expuestos):

      1. Celda A1: Fecha

      2. Celda B1: Titulo

      3. Celda C1: Comentarios

    3. Tenemos lo esencial. Ahora ya podemos ir rellenando las Celdas con los datos que queremos mostrar.

    4. Publicamos la Hoja de Cálculo para que sus datos puedan ser extraídos por el GadGet, para ello:

      1. Seleccionamos en el menu: Archivo>Publicar en la web...

      2. En el cuadro diálogo que indicamos publicar Todas las Hojas

      3. Deseleccionamos "Volver a publicar automáticamente cuando se hagan cambios"

      4. Pulsamos "Iniciar la Publicación"

    1. Tomamos nota de la URL del feed de la Hoja de Cálculo Publicada, para ello:

      1. En el cuadro dialogo que tenemos a la vista "Publicar en la web...", seleccionamos en Obtener un enlace de los datos publicados, RSS

      2. Seleccionamos Lista

      3. Copiamos la dirección que aparece en el cuadro de texto.

    1. Pegamos la URL copiada en la configuración del GadGet, apartado "URL del SpreadSheet en RSS",

Capturas de pantalla sobre la Hoja de Cálculo (Click para ver en tamaño original):

Resultado final de la Hoja de Cálculo bien configurada. Se le ha aplicado efectos de relleno de color para más claridad.

Cuadro Dialogo de Publicar en la Web..., antes de iniciar la publicación

Cuadro Dialogo de Publicar en la Web, listo para copiar la URL del feed.

También podemos usar una Hoja de Cálculo ya existente, pero usando una Hoja Nueva (botón + de la parte inferior) y posteriormente seleccionando los datos a publicar de la Hoja creada.

Cada vez, que modifiquemos la Hoja de Cálculo y queramos que los datos se vean reflejados en el GadGet, volveremos al cuadro diálogo "Publicar en la web..." y pulsaremos en "Volver a publicar ahora". (El tiempo que tarde en verse reflejado en el Gadget dependerá del valor de Refresco del Feed de su configuración)

Cuando existan muchos contenidos, borramos la filas necesarias. Lo importante es que tengamos la Hoja de Cálculo tal y como queremos que aparezca en el Gadget. Una vez hecho así pulsamos "Volver a publicar ahora".

Como ayuda para escribir texto en bbcode, puedes utilizar este GadGet, una vez escrito el texto lo copias y pegas en tu hoja de Cálculo para el feed de tu Cajetín SpreadSheet.