Posts Tagged ‘Widgets’

How to build a widget – Choose the technology

December 6th, 2008

[Part 2 in a 5 part series titled "How to build a widget"]

Widgets in reality are actually like little mini-web sites contained on a users blog/social page.  The “embedded chunk” of code is hosted by the widget owner (you) but instead of just displayed on one location (your website), the widget is displayed virally on an infinite number if websites.

This “embedded chunk” requires some specialized tech to pull this off.

2)  Choose the technology

There are basically two categories of technologies used to create widgets:  HTML/JavaScript and third-party plug-ins.

HTML/JavaScript

A widget developer could craft the entire widget using HTML/JavaScript.  With the combination of AJAX and DHTML a developer can create at least 4 of the 5 categories of widgets (I am going to leave out the “Games” category since advanced animation is tough to deliver in a JavaScript environment. Agree/disagree?)  

HTML/JavaScript only relies on the browser to render the widget, making it the purest way to craft a web widget. 

Pros:
- JavaScript can encapsulate the “embedded chunk” of code to a small snippet.
- HTML/JavaScript is a coding common paradigm known by many web developers.

Cons:
- Many social sites forbid JavaScript since it could promote cross-scripting attacks.
- Animations and other rich content are very hard or impossible to reproduce using JavaScript.
- The HTML/JavaScript code could be seen by site visitors.

Third Party plug-ins

The other common source of widget development takes place as third party plug-ins.  The most popular third party widget platform is Adobe’s Flash. Flash allows the developer to create rich environments and user interfaces using their designer and ActionScript programming language.  Flash debuted as a third party technology in 1996 and has over 90% browser saturation.

Adobe Flash

Adobe Flash

 
Another third party widget platform gaining ground is Microsoft’s Silverlight.  Silverlight allows you to create rich environments and user interfaces using MS .NET platform.  Silverlight broke onto the scene in Dec 2006.

Flash still has more popularity as a widget platform due to its tenured status, but given the sheer volume of .NET programmers it may not be long before we see Silverlight as popular in widget development as Flash.

Pros:
- Flash is accepted by almost all blogs/social pages.
- Rich content and animation is very possible in Flash/Silverlight.
- Flash/Silverlight is much more locked down in terms of code visibility.
- Widget distribution sites generally favor Flash over JavaScript/HTML

Cons:
- Flash requires you to purchase Adobe’s Flash product to develop widgets.
- Learning .NET/ActionScript.
- Flash/Silverlight widgets are generally larger then HTML/JavaScript widgets in terms of download size.

When I was developing MyVGift.com Virtual gift widget I chose to use Flash for two reasons:  One, I wanted it to be able to be deployed on as many blog/social pages as possible (This ruled out HTML/Javascript).  Two, Flash is much more available (at present) then Silverlight.

I would like to possibly write my next widget using Silverlight since I have been working with programming Microsoft software for the last 14 years.  I strongly believe that Silverlight will play a major part in having widgets grow across the web in the coming years.

So if you are just writing a widget that is targeting Blog sites, HTML/JavaScript may be a good choice.  If your widget relies heavily on animation and you want it to have a wider reach, then Flash/Silverlight may be the option.

Next – Part 3 – Creating the widget.

Part 1 | Part 2 | Part 3 | Part 4 | Part 5

How to build a widget

December 2nd, 2008

Widgets have been around for almost as long as the internet became known as the World Wide Web. According to definition, a web widget is “a portable chunk of code that can be installed and executed within any separate HTML based web page by an end user without requiring additional compilation ”
 
But you want to make a widget.  It is very easy to virally grab a widget and put it on your MySpace page.  But how do you create the next-greatest widget?
 
This Blog post is the first in a 5 part series in giving a generic instruction on how to build a widget. 

 

1) Think of a good idea. 

You want to create something people would be proud to place on their blog or social page.  What can you make that enhances someone’s web page?  You also need to make something that the blog/social site owner can not easily create themselves.  You also want to make it worthwhile for the blog/social site owner to waste precious screen real estate space.
 
I took a stab and came up with a list of 5 categories of widgets: 

– Informational:  RSS readers, clocks, countdowns, stock ticker, etc.
– Games:  classic arcade, simplistic sports, arade bowling, etc.
– Utility:  geolocation, visitor statistics, etc
– Silly: Penut Butter Jelly Time  Nuff said.
– Interactive: chat based, message ability, user content, sliders, etc.

The best bet is to think of an idea that would set your widget apart in one of the above categories. 
 
An example I will use through out this 5 part series is the last widget I developed:  a Virtual gift widget www.MyVGift.com.  I saw that on closed application platforms such as Facebook the concept of being able to send a virtual gift was pretty popular.  I thought this would be cool to implement as a generic widget.  MyVGift.com falls into the interactive category.   Is this a good idea?  Sometimes only time will tell if your widget will be adopted and go viral.

Next – Part 2 – Choose the technology.

Part 1 | Part 2 | Part 3 | Part 4 | Part 5

Debunking 9 Widget Myths

July 15th, 2008

image

