A framework for rich internet applications

Local data mashup example

Here are some screenshots of an application that allows you to map the address of your local contacts on Google Maps.

You can download the source for the application here:

• _web2os_.js : The MVC javascript code
• addressbook_index.jst : The HTML template used to display the contacts and Google Maps

It works as a local javascript application on the Web2os proxy, that queries either Address Book on the Mac or Outlook on the PC for your contacts, and shows them as a semi-transparent overlay on google maps. Clicking on a contact shows their address on the map, and clicking on the star gives driving directions between two addresses.

Here is an example Address Book on the mac, with its data stored locally:

We start with our local application, configured for the http://addressbook.demo url, which brings up google maps:

Moving the mouse to the left hand side of the window brings up our transparent overlay, which shows our contacts. This data is gathered by the javascript running on the web2os proxy and using Applescript on the Mac, or COM on Windows, to obtain the local contact details. Security is maintained by limiting access to this url only for all calls, and only exposing the AddressBook native api for this single application.

Clicking on a contact initiates another Ajax call to fetch the address details, which is then rendered as html:

Clicking on the address brings up that location on google maps:

Clicking on the star next to an address will show the driving directions between it and the last address selected:

Copyright © 2007 Web2OS | Design by Contented Designs

Contact