Netscape vuelve por la revancha

La guerra de los navegadores web es una de las historias de la informática mas conocidas, Netscape fue derrotado por Internet Explorer en los 90, y las consecuencias fueron Mozilla Foundation que fue creado por ex empleados de NetScape y representa la principal competencia de Internet Explorer con Firefox.

Hoy en dia estamos en la puerta de la segunda guerra tecnológica, a la cual se suman potencias como Google Chrome, Apple Safari y Opera entre otros, pero parece que un competidos se estaba preparando para volver por su revancha.

Netscape vuelve a la cancha con lo que parece ser la revolución al mundo de los navegadores, el nuevo modelo intentara superar a todos los de la competencia y va a dar prioridad a las redes sociales, principalmente a Facebook que es la clave de distribución de este navegador.

Segun los expertos el regreso de Netscape de la mano de Factbook puede desatar una nueva batalla tecnológica entre los navegadores.

Los que vivimos de las webs no queremos matar cada vez que sale un navegador nuevo ya que cada cual tiene sus pequeñas diferencias que nos hacen la vida mas interesante, pero si hay algo que nos da mas dolor de cabeza que testear un sitio en todos los navegadores es tener que meterle mil parches para que funcione bien en Internet Explorer, por lo tanto cualquier navegador que ayude a emparejar un poco la cosa es totalmente bienvenido.

Fuente: www.cadenaser.com

Firefox creció un 4.5% en el 2008

Sactamente, primer post del año y arrancamos con la buena noticia de que Explorer volvió a bajar un 1,5%, Firefox subió 4,5%, Opera quedo igual, Chrome arranco bien y Safari la remo.

Internet Explorer perdió 7,9% y ya está por debajo del 70%. Firefox es el ganador del 2008 con un 4,5% y supera el 21% de los usuarios, Safari cerro el año con un 2,4% arriba y lo deja rozando el 8%, Opera quedo casi igual, con el 0,71% y Chrome también arranco bien el año, alcanzando el 1,04%.

Así da gusto empezar el año!

Fuente: muycomputer.com

Test para soporte de estándar en navegadores web

En Google se pueden encontrar muchas herramientas para testear el soporte de estándares que tienen los diferentes navegadores web, estas herramientas son muy útiles para prevenir y solucionar errores de compatibilidad.

Uno de los mas destacados es Acid2, un test creado por Web Standards Project que expone los fallos que tienen los navegadores para cumplir los estándar, si el navegador interpreta correctamente HTML y CSS2 el resultado de la pagina es una cara sonriendo como esta:

Este test se hizo tan popular que Microsoft se puso en campaña para que su próximo navegador IE8 pase satisfactoriamente la prueba (obviamente los resultados de IE6 y IE7 fueron desastrosos) pero como era de esperarse, IE8 necesitaría en la pagina un tag no estándar que active un modo especial del navegador denominado "modo estandar", de manera que IE8 en su funcionamiento normal no puede superar la prueba, no va a soportar estándares y los diseñadores vamos a tener que seguir usando codigo no estándar para solucionar sus errores.

Otro test bien destacado es CSS3 Selector test desarrollado por CSS3.info, que realiza un test del soporte de selectores del navegador, con esta herramienta no solo podemos saber que navegador nos dará problemas con los selectores, también podemos ver de que manera se prueba el selector en el navegador así que también sabemos como evitar dicho problema.

En W3C podemos encontrar los test mas recomendados en cuanto a HTML, CSS y estándares, todos pueden ser muy útiles según el navegador que nos este dando problemas.

Mas de 200 tempaltes Blogger a disposición

Hoy 30 de Setiembre del 2008 se lanzo Templates Blogger, una extensa galería de templates gratis para Blogger.

El sitio cuenta con una recopilación de mas de 200 templates, diseños exelentes y temas muy variados. Aceptan templates de la comunidad para continuar creciendo el archivo, esta iniciativa fue creada por La red de blogs Actualidad Blog, con lo que se crea una nueva comunidad de diseñadores en una web 2.0 de templates.

Sitio oficial: www.templates-blogger.com

Añadir buscador a tu blog de Blogger

Añadir un buscador a nuestro blog es mas sencillo de lo que suena, basta con entrar a nuestro blog desde blogger draft, y agregar el elemento Search Box, podemos configurarlo a nuestro gusto y su apariencia es algo así:

Pero hay otra opción para agregar un buscador en nuestro blog, mas controlada y personalizada.

Primero hay que poner en donde queramos el buscador las siguientes líneas.

<form action="http://interesesweb.blogspot.com/search" method="get" />
<input name="q" size="20" type="text" />
<input value="Buscar" type="submit" />
</form>

Segundo hay que cambiar el nombre del blog por el que corresponda (en mi caso interesesweb)

Tercero agregar ID o CLASS a los INPUT para dar formato con CSS y dejarlo a tono con el blog.
También se puede usar una imagen en lugar del botón.

Se recomienda encerrar todo el FORM en un DIV con un id para poder posicionarlo mejor en el diseño.

Mas información en: Blogger in draft, Blogger Buzz

CSS Table Gallery

La mejor opción para presentar datos tabulados es usar tablas, es simple, el código queda bien estructurado y con CSS se pueden lograr diseños increíbles.

CSS Table Gallery es una colección de diseños de tablas con CSS, todos muy bien logrados y nos permite descargar el fichero CSS de cada diseño.

Muy buena fuente de inspiración a la hora de diseñar una tabla.

icant.co.uk/csstablegallery/

Robots.txt de Blogger

Chequeando la indexación del contenido del blog en las herramientas para webmaster de Google me llamo la atención que tenia 2 errores de rastreo, ambos son por restricción del robot.txt

Pero que es el robot.txt y porque restringe el acceso?

