29.5.05

Jornada de Cultura Electrónica. Tarifa, 3 de junio 2005

Este weblog se edita como documentación para el taller de edición web que se llevará a cabo el viernes 3 de junio en la Casa de la Cultura de Tarifa. Para facilitar la consulta se ofrece aquí un índice de contenidos que enlaza a cada artículo.
Cada uno de los apartados tiene un enlace al final que te llevará al siguiente y otro que te traerá al índice. Puedes usar los comentarios para hacer cualquier consulta sobre los temas tratados.

¡Que aproveche!

vicente araújo

Una de prueba


20041008 001
Originally uploaded by probando.
Así es como quedarán vuestras fotos después de haberlas enviado a vuestro weblog desde Flickr

Flickr

Existen muchos servicios de almacenamiento de fotos en Internet, pero ninguno se ha hecho tan popular y útil como Flickr. Se trata de un servicio completamente online que permite subir a la Red imágenes en cualquiera de los formatos habituales (gif, jpg, png), ordenarlas, compartirlas, o incluso publicarlas automáticamente en nuestro weblog.

Para registrarnos en Flickr haremos lo siguiente:

  1. Entramos en http://www.flickr.com/
  2. Clic en el botón Sign up now
  3. Elegimos un nombre de usuario, damos una dirección de correo (la de gmail, por ejemplo), escribimos una contraseña cualquiera y validamos la casilla junto al mensaje I am over 13...
  4. Clic en el botón Sign Up
  5. En la pantalla siguiente podemos dar algunos datos personales o dejarlo para otro día haciendo clic en skip this step
  6. Ya está
En este momento se abrirá vuestra página personal en Flickr. Para subir vuestras fotos:
  1. Clic en Upload Photos
  2. Seleccionar entre una y seis imágenes (recordad, en formato gif, jpg o png) de vuestro disco duro
  3. Clic en el botón Upload
  4. El sistema tardará un rato en subir las fotos
  5. Una vez haya terminado de cargar la imagen, esta se mostrará junto a un par de campos de texto en los que se puede añadir una descripción o algunas palabras clave (tags) que os ayudarán a encontrarla cuando tengáis muchas. Tras rellenar esos campos, haced clic en Save (Guardar).
  6. Se mostrará una imagen reducida de la foto.
  7. Clic en la imagen. Aparecerá una nueva página con la imagen a mayor tamaño y algunos iconos sobre ella. De momento el que nos interesa es el que se llama Blog This. Sirve para enviar la foto que acanamos de subir a una entrada de nuestro weblog
  8. Clic en Blog This
  9. Aparecerá un mensaje indicando que aún no hemos configurado ningún blog al que subir la imagen. Hacemos clic en do that now
  10. Seleccionamos Blogger blog en el desplegable y hacemos clic en Next
  11. Escribimos nuestro nombre de usuario y contraseña en Blogger. Repito: ¡los de Blogger!
  12. En el desplagable que aparece a continuación elegimos nuestro weblog. Si tenemos más de uno aparecerá la lista completa
  13. Clic en Next
  14. Clic en All done para confirmar los datos
  15. Para probar que funciona hacemos clic en return to the photo you were blogging.
  16. Se nos muestra la página Blog this photo, donde podemos añadir un título para la entrada el texto que queramos.
  17. Clic en Post Entry
  18. Ya está. Podemos echar un vistazo a nuestro weblog haciendo clic en Take a look at your blog y comprobar si está bien.
  19. Es posible que los textos muestren caracteres extraños. Esto de sebe a la diferente codificación de ambas herramientas (Flickr y Blogger). Si eso ocurriera bastaría con editar el texto en Blogger. Por ejemplo haciendo clic en el lápiz que aparecerá junto a vuestro weblog si os habéis registrado en esta sesión.
  20. Facilito, ¿no?
siguiente

Almacenar imágenes en internet

Hemos visto cómo podemos añadir imágenes encontradas en internet en nuestras entradas. Pero es posible que necesitemos utilizar imágenes propias que hayamos creado con cualquier editor de imágenes como Photoshop o Gimp, o fotografías que hayamos tomado con nuestra cámara digital.

