This is an example widget that shows how to create a widget that actually does something. In this case it stores user input and outputs it on the website.

New files are underlined. Here's what they do:

helloInput.css - CSS rules required for display widget on the public website
IpHelloInput.css - CSS rules needed for administration of your widget
IpHelloInput.js - Javascript that initializes widget management and sends required data for storage
system.php - tells the system to include helloInput.css into header.

For other files see previous HelloWidgets example.

For more details read comments inside each file.