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.