Tecnologia Aplicaciones Web

Dionisio Jiménez
Deris Lamas
Jesús Acosta
Jhonris Alvares
Franklin Mendoza

1

Facilitadora: Ing. Zamantha González

• Protocolos de comunicación
• Control de sesiones
• Tecnologías del lado
del cliente
• Tecnologías específicas
del documento
• Tecnologías del lado
del servidor
• Servicios Web

2

(correo y mensajes)

POP3
SMTP: Protocolo simple de transferencia
de correo.

IMAP: es un protocolo de red de acceso
a mensajes electrónicos almacenados en un servidor.

FTP:es un protocolo de red para la
transferencia de archivos

SSH:intérprete de comandos seguro- es el nombre de un
protocolo y del programa que lo implementa, y sirve para
acceder a máquinas remotas a través de una red. 3

• RTSP: (flujo de datos multimedia en
tiempo real). Streaming y ventana de
tiempo para control multimedia.
establece y controla uno o muchos flujos

• TCP/IP: El TCP/IP es la base de Internet,
y sirve para enlazar computadoras que
utilizan diferentes sistemas operativos,
incluyendo PC, minicomputadoras y
computadoras centrales sobre redes de
área local (LAN) y área extensa (WAN).
TCP/IP fue desarrollado y demostrado por
primera vez en 1972 por el Departamento
de Defensa de los Estados Unidos,
ejecutándolo en ARPANET, una red de
área extensa de dicho departamento.

• UDP : Protocolo de datagramas de
usuario (audio y video), Voz sobre IP

4

• HTTP (petición-
respuesta, sin estado)
El formato de comunicación entre el
cliente y un servidor web:
• una línea de petición o
respuesta (request line,
response line)
• una serie de cabeceras: tipo de
contenido, versión y modelo del
navegador
• una línea vacía
• El cuerpo del mensaje: suele ser
el html de la página que se
devuelve
5

• HTTP (petición-respuesta, sin
estado)
GET:
http://www.google.es/search?
hl=es&q=Alhambra+
Granada&btnG=Buscar+con+
Google
POST:
<form name="formulario"
method="post"
action="http://bios.ugr.es/cgi-
6
bin/formmail.cgi">

• Reescritura de URL:
URL+datos del cliente
• Cookies
ficheros de datos en el cliente,
transparencia, privacidad,
desactivación. www.amazon.com

7

• Navegadores
• Scripts: Formulario
• Helpers: abrir o ejecutar documentos
multimedia y programas concretos. Frutales
• plug-ins: Hermitage
• Applets: Java, JVM, limitados. Restaurante
Controles Active-X: Microsoft, cualquier
lenguaje
10

• HTML, XHTML
• XML, DTD, XML SCHEMA,
XML DOM, X-PATH
• CSS, XSL, XLST, XSL-FO
• SVG
• SMIL
• VOICEML
• WML

12

HTML, XHTML: lenguaje de marcas de hipertexto
estándar
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>VIVEROS</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body background="fondoverde.gif">
<br>
<center> <font color="#993399" size="+3"> VIVEROS EL
BONSAI</font></center>
<br><br><br>

<font size="+1"><b>Especialidad en Bonsais.</b></font><br>
<img src="Bonsai.gif" alt="Bonsai" width="150" height="125">
<br><a href="FRUTALES.html">Árboles frutales</a><br>
<b>Plantas de:</b><br>
<blockquote><blockquote>
<ul>
<li>Interior</li>
<li>Jardín</li>
<li>Exóticas</li>
<li>Decoración</li>
</ul>
</blockquote></blockquote>

<center><i>VISITE NUESTRAS INSTALACIONES<br><br>
C/ La Raíz, 1.</i></center> <br><br> 13

</body>

Dialecto de SGML. Formato de datos flexibles, bien formados y
comprobación de validez según DTD o XML-Schema

