[翻译]Popfly系列课程3 – 地震地图及纺织照片：什么是一个mashup？

在本课中，你将学到怎样创建简单的mashup程序来显示图片，及与地震数据交互。

本课的Professor Popfly Mashups参考:

地震图：http://www.popfly.com/users/professorpopfly/Earthquakes

Flickr图片球：http://www.popfly.com/users/professorpopfly/FlickrPhotoSphere

学习成果

完成本课学习后，你将可以：

• 解释什么是mashup
• 辩认 上的现实世界的mashup
• 描述门户与mashup的区别
• 描述为什么API对于在两个程序之间共享数据是重要的
• 解释mashup应用分布式的特性
• 创建一个 页来显示你的mashup
• 使用Popfly创建一个地震地图的mashup
• 使用Popfly创建一个flickr照片空间的mashup

Mashup引擎（如Microsoft Popfly）是一种中间件，它负责连接数据源并创建mashup，然后将结果通过Internet传回到用户的浏览器，这样用户可以浏览并与它们交互。一个mashup可能用到来自一个或多个内容提供程者的数据。

使合并来自不同数据源的数据变为可能的原因之一是大部分服务以一种标准的基于XML的格式提供数据，这种格式的数据可以很容易的通过互联 传送。XML，全称eXtensible Markup Language，是一种描述信息的标准格式，这使它可以很容易的被其他应用程序共享。XML是用来描述信息的，而HTML(Hypertext markup language)是将信息显示在 络中的工具。

被汇集的数据（照片，RSS源，通过一个公司的API暴露的特定的业务对象）实际存在于由各自公司维护的远程服务器。Mashup引擎在将结果返回给用户浏览器之前访问并处理这些数据。

示例1：地震地图mashup

浏览美国地震灾害地质调查项目的 站（http://earthquake.usgs.gov）。它展示了 一幅世界上近期发生地震的区域的地图。Professor Popfly创建了一份这个mashup的另一个版本，该版本通过访问地震 站Earthquake ShakeMaps的RSS源（http://earthquake.usgs.gov/eqcenter/catalogs/shakerss.xml）并将数据显示在Virtual Earth地图上实现。

示例2：创建一个照片mashup

Tag Galaxy mashup(http://taggalaxy.de)根据用户输入的标签显示一个flickr照片光球。它也显示相关的标签，通过这些标签可以搜索照片。

注意，虽然视觉效果不同，但两个mashup中的一些图像是相同的。这两个mashup都使用了flickr API来访问相同的标记着篮球的flickr的图片集合。图像存储于flickr中，但是mashup引擎（第一个例子中是Tag Galaxy应用，第二个例子中是Popfly）访问图片并将它们以不同的方式显示在一个纺球空间中。最终结果mashup运行于用户浏览器中。

下面是在Popfly中创建flickr照片空间的mashup的步骤：

1. 在Popfly中创建一个新的mashup。
2. 将一个flickr块与Photoshop块拖放到设计界面上。
3. 在flickr块中，选择getPhotes操作并输入你要搜索的照片的标签（如”篮球”）以及你想要由flickr返回的照片数。按关联度排序。
4. 将flickr块连接到PhotoSphere块。
5. 预览这个mashup。

注意：你将需要获得一个developer key以便保存使用了flickr块的mashup。

注意，flickr块调用了flickr API页面（http://www.flickr.com/services/api/）中的列出的多个API方法。其中的两个方法以及相关的Popfly操作在上面的截图中高亮显示。

相关资源：win10,win11可用,智尊宝纺服装CAD制版软件,win7可用最新版9.74…