Introducción a la tecnología web

Transcripción

1 Intrducción a la tecnlgía web Máster en Sistemas y Servicis en la Sciedad de la Infrmación Especialidad Derech y Tecnlgías de la Infrmación y Cmunicacines

2 Web y Lenguajes de prgramación Intrducción a la tecnlgía web (parte 3)

3 Wrld Wide Web El triunf de la anarquía La (limitada) visión inicial del WWW tiene muy pc que ver cn l que es su (impresinante) realidad actual. Ls usuaris de la web han innvad de manera cnsistente inventand nuevas frmas de aplicación de este ptente medi de cmunicación. Ls desarrlladres de la Web intentan ampliar (parchear) la infraestructura para sprtar ls nuevs uss. Intrducción a la tecnlgía web (parte 3)

4 Cóm se inici? Tim Barnes Lee (CERN, 1989). Repsitri estátic de dcuments: Una frma cómda de acceder a dcuments estátics interrelacinads almacenads en servidres distribuids alrededr del mund. La especificación inicial incluía: Un lenguaje para dar frmat a ls dcuments (HTML). Un prtcl sencill para cmunicar navegadres (clientes) y servidres (HTTP). Intrducción a la tecnlgía web (parte 3)

5 El primer navegadr gráfic En 1993 Marc Andreesen (estudiante) escribe Msaic. Precursr de Netscape. Intrducción a la tecnlgía web (parte 3)

6 Cóm funcina la web Abrir dirección Internet Cliente Web (Msaic, Netscape, Internet Explrer, Firefx, etc.) Servidr Web Servidr de nmbres (DNS) Intrducción a la tecnlgía web (parte 3)

7 Estructura de un URL URL = Unifrm Resurce Lcatr Nmbre del prtcl de cmunicación cn el servidr (http es el estándar para web) Lcalización del dcument dentr del sistema de archivs del servidr web Nmbre del dmini del servidr web dnde se almacena el dcument (página) Intrducción a la tecnlgía web (parte 3)

8 Cóm funcina la web Abrir dirección Internet Buscand hst: Servidr Web Cliente Web (Msaic, Netscape, Internet Explrer, Firefx, etc.) Dirección IP de Servidr de nmbres (DNS) Intrducción a la tecnlgía web (parte 3)

9 Cóm funcina la web Abrir dirección Internet Envíame el dcument mastic/index.html Cnectand cn: Servidr Web Cliente Web (Msaic, Netscape, Internet Explrer, Firefx, etc.) Servidr de nmbres (DNS) Intrducción a la tecnlgía web (parte 3)

10 WWW es un sistema Cliente/Servidr Clientes Web: Utilizan el prtcl HTTP para cnectar cn ls servidres. Slicitan y muestran las páginas web almacenadas en ls servidres. Clientes típics: navegadres web. Servidres Web: "Escuchan" cnexines entrantes desde clientes. Utilizan el prtcl HTTP para cnversar cn ls clientes. Almacenan y transmiten páginas web a ls clientes. Intrducción a la tecnlgía web (parte 3)

11 El cncept riginal WWW Lectres humans acceden a dcuments estátics intercnectads. Principal ventaja: Universalidad Principal desventaja: Falta de interactividad Intrducción a la tecnlgía web (parte 3)

12 Hagams una página web Act.1 Intrducción a la tecnlgía web (parte 3)

13 Evlución de la web Psibilita transaccines. Permite interactividad entre navegadr y servidr. Permite persnalización. Sprta múltiples dispsitivs de navegación. Mejr rganización y recuperación de cntenids Web. Sprta aplicacines B2B (negci a negci). Intrducción a la tecnlgía web (parte 3)

14 La web facilita las transaccines Mecanism barat que permite a ls clientes cnectarse al sistema de la empresa: Registr de clientes / Cambi de direccines Seguimient de pedids / Sprte al cliente Transaccines nline: cmerci electrónic (ecmmerce) Cóm se cnsigue tecnlógicamente: Intrducción a la tecnlgía web (parte 3)