There always have been a certain ignorant disdain to widgets in general and thanks to that Widget have to carry around a lot of myths pinpointed to them that unfairly.

Leah Messinger takes it on herself to set the record straight and debunking 9 of those widget myths doing quite a good job. required reading for those interested in widgets.

9 widget myths debunked

via Snipperoo

Widgets are already a commodity, it is time for them to go further.

June 23rd, 2008

Widgets now finally got several forces pushing the way they must be managed now. there is a group of forces of interest behind them now and they have the form of Marketing, Advertising and Analytics.

Those are the things that aim to make monetization not only a reality. because that is something already archived. but to make monetization something common. be able to make widgets sustainable and generate as much revenue they can.

But now that everything of that is in place. lets forget about it.

How about mainstream acceptance?

That is even a issue now?. not at all i think that was the thing archived last year.if the surge of companies like slide and rockyou is not a mainstream acceptance of widgets. or the fact that now not having a widget for your service makes you look as unprepared.

if that are not powerful enough arguments that widgets have gone mainstream enough then we are wasting our time.

Lets move on.

How about ease of development’?

A point i think we will not only reach this year but even find ourselves in a glut of options.

Now you got lots of platforms and way to make widgets of all kinds and however you want them. now we got tools so evolved that you only need to drag and drop to build a widget or mash up services in order to make something in minutes if you want. something that just a year back would have taken you hrs or days.

Add API being something of an afterthought and we are in the right track.

We are getting there.next step.

What is left to do?

With the whole talk of widgets being the new website. something that would be a half truth,  half lie over optimistic approach to widgets. one has to wonder:  since when?.

We have not got there. that is not anywhere commonplace or  something you can point at one widget in particulal and say “that widget got it all”.

How do we get somewhere around that point?

We get to that point with not only Portable Experiences but Self Sufficient Portable Experiences

1.-Leveling Up

As i see more and more solutions for easy development i get to see widget companies wanting to make casual experiences. kinda like in video games where you got the Wii. offering up mindless yet socially fun games without substance. that is good. but that kind of experiences while they can get more people to try them out. their expiration rate is shorter and the engagement is of less quality over time.

We need more power to make more engaging widgets. but more importantly. we need it because otherwise you cannot with have Self Sufficient Portable Experiences.

it don`t matters if you choose to use Ajax, or JavaFx or Flex or Silverlight. it is time for things to go down that path.

2.-Self Sufficient Portable Experiences

when i talk about SSPE. i talk about widgets that don`t need to lead the user to the mothership. to take the user anywhere but the place where they found the widget. be a friend Blog sidebar, a friend social network profile or a Blog post just like this one.

I.-High Spread Sharing

The option to share the widget inside a widget became common at the start of 2007 when it only offered a generic embed code the user had to grab and then somehow apply wherever they wanted to put the widget. that was plain “Sharing”.

Later in 2007 you would find other options inside the widget like “JavaScript or Flash”. Later Social Networks  and Start pages reached their commodity status and it made sense to offer a way for the widget to be put in those social networks while making the process as frictionless as possible.

The use of “install links” became then common for Myspace and later other social networks, blogging platform and start pages. those options gave widgets “High Spread” to go viral, hence:

High Spread Sharing

With the coming of age of the mobile web and better widgets in the desktop as Vista Sidebar became the recognizable factor for widgets in the desktop. such form was also adopted by Yahoo Widget Engine and Google Desktop and now even Webtops. so i think the terms is suitable.

II.-Searchable

While not all widgets can use this. the most important ones and the ones we care about to reach higher level of engagement need it. be it a rss mini feed reader able to search feeds. a video game catalogue in a widget like Neoedge or Hulu allowing you to check out the Hulu  video library from the same widget. that can go further. for music, feeds and services. having the widget serve as the not only a face to your service but as a middle man for it is something needed.

Another reason is because it  expands the time a user will engage with the widget and gives the window of opportunity for a efficient monetization via advertising, promotional offerings or special sponsorships.

III.-Social Graph Enabled

Widget should not wait for the user to make up its mind and send a impersonal notification via e-mail. he should be able to have the same frictionless he has when using the High Spread Sharing panel in the widget. but how?. by allowing him to allow the widget to identify the user.

Once identified, the user can talk to others using the widget, send messages from the widget or allow the widget to send a notification written by the user in whatever method the user prefers: e-mail, microblog or instant messaging.

This is where the whole Inter connected relational information spheres theory enters. or as we call it now:

The Social Graph

This is of course the last stage  in engagement because it needs things like Data Portability, Authentification Protocols Transparency and Lifestreaming collide into something coherent that widget makers can get to use.

But it is part of what the whole Google Social Graph and Lifestreaming Aggregators API should get into play.

3.-Making Good Widgets

Finally. the Holy Grail. making some good widgets while still being able to give the Widgets more power and make them easier and more useful.

Yeah. no fair. i know. but hey. who said it was going to be easy?.

Anyway. that is where i think Widget should go as fast as possible. being able to see a widget with all those traits in 2008 would be great. at least that is what i think.

Website maintained by Happy Shoe Media LLC