<?xml version=“1.0”?> pizzas.dtd
<!DOCTYPE pizzas SYSTEM <!ELEMENT pizzas (pizza*)>
"pizzas.dtd"> <!ELEMENT pizza (ingrediente*)>
<pizzas> <!ELEMENT ingrediente (#PCDATA)>
<pizza nombre="Margarita" <!ATTLIST pizza nombre CDATA #REQUIRED>
precio="6"> <!ATTLIST pizza precio CDATA #REQUIRED>
<ingrediente nombre="Tomate" /> <!ATTLIST ingrediente nombre CDATA
</pizza> #REQUIRED>
</pizzas>

XML Schema: más complejo pero más beneficioso (definición de tipos,
ramdos, expresiones regulares, listas, operaciones sobre valores.

14

• Hoja de estilos para documentos
.grande {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
text-align:center;
color: green}
------------------------------------------------------------------------

En el html se usa:
<h1 class=“grande">Viveros el Bonsai</h1>

15

Hoja de estilos para documentos XML
• Para XML se optó por crear XSL (XML Stylesheet Language)
<xsl:template match=“titulo">
<table><caption>Viveros el Bonsai</caption><tr>
<xsl:apply-templates />
</table>
</xsl:template>

• Posteriormente se dividió en 3 partes:
– XSLT: Transformación de documentos XML para darles formato
– XPath: Especificar caminos de búsqueda y expresiones XML
– XSL-FO: Objetos de formateo de tipo vídeo, gráficos y texto independiente de
dispositivo.

• Además, CSS también puede usarse con XML

16

• Formato de objetos gráficos vectoriales escalables,
también para texto e hiperenlaces. Se facilita la
indexación y búsqueda.

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="300" height="200"
xmlns="http://www.w3.org/2000/svg">
<rect x="25" y="10" width="200" height="100"
fill="red" stroke="blue" stroke-width="3" />
<circle cx="100" cy="100" r="50"
fill="green" stroke="yellow"/>
</svg>

17

• SIMIL: Coordinación de presentación de documentos
multimedia, animación, enlaces, temporización, integración
de medios, sincronización y efectos de transicón.
• VOICEML: Para portales basados en voz con protocolo
Voz sobre IP, para enrutamiento de conversaciones de voz
sobre Internet o a través de alguna otra red basada en IP.
• WML: Versión reducida de HTML para construir las
páginas que aparecen en las pantallas de los teléfonos
móviles y PDAs dotados de tecnología WAP

18

Módulos compilados:
• CGI (Common Gateway Interfaces).
Perl, C, C++, Python. Formulario
• SERVLETS.
Java, multihebra, gestión de sesión. servlet
Scripts: ASP, JSP, PHP.
Visual Basic, Java, similar a C sin tipos. php
Programación distribuida: RMI (Java), DCOM ?,
IIOP (CORBA)
ASP.NET (aplicaciones distribuidas y servicios
Web) 19

Protocolos y estándares para permitir que distintos
sistemas con distintas plataformas y lenguajes
dialoguen, pudiendo ejecutar en una máquina
operaciones de otra máquina.
– Aplicaciones auto-contenidas, auto-descritas
– Independencia
– Estándares para interoperabilidad
– Acoplamiento débil (paso de mensajes)

21

• SOAP: protocolo que define el formato de
los mensajes que se intercambian Basado
en HTTP (envelope=header+body) y XML.
Tipos básicos, estructuras, arrays,
referencias. Gestión de mensajes para
error.
• WSDL: interfaz pública basada en XML.
Descripción de la utilidad, la localización e
invocación del servicio.
• UDDI: registro y publicación de
información de servicios web disponibles. 22

<?xml version=„1.0‟ ?>
<soap:Envelope xmlns:soap=„http://www.w3.org/2001/12/soap-
envelope‟
xmlns:xsi=“http://www.w3.org/2001/XMLSchema”
encodingStyle=„http://www.w3.org/2001/12/soap-encoding‟>
<soap:Body>
<p:persona>
<p:edad xsi:type=„soap:int‟>24</p:comida>
<p:nombre xsi:type =„soap:string‟>Juan</p:tamaño>
</p:persona>
</soap:Body>
</soap:Envelope>

23

Los servicios Web en Funcionamiento
25

Tecnologia Aplicaciones Web

Más contenido relacionado

Similar a Tecnologia Aplicaciones Web (20)

Más de Zamantha Gonzalez Universidad Nacional Abierta (20)

Tecnologia Aplicaciones Web