El archivo robot.txt es el que nos permite controlar el comportamiento de los rastreadores (crawlers) de los buscadores cuando indexan nuestro sitio, dentro de el se encuentran las especificaciones en cuanto a que queremos que indexe y que no, con que frecuencia queremos, ext.

Cuando un rastreador como por ejemplo el Googlebots de Google llega a un sitio, lo primero que ve es el archivo robot.txt y sigue sus recomendaciones al indexar el contenido (como son recomendaciones existe la posibilidad de que no haga caso e indexe todo el contenido que encuentre).

El robot.txt de Blogger es el mismo que el de cualquier sitio con la diferencia de que no lo podemos manipular, es creado y manipulado exclusivamente por Blogger.

El contenido de todos los robot.txt de Blogger es:

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Noindex: /feedReaderJson

Sitemap: http://interesesweb.blogspot.com/feeds/posts/default?orderby=updated

Y lo podemos ver agregando robot.txt al final de la dirección de nuestro blog (http://nombre_del _blog.blogspot.com/robots.txt).

Con las herramientas para webmaster de Google podemos analizar el robot.txt en la subsección análisis de robot.txt, esta herramienta nos muestra la dirección, la última descarga y el estado del robot.txt.

Que significan los valores dentro del robot.txt?

• User-agent: es el nombre del rastreador al que le queremos dar instrucciones.


• Mediapartners-Google es el rastreador de Google Adsend.


• Googlebot es el de Google.


• Googlebot-Image es el que se encarga de indexar las imágenes de Google.


• Slurp es el de Yahoo.


• Msnbot el de MSN.


• el asterisco (*) es un comodín, significa que los valores siguientes se aplican a todos los rastreadores.


• Disallow: se usa para indicar las páginas o directorios que no queremos que los rastreadores indexen, si no hay valor los rastreadores indexan todo lo que encuentren.


• Disallow:/search impide a los rastreadores indexar las paginas que son resultados de búsquedas internas.

Las URLs restringidas por el robot.txt son /feedReaderJson y /search/label/, esto no es un error ya que los enlaces generados por feedReaderJson son parte del sitemap y se pueden considerar contenido duplicado (fraude penalizado por Google, el castigo es excluirte de sus resultados) y los resultados de búsqueda interna ubicados en /search/label/ también se pueden considerar contenido duplicado.

Pero podemos darle instrucciones a los rastreadores aun no teniendo acceso al archivo robot.txt, usando las etiquetas META.

• <meta name="robots" content="index,follow" />
  indica que indexe la página y todos sus enlaces (valor por defecto).


• <meta name="robots" content="index,nofollow" />
  indica que indexe la página pero no los enlaces.


• <meta name="robots" content="noindex,follow" />
  indica que no indexe la página pero si los enlaces.


• <meta name="robots" content="noindex,nofollow" />
  indica que no indexe la página ni los enlaces.

Tableyes (diseñar con tablas)

Tableyes design es un blog que justifica el uso de tablas en el diseño de un sitio web

Segun el concepto tableyes:

• Son mas rápidas (es de vago y de poco conocimiento).


• Es mas simple (formatear los elementos HTML con CSS es simple, la compatibilidad con navegadores lo hace complicado).


• Es mas flexible (mas flexible que diseñar con CSS???????????)


• Combinadas con CSS dan exactamente los mismo resultados que los DIVs (solo resultados estéticos, un sitio web no es solo un diseño)

Las ventajas mas importantes que tiene el usar los elementos HTML para lo que fueron creados (ya sean etiquetas de división, encabezados, listas, párrafos, ext) es que la estructura del código es mas ordenado, mas fácil de actualizar y en el caso especifico de comparar DIVs con tablas, un sitio estructurado con DIVs y CSS lleva de 3 a 4 veces menos código (siempre y cuando se usen donde corresponde), lo que lo hace mas liviano de descargar, mas rápido de desarrollar y mas simple de estructurar.
CSS nos permite cambiar la naturaleza de los elementos, incluso simular tablas o celdas de ser necesario, esta característica de CSS hace tan o mas flexible el desarrollo de un sitio web sin tablas que con tablas.

Tablas vs DIVs

Las tablas no pueden compararse con los DIVs porque los DIVs no son el único elemento que se usa al desarrollar una pagina, si para esto usamos exclusivamente DIVs la cantidad de código puede ser igual que si lo hacemos con tablas.
Lo que se debería comparar es un sitio estructurado con tablas y uno sin tablas, en cuanto a facilidad de desarrollo pueden que ganen las tablas, en cuanto a semántica, facilidad para actualizar, velocidad de descarga, orden en las estructuras, menos tiempo de trabajo, ext, creo que las tablas no son la mejor opción, lo mejor es usar las tablas para lo que fueron creadas, presentar datos tabulados.

(Sin mencionar los estándares establecidos por W3C que deberíamos respetar, los mejores resultados que se consiguen en los motores de búsqueda, y todos los beneficios que tiene un cliente con un sitio web bien echo.)

Problema con Google Translate y CSS

A alguien le paso alguna ves que el traductor de Google no carga las hojas de estilo del sitio que traduce?

Este problema me consumió todo un día de investigaciones y pruebas para solucionarlo, cuando casi me doy por vencido y asumo que Google Translate no anda me di cuenta de un detalle que puede ser muy común en plataformas CMS.

Cuando el traductor de Google traduce las páginas agrega parámetros a continuación de los ficheros CSS vinculados.

Algo como esto:

El fichero no es identificado en la plataforma por este parámetro que agrega el traductor Google y provoca que la página se vea sin las hojas de estilo.

La solución que encontré es importar las hojas de estilo usando la regla @import en lugar de vincularlas, de esta manera y si esta bien echo el código Google no aplica ningún parámetro y la pagina traducida se carga con sus hojas de estilo correspondientes.

Otro dato importante que me entere hoy es que si entras muchas veces al mismo sitio por Google Translate este supone que tenes un virus o gusano en tu ordenador que esta haciendo peticiones falsas, después de la página de error avisándote que estas infectado (falso en mi caso) te impide el acceso por un buen rato.

Tirando abajo a Google Chrome

A 4 días de su lanzamiento Google Chrome empieza a recibir duras criticas sobre su funcionamiento.

Uno de los problemas de funcionamiento colgó todo el navegador y sus pestañas, lo contrario a su característica de rendimiento la cual dice que si una pestaña deja de responder no afectan a las demás.

Los expertos en seguridad se centraron en Chrome y encontrando grabes errores de vulnerabilidad heredados de Firefox y Safari.

No recomiendan el uso diario de este navegador dado a que es una versión de prueba y puede comprometer la seguridad del sistema.

Google Chrome asigna un numero de identificación que es buscado y facilitado para posibles actualizaciones desde que se enciende el ordenador, lo que hace identificables a los usuarios.

Aparentemente no se ajusta a los estándares de Internet, no paso el test de estándares Acid3 consiguiendo un puntaje máximo de 78/100.

Otros críticos dicen que conociendo a Google, Chrome va a ser siempre un Beta.

Fuentes: elmundo.es - kriptopolis

Eran pocos y parió Google

La guerra de navegadores viene tan bien que Google no quiso quedar afuera y se sumo a la fiesta.

Tal como dijo, en la tarde del 2 de Septiembre lanzo su última creación, el navegador web Google Crome

Los creadores aseguran que este navegador es más rápido, más estable y seguro que los navegadores actuales (como dicen todos), actualmente se encuentra en la versión BETA, esta disponible solo para Windows XP y Vista en mas de 40 idiomas.

Google Crome es un navegador de código abierto, el motor de JavaScript denominado V8 supera la velocidad de ejecución de cualquier navegador, se beneficio de características de Firefox 3 para mejorar sus aplicaciones y usa el motor WebKit de Apple para navegar en Internet (el mismo que usa Safari) que también es de código abierto y según ellos es el mas rápido.

El diseño de su interfase es tan minimalista como su buscados, lo que lo hace mas rápido, fácil y seguro, además cada aplicación web se ejecuta en su entorno, de manera que si una se cuelga no afecta a todo el navegador.

Características:

• Navegación por pestañas independientes.


• Accesos directos a aplicaciones.


• Pestañas dinámicas.


• Control de fallas.


• Modo incógnito.


• Seguridad.


• Marcadores instantáneos.


• Importación de configuración.


• Descargas más simples.

Los diseñadores web estamos contentos y agradecemos a Google que nos brinde otro navegador para testear los sitios (ya que son pocos los actuales).

Mas información y descarga en www.google.com/chrome/

Redescubran la web con Firefox 3

Más rápido, más liviano y más inteligente

El pasado 17 de Junio, después de 5 Betas de prueba fue lanzado al mundo el nuevo Firefox 3.

Aparte de las nuevas y asombrosas características de este navegador destaco algunos números para tener en cuenta.

• 175 millones de usuarios


• 500 millones de descargas


• 5.000 complementos


• 14.000 mejoras en la versión 3


• Disponible en 47 idiomas


• 125 empleados en Mozilla Corporation


• Colaboradores: 800 ingenieros y miles de voluntarios


• Hasta 3 veces más rápido que Firefox 2


• Hasta 9 veces más rápido que IE7


• 3 años de desarrollo para Firefox 3

Y lo mas importantes que lo diferencian de los demás navegadores (y supera al futuro Internet Explorer 8) es que esta basado en código abierto y es gratis

Descarga firefox 3 de su sitio oficial

La historia del error 404???

El error 404 es un código de estado? o fue herencia de los creadores de Internet?

"La historia del error 404" un artículo muy curioso sobre el origen del error 404 que muestran los sitios web cuando no encuentra la pagina solicitada (404: not found).

En resumen la "historia" dice que el error 404 se origino las instalaciones CERN Suiza (Conseil Européen pour la Recherche Nucléaire o Consejo Europeo para la Investigación nuclear) cuando Internet era un conjunto de ordenadores conectadas a una base de datos establecida en la oficina 404, las solicitudes a esta base de datos eran respondidas por el personal encargado de buscar el archivo manualmente y mandarlo al solicitante. Cuando no encontraban un archivo o demoraban en responder mandaban un mensaje avisando que no encontraron el archivo con el 404 como identificación (file not found. 404).

Con el tiempo la base de datos y las solicitudes fueron creciendo y los sistemas se automatizaron pero el mensaje de error fue estandarizado

Me llamo la atención porque como dice el articulo tiene todo para ser creíble pero investigando un poco encontré artículos en los que desmienten esta historia no solo con las publicaciones de W3C sobre el código de estado HTTP como fundamentos, también afirman que el CERN no tiene una oficina 404 en el cuarto piso, en realidad no existe una oficina 404 porque la numeración de las oficinas por piso van de 10 en 10 (no se hace 30 años…).

Aquí el articulo, a pesar de todo es interesante la historia y recomiendo su lectura.

Que es CSS tableless o layout tableless

Últimamente cuando hacen ofertas de empleo en foros o sitios de teletrabajo solicitan maquetación XHTML – CSS tableless y eso desconcierta un poco al que nunca escucho hablar de tableless.

Tableless es simplemente maquetar sin tablas, armar la estructura con DIVs y editarla con CSS.

Este tipo de maquetación es la mas usada en blogs, por lo general son estructuras de 2 o 3 columnas, header (cabecera) y foot (pie), otra característica de layout tableless es que son diseños centrados y con ancho fijo.

El concepto fue adoptado a mediados del 2006 cuando las nuevas versiones de los navegadores empezaban a soportar un mayor porcentaje de estándares y CSS (a excepción de Explorer que siempre fue rebelde), hacer un diseño de 3 columnas con DIVs y CSS era tan censillo como hacerlo con tablas, pero la estructura mantenía su semántica.

Pero… hacer un layout tableless no significa llenar indiscriminadamente de DIVs la estructura HTML con propósito de presentación y diseño, lo ideal es usar y aprovechar todos los elementos HTML como encabezados, listas, párrafos, vínculos, agrupaciones, ext. (w3c ofrece una guía de referencia XHTML en español donde se pueden ver los elementos, semántica, nombre, tipo, atributo, definición, ext).

Herramientas

W3 Tableless es una herramienta online que comprueba si las páginas de un sitio usan tablas o usan CSS para organizar la estructura y diseño.
W3 Tableless presenta 2 resultados:
Primero si la pagina sigue las recomendaciones W3C.
Segundo si la pagina es 100% tableless, o sea, que no contiene ninguna tabla (las tablas fueron echas para presentar datos tabulados y no esta mal usarlas cuando es debido).
Si la pagina es tableless automáticamente la registra en su directorio de paginas tableless.

Existen varios software WYSIWYG (What You See Is What You Get) tableless que facilitan la maquetacion con DIVs y CSS, lo único que uno hace es dibujar cajas y el código va saliendo con DIVs y sus identificadores.

Yo recomiendo Dreamweaver y escribir código a mano.

Mas información en Wikipedia.

100 de las mejores aplicaciones Web 2.0 según Webware.

Webware se encargo de que los lectores y usuarios en internet del mundo elijan las 100 mejores aplicaciones 2.0.



Más de 1,9 millones de votos fueron emitidos para los 300 finalistas de este año, estos finalistas fueron seleccionados (por concurso Webware editores) de un grupo de más de 5000 candidatos de calificación, pero los 100 ganadores fueron seleccionados por votación popular.
Estos 100 productos ganadores representan lo mejor de la web según las personas que lo utilizan, entre los resultados se nota la presencia de los mas grandes como Google, Microsoft, Amazon y Yahoo.
La votación 2008 inició el 25 de Febrero y finalizo el 31 de Marzo, compuesta por 30 productos por categoria, las 10 categorias son:

Audio: música, podcasts, audiolibros.
Navegación: navegadores, páginas de inicio, los lectores RSS, reproductores, los motores de tiempo de ejecución.
Comercio y eventos: Venta al por menor, subastas, viajes, bienes raíces, conciertos, conferencias.
Comunicaciones: E-mail, chat, voz.
Productividad: App suites, listas de tareas, groupware.
Publicación y fotografía: Blogging, gestión de contenidos, sitios de fotos.
Búsqueda y Referencia: Los motores de búsqueda, enciclopedias, mapas.
Social: redes sociales, sitios de la familia, recomendaciones, concursos
Utilidad y Seguridad: proveedores de infraestructuras, el almacenamiento, línea de protección.
Video: Almacenamiento de videos, reproducción, streaming, edición y animación.

Los 100 se pueden ver en Webware.com

Maxthon, el navegador mas usado en Asia

Maxthon es un navegador web por pestañas que usa y mejora el motor de IExplorer, es de gratis pero no de codigo libre.
Este navegador se esta haciendo mas y mas popular, es el mas usado en Asia y se lo deve a los chinos que usan Maxthon por su excelente proxi con lo que son capaces de burlar la censura oficial.


Caracteristicas

Navegación por pestañas
Gestos de ratón programables
Bloqueador de anuncios y ventanas emergentes (Popups).
Búsqueda programable con 8 buscadores genéricos preconfigurados (incluyendo Yahoo! y Google) y varios buscadores específicos
Servicios programables como traducción, proxy anónimos...
Super arrastrar y soltar: permite abrir páginas arrastrando y soltando el enlace
Barra lateral con favoritos, búsquedas especiales, predictor de tiempo...
Barra de utilidades externas en la que se configuran utilidades para arrancar con un click
Skins
Soporte para plugins propios soportando todos los desarrollados para Internet Explorer
Soporte parcial del motor Gecko
Servicio de actualización
Fácil manejo

Este navegador fue lanzado en el 2003 y tiene registrado mas de 100 millones de descargas, mas de la mitad de sus usuarios son chinos.
Aparentemente google compro una parte de la empresa en $1 millón de dólares (segun TechCrunch).


Detalles

lanzamiento: 08 de Mayo de 2008.
Idioma: Español (con parche)
Licencia: Gratuita
Sistema operativo: Win9x/2000/XP/2003/Vista
Requiere Internet Explorer 5.0 o superior

Mas: Maxthon.es - TechCrunch

Web 2.0: ingresar o morir

Los expertos consideran que en los próximos meses las empresas 2.0 deberán enfrentarse a un proceso de selección natural que elimine a todas aquellas que no consigan monetizar el tráfico que reciben.

Redes sociales, plataformas de contenidos, juegos, vídeos, etc. Las webs que se sustentan en la participación de los usuarios parecen no tener fin, aunque podría estar acercándose el momento en que se produzca una especie de selección natural, eliminando a todas aquellas que no consigan encontrar un modelo de negocio solvente.

Según datos de MoneyTree, en Estados Unidos la inversión en nuevos proyectos de Internet ha superado los 1.000 millones de dólares en seis de los últimos siete trimestres, alcanzando un máximo de 1.300 millones de dólares en el primer trimestre de este año. Esto representa más dinero que cualquier periodo de finales de la década de 1990, cuando el boom de Internet estaba en su máximo apogeo.

Cada trimestre, alrededor de 200 start-ups reciben financiación. Una de las características principales de muchos de estos proyectos es su inmediatez: el mercado detecta una necesidad, y rápidamente alguien crea ese servicio. El problema es que a menudo, después del tirón inicial, la demanda cae tan rápido como se había generado.

Además, la mayoría de los proyectos 2.0 se financian únicamente a través de la publicidad, sin ninguna otra fuente de ingresos. Por estos motivos, los expertos creen que en los próximos 12 o 24 meses va a haber una fuerte reordenación en el sector. Es la opinión de Michael Hirshland, socio de Polaris Venture, que no cree que el sector pueda colapsarse, pero sí que se reorganizará a fondo.

Otro experto, Will Richmond, analista de VideoNuze, considera que las características de los vencedores en esta pugna serán la escalabilidad, la segmentación de la audiencia y la habilidad para vender y competir. Los anunciantes valorarán especialmente aquellos sitios capaces de definir claramente sus productos, servicios y público objetivo.

Uno de los nichos emergentes más prometedores es el de las empresas que desarrollan herramientas para la medición de los nuevos parámetros de la Web 2.0, por ejemplo, la audiencia de los vídeos o el comportamiento de los usuarios de una red social.

Pero en definitiva, todavía está por encontrar la mejor manera de monetizar todo el tráfico que reciben las empresas 2.0, que se encuentran en un estado parecido al de los buscadores antes de que Google tuviera la idea de fusionar la publicidad con las búsquedas. ¿Quién será el primero en dar con la forma de transformar visitas en ingresos beneficios? Aún está por ver.

Fuente: baquita.com

El futuro de Google ante la Web Semántica

El fundador de la Red cree que Google podría ser suplantado por la aplicación de la web semántica

Según Tim Berners-Lee, inventor de la World Wide Web, Google podría acabar siendo reemplazado como líder supremo de Internet por una compañía que aproveche el poder de la tecnología Web de última generación.

El gigante de las búsquedas ha desarrollado un método extremadamente eficaz de buscar páginas en Internet, señala Berners-Lee, pero esa capacidad no es nada en comparación con lo que se podría lograr en “la Web del futuro”, que según él, permitirá relacionar entre sí cualquier tipo de información —como una foto o un extracto bancario.

Berners-Lee añadió también que la "fiebre actual" de redes sociales como Facebook y MySpace se verá desbancada por redes que conecten todo tipo de cosas (no solo gente), gracias a una tecnología rompedora conocida como la "Web semántica".

La Web semántica, nombre utilizado en el sector de Internet y de la informática para describir la próxima etapa de desarrollo de la Web, consiste, básicamente, en establecer una conectividad basada en Web entre cualquier tipo de información (no solo páginas Web), de modo que puedan "comunicarse" entre sí.

La Web actual es un conjunto de páginas Web con enlaces entre sí por las que Google y otros motores de búsqueda ayudan a navegar a los usuarios. La Web semántica, en cambio, permitirá la conectividad directa entre trozos de información a un nivel mucho más bajo (entre una dirección y un mapa, por ejemplo), dando lugar a la aparición de nuevos servicios.

"Con la Web semántica se pueden construir aplicaciones mucho más potentes que cualquiera de la Web actual", señala Berners-Lee. "Imaginemos que dos cosas completamente independientes (nuestro extracto bancario y nuestro calendario) hablasen el mismo lenguaje y pudiesen intercambiar información entre sí. Podríamos arrastrar uno sobre otro y aparecerían toda una serie de puntos sobre nuestro calendario indicándonos cuando hemos realizado los gastos.

"En caso de no estar seguros todavía de dónde estábamos cuando realizamos alguna transacción en concreto, podríamos arrastrar también nuestro álbum de fotos sobre el calendario y comprobar que utilizamos la tarjeta de crédito mientras le hacíamos fotos a nuestros hijos en un parque temático. Se trata de crear una red ilimitada de toda la información de nuestra vida".

Fuente: Times Technology

El futuro de Internet: la web semántica

Web Semántica y sus principales características

La Web Semántica es una web extendida, la misma está dotada de un mayor significado. Se desarrolla con lenguajes universales que permitirán a los usuarios encontrar respuestas a sus preguntas de una forma más rápida y sencilla gracias a la mejor estructuración de la información.
La misma permitirá a los usuarios delegar tareas a las herramientas de la Web Semánticas, las cuales podrán ser capaces de procesar la información.

El término de Web Semántica es algo desconocido para muchos usuarios, varias personas afirman que es la sucesora de la Web actual. Sabemos que la comprensión del concepto de la misma puede resultar ser algo confuso.

La Web Semántica es una extensión de la World Wide Web en la que los contenidos de la Web pueden ser expresado mucho mas que en un lenguaje natural, y también en un formato que pueda ser entendido, interpretado y usado por diferentes software, permitiéndoles buscar, compartir e integrar información más fácil.


¿Cómo surge la Web Semántica?

La Web Semántica fue creada por Tim Berners-Lee, inventor de la WWW, URIs, HTTP y HTML. Existe un equipo en el World Wide Web Consortium (W3C) los cuales se dedican a mejorar, extender y estandarizar el sistema y muchos lenguajes, publicaciones y herramientas han sido ya desarrollados.


¿Cuál es su definición?

Es una Web que contiene mucha información donde podemos relacionar diferentes recursos. Con la misma podemos solucionar problemas habituales como son los de realizar búsquedas en Internet.

Los buscadores nos arrojan resultados gracias a palabras claves, están nos muestra informaciones que no se relacionan con lo que deseamos encontrar, y que podamos relacionar recursos en la Web; supongamos que contamos con un artículo publicado, podemos preguntar cuáles artículos ha publicado ese autor mediante las relaciones que existen.


¿Cuál es la visión?

La visión de la Web Semántica es ampliar los principios de la Web desde los documentos a los datos. La misma permitirá satisfacer mayor potencial a las Web, permitiendo que los datos sean compartidos con eficiencia por grandes comunidades, y sea procesada automáticamente por las herramientas y manualmente.


¿Cuál es su objetivo?

El objetivo es crear un medio universal que permita el intercambio de datos y brindar un mayor significado a la misma para que puedan ser interpretadas por las máquinas.


Metadatos:

Son informaciones sobre recursos. Los metadatos significan dato sobre datos. Estos permiten describir, identificar y localizar contenidos en documentos de la Web.

Estos metadatos deben contener información estructurada para que los ordenadores la entiendan y contener patrones iguales. Es decir, los metadatos son datos altamente estructurados que describen información, describen el contenido, la calidad, la condición y otras características de los datos.


Metadatos en XHTML:

• Title (Titulo del recurso)
• Autor (El autor)
• Keywords (Las palabras claves)

¿Cómo obtener la información?

Mediante RDF podemos extraer la información de la base de datos para crear un formato más comprensible para las máquinas. Con esta información podemos realizar deducciones lógicas, combinar información, generar información nueva a partir de una ya existente, realizar consultas complejas en buscadores.


Principales Componentes:

Entre los principales componentes de la Web Semántica podemos encontrar XML, XML Schema, RDF, RDF Schema y OWL. La descripción de OWL en inglés “Ontology Web Language” describe las funciones y relaciones de cada componente de la Web Semántica:

• XML: Provee una sintaxis elemental para las estructuras de contenidos dentro de documentos.
• XML Schema: Es un lenguaje para proporcionar y restringir la estructura y el contenido de los elementos contenidos dentro de documentos XML.
• RDF: Es un lenguaje simple para expresar modelos de los datos, que refieren a los objetos “recursos” y a sus relaciones. Un modelo de RDF-based se puede representar en sintaxis de XML.
• RDF Schema: Es un vocabulario para describir propiedades y clases de recursos RDF-based, con semántica para generalizar-jerarquías de las propiedades y clases.
• OWL: Es un mecanismo para desarrollar temas o vocabularios específicos en los que podamos asociar esos recursos.

Capas de la Web Semántica



Unicode:

Es un estándar cuyo objetivo es proporcionar el medio por el cual un texto en cualquier forma e idioma pueda ser codificado para el uso informático. El mismo nos permite mostrar información en cualquier idioma y con la certeza de que no aparezcan símbolos extraños.


URI:

Son cadenas que permiten acceder a cualquier recurso de la Web. En la Web Semántica las URIs son las encargadas de identificar objetos. Todos los objetos puedenser identificados mediante una URI. Si dos objetos cuentan con la misma URI pueden existir colisiones. El grupo de trabajo del W3C está intentando resolver este problema.


XML+NS+xmlschema:

Esta es la capa más tecnica de la Web Semántica. En ella se encuentran agrupadas las diferentes tecnologías que posibilitan la comunicación entre agentes.

El XML (Extensible Markup Language) nos ofrece un formato común para el intercambio de documentos, Namespaces (NS) proporciona un método para cualificar elementos y atributos de nombres usados en documentos XML asociandolos con espacios de nombre identificados por referencias URIs. XML Schema es un lenguaje que permite describir la estructura y restringir el contenido de documentos XML.


RDF+rdfschema:

Está basada en la capa anterior, define el lenguaje universal con el que podemos expresar diferentes ideas en la Web Semántica. RDF es un lenguaje que define un modelo de datos para describir recursos mediante tripetas sujeto-predicado-objeto.

Los dos primeros serán URIs y el tercero puede ser URI o un valor literal. RDF Schema es un vocabulario RDF que nos permite describir recursos mediante una orientación a objetos. Esta capa no sólo ofrece una descripción de los datos, sino también cierta información semántica.


Ontology (Ontologías):

Nos permite clasificar la información. Esta capa permite extender la funcionalidad de la Web Semántica agregando nuevas clases y propiedades para describir los recursos.


Logic (Lógica):

Además de ontologías se precisan reglas de inferencia.


Proof (Pruebas):

Se intercambiarán “pruebas” escritas en el lenguaje unificador de la Web Semántica. Este lenguaje posibilita las inferencias lógicas realizadas a través del uso de reglas de inferencia.


Trust (Confianza):

Hasta que no se haya comprobado de forma exhaustiva las fuentes de información, los agentes deberían ser muy escétipcos acerca de lo que leen en la Web Semántica.


Digital Signature (Firma digital):

Utilizada por los ordenadores y agentes para verificar que la información ha sido ofrecida por una fuente de confianza.


¿Qué es OWL?

OWL en inglés “Ontology Web Language” es un lenguaje para publicar y compartir datos usando ontologías en la Web. La misma tiene como objetivo facilitar un modelo de marcado construido sobre RDF y codificado en XML.


¿Qué son las URI?

Las URI (Uniform Resource Identifier / Identificador Uniforme de Recursos) no son más que cadenas de caracteres usadas para identificar o nombrar un recurso, pueden ser: documentos, páginas, dirección de correo electrónico, entre otros.

El propósito principal de esta identificación es permitir la interacción con las representaciones del recurso sobre una red, típicamente el World Wide Web, usando protocolos específicos. URIs se define en los esquemas definiendo una sintaxis específica y protocolos asociados.

Para que la Web Semántica funcionara se necesitaba de un lenguaje estándar para escribir los contenidos, a este lenguaje se le llamó RDF. Mediante el mismo podemos definir sentencias en el formato de triple.


¿Qué es RDF?

Por sus siglas en ingles RDF es un Marco de Descripción de Recursos, este es un framework para metadados en la World Wide Web, creado por W3C “World Wide Web Consortium”.

Este modelo se basa en la idea de convertir las declaraciones de los recursos en expresiones con la forma sujeto-predicado-objeto (conocidas en términos RDF como tripletes).

El sujeto es el recurso, es decir, es lo que se está describiendo. El predicado es la propiedad o relación que se desea establecer acerca del recurso. Por último, el objeto es el valor de la propiedad o el otro recurso con el que se establece la relación.

La combinación de RDF con otras herramientas como RDF Schema y OWL permite añadir significado a las páginas, y es una de las tecnologías esenciales de la Web semántica.

• Sujeto: Es el recurso al cual nos estamos refiriendo.
• Predicado: Es el recurso que indica lo que estamos definiendo.
• Objeto: Puede ser un recurso que puede considerarse el valor definido.

Esperamos que este artículo les haya servido para iniciarse en la Web Semántica y así poder disfrutar de los beneficios que ésta nos trae.


Lecturas Referencia:

Semantic Web
FAQ Semantic Web
Fuente: maestrosdelweb.com

Selección de colores armónicos

Teoría del Color

"El color no existe" Con esta idea tan llamativa comienzan la mayoría de los artículos y manuales que he leído sobre teoría del color. Ávido por conocer los secretos de la utilización del color y su aplicación practica, me he encontrado con todo tipo de estudios. Bastoncillos, conos, percepción, ondas, luces, pigmentos son conceptos que plagan estos fárragos y que casi ningún autor se atreve a pasar por alto.

De vez en cuando encuentro algún comentario acerca de los significados emotivos, psicológicos, simbólicos o semánticos, con los que uno puede estar más o menos de acuerdo dependiendo de su cultura, educación y experiencia. No a todos nos parece que el verde sea "calmado" y el amarillo sea "extrovertido". Aun así esta bastante asentada la identificación de los colores con determinadas sensaciones. Esto me ayuda a la hora de impregnar significado a una comunicación grafica.

También he hallado numerosas representaciones graficas de las diferentes clasificaciones de color: lineal, triangular, hexagonal, circular, cuadrado, cónico, cúbico y hasta esférico. Todos ellos son intentos de plasmar bi o tri dimensionalmente las variedades del espectro cromático basándose en determinadas variables. Todos ellos son igual de validos si se saben utilizar.

A pesar de todo hay buenos estudios que son amenos y dirigidos a una utilización practica como por ejemplo la teoría del color de newsartesvisuales.com.

Sin embargo en muy pocas ocasiones he encontrado recomendaciones para el uso del color con el ordenador. Solo alguna nota accesoria al respecto de los significados de los diferentes modelos de color: HLS, HSB, RGB, CMYK, LAB... Ni siquiera los vendedores de software indican como sacar un rendimiento optimo de sus selectores de color.

En fin, que después de haberlo intentado mucho me encuentro prácticamente en el punto de partida: ¿cómo elijo los colores? ¿qué modelo utilizo?


Los modelos de color perceptivos y reproductivos

En 1905 Alber H. Münsell formulo un sistema de ordenación del color basado en la percepción humana. Percibimos el color a través de ondas luminosas que poseen varios atributos, ósea características distintivas de una sensación, percepción o modo de apariencia. Münsell identifico tres atributos:

Matiz, o Tono, que es el color en si mismo, es la longitud de la onda luminosa. Un tono es el verde, otro tono es el cian y otro tono es el violeta. Es el nombre técnico de lo que coloquialmente conocemos por "color". La espectro visible abarca entre el rojo y el violeta, es decir entre los 380 y 780 nanómetros de longitud de onda..

Saturación, o Croma, que es la mezcla del los colores entre si. Es decir la interferencia de las ondas con otras de diferentes frecuencias. Una saturación alta supone que apreciamos el color en toda su pureza, limpio de interferencias. Una menor saturación indica que el color tiene mezcla con otros colores con los que interfiere. Cuando las ondas de todos los colores se perciben con igual valor el matiz no se diferencia y se visualiza exclusivamente el color blanco.

Brillo, o Valor, se refiere a la intensidad lumínica. Es la frecuencia de la onda luminosa. Una luminosidad alta hace que el color se aprecie más vibrante e intenso y una bajada en la frecuencia produce que color se apague hacia el negro.

Un color viene definido por tanto por sus valores de tono, brillo y saturación. Cualquier color se puede identificar con unos valores de estas tres variables. El negro se obtiene cuando no hay brillo (ausencia de luz). Los grises se obtienen cuando la saturación es baja (mezcla o interferencia luminosa alta). De los grises el blanco es el más brillante (máxima frecuencia de ondas de distintas longitudes).

Este modelo de representación del color se conoce como HSB (Hue, Saturation, Bright):



Una variación de este modelo fue desarrollada por Tektronix en 1978 para proporcionar un modelo más fácil de usar y de percibir. Es conocido como modelo HLS (Hue, Light, Saturation).

En el modelo HLS la saturación no varia hacia el blanco sino que baja hasta el gris.
En este modelo el atributo de brillo se sustituye por el de Luminosidad:

Luminosidad, o Claridad. Es la mezcla del color con el blanco o el negro. Un color será más luminoso cuanto mayor cantidad de blanco posea o más oscuro cuando se le añada negro.



El modelo HLS facilita la localización de muchos colores, los pasteles, los ocres muy utilizados industrialmente.

Los modelos HLS y HSB se denominan modelos perceptivos de color por tomar sus atributos de la observación del funcionamiento de la percepción humana de la luz.

Por otro lado las técnicas de reproducción del color necesita utilizar otros modelos no basados en la percepción:
El RGB para la representación a través de pantallas, televisores, monitores y escaner basados en haces luminosos.
El CMYK para la representación en pintura, imprentas, editoriales basados en mezcla de pigmentos.
El LAB para algunas cámaras fotográficas y escáner.

Estos modelos se basan en los condicionantes físicos para su reproducción, por eso se conocen como modelos reproductivos de color.

Estos modelos reproductivos han impuesto sus sistemas de representación (validos para la industria) en los diferentes programas informáticos y se han convertido (sobre todo el RGB, y CMYK) en los estándares de selección de color en el ordenador.

A pesar de no ser los más extendidos en el software, los modelos perceptivos (HLS, HSB) son los más adecuados para la selección del color en los procesos creativos, porque permiten realizar variaciones más acordes a las percepción humana. Posteriormente se pueden utilizar los modelos reproductivos para extraer los valores necesarios para su representación impresa o en pantalla.

Así lo entendió Bill Gates cuando desarrollo Windows. Creo un letrero de selección de color basado en el sistema HLS y el RGB. Permite seleccionar el color a través de los atributos HLS: Matiz, Saturación y Luminosidad y a su vez obtener los valores RGB para su reproducción en pantalla. Simple pero efectivo.
En este letrero las variaciones de matiz se representan sobre la horizontal del cuadrado. Las variaciones de saturación se representan en su vertical y las variaciones de luminosidad se representan en la barra lateral.



Otros desarrolladores de software también lo han entendido así creando letreros más o menos complejos en los que se muestran los atributos de diferentes modelos. Véase por ejemplo el caso de PhotoShop que compagina el modelo perceptivo HSB para seleccionar el color con los reproductivos RGB, Lab, CMYK, y web (igual al RGB) para su posterior representación.



De acuerdo, pero ¿como utilizo esto de un modo productivo y fácil? ¿Cómo puedo utilizar los modelos para seleccionar un grupo de colores armónico?


Armonía perceptiva

Parece acertado pensar que los colores armónicos son aquellos que tienen cosas en común, que se parecen, y que los contrastados son los que tienen más diferencias entre si.

¿en que se parecen? Es evidente que varios naranjas son armónicos entre si, tienen el mismo color. Pero ¿en qué se parecen un verde un rojo y un amarillo que armonizan entre ellos?

Los modelos reproductivos de color se muestran poco adecuados para explicar (o seleccionar) grupos de colores armónicos. Difícilmente podremos encontrar un grupo de colores que sean consistentes entre si con solo variar alguno de sus colores básicos.

Los modelos perceptivos de color sí permiten seleccionar grupos de colores armónicos. Para ello solo se necesita variar uno de sus atributos y mantener iguales los otros dos. Serán armónicos entre si aquellos colores que tengan la misma saturación y brillo / luminosidad y diferente matiz. O también serán armónicos aquellos colores que tengan el mismo matiz y saturación pero diferente brillo / luminosidad.

No existe acuerdo entre cual de los dos modelos perceptivos, el HSB o el HLS, es más adecuado para este cometido. Cualquiera de los dos podría proporcionarnos colores similares. Hay quien considera el modelo HLS más próximo a la percepción humana y fácil de entender. Lo que si es seguro es que debe utilizarse un solo modelo. El creativo debe ceñirse a un único modelo en cada trabajo: ya sea el HSB, o el HLS, ya que los valores de sus atributos no son intercambiables.

Podríamos dividir el grado de similitud de los colores en tres niveles dependiendo de la cantidad de atributos que poseen iguales:

Armónicos: Aquellos que tienen dos atributos iguales y uno diferente

Consistentes: Aquellos que poseen un atributo igual y dos diferentes.

Contrastados: Aquellos que tienen los tres atributos diferentes.

Veamos ejemplos del modo en que pueden seleccionarse los colores.

Para el coloreado de un logotipo se decide utilizar el color azul, naranja y el verde por sus connotaciones psicológicas y simbólicas. Se desea por tanto encontrar tres colores armónicos. La solución más adecuada seria encontrar tres colores que tengan matices diferentes pero que mantengan la misma saturación y brillo / luminosidad. En base al modelo HSB se localizan tres colores armónicos con distinto matiz, igual saturación y brillo.



CorelDraw facilita mucho esta labor. Incorpora en su selector de color un "mezclador "y permite utilizar todos los modelos descritos. En este caso se ha utilizado el modelo HSB. Partiendo de unos determinados matices colocados geométricamente sobre la rueda del espectro cromático, Se han encontrar variaciones en saturación o brillo y se han añadido a la paleta de trabajo. Para estos colores se ha fijado el brillo a 100, y la saturación a 56 y se han variado los matices entre 48, 97 y 216.



Otro ejemplo:

Para la selección de los colores de las barras de menús de un sitio web se decide utilizar los colores GRIS, rojo y azul. Para los enlaces y los rollovers se decide utilizar diferentes luminosidades de estos colores. Se consigue así un grupo de colores "próximos". Para este caso se ha utilizado el modelo HLS a través del selector de color de Windows. Para ello se varia entre los matices 8 y 177, la saturación 187 (rojo y azul) y 0 (el gris), y las luminosidades 142 y 193. En total se localizan los siguientes colores:



Los programas de desarrollo web de Macromedia facilitan este proceso convirtiendo a hexagesimal los valores RGB hallados a través del selector de color de Windows. En ese letrero se pueden añadir los colores a una paleta de colores personalizados:



En conclusión, un método simple pero efectivo para la selección de colores, es:

Primero seleccionar un determinado numero de matices basándose en sus connotaciones psicológicas y simbólicas. El matiz es el atributo en el que se aprecian mejor las variaciones. En ellos se mantiene el mismo valor de saturación y luminosidad para que sean armónicos.

En segundo lugar hallar una variación en el atributo de luminosidad de los anteriores matices. Se les asigna un determinado numero de variaciones en la luminosidad para que sean consistentes. Es preferible hacer esta variación en la luminosidad (intensidad) ya que las variaciones de este atributo se perciben mejor que las variaciones de la saturación (interferencia).

De este modo con un sistema gráfico y matemático se puede encontrar una cantidad concreta de colores armónicos o consistentes. Si se seleccionan 4 matices armónicos sobre los cuales se hacen 3 variaciones de luminosidad se obtendrán 12 colores consistentes.

Y por fin tenemos un sistema de selección de combinaciones de colores sencillo y efectivo que esta basado en la percepción y lo que resulta más interesante: funciona


Artículo original de Luis Miguel Richart
http://www.vectoraula.com/articulos/color/