mashups
DESCRIPTION
INTRODUCCION. DEFINICION. TIPOS. TECNICAS. EJEMPLOS. FUTURO. MASHUPS. INTRODUCCION. DEFINICION. TIPOS. TECNICAS. EJEMPLOS. FUTURO. MASHUPS. INTRODUCCION. DEFINICION. TIPOS. TECNICAS. EJEMPLOS. FUTURO. MASHUPS. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/1.jpg)
MASHUPSDEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO
![Page 2: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/2.jpg)
MASHUPSDEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO
![Page 3: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/9.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/10.jpg)
MASHUPSDEFINICION TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO
![Page 11: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/11.jpg)
MASHUPSDEFINICION TECNICASINTRODUCCION APIs EJEMPLOS FUTURO
![Page 12: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/12.jpg)
MASHUPSAPIs TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO
![Page 13: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/13.jpg)
MASHUPSAPI TECNICASINTRODUCCION TIPOS EJEMPLOS FUTURO
![Page 14: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/14.jpg)
![Page 15: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/15.jpg)
MASHUPSDEFINICIÓN
![Page 16: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/16.jpg)
MASHUPS
![Page 17: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/17.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/18.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/19.jpg)
MASHUPSDEFINICION TECNICASINTRODUCCION ARQUITECTURA EJEMPLOS FUTURO
Arquitectura
![Page 20: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/20.jpg)
MASHUPSDEFINICION INTERNETINTRODUCCION TIPOS EJEMPLO FUTURO
DATOS
![Page 21: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/21.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/22.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/23.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/24.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/25.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/26.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/27.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/28.jpg)
MASHUPSDEFINICION CUESTIONESINTRODUCCION TIPOS EJEMPLO FUTURO
10. Tiempo de procesado de los datos.11. Niveles de fiabilidad12. Licencias de uso.
![Page 29: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/29.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/30.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/31.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/32.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/33.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/34.jpg)
DEFINICION EMPEZARTIPOS EJEMPLO
![Page 35: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/35.jpg)
MASHUPSDEFINICIÓN
EMPEZARTIPOS
![Page 36: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/36.jpg)
MASHUPSDEFINICIÓN
![Page 37: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/37.jpg)
MASHUPSDEFINICIÓN
![Page 38: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/38.jpg)
MASHUPSDEFINICIÓN
![Page 39: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/39.jpg)
MASHUPSDEFINICIÓN
![Page 40: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/40.jpg)
MASHUPSDEFINICIÓN
![Page 41: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/41.jpg)
MASHUPSDEFINICION ARQUITECTURAINTRODUCCION TIPOS COMO HACER
FUTURO
![Page 42: MASHUPS](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/42.jpg)
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](https://reader036.vdocuments.co/reader036/viewer/2022062813/56816685550346895dda2e1b/html5/thumbnails/43.jpg)
MASHUPS