This tutorial is based on the "Five-Star widget" code that is used as part of our Keyboard Accessibility Demo. It assumes that:
While the "Five-Star widget" is used in a demo of our Keyboard Accessibility jQuery plugin, it is, by itself, a fine example of an IoC component, and it's not necessary to know about the plugin to follow this tutorial.
The Five-Star Widget is a simple component that displays a graphic of 5 stars on the page to allow users to "rank" something. The widget responds to user selection and internally stores the rank. In our Keyboard Accessibility Plugin demo, it's used to rank images in an image view, but it could be incorporated into a movie database, restaurant review site, etc.