Sistemas de marcado

1
Sistemas de marcado
2
Definiciones de marcado

• Documentos de papel
• Se refiere a la manera en la que el editor anota
  los manuscritos con especificaciones
  tipográficas.
• Documentos electrónicos
• Describe los códigos o etiquetas que añadidos al
  texto definen su estructura y formato.
• El lenguaje de marcado
• Define un conjunto de signos y reglas con los que
  etiquetar los documentos.

3
Lenguajes de marcado I

• Poseen un estructura lógica y una estructura
  física
• La estructura lógica está formada por las
  distintas partes que lo componen y por sus
  relaciones.
• La estructura física indica la apariencia del
  documento, ya sea en papel o en la pantalla.

4
Lenguajes de marcado II

• En el medio impreso no se pueden separar las dos
  estructuras (lógica y física).
• En el electrónico se pueden almacenar
  independientemente. Esto es posible gracias a los
  lenguajes de marcado genérico.
• Otro tipo de marcado es el denominado específico,
  p. e. Script, Tex.

5
Lenguajes de marcado genérico

• ODA Open Document Architecture, es una norma
  internacional que se utiliza para representar e
  intercambiar documentos electrónicos.
• PostScript Pertenece al grupo de lenguajes de
  descripción de página (PDL). Este formato es
  originario de Adobe. En la actualidad ha sido
  sustituido por Acrobat y su formato PDF.

6
Open Document Architecture

• ISO 8613
• El objetivo principal de esta arquitectura es
• Facilitar el intercambio,
• Procesamiento y
• Presentación de documentos en sistemas abiertos.
• La principal propiedad de ODA es la distinción
  entre
• Contenidos
• Estructura lógica y
• Estructura del diseño (layout)

7
Arquitectura ODA (Contenidos)

• Especificación de los elementos
• Los elementos individuales son las unidades
  lógicas de datos, las cuales son determinadas
  para cada medio (Texto, Gráficos, etc.)
• Funciones de acceso posibles
• Sirven para manipular los elementos individuales.
• Codificación de datos
• Determina el mapeo con respecto a bits y bytes.

8
Arquitectura ODA (estructura de diseño)

• La estructura de diseño especifica la
  representación de un documento, está relacionado
  con una representación bidimensional con respecto
  a la pantalla o a una hoja de papel.
• Utilizando marcos se pueden establecer la
  posición y tamaño de elementos individuales.
  También se determinan el tamaño de las páginas y
  los diferentes tipos y estilos.

9
(No Transcript)
10
Arquitectura ODA (estructura lógica)

• Incluye la partición del contenido, por ejemplo
• encabezamientos,
• párrafos,
• etc.

11
(No Transcript)
12
Procesamiento de documentos

• Edición y formateo se corresponden con
• el proceso de diseño del documento y
• el proceso de diseño del contenido.
• La presentación del documento se corresponde con
  el proceso de imagen.
• Los editores WYSIWYG incluyen los dos aspectos
  anteriores en un solo paso.

13
Clases de arquitecturas de documentos

• Documento formateado
• Incluye la estructura de diseño específica y a
  veces la genérica.
• Se puede imprimir o visualizar, pero no se puede
  cambiar.
• Documento procesable
• Consiste en la estructura lógica específica y
  eventualmente la genérica.
• El documento no se puede imprimir o visualizar.
  Los contenidos se pueden cambiar.
• Documento formateado y procesable
• Puede imprimirse, visualizarse y cambiarse.

14
ODA y MultimediaContenidos

• Las porciones de contenido cambiarán a porciones
  de contenido dependientes del tiempo
• Abiertas La duración no se establece a priori,
  p. e. una animación generada durante la
  presentación y que dependa de un evento externo.
• Cerradas La duración es fija, p. e. Una canción.

15
ODA y MultimediaEstructura

• Las operaciones entre objetos tienen que
  extenderse en una dimensión temporal, donde
  dichas relaciones se especifican en el nodo madre
  en proporción a los nodos hijo.
• Ejemplos son las relaciones
• Antes
• Encuentro
• Solapamiento
• Durante
• Comienzo
• Final
• Igual

16
El lenguaje SGML I

• Standard Generalized Markup Language. Norma ISO
  8879.
• Tiene su origen en la industria editorial
  necesitados de tener una manera normalizada de
  transmitir los documentos en su formato adecuado
  en los procesos de edición e impresión.
• En cierto sentido SGML es un metalenguaje, pues
  se considera como un sistema para la
  especificación de lenguajes de marcado.

17
El lenguaje SGML II

• Utiliza una definición del tipo de documento o
  DTD que permite especificar la estructura lógica
  de una clase de escrito.
• Una DTD es una definición formal que indica
• que elementos se incluyen como contenido de los
  documentos
• y en que orden.
• Cada elemento del documento se marca
• mediante una etiqueta de comienzo
• otra de final.
• Cada etiqueta se especifica mediante
• un identificador genérico
• y unos atributos.

18
SGML (ventajas)

• Existe una separación entre
• la estructura
• y la presentación del documento.
• Es independiente del idioma, al poderse definir
  el alfabeto a utilizar.
• El documento puede incluir cualquier tipo de
  información multimedia.
• Es independiente del tipo de ordenador y de la
  aplicación, permitiendo el intercambio entre
  plataformas diferentes.

