MASHUPS INTRODUCCION DEFINICION TIPOS TECNICAS EJEMPLOS FUTURO.

Presentación del tema: "MASHUPS INTRODUCCION DEFINICION TIPOS TECNICAS EJEMPLOS FUTURO."— Transcripción de la presentación:

1 MASHUPS INTRODUCCION DEFINICION TIPOS TECNICAS EJEMPLOS FUTURO

2 MASHUPS INTRODUCCION DEFINICION TIPOS TECNICAS EJEMPLOS FUTURO

3 MASHUPS INTRODUCCION DEFINICION TIPOS TECNICAS EJEMPLOS FUTURO El término se utilizó originalmente para definir la técnica de mezclar música, para obtener nuevos estilos musicales.

4 MASHUPS TIPOS FUTURO Según Tim O´Reilly (Web 2.0) tiene 7 patrones:
INTRODUCCION DEFINICION TIPOS TECNICAS EJEMPLOS FUTURO Según Tim O´Reilly (Web 2.0) tiene 7 patrones: Usan la web como plataforma. Aprovechan la inteligencia colectiva. Lo importante son los datos gestionados. Las interfaces se aparecen cada vez más a las aplicaciones del ordenador. Sus funcionalidades están en constante mejora. Están pensados para ser mezclados y reutilizados. Pretenden ser reutilizados desde otros dispositivos y no solo desde el PC.

5 MASHUPS DEFINICION INTRODUCCION TIPOS TECNICAS EJEMPLOS FUTURO Según la Wikipedia mashup es un sitio Web o aplicación Web que usa contenido de otras aplicaciones Web para crear un nuevo contenido completo, consumiendo servicios directamente o a través de protocolos http.

6 MASHUPS DEFINICION INTRODUCCION TIPOS TECNICAS EJEMPLOS FUTURO El término se utilizó originalmente para definir la técnica de mezclar música, para obtener nuevos estilos musicales. En el contexto de la ingeniería del software, el término se define como el resultado de combinar interfaces de usuarios, procesos, servicios y/o datos para obtener nuevas páginas web, aplicaciones, procesos, o nuevos conjuntos de datos.

7 MASHUPS DEFINICION INTRODUCCION TIPOS TECNICAS EJEMPLOS FUTURO El término se utilizó originalmente para definir la técnica de mezclar música, para obtener nuevos estilos musicales.

8 MASHUPSDEFINICIÓN DEFINICION INTRODUCCION TIPOS TECNICAS EJEMPLOS FUTURO HIPOCICLO DE GADNER, 2009 El término se utilizó originalmente para definir la técnica de mezclar música, para obtener nuevos estilos musicales.

9 MASHUPSDEFINICIÓN DEFINICION INTRODUCCION TIPOS TECNICAS EJEMPLOS FUTURO La primera vez que se utilizó un mashup aplicado a la web fue hace 5 años, cuando Paul Rademacher, utilizó Craiglist y Google Maps para mostrar la situación de los inmuebles que se vendían o alquilaban sobre un mapa.

10 MASHUPS DEFINICION INTRODUCCION TIPOS TECNICAS EJEMPLOS FUTURO

11 MASHUPS APIs INTRODUCCION DEFINICION TECNICAS EJEMPLOS FUTURO

12 MASHUPS APIs INTRODUCCION TIPOS TECNICAS EJEMPLOS FUTURO

13 MASHUPS API INTRODUCCION TIPOS TECNICAS EJEMPLOS FUTURO

14

15 MASHUPSDEFINICIÓN

16 MASHUPS

17 MASHUPS VENTAJAS Ventajas: DEFINICION TECNICAS FUTURO
INTRODUCCION DEFINICION TECNICAS EJEMPLOS FUTURO Ventajas: Reutilización de los componentes y funcionalidades Basado en estandares web (se tiende a la interoperabilidad) Los progamadores diseñan los componentes y los usuarios ensamblarán estos componentes Se crean comunidades de mashups Libertad para usar los componentes ,compartirlos y alterarlos Obtención de aplicaciones multiples muy completas con muy bajo coste. El resultado es mayor que la suma de cada una de las partes.

