ในการพัฒนาเว็บการผสมผสาน ( mashup ) ( ศัพท์เฉพาะในอุตสาหกรรมคอมพิวเตอร์ ) คือเว็บเพจหรือเว็บแอปพลิเคชันที่ใช้เนื้อหาจากแหล่งข้อมูลมากกว่าหนึ่งแหล่งเพื่อสร้างบริการใหม่เพียงบริการเดียวที่แสดงในอินเทอร์เฟซกราฟิกเดียว ตัวอย่างเช่น ผู้ใช้สามารถรวมที่อยู่และรูปถ่ายของสาขาห้องสมุดของตนเข้ากับแผนที่ Googleเพื่อสร้างแผนที่แบบผสมผสาน^{[ 1 ]}คำนี้บ่งบอกถึงการบูรณาการที่ง่ายและรวดเร็ว โดยมักใช้ API แบบเปิด ( open API ) และแหล่งข้อมูลเพื่อสร้างผลลัพธ์ที่สมบูรณ์ยิ่งขึ้น ซึ่งไม่จำเป็นต้องเป็นเหตุผลดั้งเดิมในการสร้างข้อมูลดิบ คำว่า mashup มาจากการสร้างบางสิ่งโดยการรวมองค์ประกอบจากแหล่งข้อมูลสองแหล่งขึ้นไป^{[ 2 ]}

ลักษณะสำคัญของ Mashup คือ การผสมผสาน การแสดงผล และการรวมข้อมูล สิ่งสำคัญคือการทำให้ข้อมูลที่มีอยู่เป็นประโยชน์มากขึ้น ทั้งสำหรับการใช้งานส่วนตัวและในระดับมืออาชีพ เพื่อให้สามารถเข้าถึงข้อมูลจากบริการอื่นๆ ได้อย่างถาวร Mashup จึงมักเป็นแอปพลิเคชันไคลเอ็นต์หรือโฮสต์อยู่บนระบบออนไลน์

ในช่วงหลายปีที่ผ่านมาแอปพลิเคชันบนเว็บจำนวนมากขึ้นเรื่อยๆ ได้เผยแพร่ API ที่ช่วยให้นักพัฒนาซอฟต์แวร์สามารถผสานรวมข้อมูลและฟังก์ชันต่างๆ ได้ง่ายขึ้นใน รูปแบบ SOAแทนที่จะสร้างเองทั้งหมด Mashup ถือได้ว่ามีบทบาทสำคัญในการพัฒนาซอฟต์แวร์โซเชียลและWeb 2.0เครื่องมือสร้าง Mashup มักใช้งานง่ายพอสำหรับผู้ใช้ทั่วไป โดยทั่วไปไม่จำเป็นต้องมีทักษะการเขียนโปรแกรม และสนับสนุนการเชื่อมต่อแบบเห็นภาพของวิดเจ็ต GUIบริการ และส่วนประกอบต่างๆ เข้าด้วยกัน ดังนั้น เครื่องมือเหล่านี้จึงมีส่วนช่วยสร้างวิสัยทัศน์ใหม่ของเว็บที่ผู้ใช้สามารถมีส่วนร่วมได้

คำว่า "mashup" ไม่ได้ถูกกำหนดอย่างเป็นทางการโดยหน่วยงานกำหนดมาตรฐานใดๆ^{[ 3 ]}

บริบทที่กว้างขึ้นของประวัติศาสตร์เว็บเป็นพื้นฐานสำหรับการพัฒนาของ mashup ภายใต้ โมเดล Web 1.0องค์กรต่างๆ จัดเก็บข้อมูลผู้บริโภคไว้ในพอร์ทัลและอัปเดตข้อมูลเหล่านั้นเป็นประจำ พวกเขาควบคุมข้อมูลผู้บริโภคทั้งหมด และผู้บริโภคต้องใช้ผลิตภัณฑ์และบริการของพวกเขาเพื่อรับข้อมูลเหล่านั้น

