Web Semntica y Nuevas Etiquetas

Html5
Pablo Ricardo Mateo Hache

2012-0805

ricky_m.h@hotmail.com

Estudiante de Tecnologa e Informtica

Universidad APEC; Santo Domingo, R.D.

Qu es la Web Semntica?
La Web Semntica es una Web extendida, dotada de mayor significado en la que
cualquier usuario en Internet podr encontrar respuestas a sus preguntas de forma
ms rpida y sencilla gracias a una informacin mejor definida. Al dotar a la Web de
ms significado y, por lo tanto, de ms semntica, se pueden obtener soluciones a
problemas habituales en la bsqueda de informacin gracias a la utilizacin de una
infraestructura comn, mediante la cual, es posible compartir, procesar y transferir
informacin de forma sencilla. Esta Web extendida y basada en el significado, se
apoya en lenguajes universales que resuelven los problemas ocasionados por una
Web carente de semntica en la que, en ocasiones, el acceso a la informacin se
convierte en una tarea difcil y frustrante.
Para qu sirve?
La Web ha cambiado profundamente la forma en la que nos comunicamos,
hacemos negocios y realizamos nuestro trabajo. La comunicacin prcticamente
con todo el mundo en cualquier momento y a bajo coste es posible hoy en da.
Podemos realizar transacciones econmicas a travs de Internet. Tenemos acceso
a millones de recursos, independientemente de nuestra situacin geogrfica e
idioma. Todos estos factores han contribuido al xito de la Web. Sin embargo, al
mismo tiempo, estos factores que han propiciado el xito de la Web, tambin han
originado sus principales problemas: sobrecarga de informacin y heterogeneidad
de fuentes de informacin con el consiguiente problema de interoperabilidad.
La Web Semntica ayuda a resolver estos dos importantes problemas permitiendo
a los usuarios delegar tareas en software. Gracias a la semntica en la Web, el
software es capaz de procesar su contenido, razonar con este, combinarlo y realizar
deducciones lgicas para resolver problemas cotidianos automticamente.
Cmo funciona?
Supongamos que la Web tiene la capacidad de construir una base de conocimiento
sobre las preferencias de los usuarios y que, a travs de una combinacin entre su
capacidad de conocimiento y la informacin disponible en Internet, sea capaz de

atender de forma exacta las demandas de informacin por parte de los usuarios en
relacin, por ejemplo, a reserva de hoteles, vuelos, mdicos, libros, etc.
Si esto ocurriese as en la vida real, el usuario, en su intento, por ejemplo, por
encontrar todos los vuelos a Praga para maana por la maana, obtendra unos
resultados exactos sobre su bsqueda. Sin embargo la realidad es otra. La figura 1
muestra los resultados inexactos que se obtendran con el uso de cualquier
buscador actual, el cual ofrecera informacin variada sobre Praga pero que no tiene
nada que ver con lo que realmente el usuario buscaba. El paso siguiente por parte
del usuario es realizar una bsqueda manual entre esas opciones que aparecen,
con la consiguiente dificultad y prdida de tiempo. Con la incorporacin de
semntica a la Web los resultados de la bsqueda seran exactos. La figura 2
muestra los resultados obtenidos a travs de un buscador semntico. Estos
resultados ofrecen al usuario la informacin exacta que estaba buscando. La
ubicacin geogrfica desde la que el usuario enva su pregunta es detectada de
forma automtica sin necesidad de especificar el punto de partida, elementos de la
oracin como "maana" adquiriran significado, convirtindose en un da concreto
calculado en funcin de un "hoy". Algo semejante ocurrira con el segundo
"maana", que sera interpretado como un momento determinado del da. Todo ello
a travs de una Web en la que los datos pasan a ser informacin llena de significado.
El resultado final sera la obtencin de forma rpida y sencilla de todos los vuelos a
Praga para maana por la maana.
La forma en la que se procesar esta informacin no slo ser en trminos de
entrada y salida de parmetros sino en trminos de su SEMNTICA. La Web
Semntica como infraestructura basada en metadatos aporta un camino para
razonar en la Web, extendiendo as sus capacidades.
No se trata de una inteligencia artificial mgica que permita a las mquinas entender
las palabras de los usuarios, es slo la habilidad de una mquina para resolver
problemas bien definidos, a travs de operaciones bien definidas que se llevarn a
cabo sobre datos existentes bien definidos.
Para obtener esa adecuada definicin de los datos, la Web Semntica utiliza
esencialmente RDF, SPARQL, y OWL, mecanismos que ayudan a convertir la Web
en una infraestructura global en la que es posible compartir, y reutilizar datos y
documentos entre diferentes tipos de usuarios.

RDF proporciona informacin descriptiva simple sobre los recursos que se

encuentran en la Web y que se utiliza, por ejemplo, en catlogos de libros,
directorios, colecciones personales de msica, fotos, eventos, etc.

SPARQL es lenguaje de consulta sobre RDF, que permite hacer bsquedas

sobre los recursos de la Web Semntica utilizando distintas fuentes datos.

OWL es un mecanismo para desarrollar temas o vocabularios especficos en