15 Frmularis web (Web Frms) Páginas que cntiene camps a cumplimentar pr el usuari. Nrmalmente pseen un btón "enviar" (Submit). Cuand el usuari pulsa "Enviar" el servidr respnde enviand una página cn infrmación específica sbre ls dats prprcinads. Ejempl: Herramientas de búsqueda en la web Frmularis de pedids en web cmerciales Intrducción a la tecnlgía web (parte 3)

16 Frmularis web (2) El servidr envía la página html riginal cnteniend ls camps de entrada. El usuari cmpleta ls camps y pulsa el btón de enví. El cliente establece una cnexión cn un prgrama en el servidr que prcesará ls dats (el nmbre del prgrama está cntenid en la página web). El cliente recpila ls dats de entrada del usuari en frma de cadena y l envía cn una rden HTTP al servidr: POST cliente=jesus+albert&tarjeta=1234&expira=01/08 El prgrama en el servidr lee la cadena de dats y, generalmente, prduce cm resultad una nueva página. Act.2 Intrducción a la tecnlgía web (parte 3)

17 CGI CGI = Cmmn Gateway Interface Cnjunt de nrmas para escribir prgramas en el servidr. Cóm funcina: Tdas las URL que hacen referencia a un directri especial (p.ej. /cgi) prvcan la ejecución del crrespndiente prgrama en el servidr. Ls prgramas pueden estar escrits en diferentes lenguajes de prgramación. Intrducción a la tecnlgía web (parte 3)

18 ASP ASP = (Micrsft) Active Server Pages Es una tecnlgía "cmpetidra" cn ls CGI Utiliza un lenguaje prpi similar a Visual Basic Requiere un servidr web de Micrsft. Intrducción a la tecnlgía web (parte 3)

19 Evlución de la web Psibilita transaccines. Permite interactividad entre navegadr y servidr. Permite persnalización. Sprta múltiples dispsitivs de navegación. Mejr rganización y recuperación de cntenids Web. Sprta aplicacines B2B (negci a negci). Intrducción a la tecnlgía web (parte 3)

20 La Web interactiva Permite interaccines cmplejas entre el usuari y ls servidres de empresa. La Web se cnvierte en una extensión del rdenadr persnal del usuari. El navegadr web se cnvierte en una ventana de acces a una gran variedad de aplicacines empresariales. Intrducción a la tecnlgía web (parte 3)

21 Prblemas cn Frmularis/CGI/ASP En ls 3 cass el prcesamient se realiza en el servidr. N es psible una interacción rápida cn la página web. Es necesari el prcesamient lcal (en el cliente) para crear páginas web altamente interactivas. Intrducción a la tecnlgía web (parte 3)

22 Java Applets Prgramas escrits en Java que se descargan en el cliente desde una página web y que se ejecutan en el rdenadr del usuari. Ls Applets sn independientes de la máquina (platafrma): Se pueden ejecutar igualmente en Windws XP, Windws Vista, Linux, Mac OS. OJO!: Requieren navegadres que sprten Java. Es decir, que incluyan un intérprete que traduzca al lenguaje máquina. Intrducción a la tecnlgía web (parte 3)

23 Linux internet Windws XP Servidr Windws Vista Mac OS página HTML applet Java = página HTML applet Java Entrns de Clientes intérprete HTML intérprete Java Netscape (WinXP) SO WinXP diferentes intérprete HTML intérprete Java Netscape (MacOS) MacOS Hardware PC Hardware PwerMac Intrducción a la tecnlgía web (parte 3)

24 Evlución de la web Psibilita transaccines. Permite interactividad entre navegadr y servidr. Permite persnalización. Sprta múltiples dispsitivs de navegación. Mejr rganización y recuperación de cntenids Web. Sprta aplicacines B2B (negci a negci). Intrducción a la tecnlgía web (parte 3)

