{"id":21080,"date":"2020-01-30T14:52:24","date_gmt":"2020-01-30T14:52:24","guid":{"rendered":"https:\/\/www.arimetrics.com\/glosario-digital\/mashup-hybrid-web-application"},"modified":"2026-09-28T20:29:35","modified_gmt":"2026-09-28T20:29:35","slug":"mashup-hybrid-web-application","status":"publish","type":"encyclopedia","link":"https:\/\/www.arimetrics.com\/en\/digital-glossary\/mashup-hybrid-web-application","title":{"rendered":"Mashup &#8211; Hybrid Web Application"},"content":{"rendered":"<p><img decoding=\"async\" class=\"boxpad alignright wp-image-14601 size-full\" src=\"https:\/\/www.arimetrics.com\/wp-content\/uploads\/2020\/01\/mashup-1.png\" alt=\"Mashup or hybrid web application\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.arimetrics.com\/wp-content\/uploads\/2020\/01\/mashup-1.png 300w, https:\/\/www.arimetrics.com\/wp-content\/uploads\/2020\/01\/mashup-1-150x150.png 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><strong>Definition:<\/strong><\/p>\n<p>A <strong>web mashup<\/strong> is an application that combines data, content or functions from several sources to provide a new service through one interface. Rather than building every component from scratch, it reuses external resources and connects them for a defined purpose.<\/p>\n<p>Composition commonly relies on an <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/api\">API<\/a>, feed, open file, database or third-party service. The result is more than a collection of links: <strong>functional integration<\/strong> should transform, cross-reference or present information in a way that adds context or enables a task.<\/p>\n<p>The term comes from <strong>music<\/strong>, where a mashup mixes elements from different works. In web development it became popular with Web 2.0 and the spread of reusable services, although the same principle remains relevant to maps, comparison tools, dashboards and connected applications.<\/p>\n\n<h2>How a web mashup works<\/h2>\n<p>A mashup creates a <strong>composition layer<\/strong> between its sources and the experience used by a person. Complexity depends on the number of providers, update frequency and the transformations required.<\/p>\n<p>The usual process includes these stages:<\/p>\n<ol>\n<li><strong>Define the objective:<\/strong> specify which decision, query or task the application will support.<\/li>\n<li><strong>Select sources:<\/strong> identify services with suitable coverage, permissions and stability.<\/li>\n<li><strong>Retrieve data:<\/strong> call APIs, read feeds or query authorised repositories.<\/li>\n<li><strong>Normalise formats:<\/strong> align names, units, dates, identifiers and structures such as <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/json\">JSON<\/a>.<\/li>\n<li><strong>Combine results:<\/strong> apply rules to relate, filter, sort or enrich the information.<\/li>\n<li><strong>Present and operate:<\/strong> display the outcome and manage errors, latency, caching and updates.<\/li>\n<\/ol>\n<p>An API enables access to a source, but it is not a mashup on its own. The distinguishing feature is the <strong>resource composition<\/strong> within a product that supports a use different from that of each isolated component.<\/p>\n<h2>Types of mashups<\/h2>\n<p>Mashups can be classified by the outcome they produce and the audience they serve. These categories <strong>may overlap<\/strong> within the same application.<\/p>\n<ul>\n<li><strong>Data mashups:<\/strong> cross-reference different datasets to reveal relationships, compare values or create a unified view.<\/li>\n<li><strong>Geographic mashups:<\/strong> place proprietary or external information on mapping services such as <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/google-maps\">Google Maps<\/a>.<\/li>\n<li><strong>Content mashups:<\/strong> aggregate news, images, videos or posts and organise them by topic or editorial criteria.<\/li>\n<li><strong>Enterprise mashups:<\/strong> bring together sales, support, inventory, analytics or other tools to support internal processes.<\/li>\n<\/ul>\n<p>Embedding a map, video or external gallery does not always create a hybrid application. There should be a <strong>useful relationship<\/strong> between components or a transformation that changes how the information can be consulted or used.<\/p>\n<h2>Mashup examples<\/h2>\n<p>The clearest examples show how a combination meets a need that no source covers separately. The <strong>same pattern<\/strong> can be used in public services, commerce, media or business management.<\/p>\n<ul>\n<li><strong>Property map:<\/strong> combines listings, geolocation, nearby services and journey times.<\/li>\n<li><strong>Incident map:<\/strong> overlays public data, community reports and weather layers to track a situation.<\/li>\n<li><strong>Travel comparison:<\/strong> relates schedules, availability, prices, locations and conditions from different providers.<\/li>\n<li><strong>Sales dashboard:<\/strong> integrates CRM, campaigns, ecommerce and analytics into a shared <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/dashboard\">dashboard<\/a>.<\/li>\n<li><strong>Topic aggregator:<\/strong> collects feeds and content from several sources, removes duplicates and classifies the results.<\/li>\n<\/ul>\n<p>Wikimapia and HealthMap are well-known historical examples of map-based composition. Their relevance lies in the <strong>integration model<\/strong>, rather than in assuming that any map with external data represents the current state of mashup technology.<\/p>\n<h2>Operational value<\/h2>\n<p>Reusing existing services can reduce initial work, accelerate a prototype and add context to scattered data. The main advantage appears when a mashup <strong>avoids duplication<\/strong> and allows a solution to be tested before dedicated infrastructure is built.<\/p>\n<p>This speed does not remove maintenance costs. An application depends on the availability, usage limits, documentation and terms of each provider. API changes, withdrawn permissions or <strong>poor data<\/strong> can degrade the entire service.<\/p>\n<p>Privacy, security, <strong>intellectual property<\/strong> and provenance also require attention. Combining sources does not automatically extend the right to reuse them or make their results reliable for every purpose.<\/p>\n<h2>Design and maintenance<\/h2>\n<p>Before development, each source should be documented with its owner, licence, authentication method, limits, update frequency and fallback. A clear <strong>data contract<\/strong> reduces errors when two providers represent the same entity in different ways.<\/p>\n<p>The application should manage <strong>timeouts<\/strong>, retries, caching, duplicates and incomplete responses. It also needs records that show which source contributed to each result and reveal when an update has changed the expected format.<\/p>\n<p>Evaluation should reflect the objective: time saved, completed queries, match quality, data freshness or error reduction. A mashup creates value when its <strong>verifiable combination<\/strong> improves a specific task and continues to work when a dependency changes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A web mashup combines data and services from several sources. Learn how it works, its types, examples, benefits, risks and maintenance practices.<\/p>\n","protected":false},"author":7,"featured_media":81001,"template":"","encyclopedia-tag":[1277],"class_list":["post-21080","encyclopedia","type-encyclopedia","status-publish","has-post-thumbnail","hentry","encyclopedia-tag-web-components"],"_links":{"self":[{"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/encyclopedia\/21080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/encyclopedia"}],"about":[{"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/types\/encyclopedia"}],"author":[{"embeddable":true,"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/users\/7"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/media\/81001"}],"wp:attachment":[{"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/media?parent=21080"}],"wp:term":[{"taxonomy":"encyclopedia-tag","embeddable":true,"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/encyclopedia-tag?post=21080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}