December 14, 2009

iPhone Gadget: An iPhone for all of your Friends

An iPhone for your community!
Here is my last work: an iPhone gadget for Google Friend Connect, so you can put a iPhone on your Website and show your community within it.
But that is not all because, like the real iPhone, you can:

• scroll its contents (by using your mouse, look at the following image)
• click on members and get more informations about them
• navigate among all members of your community

Moreover, there is no need to use any Flash plugin and its installation is very simple.

September 26, 2009

Screensaver Gadget for Google Friends Connect

This gadget lets you publish on your website a screensaver showing images of your community. Visitors can click on a member's photo to learn more about them and become friends.

Note that there is no need to use any Flash plugin because this gadget uses only javascript language.

When you install it, you can set the following parameters:

• screenWidth: width of the screen;
  screenWidth >= 200
• rows: rows of faces that will be showed in the gadget;
  2 <= rows <= 15
• waitTime: waiting time between two effects (seconds);
  1 <= waitTime <= 10
• useEffects: Yes/No, it says if the animation for images has to be used or not;
  useEffects = 1 | 0

You set these parameters in the same way as you do for the Scoller gadget.

Moreover, you can customize some colors (see the image below) of this gadget:

Use OpenSocial Gadgets.skins API to set these colors.

August 30, 2009

Cloud Gadget for Google Friends Connect

This gadget lets you show names of your community rotating within a cloud in your website. Visitors can click on a member's name to learn more about them and become friends.

When you install it, you have to set at least first two parameters (others are optional):

• cloudWidth: width of the cloud; [cloudWidth >= 100] Required
• cloudHeight: height of the cloud; [cloudHeight >= 60] Required
• maxDisplay: number of recents friends that will be showed in the gadget;
  [1 <= maxDisplay <= 20]
• xAxis: x-scaling; [1 <= xAxis <= 3]
• yAxis: y-scaling; [1 <= yAxis <= 3]

July 14, 2009

Scroller Gadget for Google Friends Connect

Use this gadget to show images of your community scrolling across your website. Visitors can click on a member's photo to learn more about them and become friends.

When you install it, you have to set at least first two parameters (others are optional):

• imgHeight: height of each scrolling image (see the image below);
  [imgHeight >= 20] Required
• scrollerWidth: width of whole Scroller gadget;
  [scrollerWidth >= 100] Required
• maxDisplay: number of recents friends that will be showed in the gadget;
  [1 <= maxDisplay <= 200]
• speed: scrolling speed;
  [1 <= speed <= 3]
• showEndcaps (NEW): to show/hide encaps (Yes/No);
  showEndcaps = [1 | 2]
• showInnerLines (NEW): to show/hide inner horizontal lines (Yes/No);
  showInnerLines = [1 | 2]
• endcapsBg (NEW): endcaps colors (Common=#E0ECFF, Black, White);
  [1 <= endcapsBg <= 3]

I've recently updated the scroller by adding three parameters ('showEndcaps', 'showInnerLines' and 'endcapsBg'). Note that these parameters are not mandatory and the code is completely backward-compatible, so even if you're not using these your gadget will work the same.

May, 2009

Google Friend Connect - FRIENDS (3D VIEW)

It's fantastic to use Google Friend Connect and create new ways of integrations. This 3D view example is my first work with it.
Details:

• Direct Server-side integration with REST/RPC protocols
• Integration with Colliris