25 Interacción persnalizada Mecanism barat para recpilar infrmación sbre ls clientes que permite: Servici persnalizad, Publicidad específica, etc. Las técnicas tradicinales n permiten una sencilla identificación de ls distints clientes. Intrducción a la tecnlgía web (parte 3)

26 Ckies Sn un métd para identificar a ls usuaris web y prprcinarles páginas web persnalizadas. La primera vez que el usuari accede al prtal web se recpila infrmación persnaliza del mism. El servidr "empaqueta" la infrmación en una "ckie" y la envía en frma de archiv al navegadr del cliente, que la almacena en el sistema de archivs. Cada vez que el usuari se cnecta al mism prtal web el navegadr envía la "ckie" al servidr cm identificación persnalizada. El servidr utiliza la infrmación de la "ckie" para persnalizar las páginas enviadas al usuari. Intrducción a la tecnlgía web (parte 3)

27 Ckies Sn un métd para identificar a ls usuaris web y prprcinarles páginas web persnalizadas. La primera vez que el usuari accede al prtal web se recpila infrmación persnaliza del mism. El servidr "empaqueta" la infrmación en una "ckie" y la Privacidad???? envía en frma de archiv al navegadr del cliente, que la almacena en el sistema de archivs. Cada vez que el usuari se cnecta al mism prtal web el navegadr envía la "ckie" al servidr cm identificación persnalizada. El servidr utiliza la infrmación de la "ckie" para persnalizar las páginas enviadas al usuari. Intrducción a la tecnlgía web (parte 3)

28 Ckies: Ejempl Act.3 Intrducción a la tecnlgía web (parte 3)

29 Evlución de la web Psibilita transaccines. Permite interactividad entre navegadr y servidr. Permite persnalización. Sprta múltiples dispsitivs de navegación. Mejr rganización y recuperación de cntenids Web. Sprta aplicacines B2B (negci a negci). Intrducción a la tecnlgía web (parte 3)

30 Múltiples dispsitivs de acces Actualmente es psible acceder a la web mediante: Ordenadres persnales, PDA, Teléfn móvil, etc Prblemas: Cada dispsitiv tiene diferentes requisits de visualización. HTML especifica frmat pensand en PCs. Intrducción a la tecnlgía web (parte 3)

31 Organizar e indexar cntenids La Web es pc útil si sms incapaces de lcalizar recurss de infrmación interesantes. Slución actual: Buscadres Indexan (categrizan) la Web de manera autmática rganizand las páginas en función de palabras clave lcalizadas en su text. Intrducción a la tecnlgía web (parte 3)

32 Cóm funcina un buscadr? Inclus antes de intrducir una cnsulta: Hay prgramas (web crawlers, spiders) que siguen ls enlaces entre páginas en tda la web. Ls prgramas cnstruyen índices cn qué palabras aparecen en qué páginas y guardan ess índices en "granjas" de servidres en la sede de la empresa "buscadra". A cada página también se le asigna una puntuación basada en el númer de referencias que tiene. Páginas que sn enlazadas desde tras muchas páginas reciben puntuacine más elevadas. Intrducción a la tecnlgía web (parte 3)

33 Valración de páginas de Ggle V(A) = (1-d) + d. [V(p 1 )/C(p 1 ) + + V(p n )/C(p n )] Dnde: V indica valración de la página, p 1.. p n sn páginas que enlazan cn la página A, C es el númer de enlaces externs que tiene una página, d es un factr, nrmalmente 0,85 En tras palabras: V(A) = 0,15 + 0,85 * (una cntribución de la valración de tdas las páginas que referencian a la página A) Intrducción a la tecnlgía web (parte 3)

34 Cóm funcina un buscadr? (2) Después de intrducir una cnsulta: Hay prgramas que cmprueban ls índices para determinar que páginas cntienen la cmbinación de palabras intrducidas. El buscadr prprcina cm resultad un listad de esas páginas pr rden de valración. El rden suele depender también de trs factres Intrducción a la tecnlgía web (parte 3)