Lo primero que debemos tener en cuenta es que no todas las imágenes nos valen. Un navegador de internet (Firefox, Mozilla, Explorer, el que sea) sólo es capaz de leer imágenes que estén guardadas en alguno de los siguientes formatos:

  • gif (imágenes con colores planos o con fondos transparentes)
  • jpg (fotografías)
  • png (funciona bien con cualquier tipo de imagen)
  • bmp (obsoleto)
El tamaño y la resolución de las imágenes también es importante. La resolución se refiere al número de píxeles (puntos) que caben en una pulgada cuadrada y es uno de los parámetros que pueden controlarse en cualquier editor de imágenes. Una resolución de 72ppp es suficiente para Internet; 150ppp es apropiado para imprimir en una impresora de chorro de tinta; 300ppp se reserva para impresión en offset, y 600ppp para impresión de gran calidad.

siguiente

¿Dónde puedo encontar el feed de una bitácora?

Normalmente son enlaces fáciles de ver. A veces están en botones como este:



Y a veces simplemente se indican con un enlace de texto como cualquiera de estos:
  • RSS
  • Feed
  • Sindicar
  • Atom
  • XML
  • Suscribir
Existen buscadores de bitácoras que funcionan como uno normal (Google o Yahoo, por ejemplo), pero que sólo ofrecen resultados que están publicados en un weblog. Los más usados de estos buscadores son Technorati o Bloglines.

También existe la buena costumbre entre los bloggers de incluir un listado de aquellos enlaces que les parecen más interesantes. Así que la mejor forma de encontrar un buen weblog es a través de otro weblog.

Pero no olvides que no todos los archivos de una bitácora son legibles en un agregador, sino únicamente aquellos que estén escrito en un formato adecuado: xml o rdf principalmente. Lo digo para que no intentes agregar la página principal de un blog. No funcionará.

Aquí tienes algunos que sí funcionan, para empezar (como puedes comprobar, no se ven bien en el navegador porque son archivos para leer en el agregador):
siguiente

Cómo usar un agregador

Desde la reciente eclosión de las bitácoras, cada vez son más los lectores que eligen consultar los archivos RSS, y por tanto, cada vez mayor la oferta de lectores de feeds. Firefox lee feeds (en Favoritos, buscad Marcador Vivo), aunque no es la manera más cómoda de leerlos si consultas muchos. El cliente de correo Thunderbird, lee feeds, y es un poco más cómodo, pero no el mejor. Y la próxima edición de Outlook leerá feeds. Pero cada vez me gustan menos esos programas que lo hacen todo en uno. Si lo que necesitamos es un lector de archivos xml... pues usemos uno en lugar de tratar de abrir las cervezas con los dientes.

Hay dos tipos fundamentales de agregadores o readers, que es como llaman a estos programas:
  • online.- Funcionan como un servicio web en el que puedes sindicar los archivos xml que quieras, y algunos ofrecen funcionalidades interesantes.
  • locales.- Son programas que se instalan en tu disco duro y se comportan de una manera muy parecida a un cliente de correo, consultando las novedades al arrancar el programa, y cada cierto tiempo, si lo configuras así.
Un lector local: SharpReader
SharpReader es sencillo, eficaz y gratuito. ¿Se puede pedir más? Sí, pero el olmo tampoco da peras, te pongas como te pongas. Para leer un documento basta pegar la URL del feed en la barra de dirección y pulsar la tecla Intro. Si el contenido te mola y quieres guardarlo en tu lista de favoritos, haz clic en el botón Subscribe. Ya está.

El programa es tan sencillo que no voy a insultaros explicando los menús. Sólo un detallito importante: si queréis usar vuestra lista de feeds favoritos para usarla con otro lector, habrá que exportarla como un documento en formato OPML, cosa que el SharpReader hace con la modestia y corrección que tan popular lo hace en todas las fiestas.

