7/23/2019 UT01 Introduccin
1/21
Lenguajes de marcas y sistemas
de gestin de la informacinIntroduccin
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
7/23/2019 UT01 Introduccin
2/21
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
Forma de codificar un documento
incorporando al texto etiquetas o
marcas que contienen informacinadicional 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.
ConceptosQu es un lenguaje de marcado?
7/23/2019 UT01 Introduccin
3/21
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 esainformacin (no dicen qu hacer).
Ejemplos: HTML, XML
ConceptosTipos de Lenguaje de Marcas
7/23/2019 UT01 Introduccin
4/21
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
7/23/2019 UT01 Introduccin
5/21
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 (StandardGeneralized 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
7/23/2019 UT01 Introduccin
6/21
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 (eXtendedMarkup 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
7/23/2019 UT01 Introduccin
7/21
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 termin ales (el resto de las reglas gramaticales).
Etiqueta: encerrada entre los smbolos mayor/menor:
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 AtributosGramticas tpicas. Caractersticas principales
7/23/2019 UT01 Introduccin
8/21
Etiquetas Elementos AtributosEjemplo de elementos y atributos
Sr.
Jose
Perez
Callao
Madrid
32569
Cuntos elementos hay? Cul es el atributo?
Etiquetas Elementos AtributosEjemplo de elementos y atributos
7/23/2019 UT01 Introduccin
9/21
Etiquetas Elementos AtributosEjemplo de elementos y atributos
Etiquetas Elementos AtributosEjemplo de elementos y atributos
Hay ocasiones en las que podemos almacenar la mismainformacin con diferente estructura.
7/23/2019 UT01 Introduccin
10/21
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)
7/23/2019 UT01 Introduccin
11/21
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 ampliarHTML
Se crean reglas para que cualquiera pudiera crearLM 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
7/23/2019 UT01 Introduccin
12/21
Utilizacin de lenguajes de marcas en entornos webWorld Wide Web
Es un servicio de distribucin deinformacin que permite acceder amillones de recursos electrnicos y
aplicaciones.
Est distribuidos por todoInternet e identificados y
localizados por direcciones(URIs o URLs)
Los documentos de hipertexto estnconectados entre s a travs dehiperenlaces 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)
7/23/2019 UT01 Introduccin
13/21
Utilizacin de lenguajes de marcas en entornos
webAplicacin 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
Utilizacin de lenguajes de marcas en entornosweb
Aplicacin de escritorio
7/23/2019 UT01 Introduccin
14/21
Utilizacin de lenguajes de marcas en entornos
webAplicacin 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)
Utilizacin de lenguajes de marcas en entornosweb
Aplicacin Web
7/23/2019 UT01 Introduccin
15/21
Modelo de aplicacin distribuido: cliente (maestro) y
servidor (esclavo)
Utilizacin de lenguajes de marcas en entornosweb
Arquitectura Cliente/servidor
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.
Utilizacin de lenguajes de marcas en entornosweb
Arquitectura tres niveles
7/23/2019 UT01 Introduccin
16/21
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, AJAXy JavaScript.
Chrome OS: SO basado en Linux y diseado por Google para trabajarexclusivamente con aplicaciones web.
Utilizacin de lenguajes de marcas en entornosweb
Cloud Computing
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
7/23/2019 UT01 Introduccin
17/21
tiene su correspondiente Casi todas las etiqueta
Las etiquetas NO son sensitivas (no distinguen
maysculas de minsculas) pero se recomienda usar
minsculas
Se basan en el uso de marcas/etiquetas. Comienzan
por < y terminan por>
Ejemplo:,,...
Para delimitar hasta donde acta la etiqueta:/justo
antes de la palabra
Ejemplo:,,
GramticasHTML
y termina por El documento comienza por
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 )
GramticasHTML
7/23/2019 UT01 Introduccin
18/21
Gramticas
HTML
Es importante poner el ttulo:
GramticasHTML
7/23/2019 UT01 Introduccin
19/21
GramticasHTML
Los comentarios no se mostrarn en el documento,
deben empezar por
GramticasMi primera pgina HTML
7/23/2019 UT01 Introduccin
20/21
Es muy parecida a un documento HTML
Los datos contenidos en las pginas XML estn
estructurados mediante etiquetas del tipo
....
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
GramticasXML
GramticasXML
7/23/2019 UT01 Introduccin
21/21
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
GramticasCSS
Recopilando
Se suelen distinguir tres clases de lenguajes de marcas:
De presentacin Donde slo se muestra la presentacin, pero es difcil extraer
informacin.
De procedimientos Donde se incluyen instrucciones de cmo hay que procesar el texto.
De marcado descriptivo o semntico Donde no se especifica cmo hay que procesar el texto sino que seutilizan etiquetas que describen el texto.
Aunque en general la mayora de lenguajes de marcas tienencaractersticas de ms de una clase.
Top Related