We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message
2,810 Tutorials

How to create your own Facebook mashup with Popfly

Develop Facebook applications without coding

You can create a Facebook application from scratch, but it's easier to use a site such as Popfly. This allows you to create apps without coding. We're going to create an application that maps graphics on to a rotating sphere - either third-party graphics or users' own photos.

Step 1

Step 1

Popfly applications are called mashups. To make one, click the Create, Mashup link. This loads the Popfly developer, which has a series of building blocks (or code objects) that can be dragged on to the design surface. Each block can be modified to make it act as you wish, then linked to other blocks to build a complete application.

Step 2

Step 2

Drag the block you want to use into the design surface, then click the wrench next to it to modify its properties. This zooms into the block and lists elements that can be changed (types of images in this case). When you've finished making changes, click the wrench again to return to the main screen.

Step 3

Step 3

IDG UK Sites

Google Fit vs Apple Health Kit: What's the difference?

IDG UK Sites

How to join Apple's OS X Beta Seed Program: Get OS X Yosemite on your Mac before public release

IDG UK Sites

Introducing generation tech

IDG UK Sites

This animated film reveals the importance of designing for everyone