los que asociar esos recursos. Lo que hace OWL es proporcionar un lenguaje
para definir ontologas estructuradas que pueden ser utilizadas a travs de
diferentes sistemas. Las ontologas, que se encargan de definir los trminos
utilizados para describir y representar un rea de conocimiento, son utilizadas
por los usuarios, las bases de datos y las aplicaciones que necesitan
compartir informacin especfica, es decir, en un campo determinado como
puede ser el de las finanzas, medicina, deporte, etc. Las ontologas incluyen
definiciones de conceptos bsicos en un campo determinado y la relacin
entre ellos.

Otra tecnologa que ofrece la Web Semntica para enriquecer los contenidos de la
Web tradicional es RDFa. Mediante RDFa se pueden representar los datos
estructurados visibles en las pginas Web (eventos en calendarios, informacin de
contacto personal, informacin sobre derechos de autor, etc.), a travs de unas
anotaciones semnticas includas en el cdigo e invisibles para el usuario, lo que
permitir a las aplicaciones interpretar esta informacin y utilizarla de forma eficaz.
Por ejemplo, una aplicacin de calendario podra importar directamente los eventos
que encuentra al navegar por cierta pgina Web, o se podran especificar los datos
del autor de cualquier foto publicada, as como la licencia de cualquier documento
que se encuentre. Para extraer el RDF se podra utilizar GRDDL, una tcnica
estndar para extraer la informacin expresada en RDF desde documentos XML, y
en particular, de las pginas XHTML.
Ejemplos
Dos de los ejemplos ms conocidos de aplicacin de Web Semntica son RSS y
FOAF.

RSS es un vocabulario RDF basado en XML que permite la catalogacin de

informacin (noticias y eventos) de tal manera que sea posible encontrar
informacin precisa adaptada a las preferencias de los usuarios. Los archivos
RSS contienen metadatos sobre fuentes de informacin especificadas por
los usuarios cuya funcin principal es avisar a los usuarios de que los
recursos que ellos han seleccionado para formar parte de esa RSS han
cambiado sin necesidad de comprobar directamente la pgina, es decir,
notifican de forma automtica cualquier cambio que se realice en esos
recursos de inters seleccionados. Un ejemplo de la aplicacin de RSS se
puede encontrar en las Noticias de la Oficina Espaola del W3C como canal
RSS.
FOAF es un proyecto de Web Semntica, que permite crear pginas Web
para describir personas, vnculos entre ellos, y cosas que hacen y crean. Se
trata de un vocabulario RDF, que permite tener disponible informacin
personal de forma sencilla y simplificada para que pueda ser procesada,

compartida y reutilizada. Dentro de FOAF podemos destacar FOAF-a-Matic,

que se trata de una aplicacin Javascript que permite crear una descripcin
FOAF de uno mismo. Con esta descripcin, los datos personales sern
compartidos en la Web pasando a formar parte de un motor de bsqueda
donde ser posible descubrir informacin acerca de una persona en concreto
y de las comunidades de las que es miembro de una forma sencilla y rpida.
Ejemplo de extraccin de datos usando RDFa, GRDDL y SPARQL:
Se desea establecer una reunin entre tres personas, que tienen publicados en sus
sitios Web los calendarios de sus citas y eventos. Estos datos estn expuestos en
pginas XHTML de forma grfica, pero adems se incluye informacin en RDFa.
Una herramienta nos permite extraer, mediante GRDDL, los datos de sus
calendarios en un formato homogneo y fcil de tratar (RDF), para poder procesarlo
posteriormente.
Se realiza una consulta sobre la disponibilidad de las personas para un cierto da a
una hora concreta. Los datos consultados estn en formato RDF y la consulta se
podra realizar mediante SPARQL.
La herramienta procesa y analiza el resultado obtenido, concluyendo si las personas
estn disponibles en el instante que se haba elegido previamente.

Etiquetas nuevas de HTML5

Cules son las etiquetas nuevas del lenguaje HTML5, con una
breve descripcin sobre su utilidad y clasificacin.
La nueva versin del lenguaje HTML trae consigo muchas novedades. Como vimos
en el artculo Qu es HTML5, el nuevo estndar est compuesto de diversas
tecnologas de lo ms variado, para suplir todas las necesidades de la Web actual
y de los nuevos dispositivos de movilidad.
En esa lnea comprensin de lo que es HTML5, cabe destacar que existen varios
lenguajes que estn siendo actualizados con el nuevo estndar, como HTML, CSS
o Javascript. Si tuvisemos una pila de asuntos que representasen cada una de
estas novedades, la del propio lenguaje HTML sera la menor, seguida de CSS y
luego de Javascript. Sin embargo, hay varias cosas que debemos conocer sobre el

lenguaje de etiquetado en esta nueva versin, que estn cambiando enormemente

la manera en la que se conciben y desarrollan los sitios web actuales.

Novedades en HTML de HTML5