Un lector online: Feedness
Si no quieres instalar más programas en tu cacharro, o si quieres tener una segunda opción para cuando no estás en casa, puedes suscribirte a cualquiera de los muchos lectores online disponibles. Si te fías de mi palabra y quieres contribuir al éxito de una iniciativa española, regístrate en Feedness. Hace bien su trabajo, es limpio, es cómodo, y se le entiende todo porque está en cristiano. Un truco: si exportaste el documento OPML con los feeds que has agregado en SharpReader, ahora puedes importarlos a Feedness sin tener que sindicarlos uno a uno.

¿Guay, eh?

siguiente

¿Mi bitácora publica un feed de esos?

Lo normal es que el sistema de edición se encargue automáticamente, pero podemos mirar a ver...
  1. Entramos en Blogger con nuestro nombre de usuario y contraseña
  2. Clic en el nombre de nuestro weblog
  3. Clic en Opciones
  4. Clic en Feed del sitio
  5. Comprobamos que en Publicar feed del sitio está seleccionado la opción
  6. Elegimos Completo en Descripción (O abreviado, yo qué sé, si da lo mismo, lo que prefieras) Copiamos la URL del feed del sitio (luego la pegaremos al configurar el agregador)
  7. Clic en Guardar valores
siguiente

Agregadores RSS

Existen varias formas diferentes de acceder a contenidos que entén alojados en Internet:
  • Podemos ver páginas web mediante un navegador (Firefox, Mozilla, Internet Explorer, Netscape Navigator, Opera...)
  • O leer y enviar correo electrónico usando un programa cliente de correo (Thunderbird, Outlook...) o también a través del navegador.
  • También podemos participar en charlas (chats) usando Messenger, Jabber o cualquier programa de IRC
  • Si queremos reproducir archivos multimedia podemos elegir entre Quicktime, Winamp, Windows Media Player o algún reproductor portátil...
  • O manejar archivos con algún cliente de FTP
¿Pero qué pasa con los weblogs?

En realidad una bitácora es una página web, así que puede leerse en el navegador como cualquier otra. Sin embargo también sabemos que una bitácora no es exactamente como cualquier otra web. Por su modo de edición extremadamente sencillo, por su estructura interna y por su propia filosofía, un weblog tiende a ser actualizado muy a menudo. Es frecuente que se añadan nuevos contenidos a diario, e incluso varias veces al día. Además sus temas suelen ser muy personales, muy especializados sobre un tema en concreto. Por ejemplo sobre arte digital en español o sobre el conflicto en oriente medio.

Uno no acude a una bitácora como quien acude a un portal en el que puede encontrar información variada y otros servicios. En los weblogs buscas información muy específica sobre un tema particular que te interesa, o la opinión de un escritor en concreto. Eso hace que para seguir tus blogs favoritos haya que visitar un buen número de páginas. Como tampoco sabes cuándo se van a actualizar, no es raro que uno acuda varias veces a un mismo sitio a ver si hay información nueva sobre alguna noticia que acaba de producirse. Muchos periodistas están utilizando estos sistemas de edición para escribir en directo, comentando una determinada noticia en el mismo momento en el que se produce.

Esto supone una manera diferente no sólo de publicar, sino también de leer en internet. Para facilitar la lectura de este tipo de webs, muchas bitácoras publican unos documentos especiales, llamados sindicaciones o feeds, que recogen sólamente las últimas entradas actualizadas.

Características:
  • Se generan siempre de manera automática cuando un weblog es actualizado
  • Sólo recogen información, no elementos de diseño, por lo que cargan mucho antes
  • Están siempre disponibles en una misma URL
  • Son legibles por un tipo especial de programa llamado agregador que 'recibe' las actualizaciones de los blogs suscritos como si fueran mensajes de correo.
Los agregadores son, con diferencia, la manera más cómoda de consultar un amplio número de bitácoras, y están disponibles tanto en forma de software que se instala en el ordenador, como en forma de servicio web.

Para un lector, usar un agregador es la mejor forma de permanecer siempre informado sobre un asunto que le interesa.

Para un escritor, los agregadores le aseguran una audiencia fiel e interesada en el tema sobre el que escribe

siguiente

28.5.05

Tomamos un poquito de aire y seguimos p'alante...

