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

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

Los servicios Web en Funcionamiento 25

Tecnologia Aplicaciones Web

0 comments

Notes on slide 1

Favorites, Groups & Events