Lenguajes de marcas y sistemas

de gestin de la informacin
Introduccin

Conceptos
Evolucin de los Lenguajes de Marcas
Etiquetas Elementos Atributos
Organizaciones desarrolladoras: ISO y W3C
Clasificacin
Utilizacin de lenguajes de marcas en entornos web
Gramticas

Conceptos
Evolucin de los Lenguajes de Marcas
Etiquetas Elementos Atributos
Organizaciones desarrolladoras: ISO y W3C
Clasificacin
Utilizacin de lenguajes de marcas en entornos web
Gramticas

Conceptos
Qu es un lenguaje de marcado?

Forma de codificar un documento

incorporando al texto etiquetas o
marcas que contienen informacin
adicional acerca de la estructura o
su presentacin.
No es un lenguaje de programacin
al no tener funciones aritmticas o
variables.
Histricamente, el marcado se usaba
y se usa en la industria editorial y de
la comunicacin, as como entre
autores, editores e impresores.

Conceptos
Tipos de Lenguaje de Marcas

Lenguajes orientados a presentacin: Usados

tradicionalmente por los procesadores de texto. Ocultos
al usuario.
Ejemplos: fuente itlica, subrayado, color rojo ...
Lenguajes procedurales: Las etiquetas orientadas
tambin a presentacin, pero se integran dentro de un
marco procedural que permite definir macros
(secuencias de acciones) y subrutinas.
Ejemplo: LaTeX
Lenguajes descriptivos: las marcas indican qu es esa
informacin (no dicen qu hacer).
Ejemplos: HTML, XML

Conceptos
Algunas caractersticas de los Lenguajes de Marcas

Texto plano: compuestos por caracteres de texto que

pueden interpretarse por un editor de texto
(independiente del SS.OO)
Compacidad: Las instrucciones se mezclan con el
contenido
Independencia del dispositivo: Dependiendo del
dispositivo se interpreta de forma diferente
Flexibilidad: se puede compatibilizar con otros
lenguajes (HTML, PHP y JavaScript)

Conceptos
Evolucin de los Lenguajes de Marcas
Etiquetas Elementos Atributos
Organizaciones desarrolladoras: ISO y W3C
Clasificacin
Utilizacin de lenguajes de marcas en entornos web
Gramticas

Evolucin de los Lenguajes de Marcas

Aos 60

Surgen para introducir anotaciones en

los documentos electrnicos.
Surge para compartir informacin entre
sistemas.
Tiene un gran aceptacin pero no
consigue implantarse por su
complejidad.
Se estandariza SGML (Standard
Generalized Markup Language),
descendiente de GML propuesto por
IBM.

Evolucin de los Lenguajes de Marcas

Aos 80

CERN crea un lenguaje para compartir

informacin usando las redes HTML
HyperText Markup Language- (Basado
en principios del SGML).
Tuvo gran aceptacin por su sencillez.
Empez a crecer de forma
descontrolada

Evolucin de los Lenguajes de Marcas

Aos 90

W3C (World Wide Web

Consorcio) quiso dotar a la web
de un lenguaje ms potente y con
estructura semntica (supera las
limitaciones de HTML)
Nuevo estndar XML (eXtended
Markup Language)

Conceptos
Evolucin de los Lenguajes de Marcas
Etiquetas Elementos Atributos
Organizaciones desarrolladoras: ISO y W3C
Clasificacin
Utilizacin de lenguajes de marcas en entornos web
Gramticas

Etiquetas Elementos Atributos

Gramticas tpicas. Caractersticas principales

La gramtica, defina frases en espaol o documentos

HTML, no es ms que un grupo de reglas que indican el
orden en que deben aparecer los elementos del
lenguaje
Estos elementos del lenguaje pueden dividirse en dos
grupos
terminales (las verdaderas palabras del lenguaje)
no terminales (el resto de las reglas gramaticales).

Etiquetas Elementos Atributos

Gramticas tpicas. Caractersticas principales

Etiqueta: encerrada entre los smbolos mayor/menor:

<etiqueta>
Elemento: estructuras bsicas en las que se organiza el
contenido
Generalmente tienen una etiqueta de inicio y una
etiqueta de cierre
Los elementos vacos no tienen contenido y no
deben llevar etiqueta de fin porque se indicar en la
propia etiqueta de inicio.
Atributo: es un par nombre-valor, dentro de la etiqueta
de inicio e indica las propiedades.

Etiquetas Elementos Atributos

Ejemplo de elementos y atributos

<direccion>
<nombre>
<titulo>Sr.</titulo>
<nombre>Jose</nombre>
<apellidos>Perez</apellidos>
</nombre>
<calle>Callao</calle>
<ciudad comunidad=CM>Madrid</ciudad>
<codigo-postal>32569</codigo-postal>
</direccion>

Cuntos elementos hay?

Cul es el atributo?

Etiquetas Elementos Atributos

Ejemplo de elementos y atributos

Etiquetas Elementos Atributos

Ejemplo de elementos y atributos

Etiquetas Elementos Atributos

Ejemplo de elementos y atributos

Hay ocasiones en las que podemos almacenar la misma

informacin con diferente estructura.

Conceptos
Evolucin de los Lenguajes de Marcas
Etiquetas Elementos Atributos
Organizaciones desarrolladoras: ISO y W3C
Clasificacin
Utilizacin de lenguajes de marcas en entornos web
Gramticas

Organizaciones desarrolladoras: ISO y W3C

ISO (International Organization for Standardization)

Organismo no gubernamental encargado de promover el desarrollo

de normas internacionales (fabricacin, comercio, comunicacin)

Sus normas son voluntarias

El contenido de los estndares est protegido por

copyright

ISO public el Estndar SGML (ISO 8879)

10

Organizaciones desarrolladoras: ISO y W3C

W3C (World Wide Web Consortium)

Tutela el crecimiento y organizacin de la web.

Normaliza HTML
Cuando la Web creci la solucin NO fue ampliar
HTML
Se crean reglas para que cualquiera pudiera crear
LM adecuados a sus necesidades, pero
manteniendo unas estructuras y sintaxis comunes
(XML)

Conceptos
Evolucin de los Lenguajes de Marcas
Etiquetas Elementos Atributos
Organizaciones desarrolladoras: ISO y W3C
Clasificacin
Utilizacin de lenguajes de marcas en entornos web
Gramticas

11

Utilizacin de lenguajes de marcas en entornos web

World Wide Web

Es un servicio de distribucin de
informacin que permite acceder a
millones de recursos electrnicos y
aplicaciones.
Est distribuidos por todo
Internet e identificados y
localizados por direcciones
(URIs o URLs)
Los documentos de hipertexto estn
conectados entre s a travs de
hiperenlaces o hipervnculos.

Utilizacin de lenguajes de marcas en entornos web

El modelo cliente/servidor y el protocolo HTTP son la
base de WWW (World Wide Web)
Las pginas web pueden ser estticas o dinmicas
Pginas web HTML o XHTML
Informacin
Hiperenlaces
Datos de estilo
Aplicaciones embebidas
CSS ( no es un Lenguaje de Marcas sino de Estilos)

12

Utilizacin de lenguajes de marcas en entornos

web
Aplicacin de escritorio

Utilizacin de lenguajes de marcas en entornos

web
Aplicacin de escritorio

Ventajas:

Pueden ser ms robustas

Tiempo de respuesta ms rpido

Se puede hacer cualquier cosa que permita el SO

Desventajas:

Son ejecutadas directamente por el sistema operativo

Su rendimiento depende de diversas configuraciones de hardware

como memoria RAM, disco duro, memoria de video, etc.
Requiere instalacin

Generalmente se hacen para un SO especfico

Se requiere actualizar en cada cliente

13

Utilizacin de lenguajes de marcas en entornos

web
Aplicacin Web

Utilizacin de lenguajes de marcas en entornos

web
Aplicacin Web

Ventajas:
Se puede usar desde cualquier lugar
No requiere instalacin
Todos trabajan con la misma versin
Se centralizan las copias de seguridad
No dependen de ningn SO ni hardware especfico
Sus actualizaciones se hacen de forma sencilla