Bien, ya tenemos nuestra cuenta en Blogger, hemos creado un blog en ella (más adelante podemos crear más si los necesitamos) y ya sabemos cómo escribir una entrada en nuestro blog, con enlaces e imágenes. Para empezar no está mal, pero tenemos un par de problemillas:
  • ¿Qué pasa si quiero incluir una fotografía que he tomado con mi cámara digital y no está en internet?
  • ¿Cómo consigo que la gente me lea?
  • Y sobre todo... ¿y ahora de qué escribo yo?
El primero es fácil de resolver: vamos a acudir a otro servicio gratuito, Flickr, que nos permitirá almacenar, ordenar y clasificar nuestras fotos (u otras imágenes) en internet. Los otros dos son los eternos problemas del escritor, versión S XXI. No es que tengan una única solución, pero veremos cómo podemos encontrar un poquito de ayuda en una utilidad de Blogger: la sindicación RSS

siguiente

Añadir un enlace

La tecnología básica de Internet es el hipervínculo o hiperenlace. Es lo que hace que al hacer clic en una palabra o una imagen el navegador nos muestre una u otra dirección de internet. Convertir una palabra en un enlace es muy sencillo en blogger

  1. Seleccionamos la palabra que queremos convertir en enlace
  2. Clic en el icono Link (el cuerto por la izquierda en el editor)
  3. Escribir (o pegar) la URL a la que queremos enlazar
  4. Clic en Aceptar
  5. Listo
  6. Es posible crear vínculos a paginas web, a fotografías, a clips de video, a archivos de audio, a documentos guardado en Internet, etc... Simplemente hay que averiguar la URL del contenido
siguiente

Añadir imágenes

Una bitácora no tiene porqué ser sólo texto, también puedes incluir alguna imagen que se encuentre en Internet. Lo normal es que esas imágenes las encuentres ya publicadas en otras webs. Por ejemplo, para encontrar una fotografía del Tarifa puedes ir a Google y hacer una búsqueda de imágenes con el nombre Tarifa.


El resultado es este.

Elegimos una foto del resultado de la búsqueda. Hacemos clic en ella y aparece este resultado.

Haciendo clic en Ver imagen en tamaño completo encontré por fin la foto sin nada más. Si te fijas en la barra de dirección, aparece esto http://photos1.blogger.com/img/9/2063/640/Tarifa%20Beach.jpg Esa es la URL de la foto, la dirección que usaremos para incrustarla en nuestro weblog. Se hace así:


  1. Creamos una entrada nueva
  2. En el campo de texto principal, buscamos una pestaña que se llama Edit HTML. Así desactivamos el editor gráfico que usamos normalmente para escribir entradas y podemos escribir código directamente.
  3. Que no cunda el pánico, el código que vamos a utilizar es muy sencillito y luego volveremos al editor gráfico
  4. Tecleamos el siguiente código:
    (sustituyendo, claro está, el texto "URL de la foto" por la dirección que hemos obtenido antes, es decir: "http://photos1.blogger.com/img/9/2063/640/Tarifa%20Beach.jpg". Hay que dejar las comillas)
  5. Volvemos al modo gráfico haciendo clic en Compose.
  6. La foto aparece en nuestra entrada.
siguiente

Comentarios

Como habrás visto en el ejemplo anterior, los weblogs permiten que los lectores también escriban comentarios a tus artículos. Así conseguimos recibir información y no sólo ofrecerla. Como administrador, puedes decidir si quieres que aparezca o no la posibilidad de añadir comentarios a un artículo concreto (bajo el campo de texto principal, activa una de las casillas Sí o No, a tu elección). También puedes decidir si permites que cualquiera pueda escribir un comentario, o si sólo pueden hacerlo los usuarios registrados, o sólo los miembros del weblog (ya explicaremos qué significa eso). También puedes ocultar los comentarios o borrarlos definitivamente (icono en forma de papelera).

Casi todas esas posibilidades de configuración las tienes en la pestaña Opciones, apartado Comentarios. Las que no estén ahí serán lo suficientemente visibles cuando las necesites ;)