Ya dentro del lenguaje HTML especficamente, las novedades que nos trae en su
versin 5 son una serie de etiquetas tiles en la web actual, algo bien sencillo de
aprender y de aplicar a los sitios web, as como el propio lenguaje de marcacin es
tambin sencillo de asimilar. Las podemos clasificar en dos partes:

Etiquetas que nos traen soporte a nuevas funcionalidades: es decir, aquellas que nos sirven
para extender el HTML, dando soporte a asuntos como el vdeo o el sonido, lienzos donde
disear dibujos, etc.

Etiquetas que componen la web semntica: algunas etiquetas que realmente no proponen
nuevas funcionalidades, sino que sirven para componer sitios indicando qu son los bloques
de cdigo de una web, en lugar de cmo se deben representar.

Elementos que dan soporte a nuevas funcionalidades

Existen numerosas novedades dentro del HTML5 que se han representado por
etiquetas o elementos de diversa ndole. Algunas etiquetas son realmente nuevas y
otras como EMBED ya existan y se han incorporado al estndar.
Etiquetas para Multimedia: Algunos elementos nuevos servirn para integrar
contenido multimedia, pues sabemos que cada da esos nuevos tipos de
informacin estn ms presentes en la Web.

AUDIO: Para insertar sonido dentro de una web.

VIDEO: Para insertar clips de vdeo.

EMBED: Para embeber contenido externo de otro tipo, como el trado de diversos plugins que
se comercializan actualmente o se comercializarn en el futuro.

SOURCE: Permite especificar varias fuentes diferentes cuando se insertan elementos en

AUDIO y VIDEO.

TRACK: Permite especificar varias pistas de sonido o vdeo para los elementos AUDIO y
VIDEO.

Nuevos elementos de formulario:

En el caso del HTML5 y los formularios tenemos que destacar que no solamente se
han creado nuevas etiquetas, sino que se ha aadido soporte a las existentes
anteriormente. De momento estas son las nuevas etiquetas que nos ofrece.

METER: Para trabajar con medidas y escalas.

PROGRESS: Implementa barras de progreso.

DATALIST: Extensin para crear campos con funcionalidad de autocompletar.

KEYGEN: Genera claves pblica y privada para encriptacin.

OUTPUT: Realizar y mostrar clculos matemticos.

Pero hablando de novedades en formularios, no debemos dejar de remarcar que

HTML5 tambin trae diversos nuevos usos de INPUT, que nos sirven para
especificar qu tipo de informacin concreta queremos introducir en ellos. Ello
proporciona utilidad especial a esos campos INPUT, pensando tambin en los
dispositivos mviles y la forma con la que tratan dichos campos. Todo eso se explica
con detalle en el artculo Las mejoras de los elementos INPUT de HTML5.
Dibujos completos en HTML5, lienzo de CANVAS:

Luego tenemos una utilidad nueva que merece la pena verla por separado, puesto
que nos va a transformar la manera con la que se experimentar la web. Se trata
de un lienzo en donde se puede dibujar cualquier cosa e incluso hacer animacin
compleja.
CANVAS: Una etiqueta que genera un lienzo en la pgina donde realizar cualquier
tipo de diseo, soporta dibujo de todo tipo de formas, degradados, imgenes, etc.

Elementos para la web semntica

Como decamos, la segunda clasificacin de las nuevas etiquetas del HTML5 est
relacionada con lo que se llama la "web semntica". Vamos a dedicar otros artculos
a estudiar en profundidad esta web semntica y por qu es importante utilizarla ya
mismo en nuestros proyectos, pero de momento veamos a continuacin una lista
de elementos que han sido agregados al HTML para especificar qu son y no cmo
se deben mostrar en la pgina.

Secciones dentro de una pgina:

Algunas de las nuevas etiquetas nos sirven para decir qu secciones contiene una
pgina.

ARTICLE: Especifica un artculo, es decir, una unidad de contenido.

SECTION: Es una seccin dentro de un documento.

HEADER: La cabecera de una pgina.

FOOTER: El pie de pgina o informaciones que formen el pie de una seccin.

ASIDE: Es una parte de la web que muestra contenido accesorio, generalmente colocado en
un panel lateral.

NAV: con el que colocar el navegador principal de una pgina web.

Otros tipos de informaciones:

Hay otras muchas etiquetas que nos sirven para definir qu es el contenido que se
escribe dentro.

BDI: Define una parte del texto que debe ser entendido aparte de la lnea de contenido que
se est escibiendo.

MENU: una lista de opciones que formen parte de un men.

COMMAND: Uno de los elementos o botones de un men de opciones.

DETAILS: Detalles o informacin suplementaria que se puede ver u ocultar por el usuario.

SUMMARY: Encabezamiento para detalles especificados en DETAILS.

FIGURE: es un contenido que ilustre el artculo, como fotos, diagramas, ilustraciones, etc.

FIGCAPTION: El pie o explicacin de un FIGURE.

HGROUP: Un grupo de encabezamientos, til cuando se tiene diversos bloques de

encabezamientos del mismo nivel H1, H2...

MARK: Un texto o informacin que es remarcable.

TIME: Para escribir una fecha, una hora o ambas.

WBR: Define un posible salto de lnea.