Languages

Web semàntica

El nuevo delicious

Delicious es una de las aplicaciones web que más utilizo, tanto para guardar como para recuperar enlaces de interés. Por fin han anunciado la nueva y esperada versión, que además ha sido desarrollada en symfony, nuestro framework php favorito.

A continuación un video en forma de resumen de los principales cambios:


Google indexa Flash

Google ha anunciado que ha desarrollado un nuevo algoritmo para indexar el contenido textual de los ficheros Flash (menús, botones, banners, contenido,...). De todas formas aún hay algunas limitaciones:

  • Googlebot no ejecuta algunos tipos de Javascript. Por lo tanto si los Flash se cargan via Javascript, a lo mejor Google no lo indexa
  • Si el Flash carga contenido externo como HTML, XML u otros SWF, Google lo considerará contenidos diferentes
  • Aún hay problemas con los idiomas que se escriben de derecha a izquierda, por lo que aún no los indexa

Más información en Google Blog

Yahoo! pone las cosas en su sitio

Hoy le toca a Yahoo! tener una nota sobre ellos, y como no, relacinada con mapas. Yahoo Internet Location Platform es el nuevo servicio que según ellos es:

"[...] a resource for managing all geo-permanent named places on Earth"

Y esto que quiere decir? pues que yahoo abre su base de dato geográfica, y con la nueva API que ofrecen, cualquier punto del planeta tendrá un identificador único: WOEID (Where On Earth ID). Además, también se podrán buscar los WOEID's que coinciden con un sitio, y otros servicios.

Se puede leer mucho más en:

Seguro que le sacamos partido para los nuevos proyectos que tenemos en marcha en Qibbus!

Visualización accesible de datos

En A List Apart nos demuestran como utilizar tres técnicas básicas para incorporar la visualización de datos utilizando patrones estándares de navegación como un bloque HTML con una lista de enlaces.

Por ejemplo, una lista como esta:

<ul class="chartlist">
  <li>
    <a href="http://www.example.com/fruits/apples/">Apples</a> 
    <span class="count">420</span>
  </li>
  <li>
    <a href="http://www.example.com/fruits/bananas/"> »
    Bananas</a> 
    <span class="count">280</span>
  </li>
  <li>
    <a href="http://www.example.com/fruits/cherries/"> »
    Cherries</a> 
    <span class="count">200</span>
  </li>
  <li>
    <a href="http://www.example.com/fruits/dates/">Dates</a> 
    <span class="count">100</span>
  </li>
</ul>

Puede quedar como esta gráfica aplicando un simple CSS:

Sin duda, un recurso interesante como alternativa a otros sistemas existentes a base de APIs o Flash.

web 3.0

Utilizar etiquetas como web3.0 no es lo que más me gusta, pero seguramente puede ser una buena forma de transmitir la idea del "siguiente paso" en Internet.

¿Y que será esta web3.0 y cuando llegará?

Pues ya está aquí, y hace bastante tiempo, y la gente lo está utilizando, lo que ocurre es que pasa desapercibida. Antiguamente (¿?) se les llamaba webservices, y de hecho son la base de la mayoría de mashups que encontramos por internet.

Amazon tiene un catálogo de servicios web (S3, EC2, etc) que no para de crecer, y sobre los cuales funcionan grandes proyectos como SmugSmug.

El último anuncio de YouTube ha sido la publicación de una API más avanzada. Esta API va a permitir hacer casi de todo con los videos y el reproductor, y utilizarlo dónde queramos, y pudiendo construir nuestro propio YouTube. Google tiene OpenSocial y otras APIs, Twitter es principalmente una API, Facebook,... todos. Y los widgets también han venido para quedarse.

Seguro que con el tiempo iremos viendo como evoluciona la web que conocemos hacia sitios construidos a base de componentes (widgets), y de mashups, algunos alimentados por los propios datos, y otros por APIs externas

Ver las noticias en el mapa