19
SGML (desventajas)

• Es muy complejo al tener que hacer frente a una
  gran variedad de tipos de documentos.
• Al no imponer limitaciones a la hora de
  estructurar documentos, se podría dar el caso de
  que dos DTD destinados al mismo documento fueran
  incompatibles entre sí.
• Los contenidos multimedia sólo se pueden utilizar
  como entidades externas a los incluidos en el
  documento.

20
HTML Hiperdocumentos en Internet

• ISO 15445
• HyperText Markup Language, es un lenguaje de
  marcado para el intercambio de hiperdocumentos.
• Se usa en combinación con HTTP, un protocolo de
  red para la transferencia de información de
  diversa naturaleza a través de Internet.
• Está basado en SGML y se puede considerar una DTD.

21
El lenguaje XML
22
Características generales

• XML (eXtended Markup Language)
• Es un subconjunto simplificado de SGML.
• Es un formato de texto estandarizado que sirve
  para representar información estructurada en la
  Web.
• XML es una especificación que sirve para
  especificar lenguajes de marcado, es por tanto un
  Metalenguaje.

23
Documentos tradicionales y no tradicionales
Información Estructura Formato
TRADICIONAL
Estructura
Información
Formato
NO TRADICIONAL
24
Las familias de SGML
XSL XML Stylesheet Language
SGML
XML
HTML
XSL
25
El sistema XML
Documento XML (contenido)
XML Parser (procesador)
Aplicación XML
XML DTD (reglas)
DTD Document Type Definition
26
Documento XML

• Está basado en entidades que pueden consistir de
  Contenidos y Marcas.
• Los Contenidos es la información real, también se
  denomina como character data.
• Los Contenidos se enmarcan entre Marcas. Es decir
  etiquetas al estilo de HTML.

27
XML DTD

• Se utilizan para asegurar que la información está
  estructurada adecuadamente.
• Las DTDs son series de expresiones que definen la
  estructura lógica del documento XML.
• Las DTD son opcionales.

28
XML Parser

• Es un motor software que chequea el documento XML
  para asegurar que es correcto sintácticamente.
• Si se utiliza DTD el parser chequea también el
  documento frente al DTD para asegurar que está
  estructurado correctamente.

29
Aplicación XML

• Las aplicaciones XML procesan la información
  incluida en los documentos XML.
• No hay límites virtuales acerca de lo que una
  aplicación XML puede hacer.

http//www.w3schools.com/xml/default.asp
30
Código XML

• lt?xml version"1.0" encoding"ISO-8859-1" ?gt
  lt!-- Edited with XML Spy v4.2   --gt
• - ltbreakfast_menugt
• - ltfoodgt
•   ltnamegtBelgian Waffleslt/namegt
•   ltpricegt5.95lt/pricegt
•   ltdescriptiongttwo of our famous Belgian Waffles
  with plenty of real maple syruplt/descriptiongt
•   ltcaloriesgt650lt/caloriesgt
•   lt/foodgt
• - ltfoodgt
•   ltnamegtStrawberry Belgian Waffleslt/namegt
•   ltpricegt7.95lt/pricegt
•   ltdescriptiongtlight Belgian waffles covered with
  strawberries and whipped creamlt/descriptiongt
•   ltcaloriesgt900lt/caloriesgt
•   lt/foodgt
• - lt/breakfast_menugt

Código en explorer
31
Código XSL

• lt?xml version"1.0" encoding"ISO-8859-1" ?gt
  lt!-- Edited with XML Spy v4.2   --gt
• - lthtml xslversion"1.0" xmlnsxsl"http//www.w3
  .org/1999/XSL/Transform" xmlns"http//www.w3.org/
  TR/xhtml1/strict"gt
• - ltbody style"font-familyArial,helvetica,sans-se
  riffont-size12pt background-colorEEEEEE"gt
• - ltxslfor-each select"breakfast_menu/food"gt
• - ltdiv style"background-colortealcolorwhitepa
  dding4px"gt
• - ltspan style"font-weightboldcolorwhite"gt
•   ltxslvalue-of select"name" /gt
•   lt/spangt
•   -
•   ltxslvalue-of select"price" /gt
•   lt/divgt
• - ltdiv style"margin-left20pxmargin-bottom1emf
  ont-size10pt"gt
•   ltxslvalue-of select"description" /gt
• - ltspan style"font-styleitalic"gt
•   (
•   ltxslvalue-of select"calories" /gt
•   calories per serving)
•   lt/spangt
•   lt/divgt

Código en explorer
32
Resultado programa XML

• Belgian Waffles - 5.95
• two of our famous Belgian Waffles with plenty of
  real maple syrup (650 calories per serving)
• Strawberry Belgian Waffles - 7.95
• light Belgian waffles covered with strawberries
  and whipped cream (900 calories per serving)
• Berry-Berry Belgian Waffles - 8.95
• light Belgian waffles covered with an assortment
  of fresh berries and whipped cream (900 calories
  per serving)
• French Toast - 4.50
• thick slices made from our homemade sourdough
  bread (600 calories per serving)
• Homestyle Breakfast - 6.95
• two eggs, bacon or sausage, toast, and our
  ever-popular hash browns (950 calories per
  serving)

Ejemplo en Explorer