Desventajas:
Requiere conexin a la red
Se debe optimizar para distintos navegadores (los
frameworks ayudan a solventar estos problemas)
Tiempo de respuesta es ms lento (ha mejorado usando
tecnologas como AJAX)

14

Utilizacin de lenguajes de marcas en entornos

web
Arquitectura Cliente/servidor

Modelo de aplicacin distribuido: cliente (maestro) y

servidor (esclavo)

Utilizacin de lenguajes de marcas en entornos

web
Arquitectura tres niveles

Clientes que interactan con los usuarios finales.

Servidores de aplicacin que procesan los datos para
los clientes.
Servidores de la base de datos que almacenan los datos
para los servidores de aplicacin.

15

Utilizacin de lenguajes de marcas en entornos

web
Cloud Computing

Es un modelo que ofrece servicios a travs de Internet.

Hoy en da muchas empresas y organizaciones estn

apostando por ofrecer cada vez ms servicios en "la nube"
(Google, Dropbox...) basados en aplicaciones web
Tambin estn utilizndose Sistemas Operativos que se ejecutan
en "la nube" y a los que se accede por medio del ordenador

EyeOS: Proyecto AGPL que utiliza las tecnologas HTML, PHP, AJAX
y JavaScript.

Chrome OS: SO basado en Linux y diseado por Google para trabajar

exclusivamente con aplicaciones web.

Conceptos
Evolucin de los Lenguajes de Marcas
Etiquetas Elementos Atributos
Organizaciones desarrolladoras: ISO y W3C
Clasificacin
Utilizacin de lenguajes de marcas en entornos web
Gramticas

16

Gramticas
HTML

Se basan en el uso de marcas/etiquetas. Comienzan

por < y terminan por >
Ejemplo: <html>,<head>,<body>...
Para delimitar hasta donde acta la etiqueta: / justo
antes de la palabra
Ejemplo: </html>,</head>,</body>
Casi todas las etiqueta <...> tiene su correspondiente
</>
Las etiquetas NO son sensitivas (no distinguen
maysculas de minsculas) pero se recomienda usar
minsculas

Gramticas
HTML

El documento comienza por <html> y termina por

</html>
Lo que est fuera de estas marcas no se considera texto
del documento.
Est formado por dos partes:
Cabecera Informacin del documento (ttulo,
autor, fecha..)
Cuerpo Texto, informacin que se va a presentar al
usuario (texto, imgenes, vdeos )

17

Gramticas
HTML

Gramticas
HTML

Es importante poner el ttulo:

18

Gramticas
HTML

Los comentarios no se mostrarn en el documento,

deben empezar por <!-- y acabar en -->

Gramticas
Mi primera pgina HTML

19

Gramticas
XML

Es muy parecida a un documento HTML

Los datos contenidos en las pginas XML estn

estructurados mediante etiquetas del tipo
<concepto>....</concepto>

A diferencia del HTML, estas etiquetas permiten

describir el contenido en lugar de presentarlo.

Puesto que se trata de describir los datos, y estos pueden ser de

cualquier forma, el lenguaje XML permitir crear nuestras propias
etiquetas y atributos.

Deberemos atender a un conjunto de normas de sintaxis

muy estrictas

Gramticas
XML

20

Gramticas
CSS

No es un lenguaje de marcas sino

de estilos
Est encaminado a separar
contenido y representacin (esttica)
Se puede adaptar para ver mejor
la informacin en funcin del
dispositivo

Recopilando
Se suelen distinguir tres clases de lenguajes de marcas:

De presentacin

De procedimientos

Donde se incluyen instrucciones de cmo hay que procesar el texto.

De marcado descriptivo o semntico

Donde slo se muestra la presentacin, pero es difcil extraer

informacin.

Donde no se especifica cmo hay que procesar el texto sino que se

utilizan etiquetas que describen el texto.

Aunque en general la mayora de lenguajes de marcas tienen

caractersticas de ms de una clase.

21