การมาถึงของWeb 2.0นำมาซึ่งมาตรฐานเว็บที่ได้รับการยอมรับอย่างกว้างขวางจากคู่แข่งแบบดั้งเดิม และปลดล็อกข้อมูลผู้บริโภค ในขณะเดียวกันก็เกิดการผสมผสาน (mashups) ขึ้นมา ทำให้สามารถผสมผสาน API ของคู่แข่งเพื่อพัฒนาบริการใหม่ๆ ได้

การผสมผสานข้อมูลครั้งแรกๆ ใช้บริการแผนที่หรือบริการภาพถ่ายเพื่อรวมบริการเหล่านี้เข้ากับข้อมูลประเภทใดก็ได้ และด้วยเหตุนี้จึงสร้างภาพแสดงข้อมูล^{[ 4 ]} ในช่วงเริ่มต้น การผสมผสานข้อมูลส่วนใหญ่เน้นผู้บริโภคเป็นหลัก แต่เมื่อไม่นานมานี้การผสมผสานข้อมูลถือเป็นแนวคิดที่น่าสนใจและมีประโยชน์สำหรับองค์กรต่างๆ การผสมผสานข้อมูลทางธุรกิจสามารถรวมข้อมูลภายในที่มีอยู่เข้ากับบริการภายนอกเพื่อสร้างมุมมองใหม่ๆ เกี่ยวกับข้อมูล นอกจากนี้ยังมีYahoo! Pipes ฟรี สำหรับการสร้างการผสมผสานข้อมูลโดยใช้Yahoo! Query Languageอีก ด้วย

มีการผสมผสานหลายประเภท เช่น การผสมผสานทางธุรกิจ การผสมผสานสำหรับผู้บริโภค และการผสมผสานข้อมูล^{[ 5 ]}การผสมผสานประเภทที่พบได้บ่อยที่สุดคือการผสมผสานสำหรับผู้บริโภค ซึ่งมุ่งเป้าไปที่ประชาชนทั่วไป

• mashup ทางธุรกิจ (หรือระดับองค์กร ) กำหนดแอปพลิเคชันที่รวมทรัพยากร แอปพลิเคชัน และข้อมูลของตนเองเข้ากับบริการเว็บภายนอกอื่นๆ[ 4 ^{]โดยจะ}เน้นข้อมูลให้อยู่ในรูปแบบการนำเสนอเดียวและอนุญาตให้มีการทำงานร่วมกันระหว่างธุรกิจและนักพัฒนา ซึ่งเหมาะสำหรับ โครงการ พัฒนาแบบ Agileที่ต้องการความร่วมมือระหว่างนักพัฒนาและลูกค้า (หรือตัวแทนลูกค้า ซึ่งโดยทั่วไปคือผู้จัดการผลิตภัณฑ์) ในการกำหนดและดำเนินการตามข้อกำหนดทางธุรกิจ mashup ระดับองค์กรเป็นแอปพลิเคชันเว็บที่มีความปลอดภัยและมีภาพที่สวยงาม ซึ่งเปิดเผยข้อมูลที่นำไปใช้ได้จริงจากแหล่งข้อมูลภายในและภายนอกที่หลากหลาย
• การผสมผสานข้อมูลสำหรับผู้บริโภคจะรวมข้อมูลจากแหล่งข้อมูลสาธารณะหลายแหล่งในเบราว์เซอร์และจัดระเบียบข้อมูลเหล่านั้นผ่านอินเทอร์เฟซผู้ใช้เบราว์เซอร์ที่เรียบง่าย^{[ 6 ]} (เช่นWikipediavisionรวม Google Map และ Wikipedia API เข้าด้วยกัน)
• การผสมผสานข้อมูล (Data mashups)ตรงกันข้ามกับการผสมผสานข้อมูลของผู้บริโภค (Consumer mashups) คือการนำสื่อและข้อมูลประเภทเดียวกันจากหลายแหล่งมารวมกันเป็นรูปแบบเดียว การรวมทรัพยากรทั้งหมดนี้เข้าด้วยกันจะสร้างบริการเว็บ ใหม่ที่แตกต่างออกไป ซึ่งเดิมทีไม่ได้มีอยู่ในแหล่งข้อมูลใดแหล่งหนึ่งเลย

