|
|
Línea 7: |
Línea 7: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | ===Evolución de los servicios Web=== | + | ===Qué es Twitter=== |
| *Primero hablaremos de qué es un servicio web o ''web service'' y posteriormente analizaremos brevemente la evolución | | *Primero hablaremos de qué es un servicio web o ''web service'' y posteriormente analizaremos brevemente la evolución |
| *Son muchas la definiciones que podemos encontrar | | *Son muchas la definiciones que podemos encontrar |
Línea 15: |
Línea 15: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | ===Web Service: definiciones=== | + | ===Características de Twitter=== |
| *Es un conjunto de '''''aplicaciones y/o tecnologías''''' con capacidad para '''''actuar entre ellas''''' en la Web. | | *Es un conjunto de '''''aplicaciones y/o tecnologías''''' con capacidad para '''''actuar entre ellas''''' en la Web. |
| *W3C define ''web service'' como un '''''sistema de software''''' diseñado para permitir '''''interoperatibilidad''''' máquina a máquina en una red. | | *W3C define ''web service'' como un '''''sistema de software''''' diseñado para permitir '''''interoperatibilidad''''' máquina a máquina en una red. |
Línea 22: |
Línea 22: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | ===Web service definicion según W3C=== | + | ===Conceptos básicos y vocabulario=== |
| <br/> | | <br/> |
| {{Definicion|Un Servicio Web es una aplicación software identificada por un URI, cuyas interfaces se pueden '''''definir, describir y descubrir''''' mediante documentos XML. | | {{Definicion|Un Servicio Web es una aplicación software identificada por un URI, cuyas interfaces se pueden '''''definir, describir y descubrir''''' mediante documentos XML. |
Línea 29: |
Línea 29: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | ===Web Service: idea general en la web=== | + | ===Utilizando Twitter=== |
| *Desde un punto de vista práctico lo podemos ver como '''''API's Web que pueden ser accedidas en una red y ejecutadas en un sistema de hosting remoto.''''' | | *Desde un punto de vista práctico lo podemos ver como '''''API's Web que pueden ser accedidas en una red y ejecutadas en un sistema de hosting remoto.''''' |
| **Estas aplicaciones o tecnologías intercambian datos entre sí con el objetivo de ofrecer unos servicios. | | **Estas aplicaciones o tecnologías intercambian datos entre sí con el objetivo de ofrecer unos servicios. |
Línea 37: |
Línea 37: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | === Web Service: qué hace este software === | + | ===Algunas recomendaciones=== |
| <br/> | | <br/> |
| {{Objetivo|Proporcionan mecanismos de comunicación estándares entre diferentes aplicaciones}} | | {{Objetivo|Proporcionan mecanismos de comunicación estándares entre diferentes aplicaciones}} |
Línea 46: |
Línea 46: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | ===Web Service: Ejemplo 1=== | + | ===Aprende más=== |
| *Un cliente solicita a una agencia de viajes una solicitud para un viaje. Se conecta a la página aprorta sus datos y el servidor web de la agencia de viajes contesta | | *Un cliente solicita a una agencia de viajes una solicitud para un viaje. Se conecta a la página aprorta sus datos y el servidor web de la agencia de viajes contesta |
| [[Image:Servicio1.png|800px]] | | [[Image:Servicio1.png|800px]] |
Línea 52: |
Línea 52: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | === Web Service: Ejemplo 1 (hoja 2)=== | + | ===Recomendados=== |
| *A la vez para poder responder a la solicitud se ha de verificar hotels, viajes y la tarjeta de crédito que aporte el cliente con lo que tenemos que el servidor web de la agencia tiene que interoperar con otros servidores web | | *A la vez para poder responder a la solicitud se ha de verificar hotels, viajes y la tarjeta de crédito que aporte el cliente con lo que tenemos que el servidor web de la agencia tiene que interoperar con otros servidores web |
| [[Image:Servicio2.png|500px]] | | [[Image:Servicio2.png|500px]] |
Línea 59: |
Línea 59: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | === Web Service: Ejemplo 1 (hoja 3)=== | + | ===Los más seguidos=== |
| *El ejemplo completo con los estándares usados quedaría | | *El ejemplo completo con los estándares usados quedaría |
| [[Image:Servicio3.png|800px|center]] | | [[Image:Servicio3.png|800px|center]] |
Línea 65: |
Línea 65: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | ===Evolución de los servicios web=== | + | ===Los más tuiteados=== |
| *Evolución de la red implica evolución de muchos y variados servicios en la red | | *Evolución de la red implica evolución de muchos y variados servicios en la red |
| *Son muchas las referencias web que nos pueden ilustrar sobre este concepto | | *Son muchas las referencias web que nos pueden ilustrar sobre este concepto |
Línea 73: |
Línea 73: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | ===Evolución de los servicios web=== | + | ===Algunos datos=== |
| #Web 1.0: páginas estáticas, interacción hombre-máquina | | #Web 1.0: páginas estáticas, interacción hombre-máquina |
| #Web 2.0: Conocimiento colectivo, interacción máquina-maquina, servicios en la red | | #Web 2.0: Conocimiento colectivo, interacción máquina-maquina, servicios en la red |
Línea 82: |
Línea 82: |
| | | |
| <div class="slide"> | | <div class="slide"> |
− | ===Factores que favorecen la evolución=== | + | ===Jun, el pueblo tuitero=== |
| *La www y los servicios web van de la mano | | *La www y los servicios web van de la mano |
| *entre los factores que han impulsado el uso de servicios en la web tenemos: | | *entre los factores que han impulsado el uso de servicios en la web tenemos: |
Línea 89: |
Línea 89: |
| ;Ancho de banda menos costoso | | ;Ancho de banda menos costoso |
| :Actualmente un Servicio web puede entregar tipos variables de contenidos como vídeo o audio. A medida que crezca el ancho de banda, los servicios web deben adaptarse a nuevos tipos de contenidos. | | :Actualmente un Servicio web puede entregar tipos variables de contenidos como vídeo o audio. A medida que crezca el ancho de banda, los servicios web deben adaptarse a nuevos tipos de contenidos. |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Factores que favorecen la evolución===
| |
− | ;El almacenamiento es más barato y seguro
| |
− | : Un Servicio web debe ser capaz de manejar cantidades masivas de datos, y debe poder hacerlo de forma inteligente.
| |
− | ;Internet ahora es móvil
| |
− | : Con cientos de millones de dispositivos como teléfonos móviles, agendas electrónicas, etc. existentes actualmente, estamos llegando a un momento en el cual las computadoras están dejando de ser el dispositivo más común en Internet.
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Factores que favorecen la evolución===
| |
− | :A medida que las plataformas se hacen más diversas, tecnologías como XML se volverán más importantes.
| |
− | :Un servicio web no puede exigir que los usuarios ejecuten, por ejemplo, un navegador web tradicional en alguna versión de Microsoft Windows;
| |
− | :Por el contrario, los servicios web deben servir a todo tipo de dispositivos, plataformas y navegadores, entregando contendido sobre una amplia variedad de tipos de conexión.
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Evolucion de la web ===
| |
− | [[Imagen:Evolucion2.png|700px]]
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Que es la Web===
| |
− | *Materializada por Tim Berners Lee sobre 1990.
| |
− | *Popularizada con internet a partir de 1995
| |
− | *Desde entonces el crecimiento ha sido exponencial.
| |
− | ** Hoy en día cualquiera puede tener dominios y múltiples sitios webs propios, blogs, wikis (como ésta), gran cantidad de serviciosgratuitos ofertados.
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===En qué consiste===
| |
− | #Protocolo HTTP, HTTPS
| |
− | # Puerto 80, 446
| |
− | # HTML, XHTML y CSS: hipertexto e hipermedia
| |
− | # XML,
| |
− | # Los tipos MIME
| |
− | # Servidores y navegadores que se encuentran mediante URLs (y URIs)
| |
− | # DNS que nos dan la ip a partir del URL
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Qué hay detrás de una ip===
| |
− | #Una máquina, que puede tener varias IPs.
| |
− | # Un repartidor de carga asume una IP para varias máquinas.
| |
− | # Máquinas virtuales vs. clusters ¿Tendencias opuestas?
| |
− | # Relación N:M entre IPs y máquinas.
| |
− | # Appliances.
| |
− | # IPv4, IPv6.
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Modelo punto a punto con http===
| |
− | # Los proxies y las cachés (transparentes)
| |
− | # [http://es.wikipedia.org/wiki/Akamai Akamai].
| |
− | # Contenidos estáticos, dinámicos y localización.
| |
− | # [http://es.wikipedia.org/wiki/Alojamiento_web Alojamientos]: hosting, housing
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− |
| |
− | ===Modelo cliente servidor===
| |
− | ; El servidor Web sirve páginas. miles de peticiones por segundo, [http://en.wikipedia.org/wiki/Keepalive|keepalive], ...
| |
− | ; El navegador
| |
− | :las compone y visualiza (render)
| |
− | ; Diferencias de complejidad entre cliente y servidor, pero ambos tienen lo suyo.
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Servidores web===
| |
− | ;Servidores web y su uso
| |
− | http://news.netcraft.com/archives/web_server_survey.html
| |
− | ;Navegadores
| |
− | :Los navegadores
| |
− | * De Netscape a Firefox pasando por Mozilla (¿Y AOL?)
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Servidores web===
| |
− | *IE7: cada vez más compatible (ej: IE8)
| |
− | * Opera: el que más se ajusta a los estándares.
| |
− | * Safari, amaya, etc, etc.
| |
− | * Navegar por línea de comandos: Lynx, curl, wget y otros bichos raros (+ APIs)
| |
− | * Cuotas de mercado: http://www.w3schools.com/browsers/browsers_stats.asp
| |
− | * Pretenden cubrir usabilidad y accesibilidad en la web.
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Servicios Web===
| |
− | ;En el servidor
| |
− | :CGI.
| |
− | :Scripts integrados en servidor: PHP, ASP, etc.
| |
− | :Java, EJBs, ntiers, patterns, frameworks vs. POJOs, etc.
| |
− | ;En el cliente
| |
− | :Javascript y DOM (DHTML)
| |
− | :Flash.
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Servicios Web===
| |
− | :Java applets.
| |
− | :Efectos gráficos y validación.
| |
− | :¿Enemigos de la accesibilidad?
| |
− | : Navegadores, compatibilidad e implementación de estándares.
| |
− | : Seguridad: sandbox, XSS (Cross Site Scripting) ...
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Evolución en los lengajes de programacion===
| |
− | http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Quién habla en la web===
| |
− | #Diálogo hombre-máquina.
| |
− | #Diálogo máquina-máquina:
| |
− | ; Acceso a páginas y formularios expuestos:
| |
− | :ejemplo con curl.
| |
− | : ROBOTS.
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Quién habla en la web===
| |
− | ; SOAP,REST, WDSL, REST, SOA ...
| |
− | :exposición de interfaces (API)
| |
− | ::https o firmas en los puntos de entrada.
| |
− | :Agentes, brokers, orquestación de servicios.
| |
− | : Equivalencia con los RPC y CORBA de la era preweb
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | =Tecnologías asociadas a las aplicaciones web=
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Web 2.0===
| |
− | <br/>
| |
− | {{Definicion|Término acuñado para referirse a una segunda generación de web basada en comunidades de usuarios y gama especial de servicios como las redes sociales, los blogs, los wikis o los folcsomias que fomentan la colaboración y el intercambio ágil de información entre usuarios}}
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− |
| |
− | ===Tecnologías al lado del cliente===
| |
− | #Navegadores
| |
− | #Scrips JavaScript, VisualBasic Script,
| |
− | #Helpers: Abrir o ejecutar documentos multimedia y programas concretos
| |
− | #Plug-ins Flash
| |
− | #Applets Java, limitados
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Tecnologías del documento===
| |
− | #HTML XHTML
| |
− | #XML, DTD, XML SCHEMA, SML DOM, X-PATH
| |
− | #CSS, XSL, XSLT, XSL-FO
| |
− | #SVG
| |
− | #SMIL
| |
− | #VOICEML
| |
− | #WML
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Tecnologías al lado del servidor===
| |
− | #Módulos Compilados
| |
− | ##CGI(C, C++, Perl, Python,
| |
− | ##Servlets (Java, Multihebra, Gestion de sesion)
| |
− | #Scripts(ASP, JSP, PHP)
| |
− | #Programación distribuida RMI (Java), IIOP(CORBA)
| |
− | #ASP.NET (Aplicaciones distribuidas y servicios web)
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Tecnologías para los servicios web===
| |
− | #SOAP:Protocolo que define el formato de los mensajes que se intercambian basado en http y XML
| |
− | #WSDL Interfaz pública basada en SML, descripcion de la utilidad, la localizacion e invocación del servicio
| |
− | #UDDI Registro y publicación de información de servicios web disponibles.
| |
− | #REST: (Representational State Transfer) es un estilo de arquitectura de software para
| |
− | sistemas hipermedias distribuidos tales como la Web.
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− |
| |
− | ===Evolución===
| |
− | <br/>
| |
− | {{Pregunta|'''''¿a dónde vamos?'''''}}
| |
− | </div>
| |
− | <div class="slide">
| |
− |
| |
− | ===Videos en la red sobre la evolución===
| |
− | *Aquí algunos vídeos que nos muestran la evolución de la red hasta la web 3.0 hoy en día aún una idea idílica y sin aclarar
| |
− | http://www.youtube.com/watch?v=fhVjgt4MlDE&feature=player_detailpage#t=252s
| |
− | http://www.youtube.com/watch?v=iimwsXny5j4&feature=player_detailpage#t=7s
| |
− | *Artículo sobre la web 3.0 y referencias a otras noticias de la web
| |
− | http://tendenciasweb.about.com/od/nociones-basicas/a/Que-Es-La-Web-3-0-O-Web-Semantica.htm
| |
− | </div>
| |
− |
| |
− | <div class="slide">
| |
− | ===Evolución de redes sociales===
| |
− | * Evolución de redes sociales
| |
− | * [http://www.muyinternet.com/2012/09/11/historia-redes-sociales historia de las redes sociales]
| |
− | * [http://www.muyinternet.com/wp-content/uploads/2012/09/redsocial_timeline.jpg Imagen de la evolución de la Red]
| |
| </div> | | </div> |