35 Ggle en cifras Aprximadamente 5 mil millnes de páginas cmpletamente indexadas (prmedi de 10Kb de infrmación pr página). Miles de PCs en un cluster. Varias decenas de clusters. Aprximademente 1 petabyte de dats pr cluster. Transferencias sstenidas del rden de Gbps en un cluster. Estimación de que 2 máquinas pr día van a fallar. Intrducción a la tecnlgía web (parte 3)

36 Evlución de la web Psibilita transaccines. Permite interactividad entre navegadr y servidr. Permite persnalización. Sprta múltiples dispsitivs de navegación. Mejr rganización y recuperación de cntenids Web. Sprta aplicacines B2B (negci a negci). Intrducción a la tecnlgía web (parte 3)

37 Sprte para aplicacines B2B La web riginal estaba cncebida para cmunicar máquinas y seres humans. Se pueden generar nuevas aplicacines si las máquinas pueden entender autmáticamente páginas web. "mi sistema de cmpras se entiende cn tu sistema de ventas" Prblemas: HTML es un lenguaje desestructurad rientad a la presentación y n a ls cntenids. Intrducción a la tecnlgía web (parte 3)

38 Prblema subyacente Cuand se almacena un dcument en la web se necesita n sól especificar su apariencia, sin también su significad (semántica). Intrducción a la tecnlgía web (parte 3)

39 Hacia la Web Semántica La web del futur debe establecer la infraestructura para especificar infrmación de frma precisa, legible pr el ser human e interpretable pr una máquina. Debe permitir la interperabilidad entre aplicacines Web (independientemente desarrlladas), facilitand la realización de tareas cmplejas. Debe permitir el acces a recurss Web en función de su semántica y n pr palabras clave. Debe permitir la inferencia: Jesús es prfesr titular en la Universitat de València Ls prfesres titulares cupan un puest de trabaj estable Jesús tiene un puest de trabaj estable en la Universitat de València Intrducción a la tecnlgía web (parte 3)

40 XML extensible Markup Language Intrducción a la tecnlgía web (parte 3)

41 W3C Wrld Wide Web Cnsrtium Fundad en 1994 pr Tim Barnes Lee. Objetivs del Cnsrci: Guiar el us y ampliación de la web mediante Recmendacines cnsensuadas pr la cmunidad internacinal. Asegurar la estabilidad de la web y el acces universal a ella. Las Recmendacines del W3C sn estándares de fact en la cmunidad web. Intrducción a la tecnlgía web (parte 3)

42 Qué es XML Lenguaje de marcas (en realidad, un metalenguaje) cn un frmat cnsistente, que permite intercambiar dats pr medi de cualquier prgrama, en n imprta qué lenguaje platafrma. Utiliza etiquetas que tienen un sentid semántic. "est es una dirección" Intrducción a la tecnlgía web (parte 3)

43 Ejempl de dcument <! Ejempl de dcument --> <universidad> <nmbre> Universitat de València </nmbre> <departament> <nmbre> Departament de Infrmática </nmbre> <direccin> Av. Vicente Andrés Estellés s/n </direccin> </departament> </universidad> Intrducción a la tecnlgía web (parte 3)

44 Familia XML Esquemas XML: definen la estructura y semántica de ls dcuments. Qué entidades pueden aparecer en un dcument XML. Naturaleza de ls dats y restriccines. XPath, XPinter: lcalización de elements en dcuments. XLink, XBase, XInclude: permiten la inclusión y vinculación entre dcuments. Intrducción a la tecnlgía web (parte 3)

45 Familia XML (2) XQuery: cnsultas sbre dcuments. XSLT: extended Stylesheet Language Tranfrmatin. Lenguaje basad en reglas para la transfrmación de dcuments XML en tr frmat, de acuerd cn una hja de estils Intrducción a la tecnlgía web (parte 3)

