View source for Mashup

In [[web development]], a '''mashup''' is a web page or application that combines data or functionality from two or more external sources to create a new service. The term '''mashup''' implies easy, fast integration, frequently using open [[API]]s and data sources to produce results that were not the original reason for producing the raw source data. An example of a mashup is the use of cartographic data to add location information to [[real estate]] data, thereby creating a new and distinct Web service that was not originally provided by either source.

==Types of mashups==
There are many types of mashups, such as consumer mashups, enterprise mashups, data mashups, and [[Business Mashups|business mashups]]. The most common type of mashup is the consumer mashup, aimed at the general public. 

Data mashups combine similar types of media and information from multiple sources into a single representation. An example is the Havaria Information Services' [http://hisz.rsoe.hu/alertmap/index.php?lang=eng AlertMap], which combines data from over 200 sources related to severe weather conditions, biohazard threats, and seismic information, and displays them on a map of the world or [http://chicago.everyblock.com/crime/ Chicago Crime Map], which indicates the crime rate and location of crime in Chicago. 

Business mashups focus data into a single presentation and allow for collaborative action among businesses and developers. This works well for an [[agile development | Agile Development]] project, which requires collaboration between the Developers and Customer proxy for defining and implementing the business requirements.

Enterprise Mashups are secure, visually rich web applications that expose actionable information from diverse internal and external information sources.

==Mashups versus portals==

Mashups and [[Web portal|portals]] are both content aggregation technologies. Portals are an older technology designed as an extension to traditional dynamic Web applications, in which the process of converting data content into marked-up Web pages is split into two phases - generation of markup "fragments" and aggregation of the fragments into pages. Each markup fragment is generated by a "[[portlet]]", and the portal combines them into a single Web page. Portlets may be hosted locally on the portal server or remotely on another server.

Portal technology defines a complete event model covering reads and updates. A request for an aggregate page on a portal is translated into individual read operations on all the portlets that form the page ("render" operations on local, [[JSR 168]] portlets or "getMarkup" operations on remote, [[Web Services for Remote Portlets|WSRP]] portlets). If a submit button is pressed on any portlet on a portal page, it is translated into an update operation on that portlet alone ("processAction" on a local portlet or "performBlockingInteraction" on a remote, WSRP portlet). The update is then immediately followed by a read on ''all'' portlets on the page.

Portal technology is about server-side, presentation-tier aggregation. It cannot be used to drive more robust forms of application integration such as [[Two-phase commit protocol|two-phase commit]].

Mashups differ from portals in the following respects:

{| class="wikitable"
|-
! !!Portal!!Mashup
|-
|Classification||Older technology, extension to traditional Web server model using well defined approach||Using newer, loosely defined "Web 2.0" techniques
|-
|Philosophy/Approach||Approaches aggregation by splitting role of Web server into two phases - markup generation and aggregation of markup fragments||Uses APIs provided by different content sites to aggregate and reuse the content in another way
|-
|Content dependencies||Aggregates presentation-oriented markup fragments (HTML, WML, VoiceXML, etc.)||Can operate on pure XML content and also on presentation-oriented content (e.g., HTML)
|-
|Location dependencies||Traditionally content aggregation takes place on the server||Content aggregation can take place either on the server or on the client
|-
|Aggregation style||"Salad bar" style - Aggregated content is presented 'side-by-side' without overlaps||"Melting Pot" style - Individual content may be combined in any manner, resulting in arbitrarily structured hybrid content
|-
|Event model||Read and update event models are defined through a specific portlet API||[[Create, read, update and delete|CRUD]] operations are based on [[Representational State Transfer|REST]] architectural principles, but no formal API exists
|-
|Relevant standards||Portlet behaviour is governed by standards [[JSR 168]], [[JSR 286]] and [[Web Services for Remote Portlets|WSRP]], although portal page layout and portal functionality are undefined and vendor-specific||Base standards are XML interchanged as REST or Web Services. [[RSS]] and [[Atom (standard)|Atom]] are commonly used. More specific mashup standards are expected to emerge.
|}

The portal model has been around longer and has had greater investment and product research. Portal technology is therefore more standardised and mature. Over time, increasing maturity and standardization of mashup technology may make it more popular than portal technology.  New versions of portal products are expected to eventually add mashup support while still supporting legacy portlet applications. Mashup technologies, in contrast, are not expected to provide support for portal standards.

==Business mashups==

