Web y desarrollo

Archive for noviembre 2008

Lightbox 2 es una biblioteca escrita en JavaScript que permite mostrar en pantalla una imagen a partir de una vista previa, de una forma elegante y con una instalación sencillísima (al estilo de, por ejemplo, Lolacamisetas.com).

En la web oficial podeis encontrar un ejemplo de uso que permite ampliar una imagen o a través de una ampliación navegar por un album de vistas previas. El potencial de esta biblioteca radica sobre todo en la limpieza del diseño: las capas se abren con transiciones, muestran una animación de carga, el resto de la página se oscurece, los botones de navegación se muestran nítidamente. Y además, como decía antes, la instalación es tan fácil como hacer lo siguiente:

  1. Descargar de la página oficial el código.
  2. Incluir en nuestra página las siguientes librerías:
  3. <script type=”text/javascript” src=”js/prototype.js”></script>
    <script type=”text/javascript” src=”js/scriptaculous.js?load=effects,builder”></script>
    <script type=”text/javascript” src=”js/lightbox.js”></script>
     
  4. Activar las CSS de Lighbox 2 -o incluír las nuestras-:<link rel=”stylesheet” href=”css/lightbox.css” type=”text/css” media=”screen” />
     
  5. Añadir el atributo rel = “lightbox” a los links de las imágenes cuya vista ampliada queremos mostrar con lightbox, por ejemplo:<a href=”images/image-1.jpg” rel=”lightbox” title=”my caption”>image #1</a>

    (El atributo title de la imagen se utiliza también como texto de la ampliación con lightbox)
     
  6. Por último, para agrupar imágenes en álbumes, no hay más que poner el nombre del álbum en el atributo rel del paso anterior de la siguiente forma:<a href=”images/image-1.jpg” rel=”lightbox[roadtrip]”>image #1</a>
    <a href=”images/image-2.jpg” rel=”lightbox[roadtrip]”>image #2</a>
    <a href=”images/image-3.jpg” rel=”lightbox[roadtrip]”>image #3</a>

En Lightbox 2 existe también un foro de ayuda además algún que otro truco más para sacarle el máximo partido a esta biblioteca.

Anuncios

Atravesando como estamos una etapa febril de web 2.0, en la Red podemos encontrar ya bastantes textos que nos hablan de web 3.0 e incluso 4.0, y es normal, porque los supestos gurúes de la red dicen que la web 3.0 nos alcanzará en la próxima dédaca (y eso empieza dentro de poco más de un año, señores, que el tiempo pasa volando).

¿Pero qué es todo esto de la web x.0? Este gráfico que unblogmas comparte en su cuenta de flikr lo explica de maravilla:

Evolución de la web (via unblogmas)

Evolución de la web (vía unblogmas)

Y este video que encuentro vía The Inquirer es mucho más intuitivo:

