UT01 Introducción

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


2/21

Conceptos




Clasificacin


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?


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


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




Clasificacin


Gramticas


5/21


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.


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


6/21


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




Clasificacin


Gramticas


7/21


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


8/21

Etiquetas Elementos AtributosEjemplo de elementos y atributos

Sr.

Jose

Perez

Callao

Madrid

32569

Cuntos elementos hay? Cul es el atributo?



9/21



Hay ocasiones en las que podemos almacenar la mismainformacin con diferente estructura.


10/21

Conceptos




Clasificacin


Gramticas


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)


11/21


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




Clasificacin


Gramticas


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.


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)


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


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)


Aplicacin Web


15/21

Modelo de aplicacin distribuido: cliente (maestro) y

servidor (esclavo)


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.


Arquitectura tres niveles


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.


Cloud Computing

Conceptos




Clasificacin


Gramticas


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


18/21

Gramticas

HTML

Es importante poner el ttulo:

GramticasHTML


19/21

GramticasHTML

Los comentarios no se mostrarn en el documento,

deben empezar por

GramticasMi primera pgina HTML


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


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.

UT01 Introducción

Documents

Transcript of UT01 Introducción