siguiente

Un post de prueba



Se está celebrando en Tarifa la primera Jornada de Cultura Digital, que pretende divulgar la importancia de las tecnologías digitales al servicio del arte y la cultura. Para ello la delegación municipal de cultura ha convocado una serie de talleres, conciertos y conferencias que reunirán en nuestra ciudad a artistas con larga experiencia en la utilización del ordenador como herramienta de trabajo creativo.

siguiente

Escribir nuestra primera entrada

Un post, o entrada, es cada uno de los artículos que se escriben en un weblog. Aparecen en orden cronológico inverso (los más recientes arriba) para facilitar el acceso a los últimos contenidos. Son muy sencillos de editar, pues Blogger incorpora todas las herramientas necesarias para la publicación en Internet (editor de HTML, plantillas CSS, cliente FTP) en un solo interfaz.

Para escribir una entrada haremos lo siguiente:

  • Abrimos Blogger
  • Introducimos nuestro nombre y contraseña
  • Hacemos clic en el nombre de nuestro weblog (es posible tener tantos como necesites, todos accesibles con el mismo nombre y contraseña)
  • Al abrirse la página de edición veremos cuatro pestañas en la parte de arriba: Creación de entradas, Opciones, Plantilla y Ver blog.
  • Por defecto aparecerá seleccionada la primera de ellas: Creación de entradas. En ella encontraremos tres apartados: Crear, Editar entradas y Estado.
  • Hacemos clic en Crear. Se abrirá el interfaz de edición
  • En el campo título, escribiremos uno que aparecerá como encabezado cuando se publique.
  • Luego, en el campo principal, escribiremos el texto del artículo.
  • Cuando acabes de escribir, haz clic en Publish Post (el botón rojo debajo del campo de texto). Un mensaje te indicará que la entrada se la publicado correctamente. Para verla, haz clic en la pertaña Ver blog (mejor en una pestaña nueva).
siguiente

Blogger

¿Qué es?

Blogger es un sistema de edición que permite escribir contenidos para Internet sin tener conocimientos de diseño web. Es una herramienta diseñada para publicar weblogs, pero puede adaptarse fácilmente a otros propósitos.

¿Cómo consigo mi blog?

En Internet existen muchos sitios que ofrecen servicios gratuitamente. Para hacer uso de esos servicios suele ser necesario que nos registremos como usuarios. Registrarse consiste en aportar algunos datos que permitirán al sistema distinguirnos de otros usuarios de manera que podamos acceder a nuestra información con total seguridad.

Es normal que durante el proceso de registro se nos pida un nombre de usuario (el que queramos), una contraseña (que conviene anotar y guardar en algún lugar seguro para no olvidarla), alguna información personal, una dirección de correo electrónico y que aceptemos una serie de condiciones de uso. Si eres particularmente celoso de tu información personal, puedes mentir en todo menos en dos cosas: el código postal de tu ciudad (se suele comprobar automáticamente, aunque a veces no te lo piden) y tu dirección de correo electrónico. Una vez registrados, para acceder a nuestra cuenta bastará con teclear en el formulario de registro el nombre de usuario y contraseña que hayamos elegido al registrarnos.

Nunca se dirá lo suficiente: hay que anotar y guardar el nombre de usuario y la contraseña, y la dirección de correo tiene que ser válida (que exista, que funcione y que sea tuya)

¿Cómo registrarse?

