认识 Microsoft Popfly：第一部分 - 基于 Silverlight 的 Mashup 应用创建器

注意：Microsoft Popfly 目前处于 Alpha 测试阶段，仅对受邀用户开放。您可以通过此处申请邀请。我在论坛上看到，Popfly 团队每天会发出数千份邀请。这是先到先得的。

引言

Microsoft Popfly 是一个网站，允许用户使用 Microsoft Silverlight 和提供的一系列在线工具来创建网页、程序片段和mashups。Popfly 支持 Mozilla Firefox 2.0 和 Internet Explorer 6.0 或更高版本。

Popfly 主页

从 Popfly 主页，用户有三个主要选项

1. 认识其他用户
2. 创建网页
3. 创建 mashup

Popfly 社区

Popfly 空间	加入社区

Popfly 的创建以在线社区为中心，并以此为重点。被称为 Popfly 空间，创作者可以托管、分享、评分、评论甚至“混搭”其他 Popfly 用户的创作。

Popfly 几乎是完全在线的体验。无论您是想参与 Popfly 社区，还是想开发新的 Popfly mashup，或者只是想看看别人已经创建了什么，您都可以在 Popfly 网站本身完成所有这些事情。

社区功能

• 加入社区
  Popfly 社区是一个非常活跃的社区，拥有成千上万的用户。
• 查找用户
  您可以直接通过用户名或评分找到 Popfly 用户，也可以通过查看谁创作了某个内容来间接找到。
  MSDN Popfly 论坛 - Popfly 综合讨论，Popfly 缺陷和建议，以及Popfly Explorer
• Popfly 团队在回答问题和提供指导方面做得非常出色，而且用户参与度很高。
• 帮助
  Popfly 的帮助文档几乎涵盖了 Popfly 新手入门所需的一切。
• 查看
  Popfly 网站上列出的所有用户共享创作内容都始终有一个“查看”链接，可用于查看该创作。
• 复制
  Popfly 网站上列出的所有用户共享创作内容也始终有一个“复制”链接，可用于复制该创作。
• 热门 Mashups
  Popfly 上评分最高的三个 mashups 始终列在 Popfly 用户主页上。
• 我的账户
  Popfly 上评分最高的三个 mashups 始终列在 Popfly 用户主页上。
• 我的 Popfly 页面
  您的 Popfly 页面是您在 Popfly 上的个人空间。它包含您的好友列表、项目和一些基本的个人资料信息。
• 我的个人资料
  在这里，您可以编辑您页面的标题、头像、标语、RSS 源和横幅图片。
• 我的 RSS 源
  此功能在 Popfly 的 Alpha 版本中尚未启用，但它将允许列出 RSS 源。
• 我的开发者密钥
  某些块需要开发者密钥才能保存和正常工作。例如，flickr 要求您先注册才能使用。
• 邀请好友
  在 Popfly 的初始 Alpha 发布期间，Popfly 支持用户向好友发送邀请以加入 Popfly。

Popfly 网页创建器

Popfly 网页创建器	创建网页

• 这允许用户创建他们的 Popfly 网页，用于他们的 Popfly 网站，通常用于存放他们的 Popfly mashups，但并非必须如此。
• Popfly 的网页创建器是一个强大的图形编辑器，因此用户无需具备任何 HTML 知识，此外，编辑器还内置了带有分步向导、示例和视频的教程支持。
• 网页创建器具有以下功能：字体类型、字体大小、字体颜色、字体效果、段落选项、图像、mashups、表格、超链接、高级布局编辑器、页面样式编辑器、主题、样式、导航、颜色和页面设置。

Popfly Mashup 创建器

过去，大多数编程 IDE（集成开发环境）都要求用户首先学习一门编程语言，例如 C#，才能创建自己的程序。Popfly 打破了这一局面，决定将其 IDE 设计为一个完全可视化的 IDE，并允许在用户需要或想要时使用编程语言（在本例中为 JavaScript）。

Popfly Mashup 创建器	创建 Mashup

使用Popfly Mashup 创建器创建 Mashup 就像“咔嗒”一下一样简单。用户将所需的块从屏幕左侧的块列表中拖动到屏幕中间的设计表面。然后，用户将这些块连接起来。例如，通过将 用户输入块 连接到 Digg 块，然后再连接到 PhotoTiles 块，经过一点配置就可以创建一个 “谁在挖掘你？” mashup。

用户输入块	Digg 块	PhotoTiles 块

每个 Popfly 块都可以弹出一个操作对话框，用户可以在其中根据需要配置和修改其 mashups 的设置。

Popfly Mashup 创建器还集成了教程，将引导用户完成教程、示例项目和几个视频。这以及复制任何现有的共享 mashup 的能力，使得学习和开始创建自己的 mashups 变得容易。

用户还可以完全自定义托管 Popfly mashup 的页面的 HTML。这允许高级用户对其 mashups 进行一些真正令人印象深刻的定制和修改。

Popfly 块创建器

Popfly 块创建器

Popfly 块创建器允许用户从头开始创建自己的块，或者通过修改现有块来创建，现有块可以是官方 Popfly 块，也可以是其他用户创建的块。

