Tecnologia Aplicaciones Web
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Tecnologia Aplicaciones Web

on

  • 10,106 views

 

Statistics

Views

Total Views
10,106
Views on SlideShare
8,433
Embed Views
1,673

Actions

Likes
1
Downloads
330
Comments
1

4 Embeds 1,673

http://edublogteletriunfador.wordpress.com 1645
http://www.slideshare.net 23
http://webcache.googleusercontent.com 4
http://74.125.93.132 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Tecnologia Aplicaciones Web Presentation Transcript

  • 1. Dionisio Jiménez Deris Lamas Jesús Acosta Jhonris Alvares Franklin Mendoza 1 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 2
  • 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. • 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. • 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. • 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. • Reescritura de URL: URL+datos del cliente • Cookies ficheros de datos en el cliente, transparencia, privacidad, desactivación. www.amazon.com 7
  • 8. 8
  • 9. 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 10
  • 11. 11
  • 12. • HTML, XHTML • XML, DTD, XML SCHEMA, XML DOM, X-PATH • CSS, XSL, XLST, XSL-FO • SVG • SMIL • VOICEML • WML 12
  • 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. 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. • 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. 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. • 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. • 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. 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
  • 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. • 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. <?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. <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. Los servicios Web en Funcionamiento 25