Mashup use is expanding in the business environment. Business Mashups are useful for integrating business and data services, as [[Business Mashups]] technologies provide the ability to develop new integrated services quickly, to combine internal services with external or personalized information, and to make these services tangible to the business user through user-friendly Web browser interfaces. <ref>{{cite web | title = Mashup business scenarios and patterns by Holt Adams, Executive IT Architect, IBM DeveloperWorks | url = http://www.ibm.com/developerworks/lotus/library/mashups-patterns-pt1/}}</ref>

Business mashups differ from consumer mashups in the level of integration with business computing environments, security and access control features, governance, and the sophistication of the programming tools (mashup editors) used.  Another difference between business mashups and consumer mashups is a growing trend of using Business Mashups in commercial [[software as a service]] offering.  

After several years of standards development, mainstream businesses are starting to adopt [[Service-oriented architecture]]s (SOA) to integrate disparate data by making this data available as discrete Web services (Microsoft prefers the term XML Web Services to indicate standards-based SOA services). Web services provide open, standardized [[protocol]]s to provide a unified means of accessing information from a diverse set of platforms ([[operating system]]s, [[programming language]]s, [[application (software)|application]]s). These Web services can be reused to provide completely new services and applications within and across organizations, providing business flexibility.

Many of the providers of Business Mashup technologies have added SOA features.

==Architectural aspects of mashups==

Architecturally, there are two styles of mashups: Web-based and server-based. Whereas Web-based mashups typically use the user's [[Web browser]] to combine and reformat the data, server-based mashups analyze and reformat the data on a remote [[server (computing)|server]] and transmit the data to the user's browser in its final form. <ref>{{cite web | title = End-User Programming for the Web by Michael Bolin, MIT MS thesis, pp.22-23 | url = http://www.bolinfest.com/Michael_Bolin_Thesis_Chickenfoot.pdf}}</ref>

Mashups appear to be a variation of a [[Facade pattern]].<ref>Design Patterns: Elements of Resuable Object-Oriented Software (ISBN 0-201-63361-2) by Erich Gamma, Richard Helm, Ralph Johnson, and John Vlissides</ref>  That is, it is a software engineering design pattern that provides a simplified interface to a larger body of code (in this case the code to aggregate the different feeds with different [[API]]s).

Mashups can be used with software provided as a service ([[software as a service|SaaS]]).

After several years of standards development, mainstream businesses are starting to adopt [[Service-oriented architecture|Service-oriented Architectures]] (SOA) to integrate disparate data by making this data available as discrete Web services.  Web services provide open, standardized [[protocol]]s to provide a unified means of accessing information from a diverse set of platforms ([[operating system]]s, [[programming language]]s, [[application (software)|application]]s). These Web services can be reused to provide completely new services and applications within and across organizations, providing business flexibility.

==Mashup editors==

[[Mashup editor]]s are available to help users create or edit mashups. Examples include:
*[[Yahoo! Pipes]]
*[[Microsoft Popfly]]
*[[Ubiquity (Firefox)|Mozilla Ubiquity]]

==References==
{{morefootnotes|date=December 2008}}
{{reflist}}

==See also==
* [[Communications-enabled application]] (CEA)
*[[EMML]]

==External links==
*[http://qualitypoint.blogspot.com/2009/07/yahoo-pipes-for-combining-multiple-rss.html Yahoo Pipes for RSS feed mashup] 
*[http://www.soamag.com/I18/0508-1.asp Mashups Part I: Bringing SOA to the People] 
*[http://www.soamag.com/I21/0808-1.asp Mashups Part II: Why SOA Architects Should Care] 
*[http://www.jackbe.com/enterprise-mashup/ Mashup Developer Community]
*[http://www.aina2010.curtin.edu.au/workshop/stamashup IEEE 1st Workshop on Socio-Technical Aspects of Mashups]

{{Web syndication}}
[[Category:Web 2.0]]
[[Category:Web 2.0 neologisms]]
[[Category:World Wide Web]]
[[Category:Software architecture]]
[[Category:Mashup (web application hybrid)]]
[[Category:Web development]]

[[af:Datavleg (Internet)]]
[[ca:Mashup]]
[[de:Mashup (Internet)]]
[[es:Mashup (aplicación web híbrida)]]
[[fr:Application composite]]
[[ko:매시업]]
[[it:Mash-up (informatica)]]
[[lv:Mešaps]]
[[nl:Mashup (internetapplicatie)]]
[[ja:マッシュアップ (Webプログラミング)]]
[[no:Mashup (internett)]]
[[pl:Mashup]]
[[pt:Mashup]]
[[ru:Мэшап (веб)]]
[[sv:Mashup]]
[[uk:Mashup]]
[[vi:Ứng dụng hỗn hợp]]
[[zh:混搭]]