Tecnologia Aplicaciones Web
-
Upload
zamantha-gonzalez-universidad-nacional-abierta -
Category
Travel
-
view
7.708 -
download
0
Transcript of Tecnologia Aplicaciones Web
1
Dionisio Jiménez
Deris Lamas
Jesús Acosta
Jhonris Alvares
Franklin Mendoza
Facilitadora: Ing. Zamantha González
2
• 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
3
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.
(correo y mensajes)
4
• 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
5
• 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
6
• 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-bin/formmail.cgi">
7
• Reescritura de URL:
URL+datos del cliente
• Cookies
ficheros de datos en el cliente,
transparencia, privacidad,
desactivación. www.amazon.com
8
9
10
• 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
11
12
• HTML, XHTML
• XML, DTD, XML SCHEMA,
XML DOM, X-PATH
• CSS, XSL, XLST, XSL-FO
• SVG
• SMIL
• VOICEML
• WML
13
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>
</body>
14
Dialecto de SGML. Formato de datos flexibles, bien formados y
comprobación de validez según DTD o XML-Schema
<?xml version=“1.0”?>
<!DOCTYPE pizzas SYSTEM
"pizzas.dtd">
<pizzas>
<pizza nombre="Margarita"
precio="6">
<ingrediente nombre="Tomate" />
</pizza>
</pizzas>
pizzas.dtd
<!ELEMENT pizzas (pizza*)>
<!ELEMENT pizza (ingrediente*)>
<!ELEMENT ingrediente (#PCDATA)>
<!ATTLIST pizza nombre CDATA #REQUIRED>
<!ATTLIST pizza precio CDATA #REQUIRED>
<!ATTLIST ingrediente nombre CDATA
#REQUIRED>
XML Schema: más complejo pero más beneficioso (definición de tipos,
ramdos, expresiones regulares, listas, operaciones sobre valores.
15
• 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>
16
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
17
• 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>
18
• 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
19
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)
20
21
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)
22
• 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.
23
<?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>
24
<portType name="ServicioSumaSoap">
<operation name="suma">
<input message="s0:sumaSoapIn" />
<output message="s0:sumaSoapOut" />
</operation>
</portType>
. . .
<binding name="ServicioSumaSoap" type="s0:ServicioSumaSoap">
<soap:binding transport="http://schemas.xmlsoap.org/soap/http"
style="document" />
<operation name="suma">
<soap:operation soapAction="http://tempuri.org/suma" style="document" />
<input> <soap:body use="literal" /> </input>
<output> <soap:body use="literal" /> </output>
</operation>
</binding>
<service name="ServicioSuma">
<port name="ServicioSumaSoap" binding="s0:ServicioSumaSoap">
<soap:address location="http://localhost/Suma/Service1.asmx" />
</port>
</service>
25
Los servicios Web en Funcionamiento