18 MASHUPS TIPOS DEFINICION FUTURO
INTRODUCCION DEFINICION TECNICAS EJEMPLOS FUTURO Si pensamos en los datos que existen en Internet prácticamente infinitos entenderemos que el resultado de mezclar esa información también puede serlo. Por lo tanto el éxito de los mashup está en las API´s ofrecidas. De mapas De fotos De compras De videos De meteorología De noticias De economía…………

19 MASHUPS DEFINICION TECNICAS FUTURO Arquitectura ARQUITECTURA
INTRODUCCION DEFINICION TECNICAS EJEMPLOS FUTURO Arquitectura

20 MASHUPS INTERNET INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO DATOS

21 MASHUPS Primero uno debe establecer : DEFINICION Que quiere mezclar
COMO EMPEZAR INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO Primero uno debe establecer : Que quiere mezclar De que datos dispongo Que conocimientos tengo Que pretendo conseguir

22 MASHUPS De que datos dispongo y como conseguirlos: DEFINICION
EMPEZAR INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO De que datos dispongo y como conseguirlos: * Quizás sea la parte que uno debe dedicar más tiempo a la hora de decidir hacer un mashup. como puedo conseguir los datos? en que formato me los ofrecen ? quien me los ofrece? son gratis? son fiables?

23 MASHUPS DEFINICION EMPEZAR TIPOS FUTURO API Google Maps Flickr
INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO API Google Maps Flickr Amazon E-Commerce Services Youtube Yahoo!Maps 411Sync Ebay Del.icious.us Google search Last. m Mashups 1110 243 174 149 95 89 83 79 28 Protocolos JavaScript REST, SOAP, XML-RPC REST, SOAP REST, XML-RPC JavaScript, REST, Flash RSS sobre HTTP, SOAP SOAP, REST REST SOAP

24 MASHUPS APIs DEFINICION ELEMENTOS TIPOS FUTURO
INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO APIs Una manera de conseguir los datos y servicios es a través de las API’s (son un conjunto de métodos que ofrece cierta biblioteca para poder ser utilizada por otros servicios). Digamos que un API es una interfaz para que dos ordenadores puedan comuni- carse. Aunque existen API´s de sistemas operativos, aplicaciones, programación, aquí Se tratan las API´s de sitios Web y aplicaciones Web. Es la forma que tienen las páginas Web para ofrecer su interface y sus datos de for ma controlada (API´s públicas)

25 MASHUPS Feeds ELEMENTOS DEFINICION TIPOS FUTURO
INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO Feeds Dan información estructurada desde aplicaciones que es fácil obtener y reusar. Formatos más utilizados: RSS 2.0 RSS 1.0 Atom 1.0 JSON PHP CSV Remezcla Yahoo Pipes RSS 2.0 Feedburner

26 MASHUPS Screep Scraping DEFINICION ELEMENTOS TIPOS FUTURO
INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO Screep Scraping Es a forma de obtener datos de webs donde no existe ni API´s ni suscriptores RSS. A través de blogs, html, correos… podemos obtener RSS. (Feedfire, W3C, Newsletters…) Propiedad intelectual de los datos. Hacer peticiones no invasivas A través de robots que peticionan de forma automática los datos. Ejem: Open Kapow

27 MASHUPS Es importante saber: DEFINICION CUESTIONES TIPOS FUTURO
INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO Es importante saber: Si la Web tiene código abierto La propiedad intelectual de los datos. La heterogeneidad de los datos Usa la Web etiquetado, folksonomia, geoetiquetado. Hay API (limitación de peticiones) Hay Feeds Conocer como algunas webs usan URLs Cuanta gente usa la API Comunidad de usuarios y desarrolladores.

28 MASHUPS DEFINICION CUESTIONES TIPOS FUTURO
INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO 10. Tiempo de procesado de los datos. 11. Niveles de fiabilidad 12. Licencias de uso.