ในด้านเทคโนโลยีตัวช่วยสร้าง Mashupคือเครื่องมือที่ใช้แปลงทรัพยากรไอทีที่ไม่เข้ากันให้เป็นรูปแบบที่สามารถนำมาผสมผสานกันได้ง่าย เพื่อสร้าง Mashup ตัวช่วยสร้าง Mashup ช่วยให้สามารถใช้เทคนิคและเครื่องมือที่มีประสิทธิภาพ (เช่น แพลตฟอร์ม Mashup) ในการรวมข้อมูลและบริการเข้ากับทรัพยากรประเภทใหม่ได้ ตัวอย่างของตัวช่วยสร้าง Mashup คือเครื่องมือสำหรับสร้าง ฟีด RSSจากสเปรดชีต (ซึ่งไม่สามารถนำมาสร้าง Mashup ได้ง่ายๆ) โปรแกรมแก้ไข Mashup หลายตัวมีตัวช่วยสร้าง Mashup รวมอยู่ด้วย เช่น Presto Mashup Connectors, Convertigo Web Integrator หรือCaspio Bridge

ผู้ที่สนับสนุนการสร้าง Mashup ยังถูกอธิบายว่าเป็น "ผู้ให้บริการและเครื่องมือที่ทำให้การสร้าง Mashup เป็นไปได้"

Mashup และPortalต่างก็เป็นเทคโนโลยีการรวบรวมเนื้อหา Portal เป็นเทคโนโลยีที่เก่ากว่า ออกแบบมาเพื่อเป็นส่วนขยายของ แอปพลิเคชันเว็บแบบไดนามิก แบบดั้งเดิม โดยกระบวนการแปลงเนื้อหาข้อมูลเป็นหน้าเว็บที่มีมาร์กอัปจะแบ่งออกเป็นสองขั้นตอน คือ การสร้าง "ส่วนย่อย" ของมาร์กอัป และการรวมส่วนย่อยเหล่านั้นเข้าเป็นหน้าเว็บ แต่ละส่วนย่อยของมาร์กอัปจะถูกสร้างขึ้นโดย " Portlet " และ Portal จะรวมส่วนย่อยเหล่านั้นเข้าเป็นหน้าเว็บเดียว Portlet อาจจะอยู่บนเซิร์ฟเวอร์ของ Portal เอง หรืออยู่บนเซิร์ฟเวอร์แยกต่างหากก็ได้

