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

Title:       Meet Microsoft Popfly: Part I - Mashup App Creator Built On Silverlight
Author:      Chris Craft 
Email:       cjcraft@mail.com
Member ID:   353582
Language:    C#, ASP.NET
Platform:    Silverlight, .NET
Technology:  Silverlight, XAML, ASP.NET
Level:       Beginner
Description: Learn more about the Mashup creator, Popfly space, and the Web page creator.
Section      .NET
SubSection   Silverlight 

引言

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

Popfly 主页

从 Popfly 主页，用户有三个主要选项：认识其他用户、创建网页和创建 mashup。

Popfly 社区

Popfly 空间	加入社区

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

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

社区功能

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

Popfly 网页创建器

Popfly 网页创建器	创建网页

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

Popfly Mashup 创建器

过去，大多数集成开发环境 (IDE) 都要求用户首先学习一门编程语言，例如 C#，才能创建自己的程序。Popfly 打破了这一模式，并决定将其 IDE 完全可视化，并可以选择在用户需要或想要时使用编程语言，在本例中是 JavaScript。

Popfly Mashup 创建器	创建 Mashup

使用Popfly Mashup 创建器创建 Mashup 非常简单，简直是“一拍即合”。只需将所需的块从屏幕左侧的块列表中拖到屏幕中间的设计区域。然后，用户将这些块连接起来。例如，通过连接 User Input Block、Digg Block，然后到 PhotoTiles Block，通过一些配置就可以创建一个““谁在关注你？”” mashup。

User Input Block (用户输入块)	Digg Block (Digg 块)	PhotoTiles Block (PhotoTiles 块)

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

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

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

Popfly Block Creator (Popfly 块创建器)

Popfly Block Creator (Popfly 块创建器)

Popfly Block Creator 允许用户从头开始创建自己的块，或修改现有块，而现有块可以是官方 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 上传原始文章