Tuesday, January 27, 2009

Intraday stock value graphing

Widget properties
Instructions for use
In order to see the evolution of a stock value, you have to click the current stock's name at the top of the widget. Now, select a new stock or index from the list popping up in the modal panel.
Remark: This widget uses a very new technology through which Flash graphs are being generated 'on the fly' by executing clienside JavaScript functions. Lots of work remains to be done in this technology as we can see that the Flash objects often dissappear from the widget mostly when scrolling or resizing the browser window. (Quality depends greatly on the browser) We will soon replace this technology with a pure JavaScript technology that also offers nice graphing libs which will make this widget a lot more stable.
You can add this widget to your personalised iGoogle page or you can embed it in a webpage or blog message (Belfox, Indices).
This widget's homepage in the Google gadget directory can be found here (Belfox, Indices)
Personalisation
Ask us to replace our logo at the bottom of the widget with your logo and link message. You can put this personalised widget on your website or blog and you can even initiate the viral spread of it in order to have your company logo and message displayed on multiple sites.
Technical info
A server application fetches a highly complex XML object from Yahoo Finance upon each and every request. This XML object is converted into a more simple and lightweight JSON object that gets sent back to the widget's front-end.
Here, in the widget's JavaScript libs, a function takes care of the construction of a robust HTML body containing a.o. the hidden panel showing a select list of other stock- or index names while another function executes an asynchronous HTTP call (AJAX) to the widgetserver from which it receives the JSON object in the response. Finally another JavaScript pushes the JSON data in the HTML code, builds a Flash chart and refreshes this chart every 60 seconds.
Server Technology
Widget Technology
Sources of the Data
The Widgetbox

This widget is also available on 'widgetbox' (Belfox, Indices) from where you can easily get the code for publication on Blogger, TypePad, WordPress, Netvibes, Pageflakes, etc

Wednesday, January 21, 2009

Belgian Weather Forecast

Widget properties
Instructions for use
To browse to the forecast of the next or the previous day, click the previous or the nextbuttons.
You can add this widget to your personalised iGoogle page or you can embed it in a webpage or blog message.
This widget's homepage in the Google gadget directory can be foundhere.
Personalisation
Ask us to replace our logo at the bottom of the widget with your logo and link message. You can put this personalised widget on your website or blog and you can even initiate the viral spread of it in order to have your company logo and message displayed on multiple sites.
Technical info
A server application initiates a webcrawler that goes online and makes a daily copy of the weather forecast data as it is being published by the BDB, both in Dutch and in French. Also, another automatic server process takes care of the transformation of the html page originally composed as a complex html table gets into a universally usable dataformat, XML.
On the widget's frontside, on the 'onDomComplete' event of the widget, a JavaScript process builds the HTML structure of the widget and fetches the data from the server by executing asynchronous HTTP calls (AJAX). Finally, this XML object is getting looped through and the data is injected into the HTML code. The 'next' and 'previous' buttons execute yet another JavaScript function on their 'onClick' event and hide the currently displayed forecast and make the widget display the forecast for the next or the previous day.
Server Technology
Widget Technology
Sources of the Data

De Bodemkundige Dienst van België vzw
The Widgetbox

This widget is also available on 'widgetbox' from where you can easily get the code for publication on Blogger, TypePad, WordPress, Netvibes, Pageflakes, etc