29 MASHUPS TÉCNICAS DEFINICION TIPOS EJEMPLO FUTURO Protocolos. 1.1 SOAP
INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO Protocolos. 1.1 SOAP 1.2 HTML 2. Formatos. 2.1 XML 2.2 RSS 2.3 Geoformatos 2.4 JSON 3. Técnicas. 3.1 JavaScript 3.2 AJAX 4. Lenguajes (servidor) 4.1 Perl 4.2 Python 4.3 PHP 4.4 JAVA 4.5 .NET

30 MASHUPS Formatos de intercambio de datos para mapas GEODATOS
INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO Formatos de intercambio de datos para mapas CSV ( Se utilizan para representar datos en forma de tablas ) KML ( Lenguaje de marcado XML, para representar datos geográficos en 3 dimen.) GeoRSS (Estándares para representar información geográfica en formato RSS 2.0, RSS 1.0, Atom 1.0, y potencialmente otros formatos XML ) Microformatos y metatags (son elementos de lenguaje de marcado, usando (X)HTML usando nombres de clase específico) Ejemplo: hcard (añade contenido semántico a la dirección) adr ( direcciones postales) geo ( coordenadas geográficas)

31 MASHUPS Petición y mezcla de datos
TECNOLOGIA INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO Petición y mezcla de datos Desde el navegador (peticiones desde el lado del cliente) A través de XMLHttpRequest (XHR) que es una interfaz empleada para realizar peticiones HTTP y HTTPs a servidores Web. Esta es una forma de peticionar información desde el navegador al servidor. Es una interface para JavaScript que transfiere XML y otros datos entre el Navegador y el servidor.

32 MASHUPS Petición y mezcla de datos
TECNOLOGIA INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO Petición y mezcla de datos Desde el navegador (peticiones desde el lado del cliente) Una técnica muy importante utilizada es AJAX, esta técnica no es una nueva tecnología sino la combinación de varias tecnologías existentes. Se utiliza del lado del cliente Utiliza JavaScript como lenguaje. El formato de datos para la petición al servidor es XML, aunque también Puede ser JSON, HTTP preformateado, texto plano. 4. La interface para pedir datos al servidor es XHR

33 MASHUPS Petición y mezcla de datos Desde el servidor. DEFINICION
TECNOLOGIAS INTRODUCCION DEFINICION TIPOS EJEMPLO FUTURO Petición y mezcla de datos Desde el servidor. En este caso se utilizan dos tipos de lenguajes fundamentales, PHP y Python, aunque también Perl, Java, NET. Es en el lado del servidor donde Se producen todos los procesos, donde se peticionan los datos y donde se mezclan. Es necesario tener conocimientos de programación. Las plataformas utilizadas pueden ser muy variadas.

34 EJEMPLO DEFINICION TIPOS EMPEZAR

35 MASHUPSDEFINICIÓN TIPOS EMPEZAR

36 MASHUPSDEFINICIÓN

37 MASHUPSDEFINICIÓN

38 MASHUPSDEFINICIÓN

39 MASHUPSDEFINICIÓN

40 MASHUPSDEFINICIÓN

41 MASHUPS FUTURO DEFINICION INTRODUCCION TIPOS ARQUITECTURA COMO HACER

42 MASHUPS FUTURO TIPOS WEB 3.0 (Jeffrey Zeldman, 2.006)
INTRODUCCION DEFINICION TIPOS ARQUITECTURA COMO HACER WEB 3.0 (Jeffrey Zeldman, 2.006) Según Tim Berners-Lee el origen de la Web estaba enfocada a que fuese un medio de Intercambio, actualización y difusión de la información por los propios usuarios. Web 3.0 puede significar.???? La web como base de datos (Data Web) Contenidos accesibles por multiples aplicaciones non-browser Inteligencia artificial Web 3D Web semántica Web geoespacial Realidad virtual

43 MASHUPS