เทคโนโลยีพอร์ทัลกำหนดแบบจำลองเหตุการณ์ที่สมบูรณ์ซึ่งครอบคลุมทั้งการอ่านและการอัปเดต คำขอสำหรับหน้ารวมบนพอร์ทัลจะถูกแปลงเป็นการดำเนินการอ่านแต่ละรายการบนพอร์ตเล็ตทั้งหมดที่ประกอบเป็นหน้านั้น (" renderการดำเนินการบน พอร์ตเล็ต JSR 168 ในเครื่อง หรือ " getMarkupการดำเนินการบน พอร์ตเล็ต WSRP ระยะไกล ") หากมีการกดปุ่มส่งบนพอร์ตเล็ตใดๆ บนหน้าพอร์ทัล การกดปุ่มนั้นจะถูกแปลงเป็นการดำเนินการอัปเดตบนพอร์ตเล็ตนั้นเพียงอย่างเดียว ( processActionบนพอร์ตเล็ตในเครื่อง หรือ บนพอร์ตเล็ต WSRP ระยะไกล) จากนั้นการอัปเดตจะตามมาด้วยการอ่านบนพอร์ตเล็ต ทั้งหมดบนหน้านั้นperformBlockingInteractionทันที

เทคโนโลยีพอร์ทัลเป็นเรื่องของการรวบรวมข้อมูลฝั่งเซิร์ฟเวอร์ในระดับการนำเสนอไม่สามารถนำมาใช้เพื่อขับเคลื่อนการบูรณาการแอปพลิเคชันที่มีประสิทธิภาพสูงกว่า เช่น การยืนยันธุรกรรม แบบสองขั้นตอน (two-phase commit ) ได้

Mashup แตกต่างจาก Portal ในประเด็นต่อไปนี้:

รูปแบบพอร์ทัลมีมานานกว่าและมีการลงทุนและการวิจัยผลิตภัณฑ์มากกว่า ดังนั้นเทคโนโลยีพอร์ทัลจึงมีมาตรฐานและเป็นผู้ใหญ่มากกว่า เมื่อเวลาผ่านไป ความพร้อมและความเป็นมาตรฐานที่เพิ่มขึ้นของเทคโนโลยีแมชอัพน่าจะทำให้เป็นที่นิยมมากกว่าเทคโนโลยีพอร์ทัล เนื่องจากมีความเกี่ยวข้องอย่างใกล้ชิดกับ Web 2.0 และสถาปัตยกรรมเชิงบริการ (SOA) ^{[ 7 ]} คาดว่าผลิตภัณฑ์พอร์ทัลเวอร์ชันใหม่จะเพิ่มการสนับสนุนแมชอัพในที่สุด ในขณะที่ยังคงสนับสนุนแอปพลิเคชันพอร์ตเล็ตแบบดั้งเดิม ในทางตรงกันข้าม เทคโนโลยีแมชอัพไม่คาดว่าจะให้การสนับสนุนมาตรฐานพอร์ทัล

การใช้งาน Mashup กำลังขยายตัวในสภาพแวดล้อมทางธุรกิจ Mashup ทางธุรกิจมีประโยชน์สำหรับการบูรณาการบริการทางธุรกิจและข้อมูล เนื่องจากเทคโนโลยี Mashup ทางธุรกิจช่วยให้สามารถพัฒนาบริการแบบบูรณาการใหม่ได้อย่างรวดเร็ว รวมบริการภายในเข้ากับข้อมูลภายนอกหรือข้อมูลส่วนบุคคล และทำให้บริการเหล่านี้เป็นรูปธรรมสำหรับผู้ใช้ทางธุรกิจผ่านอินเทอร์เฟซเว็บเบราว์เซอร์ที่ใช้งานง่าย^{[ 8 ]}

mashup สำหรับธุรกิจแตกต่างจาก mashup สำหรับผู้บริโภคในระดับของการบูรณาการกับสภาพแวดล้อมการประมวลผลทางธุรกิจ คุณสมบัติด้านความปลอดภัยและการควบคุมการเข้าถึง การกำกับดูแล และความซับซ้อนของเครื่องมือการเขียนโปรแกรม (ตัวแก้ไข mashup) ที่ใช้ ความแตกต่างอีกประการหนึ่งระหว่าง mashup สำหรับธุรกิจและ mashup สำหรับผู้บริโภคคือแนวโน้มที่เพิ่มขึ้นของการใช้ mashup สำหรับธุรกิจในซอฟต์แวร์as a service (SaaS) เชิงพาณิชย์

ผู้ให้บริการเทคโนโลยีการผสมผสานทางธุรกิจหลายรายได้เพิ่มคุณสมบัติSOA เข้าไปแล้ว

โครงสร้างของเพลงผสมผสาน (mashup) แบ่งออกเป็นสามชั้น:

• การนำเสนอ/ การโต้ตอบกับผู้ใช้ : นี่คือส่วนติดต่อผู้ใช้ของแอปพลิเคชันแบบ Mashup เทคโนโลยีที่ใช้ได้แก่HTML / XHTML , CSS , JavaScript , JavaScript แบบอะซิงโครนัส และ XML (Ajax )
• บริการเว็บ: สามารถเข้าถึงฟังก์ชันการทำงานของผลิตภัณฑ์ ได้โดยใช้บริการ API เทคโนโลยีที่ใช้ ได้แก่XMLHTTPRequest , XML-RPC , JSON-RPC , SOAPและREST
• ข้อมูล: การจัดการข้อมูล เช่น การส่ง การจัดเก็บ และการรับ ข้อมูลเทคโนโลยีที่ใช้ ได้แก่XML , JSONและKML

ในทางสถาปัตยกรรม มีรูปแบบ mashup สองแบบ ได้แก่ แบบเว็บและแบบเซิร์ฟเวอร์ โดยทั่วไป mashup แบบเว็บจะใช้เว็บเบราว์เซอร์ ของผู้ใช้ ในการรวมและจัดรูปแบบข้อมูลใหม่ ในขณะที่ mashup แบบเซิร์ฟเวอร์จะวิเคราะห์และจัดรูปแบบข้อมูลใหม่บนเซิร์ฟเวอร์ ระยะไกล และส่งข้อมูลไปยังเบราว์เซอร์ของผู้ใช้ในรูปแบบสุดท้าย^{[ 9 ]}

Mashup ดูเหมือนจะเป็นรูปแบบหนึ่งของ รูป แบบfaçade ^{[ 10 ]} นั่นคือ รูปแบบการออกแบบวิศวกรรมซอฟต์แวร์ที่ให้อินเทอร์เฟซที่เรียบง่ายสำหรับชุดโค้ดขนาดใหญ่ (ในกรณีนี้คือโค้ดสำหรับรวบรวมฟีดต่างๆ ที่มี API ต่างกัน)

Mashup สามารถใช้งานร่วมกับซอฟต์แวร์ที่ให้บริการในรูปแบบSaaS (Software as a Service ) ได้

หลังจากพัฒนามาตรฐานมาหลายปี ธุรกิจกระแสหลักเริ่มนำสถาปัตยกรรมแบบบริการเป็นศูนย์กลาง (Service-Oriented Architectureหรือ SOA) มาใช้เพื่อบูรณาการข้อมูลที่แตกต่างกันโดยทำให้ข้อมูลเหล่านั้นพร้อมใช้งานในรูปแบบของบริการเว็บ (Web Services) บริการเว็บเหล่านี้มีโปรโตคอล แบบเปิดและได้มาตรฐาน เพื่อให้เป็นวิธีการเข้าถึงข้อมูลจากแพลตฟอร์มที่หลากหลาย ( ระบบปฏิบัติการภาษาโปรแกรมแอปพลิเคชัน ) ได้อย่างเป็นเอกภาพ บริการเว็บเหล่านี้สามารถนำมาใช้ซ้ำเพื่อให้บริการและแอปพลิเคชันใหม่ๆ ได้อย่างสมบูรณ์ทั้งภายในและระหว่างองค์กร ทำให้ธุรกิจมีความยืดหยุ่นมากขึ้น

• การผสมผสาน (วัฒนธรรม)
• มิกซ์อัพ (ดนตรี)
• Open Mashup Alliance
• API แบบเปิด
• Yahoo! Pipes
• เว็บฮุค
• เว็บพอร์ทัล
• การดึงข้อมูลจากเว็บไซต์

• Ahmet Soylu, Felix Mödritscher, Fridolin Wild, Patrick De Causmaecker, Piet Desmet. 2012 . “Mashups by Orchestration and Widget-based Personal Environments: Key Challenges, Solution Strategies, and an Application.” เก็บถาวรเมื่อ 2020-08-03 ที่Wayback Machine Program: Electronic Library and Information Systems 46 (4): 383–428.
• Endres-Niggemeyer, Brigitte บรรณาธิการ 2013. Semantic Mashups. การนำทรัพยากรบนเว็บมาใช้ซ้ำอย่างชาญฉลาด. Springer. ISBN 978-3-642-36402-0(พิมพ์)