mashups definicion tecnicas introduccion tipos ejemplos futuro

43
MASHUPS DEFINICION TECNICAS INTRODUCCIO N TIPOS EJEMPLOS FUTURO

Upload: elena-santana

Post on 16-Apr-2015

17 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 2: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 3: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPS

El término se utilizó originalmente para definir la técnica de mezclar música, para obtener nuevos estilos musicales.

DEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 4: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Según Tim O´Reilly (Web 2.0) tiene 7 patrones:

1. Usan la web como plataforma.2. Aprovechan la inteligencia colectiva.3. Lo importante son los datos gestionados.4. Las interfaces se aparecen cada vez más a las aplicaciones del ordenador.5. Sus funcionalidades están en constante mejora.6. Están pensados para ser mezclados y reutilizados.7. Pretenden ser reutilizados desde otros dispositivos y no solo desde el PC.

Page 5: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPS

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.

DEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 6: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPS

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.

DEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 7: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPS

El término se utilizó originalmente para definir la técnica de mezclar música, para obtener nuevos estilos musicales.

DEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 8: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICIÓN

El término se utilizó originalmente para definir la técnica de mezclar música, para obtener nuevos estilos musicales.

DEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

HIPOCICLO DE GADNER, 2009

Page 9: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICIÓN

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.

DEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 10: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 11: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNICASINTRODUCCION APIs EJEMPLOS FUTURO

Page 12: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSAPIs TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 13: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSAPI TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO

Page 14: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO
Page 15: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICIÓN

Page 16: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPS

Page 17: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNICASINTRODUCCION VENTAJAS EJEMPLOS FUTURO

Ventajas:1. Reutilización de los componentes y funcionalidades2. Basado en estandares web (se tiende a la interoperabilidad)3. Los progamadores diseñan los componentes y los usuarios ensamblarán estoscomponentes4. Se crean comunidades de mashups5. Libertad para usar los componentes ,compartirlos y alterarlos6. Obtención de aplicaciones multiples muy completas con muy bajo coste.7. El resultado es mayor que la suma de cada una de las partes.

Page 18: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNICASINTRODUCCION TIPOS 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 mapasDe fotosDe comprasDe videosDe meteorologíaDe noticiasDe economía…………

Page 19: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNICASINTRODUCCION ARQUITECTURA EJEMPLOS FUTURO

Arquitectura

Page 20: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION INTERNETINTRODUCCION TIPOS EJEMPLO FUTURO

DATOS

Page 21: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION

COMOEMPEZARINTRODUCCION TIPOS EJEMPLO FUTURO

Primero uno debe establecer :

1. Que quiere mezclar

2. De que datos dispongo

3. Que conocimientos tengo

4. Que pretendo conseguir

Page 22: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION

COMOEMPEZARINTRODUCCION 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?

Page 23: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION EMPEZARINTRODUCCION TIPOS EJEMPLO FUTURO

API Google MapsFlickrAmazon E-Commerce ServicesYoutubeYahoo!Maps411SyncEbayDel.icious.usGoogle searchLast. m

Mashups

1110243174149958989837928

Protocolos

JavaScriptREST, SOAP, XML-RPCREST, SOAPREST, XML-RPCJavaScript, REST, FlashRSS sobre HTTP, SOAPSOAP, RESTRESTSOAPREST

Page 24: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION ELEMENTOSINTRODUCCION TIPOS EJEMPLO FUTURO

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 forma controlada (API´s públicas)

APIs

Page 25: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION ELEMENTOSINTRODUCCION TIPOS EJEMPLO FUTURO

FeedsDan información estructurada desde aplicaciones que es fácil obtener y reusar.

Formatos más utilizados:

RSS 2.0RSS 1.0Atom 1.0JSONPHPCSV

RemezclaYahoo Pipes RSS 2.0Feedburner

Page 26: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION ELEMENTOSINTRODUCCION TIPOS EJEMPLO FUTURO

Screep Scraping

Es a forma de obtener datos de webs donde no existe ni API´s nisuscriptores RSS.A través de blogs, html, correos… podemos obtener RSS.(Feedfire, W3C, Newsletters…)Propiedad intelectual de los datos.Hacer peticiones no invasivasA través de robots que peticionan de forma automática los datos.

Ejem: Open Kapow

Page 27: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION CUESTIONESINTRODUCCION TIPOS EJEMPLO FUTURO

Es importante saber:1. Si la Web tiene código abierto2. La propiedad intelectual de los datos.3. La heterogeneidad de los datos4. Usa la Web etiquetado, folksonomia, geoetiquetado.5. Hay API (limitación de peticiones)6. Hay Feeds7. Conocer como algunas webs usan URLs8. Cuanta gente usa la API9. Comunidad de usuarios y desarrolladores.

Page 28: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION CUESTIONESINTRODUCCION TIPOS EJEMPLO FUTURO

10. Tiempo de procesado de los datos.11. Niveles de fiabilidad12. Licencias de uso.

Page 29: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TÉCNICAS

INTRODUCCION TIPOS EJEMPLO FUTURO

1. Protocolos.1.1 SOAP1.2 HTML

2. Formatos.2.1 XML2.2 RSS2.3 Geoformatos2.4 JSON

3. Técnicas.3.1 JavaScript3.2 AJAX

4. Lenguajes (servidor) 4.1 Perl 4.2 Python 4.3 PHP 4.4 JAVA 4.5 .NET

Page 30: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION GEODATOSINTRODUCCION TIPOS EJEMPLO FUTURO

Formatos de intercambio de datos para mapasCSV ( 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 RSS2.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)

Page 31: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNOLOGIAINTRODUCCION TIPOS EJEMPLO FUTURO

Petición y mezcla de datosDesde 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.

Page 32: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNOLOGIAINTRODUCCION TIPOS EJEMPLO FUTURO

Petición y mezcla de datosDesde 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.1. Se utiliza del lado del cliente2. Utiliza JavaScript como lenguaje.3. 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

Page 33: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION TECNOLOGIASINTRODUCCION TIPOS EJEMPLO FUTURO

Petición y mezcla de datosDesde 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 dondeSe producen todos los procesos, donde se peticionan los datos y donde semezclan. Es necesario tener conocimientos de programación.

Las plataformas utilizadas pueden ser muy variadas.

Page 34: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

DEFINICION EMPEZARTIPOS EJEMPLO

Page 35: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICIÓN

EMPEZARTIPOS

Page 36: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICIÓN

Page 37: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICIÓN

Page 38: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICIÓN

Page 39: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICIÓN

Page 40: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICIÓN

Page 41: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION ARQUITECTURAINTRODUCCION TIPOS COMO HACER

FUTURO

Page 42: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPSDEFINICION ARQUITECTURAINTRODUCCION TIPOS COMO HACER FUTURO

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.????

1. La web como base de datos (Data Web)2. Contenidos accesibles por multiples aplicaciones non-browser3. Inteligencia artificial4. Web 3D5. Web semántica6. Web geoespacial7. Realidad virtual

Page 43: MASHUPS DEFINICION TECNICAS INTRODUCCION TIPOS EJEMPLOS FUTURO

MASHUPS