Popfly 块每个都有一个 XML 定义文件，其中包含完全描述 Popfly 块所需的任何元数据。这包含输入输出类型定义、图标 URL 和其他必需的 IntelliSense 信息。

Popfly 块还包含一个 JavaScript 代码文件，其中包含任何自定义代码（主要是函数），这些代码将在块用在 Popfly mashups 中时执行。

Microsoft Popfly 块备忘单

Popfly 开箱即用附带大量官方块。有 50 多个 Popfly 块，以及两倍于此的用户创建块。所有这些都可以直接用于创建 mashups，或作为构建新改进块的起点，使其功能更强大。

我已将大约 50 个官方 Popfly 块列出，并附带它们的所有操作，以便读者了解可用的工具。

// BLaugh Block
getRandomComics()
getComic()

// Block Inspector Block
getOperations ()
getAllowedValues()

// Calculator Block
getRandomWholeNumber()
getRandomNumber()
getMaximum()
getMinimum()
round()
add()
subtract()
multiply()
divide()

// Carousel Block
addImage()
setFrameColor()
setAttribution()

// Combine Block
combineTwoLists()
combineThreeLists()

// Conversation Block
addMessage()

// Digg Block
GetStories()
GetPopularStories()
GetUpcomingStories()
GetStoriesByContainer()
GetPopularStoriesByContainer()
GetUpcomingStoriesByContainer()
GetStoriesByTopic()
GetPopularStoriesByTopic()
GetUpcomingStoriesByTopic()
GetStoryByStoryId()
GetStoriesByUser()
GetTopics()
GetTopicByName()
GetUsers()
GetUser()
GetUserFriends()
GetUserFans()

// Digital Podcast Block
Search()

// Facebook Block
getFriends()
getUserInfo()
getPhotosOfMe()
getPhotos()
getPhotoAlbums()
getGroups()

// Filter Block
filter()
truncate()

// flickr Block
getGeotaggedPhotos()
getPhotos()
getTags()
getUserPhotos()
getPhotoset()

// Gauge Block
setValue()
increaseValue()

// GameTrailers Block
getFeeds()
getTrailers()

// GeoNames Block
getLatitudeAndLongitude()
lookupOnPlaceName()
lookupOnLatitudeLongitude()
lookupOnZipCode()
lookupOnCityState()

// Image Scaper Block
getImages()
getUniqueImages()

// Image Comment Block
comment()

// Indeed Jobs Block
search()

// Live Spaces Block
getPhotos()
getFriends()
getLists()

// MSN Horoscopes
getMonthlyHoroscope()
getWeeklyHoroscope()
getDailyHoroscope()

// MSN News Feeds
TopBoxOffice()
JimJubekMoneyCentralColumn()
LizPulliamMoneyCentralColumn()
InCarNation()
TopCelebrities()
TopMovieRentals()
InTheaters()
ComingSoon()
TopStories()

// My Live Contacts Block
getContacts()

// News Reader Block
addNewsItem()

// Page Turner Block
addNewsItem()

// PhotoFlip Block
addImage()

// PhotoSphere Block
addImage()

// PhotoStack Block
addImage()

//PhotoTiles Block
addImage()

//RegExp Block
getMatches()
isMatch()
isWholeNumber()

// RSS Block
getItems()
getFeed()

// SeattlePublicLibrary Block
getBooks()

// Slideshow Block
addImage()

// Snipshot Block
editImage()

// SoapBox Block
search()
getFeaturedVideos()

// Sort Block
sort()

// Stock Quotes
getStockGraph()
getQuote()

// Text Helper Block
getSubstring()
append()
skipFirstCharacters()
split()

// Timer Block
tick()

// Trynt Block
calculateLoveFactor()

// Twitter Block
getLatestPosts()
getFriendsPosts()

// Upcoming Block
findEvents()

// User Input Block
getText()
getTwoTextValues()
getThreeTextValues()
getChoiceFromDropdown()
getTwoChoicesFromDropdowns()
getThreeChoicesFromDropdowns()
getTextAndChoice()

// Video Player Block
findEvents()

// Virtual Earth Block
addPushpin()
setMapView()
drawLine()
deleteAllPushpins()

// Whack-A-Mole Block
addImage()

// Yahoo! Answers Block
getAnswers()

// Yahoo! Images Block
search()

// Yahoo! News Block
search()

// Yahoo! Term Extraction Block
getTerm()

// Yahoo! Traffic Block
getTrafficForAddress()
getTrafficForZipCode()
getTrafficForCoordinates()

// Yahoo! Video Block
search()

// XBox Live Block
getGamerCard()
getLastPlayedGames()
getPlayerPresence()

关注点

如果您想了解有关 Microsoft Popfly 的更多信息，我在我的博客上维护了一个大型链接集：Microsoft Popfly 链接。

本文旨在对 Microsoft Popfly 进行简要介绍。它旨在帮助读者了解可用的工具以及如何使用它们来构建自己的创作。我打算撰写另外两篇文章。一篇是关于如何创建自定义 Popfly mashups。另一篇是关于如何创建您自己的 Popfly 块。

历史

• 2007.06.02 上传了原始文章