0
SERVICIOS DE LA WEB Y SUS APLICACIONES AL MUNDO EMPRESARIAL www.pablodecastro.com Master in People Administration MPA Area...
HTML <ul><li>HTML , siglas de  HyperText Markup Language  ( Lenguaje de Marcas de Hipertexto ) </li></ul><ul><li>predomina...
TIM BERNERS LEE
HTML <ul><li>HTML consiste de varios componentes vitales, incluyendo  </li></ul><ul><li>elementos  y sus  atributos y cont...
Códigos HTML <ul><li><html>:  define el inicio del documento HTML, le indica al navegador que lo que viene a continuación ...
Códigos HTML <ul><li><body>:  define el contenido principal o cuerpo del documento. Esta es la parte del documento html qu...
EJEMPLO HTML <ul><li><!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.d...
<ul><li>El World Wide Web ha pasado de ser un medio para la publicación de información y contenidos, a convertirse en una ...
<ul><li>A lo largo de estos últimos años se han popularizado dos nuevos paradigmas en el diseño de aplicaciones informátic...
<ul><li>En el modelo de aplicación web “tradicional” encontramos una importante limitación: la interacción comienza y term...
<ul><li>¿Qué sucedecería si la aplicación informática tuviese que recurrir a un tercer sistema informático para satisfacer...
<ul><li>Un servicio web se suele definir como una unidad de aplicación capaz de ofrecer datos o servicios de procesamiento...
<ul><li>El concepto de servicio web está arropado por una serie de estándares publicados por el W3C y apoyados por los pri...
<ul><li>Un servicio web consiste en una función disponible en un servidor conectado al web. Esta función puede consistir e...
<ul><li>La aplicación que actúa como cliente debe conocer: </li></ul><ul><ul><li>La URL del servidor remoto que ofrece el ...
<ul><li>Los servicios web se definen a partir de las siguientes especificaciones: </li></ul><ul><ul><li>SOAP (Simple Objec...
<ul><li>XML es uno de los lenguajes más utilizados para el intercambio de datos sobre la web. Su desarrollo se remonta en ...
XML
SOAP (Simple Object Access Protocol) <ul><li>La especificación  SOAP  indica cómo se deben codificar los mensajes que circ...
Ejemplo mensaje SOAP petición <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li><SOAP-...
Ejemplo mensaje SOAP respuesta <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li><SOAP...
WSDL (Web Services Description Language)   <ul><li>Permite describir los distintos métodos o funciones que están disponibl...
WSDL (Web Services Description Language)   <ul><li>Los documentos  WSDL  deben estar disponibles en el servidor web que of...
UDDI (Universal Description, Discovery and Integration) <ul><li>A medida que el número de proveedores de servicios web aum...
  Arquitectura Orientada a Servicios (SOA) Servicios publicados Registro UDDI Aplicación Cliente Descubrimiento mediante U...
<ul><li>AJAX es una técnica de desarrollo WEB, por la cual se pueden crear aplicaciones WEB más rápidas y cómodas para el ...
<ul><li>AJAX, no es una tecnología en si, sino que es un conjunto de tecnologías aplicadas de manera que logran el resulta...
<ul><li>Para entender como funciona AJAX, primero vamos a hacer un sintético repaso de como funcionan las aplicaciones web...
<ul><li>Con AJAX, cuando el cliente hace una petición HTTP al servidor, la hace por medio de JavaScript. El servidor proce...
 
Data, data, data…everywhere!
Information…that’s another story!
Especially, the right information @ the right time!
Clasificación de la información
Then, what is Knowledge?
Natham.com
Transformation data WORKFLOW
 
 
 
Unstructured information
Structured information
“ You can’t have your cake and eat it, too.”
 
 
 
 
Upcoming SlideShare
Loading in...5
×

Presentacion sesion 3 en MPA del CEU por Pablo de Castro

651

Published on

Sesión destinada a los Web Services y tecnologias AJAX, así como a las claves de la conversion de los datos en conocimiento y sabiduria a traves de los sistemas analiticos de datos: datawarehouse y cubos OLAP

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
651
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Transcript of "Presentacion sesion 3 en MPA del CEU por Pablo de Castro"

    1. 1. SERVICIOS DE LA WEB Y SUS APLICACIONES AL MUNDO EMPRESARIAL www.pablodecastro.com Master in People Administration MPA Area de Organización Sistemas de Información
    2. 2. HTML <ul><li>HTML , siglas de HyperText Markup Language ( Lenguaje de Marcas de Hipertexto ) </li></ul><ul><li>predominante para la construcción de páginas web. </li></ul><ul><li>Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. </li></ul><ul><li>HTML se escribe en forma de &quot;etiquetas&quot;, (<,>). </li></ul><ul><li>HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web </li></ul>
    3. 3. TIM BERNERS LEE
    4. 4. HTML <ul><li>HTML consiste de varios componentes vitales, incluyendo </li></ul><ul><li>elementos y sus atributos y contenidos </li></ul><ul><ul><li><nombre-de-elemento atributo=&quot;valor&quot;>Contenido</nombre-de-elemento>) </li></ul></ul><ul><li>tipos de data </li></ul><ul><li>y la declaración de tipo de documento . </li></ul>
    5. 5. Códigos HTML <ul><li><html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML . </li></ul><ul><li><head>: define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. </li></ul><ul><li><title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana </li></ul><ul><li><link>: para vincular el sitio a hojas de estilo o iconos Por ejemplo:<link rel=&quot;stylesheet&quot; href=&quot;/style.css&quot; type=&quot;text/css&quot;> </li></ul><ul><li><style>: para colocar el estilo interno de la página, ya sea usando CSS, JavaScript u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link> </li></ul>
    6. 6. Códigos HTML <ul><li><body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo: </li></ul><ul><li><h1>, <h2>, <h3>, <h4>, <h5>, <h6>: encabezados o títulos del documento con diferente relevancia. </li></ul><ul><li><table>: define una tabla </li></ul><ul><li><tr>: fila de una tabla </li></ul><ul><li><td>: celda de datos de una tabla </li></ul><ul><li><a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href . Por ejemplo: <a href=&quot;http://www.wikipedia.org&quot;>Wikipedia</a> se representa como Wikipedia ) </li></ul><ul><li><div>: área de la página </li></ul><ul><li><img>: imagen. Requiere del atributo src , que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src=&quot;./imagenes/mifoto.jpg&quot; /> </li></ul><ul><li><li><ol><ul>: Etiquetas para listas. </li></ul><ul><li><b>:<i>: <u>: negrita, italica y subrayado </li></ul>
    7. 7. EJEMPLO HTML <ul><li><!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;> </li></ul><ul><li><html lang=&quot;es&quot;> </li></ul><ul><li><head> </li></ul><ul><li><title>Sesion en el CEU del MPA</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><ul><li><p>Hola a todos, estamos en la sesion del MPA. Nuestra primera linea de HTML</p> </li></ul></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
    8. 8. <ul><li>El World Wide Web ha pasado de ser un medio para la publicación de información y contenidos, a convertirse en una plataforma para </li></ul><ul><ul><li>el diseño y desarrollo de aplicaciones informáticas distribuidas </li></ul></ul><ul><ul><li>la creación de comunidades participativas ( WEB 2.0) </li></ul></ul><ul><li>El navegador se ha convertido en un “cliente universal” que facilita el desarrollo de aplicaciones y la adopción de nuevas soluciones tecnológicas, al reducir costes de mantenimiento. </li></ul>
    9. 9. <ul><li>A lo largo de estos últimos años se han popularizado dos nuevos paradigmas en el diseño de aplicaciones informáticas para la web: </li></ul><ul><li>los llamados web services (servicios web). </li></ul><ul><li>AJAX ó el intercambio de datos asíncronos con los servidores </li></ul>
    10. 10. <ul><li>En el modelo de aplicación web “tradicional” encontramos una importante limitación: la interacción comienza y termina en dos puntos claramente definidos: la petición del usuario y la respuesta de la aplicación informática. </li></ul><ul><li>Únicamente son dos los “interlocutores” que participan en este proceso </li></ul><ul><li>En cada intercambio de información que se produce, la aplicación informática debe “construir” una página resultado en formato HTML para presentar la información al usuario. </li></ul>
    11. 11. <ul><li>¿Qué sucedecería si la aplicación informática tuviese que recurrir a un tercer sistema informático para satisfacer la petición cursada por el usuario? </li></ul><ul><ul><li>WEB SERVICES </li></ul></ul><ul><li>¿Que se puede hacer cuando solo necesitamos actualizar una parte de la información que se presenta y además necesitamos que esa información sea dinámica? </li></ul><ul><ul><li>AJAX </li></ul></ul>
    12. 12. <ul><li>Un servicio web se suele definir como una unidad de aplicación capaz de ofrecer datos o servicios de procesamiento a otras aplicaciones informáticas. </li></ul><ul><li>Así, una aplicación podría ofrecer distintos servicios a otras aplicaciones. Las características de estos servicios son: </li></ul><ul><ul><li>Que se solicitan a través del web </li></ul></ul><ul><ul><li>Que los resultados de su ejecución también se devuelven a la aplicación peticionaria a través del web </li></ul></ul><ul><ul><li>Que se tramitan según un modelo “estandarizado”. </li></ul></ul>
    13. 13. <ul><li>El concepto de servicio web está arropado por una serie de estándares publicados por el W3C y apoyados por los principales fabricantes de tecnología (IBM, Microsoft, etc.), </li></ul><ul><li>Estos estándares señalan cómo se deben cursar las peticiones de servicio a servidores remotos, la forma en la cual éstos deben enviar los resultados, y cómo se deben publicar o dar a conocer los servicios que están accesibles a través de un servidor web. </li></ul><ul><li>Ninguno de estos estándares trata la forma en la que debe implementarse o programarse el servicio en sí mismo. En este punto, se deja libertad absoluta a los fabricantes y proveedores para elegir el lenguaje de programación que deseen utilizar. </li></ul>
    14. 14. <ul><li>Un servicio web consiste en una función disponible en un servidor conectado al web. Esta función puede consistir en cualquier cosa: </li></ul><ul><ul><li>Realizar un simple cálculo con unos datos que se le envían como parámetro, </li></ul></ul><ul><ul><li>Acceder a una base de datos para recuperar un conjunto de registros, </li></ul></ul><ul><ul><li>Validar la corrección de una información o contrastarla frente a otros datos, etc. </li></ul></ul><ul><li>El servicio web podrá ser solicitado desde otro programa informático que se ejecute en un ordenador conectado al web. Junto a la solicitud de la ejecución, se pueden enviar al ordenador que ofrece el servicio unos parámetros que el servicio web remoto tomará como base para el cálculo o la función. </li></ul>
    15. 15. <ul><li>La aplicación que actúa como cliente debe conocer: </li></ul><ul><ul><li>La URL del servidor remoto que ofrece el servicio, </li></ul></ul><ul><ul><li>El nombre del servicio que se solicita, y </li></ul></ul><ul><ul><li>Los parámetros que se deben enviar junto con la llamada al servicio. </li></ul></ul><ul><li>Estos datos se enviarán mediante HTTP </li></ul><ul><li>El servidor que ofrece el servicio web leerá los parámetros que se le han enviado, llamará a un componente o programa encargado de implementar el servicio, y los resultados que se obtengan de su ejecución serán devueltos al servidor que solicitó la ejecución del servicio. </li></ul>
    16. 16. <ul><li>Los servicios web se definen a partir de las siguientes especificaciones: </li></ul><ul><ul><li>SOAP (Simple Object Access Protocol) </li></ul></ul><ul><ul><li>WSDL (Web Services Description Language) </li></ul></ul><ul><ul><li>UDDI (Universal Description, Discovery and Integration) </li></ul></ul><ul><li>Del mantenimiento de las dos primeras, SOAP y WSDL se encarga el W3C. En el caso de UDDI , se trata de un proyecto en el que participan distintas empresas </li></ul><ul><li>El lenguage XML constituye la base de todos ellos. </li></ul>
    17. 17. <ul><li>XML es uno de los lenguajes más utilizados para el intercambio de datos sobre la web. Su desarrollo se remonta en el año 1996 por el grupo de trabajo de la World Wide Web Consortium lanzando su primera versión el 10 de Febrero de 1998. </li></ul><ul><li>El lenguaje XML está concebido para describir objetos de datos llamados Documentos XML y describir de cierta forma los programas que los procesan </li></ul><ul><li>El XML es un lenguaje etiquetado. </li></ul>XML
    18. 18. XML
    19. 19. SOAP (Simple Object Access Protocol) <ul><li>La especificación SOAP indica cómo se deben codificar los mensajes que circularán entre las dos aplicaciones. </li></ul><ul><li>Fue definido inicialmente por Microsoft , Userland Software y DevelopMentor , a día de hoy se trata de una especificación mantenida por el W3C que cuenta con el apoyo de otros fabricantes como IBM , HP , Oracle , etc. </li></ul><ul><li>La especificación SOAP define dos modelos de mensajes: </li></ul><ul><ul><li>Un mensaje que se enviará desde la aplicación cliente a la aplicación servidor, solicitando la ejecución de un método al que se pasan una serie de parámetros. </li></ul></ul><ul><ul><li>Un mensaje que se enviará desde la aplicación servidor a la cliente, y que contendrá datos XML con los resultados de la ejecución del método solicitado. </li></ul></ul>
    20. 20. Ejemplo mensaje SOAP petición <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li><SOAP-ENV:Envelope xmlns:SOAP-ENV=”http://schemas.xmlsoap.org/soap/encoding/&quot;> </li></ul><ul><li><SOAP-ENV:Header> </li></ul><ul><li></SOAP-ENV:Header> </li></ul><ul><li><SOAP-ENV:Body> </li></ul><ul><li><catalogo:buscaIsbn xmlns:catalogo=&quot;http://catalogo.org/cat&quot;> </li></ul><ul><li><catalogo:isbn> </li></ul><ul><li>84-4553-3334-2X </li></ul><ul><li></catalogo:isbn> </li></ul><ul><li></catalogo:buscaIsbn> </li></ul><ul><li></SOAP-ENV:Body> </li></ul><ul><li></SOAP-ENV:Envelope> </li></ul>
    21. 21. Ejemplo mensaje SOAP respuesta <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li><SOAP-ENV:Envelope xmlns:SOAP-ENV=”http://schemas.xmlsoap.org/soap/encoding/&quot;> </li></ul><ul><li><SOAP-ENV:Header> </li></ul><ul><li></SOAP-ENV:Header> </li></ul><ul><li><SOAP-ENV:Body> </li></ul><ul><li><catalogo:buscaIsbnResponse xmlns:catalogo=&quot;http://catalogo.org/cat&quot;> </li></ul><ul><li><catalogo:titulo> </li></ul><ul><li>Catalogar materiales especiales </li></ul><ul><li></catalogo:titulo> </li></ul><ul><li><catalogo:autor>Marta de Juanes</catalogo:autor> </li></ul><ul><li></catalogo:buscaIsbnResponse> </li></ul><ul><li></SOAP-ENV:Body> </li></ul><ul><li></SOAP-ENV:Envelope> </li></ul>
    22. 22. WSDL (Web Services Description Language) <ul><li>Permite describir los distintos métodos o funciones que están disponibles en un servicio web, así como su signatura, es decir, el número de argumentos o parámetros que se les debe pasar, y el tipo de dato que devolverá la función como resultado. </li></ul><ul><li>Se establece una equivalencia entre el documento WSDL y un “contrato” que especifica los servicios que el servidor se compromete a ofrecer al cliente, siempre que éste los solicite de la forma adecuada </li></ul>
    23. 23. WSDL (Web Services Description Language) <ul><li>Los documentos WSDL deben estar disponibles en el servidor web que ofrece los servicios. </li></ul><ul><li>Como su creación resulta compleja, las distintas implementaciones de SOAP permiten generar estos archivos de forma sencilla, sin necesidad de conocer los elementos y la estructura del esquema XML en el que se basan. </li></ul>
    24. 24. UDDI (Universal Description, Discovery and Integration) <ul><li>A medida que el número de proveedores de servicios web aumente, será necesario disponer de un sistema de referencia que permita localizar estos servicios. Este es el propósito del proyecto UDDI </li></ul><ul><li>UDDI es uno de los estándares básicos de los servicios Web cuyo objetivo es ser accedido por los mensajes SOAP y dar paso a documentos WSDL, en los que se describen los requisitos del protocolo y los formatos del mensaje solicitado para interactuar con los servicios Web del catálogo de registros. </li></ul>
    25. 25. Arquitectura Orientada a Servicios (SOA) Servicios publicados Registro UDDI Aplicación Cliente Descubrimiento mediante UDDI Servicio 1 Servicio 1 Servicio Servicio Web Invocación y acceso mediante SOAP Transporte mediante HTTP / Otros… Mensaje SOAP Publicación mediante UDDI Descripción mediante WSDL XML Schema WSDL
    26. 26. <ul><li>AJAX es una técnica de desarrollo WEB, por la cual se pueden crear aplicaciones WEB más rápidas y cómodas para el usuario. Por medio de esta técnica el cliente puede interactuar con el servidor de manera asincrónica, actualizando las páginas, sin necesidad de volver a cargarlas. </li></ul><ul><li>Esta técnica, no solo es más cómoda y amigable para el usuario (ya que se asemeja a las aplicaciones de escritorio) sino que además es más rápida, porque cada vez que se necesita actualizar un dato en una página, no es necesario recargarla nuevamente (solo se recarga la sección necesaria de la misma). </li></ul>
    27. 27. <ul><li>AJAX, no es una tecnología en si, sino que es un conjunto de tecnologías aplicadas de manera que logran el resultado explicado anteriormente (es decir, logran AJAX). </li></ul><ul><li>AJAX significa Asynchronous JavaScript And XML, y como su nombre lo indica, se trata de la combinación de JavaScript y XML. JavaScript hace las peticiones al servidor, el mismo le devuelve un resultado (response) en XML, y este es procesado por JavaScript para actualizar los datos de la página, sin tener que recargarla por completo (logrando así una interacción asincrónica entre el servidor y el cliente). </li></ul>
    28. 28. <ul><li>Para entender como funciona AJAX, primero vamos a hacer un sintético repaso de como funcionan las aplicaciones web “tradicionales”. </li></ul><ul><li>El cliente le hace una petición (request) HTTP al servidor WEB (generalmente por medio de un navegador WEB). </li></ul><ul><li>El servidor WEB, procesa la petición dinámicamente. Por medio de un lenguaje de lado de servidor (como PHP o Perl). </li></ul><ul><li>Una vez procesada la petición HTTP por el servidor WEB, este le devuelve una respuesta en HTML al cliente (lo que se conoce como “página WEB”). </li></ul><ul><li>Por medio de esa página generalmente el ciclo vuelve a empezar, ya que el cliente puede hacer otras peticiones HTTP al servidor, que a su vez van a ser procesadas y el servidor WEB va a devolver otros resultados HTML, etc. </li></ul>
    29. 29. <ul><li>Con AJAX, cuando el cliente hace una petición HTTP al servidor, la hace por medio de JavaScript. El servidor procesa la petición y en vez de devolverle al cliente una página HTML, le devuelve un resultado en XML, que es procesado por JavaScript, y este actualiza solo las secciones de la página necesarias (sin tener que cargar una nueva página). </li></ul><ul><li>El cliente por medio del navegador produce algún evento. Este evento es procesado por JavaScript y le envía al servidor WEB una petición HTTP. </li></ul><ul><li>El servidor WEB, procesa la petición como siempre, pero devolviendo el resultado en XML. </li></ul><ul><li>Este resultado es procesado por JavaScript. Que recarga las secciones de la página necesarias para mostrar el resultado al usuario. </li></ul><ul><li>Por medio de esta misma página, el ciclo comienza de nuevo. Sin haberse tenido que recargar la página. </li></ul>
    30. 31. Data, data, data…everywhere!
    31. 32. Information…that’s another story!
    32. 33. Especially, the right information @ the right time!
    33. 34. Clasificación de la información
    34. 35. Then, what is Knowledge?
    35. 36. Natham.com
    36. 37. Transformation data WORKFLOW
    37. 41. Unstructured information
    38. 42. Structured information
    39. 43. “ You can’t have your cake and eat it, too.”
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×