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

Tecnologia Aplicaciones Web

on

  • 9,996 views

 

Statistics

Views

Total Views
9,996
Views on SlideShare
8,327
Embed Views
1,669

Actions

Likes
1
Downloads
329
Comments
1

4 Embeds 1,669

http://edublogteletriunfador.wordpress.com 1641
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 Tecnologia Aplicaciones Web Presentation Transcript

  • 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
  • 8
  • 9
  • • 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
  • • 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
  • 20
  • 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
  • <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>
  • Los servicios Web en Funcionamiento 25