Pero, en resumen, la evolución de la web se resume en esencia en algo así:

  • 1.0 – El pasado (1990 – 2000). La web en la que un desarrollador podía publicar contenidos en Internet. Cuando la Red creció demasiado se hizo necesario el desarrollo de buscadores (¿lo llamamos web 1.5?) para cribar información y acceder en décimas de segundo a lo que estamos buscando. Éste sistema es defectuoso por razones que explicaré más adelante.
  • 2.0 – El presente (2001 – 2010). La web evoluciona incorporando tecnologías que mejoran la experiencia del usuario como AJAX, que sobre todo pretende abstraer al navegante de los tiempos de carga de las páginas, se tienen más en cuenta los estándares W3C y los diseños se basan CSS que, manipulados con JavaScript consiguen efectos visuales más atractivos. Se liberan infinidad de CMS’s y se facilitan alojamientos gratuitos para crear blogs, portales, redes, etc. con contenidos fácilmente editables mediante un gestor (véase WordPress, Joomla, elgg…). En definitiva: el usuario se convierte también en editor. En los procesos de búsqueda empiezan a cobrar bastante relevancia, merecida, sitios como digg.com.
  • 3.0 – El futuro inmediato (2011 – 2020). Se pretende desarrollar (por fin) la web semántica. Es decir: los buscadores utilizan mapas semánticos y redes significados para romper cierta barrera entre lo que el usuario que busca quiere decir y lo que el buscador encuentra. El problema es que en el momento en el que tecleamos unas cuantas palabras en un buscador estas dejan de ser palabras para convertirse en meras letras sin significado (y un significante sin significado es algo cojo). El problema radica en que una máquina (o cualquier artefacto no inteligente), que se comunica con un lenguaje estructurado y basado totalmente en operaciones aritmeticológicas no podrá nunca entender un lenguaje natural (esa es la gran barrera hacia la inteligencia artificial. De modo que la Web 3.0, hoy por hoy, es sencillamente una paradoja, aunque quizás pueda simularse con resultados más o menos óptimos.
    A esto habría que añadir la recopilación de datos de los usuarios (que ya se lleva a cabo mediante muchos sistemas) para cambiar los resultados de una búsqueda, seleccionar la publicidad, etc.
  • 4.0 – El futuro lejano (???? – ????). Lo que se ha reservado para la Web 4.0 es algo que veo muchísimo más cercano que la web semántica: el WebOS, es decir, el sistema operativo basado en la web, cosa que no sé muy bien cómo está planteada, pero que es, hoy día, imprescindible: se trata de que cualquier usuario o empresa acceda a sus datos y a sus aplicaciones a tavés de la web, es decir, desde cualquier lugar del mundo donde haya una conexión a Internet. Con eso solventamos un problema muy común en la PyME que ejemplifico: de tres ordenadores que tenemos en la oficina sólo uno tiene aquel viejo programa de contabilidad que no puede compartir datos con los demás ordenadores, y peor aún, no el usuario no sabe cómo hacer operaciones de mantenimiento.

Creo que de todos estos cambios lo más interesante para el navegante es el acercamiento a la web semántica. Sin duda el sistema de búsquedas que utilizamos ahora (llámese Google, llámese Yahoo) funciona mal. ¿Cómo puede un motor de búsqueda encontrar un texto literario? ¿Cómo puede relacionar expresiones y textos que en definitiva son ideas si los programas informáticos no pueden pensar? Sin duda, el protagonismo que tendrán los lingüístas en el futuro de la red será similar al de los desarrolladores.

Tenía que empezar con el tópico, no pude evitarlo (os presento mis disculpas). Supongo que esta primera entrada (¿log entry? ¿seguro que se dice así en español?) debería ser para explicar de qué va esto, pero en realidad está bastante claro en el título, así que la pregunta que voy a responder no es qué, sino por qué: ¿por qué he empezado a escribir este blog? Porque creo que cualquier persona que se dedique en parte a cualquier proyecto de desarrollo debería, en la medida de lo posible, sacar un rato para escribir sobre las herramientas que usa. Dejaré algún tutorial explicando cómo preparo ciertas cosas (cómo hacer un fichero de configuración para una web, cómo conseguir ciertos efectos que se ven en determinados sitios, qué herramimentas libres utilizo, cómo empezar a hacer ese algo que parece tan complicado) Algunos no serán de la calidad que requiere un programador ávido de aprendizaje, por eso espero vuestras correcciones en los comentarios. No me cortaré a la hora de postear contenidos de otros blogs, porque eso servirá para que los lectores que pueda tener, en algún caso, descubran algo nuevo.

Entonces… ¿esto es un blog más sobre desarrollo y web? La respuesta es no, éste es el mío.


Posts Más Vistos

del.icio.us

Top Clicks

  • Ninguna

Calendario

noviembre 2008
L M X J V S D
    Dic »
 12
3456789
10111213141516
17181920212223
24252627282930