Dionisio Jiménez
                                 Deris Lamas
                                 Jesús Acosta
              ...
• Protocolos de comunicación
• Control de sesiones
• Tecnologías del lado
  del cliente
• Tecnologías específicas
  del do...
(correo y mensajes)


POP3
SMTP: Protocolo simple de transferencia
de correo.

IMAP: es un protocolo de red de acceso
a me...
•   RTSP: (flujo de datos multimedia en
    tiempo real). Streaming y ventana de
    tiempo para control multimedia.
    e...
• HTTP (petición-
  respuesta, sin estado)
El formato de comunicación entre el
     cliente y un servidor web:
• una línea...
• HTTP (petición-respuesta, sin
  estado)
GET:
  http://www.google.es/search?
  hl=es&q=Alhambra+
  Granada&btnG=Buscar+co...
• Reescritura de URL:
     URL+datos del cliente
• Cookies
     ficheros de datos en el cliente,
     transparencia, priva...
8
9
• Navegadores
• Scripts: Formulario
• Helpers:    abrir o ejecutar documentos
  multimedia y programas concretos.     Frut...
11
• HTML, XHTML
• XML, DTD, XML SCHEMA,
  XML DOM, X-PATH
• CSS, XSL, XLST, XSL-FO
• SVG
• SMIL
• VOICEML
• WML

           ...
HTML, XHTML: lenguaje de marcas de hipertexto
      estándar
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN...
Dialecto de SGML. Formato de datos flexibles, bien formados y
    comprobación de validez según DTD o XML-Schema

<?xml ve...
•   Hoja de estilos para documentos
            .grande {font-family: Verdana, Arial, Helvetica, sans-serif;
             ...
Hoja de estilos para documentos XML
•   Para XML se optó por crear XSL (XML Stylesheet Language)
                 <xsl:tem...
• Formato de objetos gráficos vectoriales escalables,
  también para texto e hiperenlaces. Se facilita la
  indexación y b...
• SIMIL: Coordinación de presentación de documentos
  multimedia, animación, enlaces, temporización, integración
  de medi...
Módulos compilados:
• CGI (Common Gateway Interfaces).
  Perl, C, C++, Python.        Formulario
• SERVLETS.
  Java, multi...
20
Protocolos y estándares para permitir que distintos
  sistemas con distintas plataformas y lenguajes
  dialoguen, pudiendo...
• SOAP: protocolo que define el formato de
  los mensajes que se intercambian Basado
  en HTTP (envelope=header+body) y XM...
<?xml version=„1.0‟ ?>
<soap:Envelope xmlns:soap=„http://www.w3.org/2001/12/soap-
   envelope‟
xmlns:xsi=“http://www.w3.or...
<portType name="ServicioSumaSoap">
<operation name="suma">
<input message="s0:sumaSoapIn" />
<output message="s0:sumaSoapO...
Los servicios Web en Funcionamiento
                                      25
Upcoming SlideShare
Loading in …5
×

Tecnologia Aplicaciones Web

7,987 views

Published on

Published in: Travel, Business
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
7,987
On SlideShare
0
From Embeds
0
Number of Embeds
1,693
Actions
Shares
0
Downloads
338
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Tecnologia Aplicaciones Web

  1. 1. Dionisio Jiménez Deris Lamas Jesús Acosta Jhonris Alvares Franklin Mendoza 1 Facilitadora: Ing. Zamantha González
  2. 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 2
  3. 3. (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
  4. 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 4
  5. 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 5
  6. 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- 6 bin/formmail.cgi">
  7. 7. • Reescritura de URL: URL+datos del cliente • Cookies ficheros de datos en el cliente, transparencia, privacidad, desactivación. www.amazon.com 7
  8. 8. 8
  9. 9. 9
  10. 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 10
  11. 11. 11
  12. 12. • HTML, XHTML • XML, DTD, XML SCHEMA, XML DOM, X-PATH • CSS, XSL, XLST, XSL-FO • SVG • SMIL • VOICEML • WML 12
  13. 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> 13 </body>
  14. 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”?> 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
  15. 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> 15
  16. 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 16
  17. 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> 17
  18. 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 18
  19. 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) 19
  20. 20. 20
  21. 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) 21
  22. 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. 22
  23. 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> 23
  24. 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> 24 </service>
  25. 25. Los servicios Web en Funcionamiento 25

×