Khoa Công nghệ thông tin

Bộ môn Công nghệ phần mềm

Nguyễn Huy Khánh

nhkhanh@fit.hcmus.edu.vn
 Mashup là gì?

Phân loại Mashup

Tạo Mashup
12/12/2010 Các công nghệ lập trình hiện đại 3
 Trong âm nhạc và phim ảnh
Là một thể loại bao gồm toàn bộ hoặc một phần
ca khúc hoặc phim được chỉnh sửa để xuất
hiện trong một sản phẩm
Xuất hiện đầu tiên là music mashups
Sau đó là video mashup nhờ Youtube

12/12/2010 Các công nghệ lập trình hiện đại 4

12/12/2010 Các công nghệ lập trình hiện đại 5
 http://www.weatherbonk.com
12/12/2010 Các công nghệ lập trình hiện đại 6
 http://www.mibazaar.com/top100celebrities/
12/12/2010 Các công nghệ lập trình hiện đại 7
 http://flickrsudoku.com/
12/12/2010 Các công nghệ lập trình hiện đại 8
 http://www.aha.vn
12/12/2010 Các công nghệ lập trình hiện đại 9
 Mashups = Remixed Data
Data + APIs
Data + Other Data
Data + Functionality
Mashup là một website hay một ứng dụng
kết hợp nội dung từ nhiều nguồn thành một
sản phẩm thống nhất
Nội dung sử dụng trong mashup thường bắt
nguồn từ thành phần thứ ba thông qua Web
API
Các nguồn nội dung khác cho mashup như
Web feeds (RSS hay Atom) hoặc JavaScipt
12/12/2010 Các công nghệ lập trình hiện đại 10
 What do you make of the mashups
phenomenon? I can't tell you how excited I am
about it. We know we don't have a corner on
creativity. There are creative people all around
the world, hundreds of millions of them, and
they are going to think of things to do with our
basic platform that we didn't think of. So the
mashup stuff is a wonderful way of allowing
people to find new ways of applying the basic
infrastructures we're propagating. This will turn
out to be a major source of ideas for applying
Google-based technology to a variety of
applications.
Internet pioneer Vint Cerf, Google's chief Internet evangelist
12/12/2010 Các công nghệ lập trình hiện đại 11
 Định nghĩa Mashup

Phân loại Mashup

Tạo Mashup
12/12/2010 Các công nghệ lập trình hiện đại 12
 Kết hợp feeds/thông tin từ nhiều website liên
quan thành một site duy nhất
Nhiều thông tin + ít thao tác = duyệt web vui
vẻ hơn

http://www.baomoi.com/ http://www.google.com/reader
12/12/2010 Các công nghệ lập trình hiện đại 13
 Tìm kiếm: Cho phép tìm kiếm dữ liệu từ API
Kết hợp tìm kiếm: Tìm một lần, lấy dữ liệu từ
nhiều search engine/APIs một lúc

http://www.dogpile.com/
12/12/2010 Các công nghệ lập trình hiện đại 14
 Hiển thị trực quan: lấy thông tin liên quan và
thể hiện theo những cách khác nhau

http://www.liveplasma.com/
12/12/2010 Các công nghệ lập trình hiện đại 15
 Lấy dữ liệu địa lý từ nhiều nguồn (kể cả của
người dùng) và thể hiện lên bản đồ
Dữ liệu địa lý có thể là kinh độ/vĩ độ, có thể
là địa chỉ, thành phố, địa điểm thông qua các
geocoding APIs

http://www.weatherbonk.com

12/12/2010 Các công nghệ lập trình hiện đại 16

 Lấy dữ liệu từ APIs/feed và đặt vào định
dạng của thiết bị di động
Phát triển chóng do một số tính năng của
Web 2.0 chưa thể hiện tốt trên thiết bị di
động (AJAX, đồ họa, ...)

12/12/2010 Các công nghệ lập trình hiện đại 17

 Cho phép người chơi có nhiều dữ liệu thực
tế từ web (hình ảnh, bạn bè, bản đồ)
http://facebook.com, http://flickrsudoku.com/

12/12/2010 Các công nghệ lập trình hiện đại 18

 Định nghĩa Mashup

Phân loại Mashup

Tạo Mashup
12/12/2010 Các công nghệ lập trình hiện đại 19
12/12/2010 Các công nghệ lập trình hiện đại 20
 Gắn kết

Yêu cầu Thể hiện dữ liệu

Gọi API Gọi API

Dữ liệu Dữ liệu

12/12/2010 Các công nghệ lập trình hiện đại 21