Si estás leyendo esto, la manera más sencilla es hacer clic aquí. Si estás viendo esta página con Firefox, Mozilla o Netscape, lo mejor será hacer clic sobre el enlace anterior (donde dice 'aquí') con el botón derecho y luego Abrir en una nueva pestaña. A continuación, sigue los siguientes pasos:

  • Clic en Cree su blog ahora. Se abrirá la página Crear una cuenta
  • Elegir un nombre de usuario y una contraseña (hay que escribirla dos veces)
  • Elegir el nombre que se mostrará a los visitantes de la página (puede ser el mismo que el de usuario o uno distinto)
  • Escribir una dirección de correo válida (que exista y que funcione)
  • Seleccionar la casilla junto a Acepto las condiciones de servicio.
  • Clic en Continuar
  • Escribir el título que queremos darle al weblog (en este caso, enredando, que es el que se ve en el encabezado. Vosotros podéis elegir el que os parezca)
  • Escribir una palabra como dirección del weblog. Por ejemplo, si la palabra que escribís es vacaciones, la dirección será http://vacaciones.blogspot.com/
  • Copiar la palabra de verificación
  • Clic en Continuar. Se abrirá la página Elegir una plantilla. Luego puedes cambiarla por otra (o diseñarla entera si tienes conocimientos de diseño web)
  • Clic en Continuar
  • Ya está creado el blog. Cuando quieras puedes empezar a añadirle los contenidos que desees
siguiente

¿Qué necesito para crear una bitácora?

Eso depende del tipo de bitácora que quieras escribir, si piensas usar fotografías, si necesitas un control muy preciso de la herramienta, si tienes conocimientos de diseño web... En general, los únicos requisitos necesarios son:
  • Espacio en un servidor web
  • Un sistema de edición instalado en el servidor
Es posible conseguir ambas cosas de manera gratuita. Para los propósitos de este taller será suficiente con usar servicios gratuitos, aunque es posible que conforme adquieras experiencia y conocimientos necesites algo más elaborado si quieres añadir nuevas funcionalidades a tu web. Para principiantes mi consejo es utilizar primero las herramientas gratuitas que vamos a describir aquí antes de decidir dar el salto a sistemas más profesionales, pero también más complicados de mantener y más caros.

Nosotros usaremos Blogger como sistema de edición (que proporciona además el espacio web necesario) y Flickr para guardar y manejar las imágenes

Ambos servicios son gratuitos, se integran con facilidad y poseen las funcionalidades necesarias para gestionar un buen blog.

siguiente

¿Qué es una bitácora?

Veamos la definición que da la Wikipedia

[nota: Wikipedia es una enciclopedia colaborativa en la que los artículos pueden ser escritos, editados y corregidos por los propios lectores. +info...]

Un weblog, también llamado blog o bitácora, es un sitio web donde se recopilan cronológicamente mensajes de uno o varios autores, sobre una temática en particular o a modo de diario personal, siempre conservando el autor la libertad de dejar publicado lo que crea pertinente.

Existen muchas herramientas de mantenimiento de blogs que permiten, muchas de ellas gratuitamente, sin necesidad de elevados conocimientos técnicos administrar todo el weblog, coordinar, borrar o reescribir los artículos, moderar los comentarios de los lectores, etc., de una forma casi tan sencilla como administrar el correo electrónico.
Poco más que añadir: simplemente decir que una bitácora se diferencia técnicamente de otros tipos de webs en que usan tecnologías dinámicas. Es decir, que no sólo muestran información sino que se comportan como un programa de edición instalado en un servidor de Internet en lugar de en nuestro disco duro.

siguiente

Intro

Internet ha supuesto una revolución en las comunicaciones globales. Frente a los medios tradicionales (prensa, radio, televisión), la Red ofrece un espacio descentralizado en el que la comunicación no fluye en un único sentido, desde un centro emisor a un número variable de receptores pasivos, sino que cada ordenador conectado puede funcionar al tiempo como emisor y como receptor. Esta característica pone al alcance de la ciudadanía la posibilidad de ser elementos activos en el proceso de comunicación.

Otras características interesantes del medio son:
  • bajo coste de producción
  • inmediatez de la comunicación
  • alcance global
  • capacidad para transmitir contenidos de diversa naturaleza (texto, imagen, sonido, software...)
  • interacción, multidireccionalidad
Todo esto ha producido un cambio en la manera como se produce y se recibe la información. Los modelos tradicionales van cediendo paso a otros que aprovechan las posibilidades técnicas de la red.

Uno de esos nuevos modelos es el de los weblogs, blogs o bitácoras.

Dedicaremos este taller a conocer un poco mejor qué son y aprenderemos a poner en marcha y mantener una de estas interesantes herramientas

siguiente