Gadget Geek Journey; Desintation 2: Vista Sidebar Gadget

What an interesting day with Windows Vista. It is certainly “polished” than Windows 2000 and XP; things seems to be placed in logical areas. Also took the opportunity to install Adobe Photoshop CS3 Beta, which worked flawlessly – all running successfully in Parallels! Two computers in one is a major time saver.

It was also time to swap to Microsoft Expression Web, to complete the Microsoft-centric development environment. Expression Web certainly feels more polished than Visual Web 2005. I hope to spend more time in this app.
Closing the loop on my Thursday experimentation with live.com and Vista Sidebar gadgets: and the result is a new little gadget I am alpha testing: The Neil Finn Lyric Vista gadget.

And it looks sorta like:

Please right-click, save-as a “.gadget”, double-click and drag and enjoy the words of one of the world’s best lyricists. Comments and feature requests more than welcome.

Best starting place for the proverbial Hello World experience for Vista Sidebar gadgets is http://microsoftgadgets.com/Sidebar/DevelopmentOverview.aspx

Daniel Moth, from Microsoft UK has an Excellent screencast on the Channel 9 site at http://channel9.msdn.com/Showpost.aspx?postid=255735.These gets you going on the first part: at least getting your gadget running and drag and droppable.

You will need to do a little more Javascript, as this triggers events that ensure your sidebar gadget works

http://blogs.msdn.com/sidebar/ has some more up-to date info, as the MSDN site is a little behind on updating. I wonder if Microsoft is going to release an Apple Dashcode style of mini development application for widgets? Hope so. Whilst the development process is no more difficult than simple web page design; there are many pieces of wiring that could be made easier with a simple builder.

Gadget Geek Journey; Desintation 1: live.com

Time to get serious on my resolutions. Well, at least one anyway; I’ll start the waist shrinking/walking later. It’s Thursday Geekout time!

Inspired by Robert Scoble’s Podtech.net live.com gadget posting, and a general feeling that gadgets are where it is at for non-professional programmers like myself.

So, first port-of-call http://gallery.live.com/ then on to the Developer center

Decision time: what to gadget up? A Cricket gadget is underway. I am sure that one of the various national religions of football will follow come March. For weather I can use my real window to look outside. (note: growing up on a farm, you learn to read the weather by looking through the window at the clouds). Neil Finn Lyrics!

So, there is some magic back-end code that is pulling the data from a small database, and rendering text smartly onto a random Neil Finn image. This will be the first step. No need to confuse myself with too much shenanigans just yet.

Off to the Developer’s Guide, and download the examples from the .zip. Oooh, css xml javascript. Easy. I have a localhost web server running, so that’s no stress. Text editor open, coding music in the ears.

How to test out the gadget? OK, I need Microsoft Visual Web Developer 2005. Now is a good time as any to test it out. There is a method of harnessing your local gadget to Internet Explorer and the live.com servers to test out before embarrassing yourself publicly! Hmm, seems like you can directly access the test harness with the correctly formed URL. There are three versions of this URL that I can find.

OK, it seems that the live.com gadget testing Javascript harnesses, Internet Explorer 7 and cross-site scripting are in the midst of a conspiracy to stop testing. Time to hit the production servers with the code.

This posting on the new Gadgets forums helps: just go straight into live.com, cross your fingers!

Works first time! After an hour of cleaning up and renaming things as per the recommendations, here it is:

Click: live.com Neil Finn Lyric Gadget

Further comment live.com gadgets are simple to create. XML file manifest, or list of what’s important; a CSS file to style your content and the Javascript. This Javascript contains the logic of your gadget which is essentially inserting HTML into the stream. It can gather text externally to generate this HTML into something more interesting than a picture.