46 Ejempl de transfrmación de XML intr.xml <?xml versin = 1.0?> <?xml-stylesheet type = text/xsl href = intr.xsl?> <mimensaje> <mensaje> Prueba de XSLT </mensaje> </mimensaje> intr.xsl <?xml versin = 1.0?> <xsl:stylesheet versin = 1.0 xmlns:xsl = > <xsl:template match = mimensaje > <html> <bdy><xsl:value-f select = mensaje /></bdy> </html> </xsl:template> </xsl:stylesheet> Intrducción a la tecnlgía web (parte 3)

47 La transfrmación DATOS intr.xml <html> <bdy>prueba de XSLT</bdy> </html> intr.xsl VISUALIZACIÓN/TRANSFORMACIÓN Prueba de XSLT intr.xml Act.4 Intrducción a la tecnlgía web (parte 3)

48 Lenguajes de prgramación Intrducción a la tecnlgía web (parte 3)

49 Tips de sftware (prgramas) Sftware de sistema: Sistemas perativs, Lenguajes de prgramación, Sistemas de bases de dats, Sftware de aplicación: Tareas de ficina (prcesadr de texts, hja de cálcul, etc.), Cntabilidad, Diseñ gráfic, Intrducción a la tecnlgía web (parte 3)

50 Lenguajes de prgramación Td el sftware se ha cnstruid utilizand un lenguaje de prgramación. Tips de lenguajes de prgramación: Lenguaje máquina Ensambladr Lenguajes de alta nivel Cualquier prgrama para pder ejecutarse en el rdenadr debe de estar traducid a lenguaje máquina. Intrducción a la tecnlgía web (parte 3)

51 Lenguaje Máquina Lenguaje binari. Dependiente de la máquina (CPU). Ejempl: Intrducción a la tecnlgía web (parte 3)

52 Lenguaje Ensambladr Traducción literal del lenguaje máquina per utilizand elements simbólics: Leng. Alfanuméric. Palabras reservadas para las peracines, en lugar de códigs binaris. Almacenamient simbólic, nmbres de variables, en lugar de direccines de memria. Ejempl: stre w lad b add b Intrducción a la tecnlgía web (parte 3)

53 Traducción de Ensambladr a Máquina get x add y stre z Ensambladr Prgrama en Leng. Ensambladr ( códig Fuente ) Prgrama en Leng. Máquina ( códig Objet ) Intrducción a la tecnlgía web (parte 3)

54 Un prgrama en ensambladr w = w + b Instruccines Recncidas pr el prcesadr (CPU) Cód. Op. Simbólic 000 stp 1xx add 2xx substract 3xx stre 5xx lad 901 get 902 put Leng. Ensambladr (Códig fuente) Pas Instrucción 00 get 01 stre w 02 get 03 stre b 04 lad w 05 add b 06 put 07 stp Leng. Máquina (Códig bjet) Psición Instrucción Leng. máquina Leng. ensambladr Intrducción a la tecnlgía web (parte 3)

55 Lenguajes de alt nivel Pseen elements que les aprximan a la frma en que las persnas piensan. Las instruccines n crrespnden a instruccines del lenguaje máquina. Sn de prpósit general. Ejempl: z = x + y Intrducción a la tecnlgía web (parte 3)

56 Ejempls de leng. de alt nivel Frtran Visual Basic C/C++ Java Intrducción a la tecnlgía web (parte 3)

57 Ejempl 1: Basic CLS PRINT ESTE PROGRAMA CALCULA LA MEDIA DE LOS ENTEROS INTRODUCIDOS. PRINT ESCRIBE 999 PARA INDICAR EL FINAL DE LOS DATOS PRINT SUMA=0 CONT=0 PRINT INTRODUCE UN NUMERO INPUT NUMERO DO WHILE NUMERO <> 999 SUMA=SUMA+NUMERO CONT=CONT+1 PRINT INTRODUCE EL SIGUIENTE NUMERO INPUT NUMERO LOOP MEDIA=SUMA/CONT PRINT LA MEDIA ES: ; MEDIA END Intrducción a la tecnlgía web (parte 3)

