{"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":"2025-07-15T22:50:52","modified_gmt":"2025-07-15T22:50:52","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\" 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>Mashup<\/strong> or <strong>hybrid web application<\/strong> is an application that combines services from several web pages into one to offer a new service. It is common for data integration to be obtained from open <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/api\">APIs. <\/a> The freedom to integrate all these sources is an opportunity to develop new services in a very short time, based on existing functionalities.<\/p>\n<p>Typically mashups rely on using third-party content through public sources or interfaces. Among the most used fonts to create <strong>mashups<\/strong> are Google Maps, Amazon, Flickr, Youtube, Ebay and <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/yahoo\">Yahoo.<\/a> The ease with which these platforms allow you to integrate your content has led to great success for hybrid web applications.<\/p>\n<p>The term comes from an Anglo-Saxon expression to designate the creation of a song from the mixture of other compositions, usually of very different styles. This origin illustrates very well what a mash up consists of and how it is formed. The term musical has given rise to the name of the hybrid web application from the development of web 2.0.<\/p>\n\n<h2 class=\"indexed\"><span class=\"heading_text\">Types of mashups<\/span><\/h2>\n<p>There is no unanimity between the different <strong>classifications<\/strong> of mashups that can be made. Wikipedia, for example, distinguishes between consumer mashups (the best known), data mashups, and enterprise mashups. Other sources point out that a hybrid website can be data, photos (Flickr) or videos (Youtube); shopping (Amazon) or news; or classified according to their construction (first type of hybrid application and second type of hybrid application).<\/p>\n<p>Although in their origin they were more faithful to the Anglo-Saxon term &#8216;mix&#8217; and it was common for them to combine data from different sources, today it is normal to find a mashup that goes to a single source (Google Maps in many of the occasions).<\/p>\n<p>What information technology experts do agree on is that they are user-centered applications, made by and for him, since his ultimate interest is usually to share the information with other people. If it is enterprise mashups, the user is also the goal on which they are built.<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"indexed\"><span id=\"ventajas-de-las-mashups\" class=\"anchor\"><\/span><span class=\"heading_text\">Advantages of Mashups<\/span><\/h2>\n<p>Among the main <strong>advantages of mashups<\/strong> we see the following:<\/p>\n<ul>\n<li><strong>Fast content generation.<\/strong> Integration with existing solutions shortens development times. What used to take weeks of work can now be implemented in just a few minutes.<\/li>\n<li><strong>Ease of use.<\/strong> Anyone with development knowledge can create innovative services by integrating existing functionalities with their own. The design requirements of the same are minimal so creativity is more important than the technical profile.<\/li>\n<li><strong>Synergies.<\/strong> Brands can create innovative experiences without users having to leave their websites. In turn, mashup fonts achieve greater visibility than if their services were only offered through their website.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 class=\"indexed\"><span id=\"ejemplos-de-mashups\" class=\"anchor\"><\/span><span class=\"heading_text\">Examples of Mashups<\/span><\/h2>\n<p>Mashup is something linked to the Internet that has existed for more than a decade. Although it is true that the available APIs are becoming easier to combine, the concept has hardly evolved.<\/p>\n<p>As examples of mashups we can highlight:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.wikimapia.org\/\" target=\"_blank\" rel=\"noopener\">Wikimapia.org.<\/a> Mashup that combines a wiki with <a href=\"https:\/\/www.arimetrics.com\/glosario-digital\/google-maps\">Google Maps<\/a> that allows users to contribute information about geographical places.<\/li>\n<li><a href=\"https:\/\/gis.chicagopolice.org\/apps\/ChicagoPD::chicago-crime\/explore\" target=\"_blank\" rel=\"noopener\">Chicago Crime.<\/a> Chicago Police Department&#8217;s Mashup that integrates internal Chicago crime data with Google maps to monitor areas with more crime.<\/li>\n<li><a href=\"http:\/\/www.healthmap.org\/\" target=\"_blank\" rel=\"noopener\">Healthmap<\/a>. Tool with maps on epidemics.<\/li>\n<li><a href=\"https:\/\/www.flickr.com\/\" target=\"_blank\" rel=\"noopener\">Flickr.<\/a> It is one of the most common mash ups. It allows you to integrate photo galleries into web pages without adding any type of functionality that may hinder the proper functioning of the site.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Definition: A Mashup or hybrid web application is an application that combines services from several web pages into one to offer a new service. It is common for data integration to be obtained from open APIs. The freedom to integrate all these sources is an opportunity to develop new services in a very short time, [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"template":"","encyclopedia-tag":[311,310],"class_list":["post-21080","encyclopedia","type-encyclopedia","status-publish","hentry","encyclopedia-tag-app-en","encyclopedia-tag-web-en"],"_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: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}]}}