En Qibbus nos encantan las aplicaciones web que hacen uso de mapas (no hay más que ver Zangoa), por eso nos encanta descubrir proyectos interesantes como Yahoo! newsglobe y BuzzTracker.

Los resultados son muy interesantes, y seguro que proyectos similares van a aparecer en los próximos meses :)

Para conocer un poco más sobre el tema:

Crear URL's clares en symfony

Quan es desenvolupa una web, un element que moltes vegades no es té en compte és el format de les URL de les pàgines, però a qibbus sempre hem intentat que aquest sigui un element important dins el projecte.

I perquè és important això? Doncs uns quants motius poden ser (segur que en podríem trobar molts més):

  • Per una banda no dóna pistes de com està estructurada la web internament: fitxers, base de dades, etc. (p.ex. és millor http://www.exemple.com/ca/activitats que no http://www.exemple.com/principal.php?pagina=activitats.php&idioma=cat ).
  • En segon lloc,tampoc dóna pistes de com està estructuraa l'organització que hi ha al darrera de la web (/informes/2007/xyz/ és millor que /~users/pol/documents/xyz/).
  • Permet tenir una coherència amb les URL's de la web, i el visitant pot saber on es troba de la web i també pot"endivinar" on trobar algun altre contingut (/cars/audi/ i /cars/ford/, en comptes de /cars/audi/ i /ford-cars/).
  • Si la URL té significat, també ser tingut en compte per alguns cercadors a l'hora d'indexar les pàgines, i millorar els resultats de les cerques.

Tot aquest tema ja fa temps que ha pres bastanta importància amb l'aparició dels blogs i els "links permanents" o permalink, que no acostumen a ser res més que URL's ben estructurades que permeten accedir a un contingut de forma permanent.

I per aconseguir generar les URL's clares en les aplicacions desenvolupades en Symfony, hem creat una petita utilitat, a partir de codi del wordpress, que es pot trobar adjunta a aquesta entrada, per si a algú li pot fer servei.

mytoolstar.gz

Microformats a Zangoa

L'objectiu de zangoa és recopilar informació sobre allotjaments de turisme rural i el seu entorn, i fer que aquesta informació sigui útil als usuaris. Amb aquest objectiu en ment, queda clar que és bàsic que la informació estigui ben estructurada, i no tan sols internament, sinó també a la mateixa web. Per això, a les fitxes dels allotjaments s'han utilitzat els microformats per estructurar la informació de contacte.

Què són els microformats?

Gairebé tots hem sentit a parlar de la web semàntica, i els microformats són un pas més en fer que la web estigui "organitzada", creant relacions molt més potents i complexes i obtenint informació molt més elaborada.

Els microformats són un conjunt de metadata que aprofiten característiques HTML/XHTML per afegir informació semàntica i ser útil a les persones i als agents de software (p.ex. cercadors). A la web microformats.org ho descriuen així:
Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards.
Utilització a Zangoa

En concret, a zangoa s'ha utilitzat vCard, microformat basat en l'estàdard hCard per mostrar informació de contacte dels allotjaments, com una targeta de visita. En concret s'han utilitzat termes com org (organització, nom de l'allotjament), adr (adreça), locality (localitat) o tel (telèfon).

<div class="vcard">
<h2 class="fn">Mas del Puig (el Forn)</h2>
<div class="adr">
<div class="street-address">Vilar, 1</div>
<div>
<span class="locality">Castellbell i el Vilar</span><br />
<span class="region">barcelona</span>, <span class="postal-code">08296</span>
</div>
<div class="country-name">España</div>
</div>
<div class="geo">
<span class="latitude">41.6329</span>
<span class="longitude">41.6329</span>
</div>
<div>Teléfono: <span class="tel">606993557</span></div>
<div>Web: <a class="url" href="http://www.masdelpuig.com" target="_blank">http://www.masdelpuig.com</a> </div>
</div>

Contingut sindicat