58 Ejempl 2: C++ #include <istream.h> main() { flat media; int numer, cnt = 0; int suma = 0; cut << ESTE PROGRAMA CALCULA LA MEDIA DE LOS ENTEROS INTRODUCIDOS. ; cut << ESCRIBE 999 PARA INDICAR EL FINAL DE LOS DATOS ; cut << INTRODUCE UN NUMERO ; cin >> numer; while (numer!= 999) { suma = suma + numer; cnt++; cut << INTRODUCE EL SIGUIENTE NUMERO ; cin >> numer; } media = suma / cnt; cut << LA MEDIA ES: << media; } Intrducción a la tecnlgía web (parte 3)

59 Ejempl 3: Java imprt java.i.*; imprt java.lang.*; class MediaNumers { public static vid main(string[] args) { flat media; int cnt = 0, suma = 0; System.ut.println ( ESTE PROGRAMA CALCULA LA MEDIA DE LOS ENTEROS INTRODUCIDOS. ESCRIBE 999 PARA INDICAR EL FINAL DE LOS DATOS ); try { BufferedReader in = new BufferedReader (new InputStreamReader (system.in)); String cin = 0 ; System.ut.println ( INTRODUCE UN NUMERO ); while (!(cin=in.readline()).equals( 999 )) { suma = suma + Integer.parseInt (cin); cnt++; System.ut.println ( INTRODUCE EL SIGUIENTE NUMERO ); } in.clse(); media = suma / cnt; System.ut.println ( LA MEDIA ES: + media); } catch (IOExceptin e) { System.ut.println ( Errr ); } } Intrducción a la tecnlgía web (parte 3) }

60 Traducción de Lenguaje AN a Máquina z = x + y Cmpiladr Intérprete Prgrama en Leng. de Alt Nivel ( códig Fuente ) Prgrama en Leng. Máquina ( códig Objet ) Act.5 Intrducción a la tecnlgía web (parte 3)

61 Cmpiladr vs. Intérprete El cmpiladr traduce td el prgrama fuente y genera una versión en lenguaje máquina del prgrama que es directamente ejecutable. Visión glbal del prblema. Más eficiente El intérprete traduce y ejecuta una a una las instruccines del prgrama fuente. Visión lcal del prblema. Mens eficiente, más sencill. Intrducción a la tecnlgía web (parte 3)

62 Prgramación rientada a bjets Un tip especial de lenguajes de alt nivel Incrementa la psibilidad de "reutilización" de sftware. Cmbina dats y peracines en ls llamads "bjets". La mayría de ls lenguajes más utilizads actualmente sn rientads a bjets. Java es un lenguaje rientad a bjets. Intrducción a la tecnlgía web (parte 3)

63 Java Java es el lenguaje "de mda" actualmente. Prtabilidad: Si el rdenadr tiene instalada una "máquina virtual de Java" puede ejecutar cualquier prgrama escrit en Java Códig fuente prgr.java javac Byte Cde prgr.class java Códig ejecutable Intrducción a la tecnlgía web (parte 3)

64 Java (2) Java y Web: Las aplicacines tradicinales basadas en Web se ejecutan en el servidr y el resultad es enviad al cliente. Ls applets de Java se descargan en el cliente y es allí dnde se ejecutan. Lenguaje "segur". Intrducción a la tecnlgía web (parte 3)

65 Linux internet Windws XP Servidr Windws Vista Mac OS página HTML applet Java = página HTML applet Java Entrns de Clientes intérprete HTML intérprete Java Netscape (WinXP) SO WinXP diferentes intérprete HTML intérprete Java Netscape (MacOS) MacOS Hardware PC Hardware PwerMac Intrducción a la tecnlgía web (parte 3)