From glenn.jones at madgex.com  Wed Nov 17 06:12:28 2010
From: glenn.jones at madgex.com (Glenn Jones)
Date: Mon Nov 29 18:19:31 2010
Subject: [uf-discuss] Draggables
Message-ID: <36A319113CF910438942741C4727ADFF05139B33@MOBY.Clarence.local>

Hi Everyone

I have been working on an idea for the last couple months which looks at
using drag and drop as a way to exchange data between web sites. It's
just a bit of UX research at the moment.

I have created a 7 min video of demos which explains the idea much
better than words. 

http://draggables.com

It currently extracts microformat data from the source pages, but I
would like to take the idea one step forward. So currently on the form
page the JavaScript looks like this:

 addDropZone({
	'dropZone':'dropTarget',
	'formats': ['hcard']
});

addMapping([
 	['name', 'profile.fn'],
 	['jobtitle','profile.title'],
       ['companyname','profile.org[0].organizationName'],
]);

The mapping is in paired sets; on the left hand side is the name of the
form element ie "jobtitle" on the right the hCard structure to find the
correct value ie "profile.title".

Tantek suggested looking at marking up the form with hCard classes and
working out an algorithm to automate the mapping of incoming data.

This approach may also be useful for the new W3C Contacts API which will
allow front-end developers to query contact stores in web browsers.
Although the storage format is PoCo (Portable Contacts)  I am planning
on building a JavaScript PoCo > hCard and hCard > PoCo exchange library.


Mozilla Labs is doing work in this area: 

http://mozillalabs.com/blog/2010/03/contacts-in-the-browser/
http://www.w3.org/TR/2010/WD-contacts-api-20100121/


Would really like to hear your thoughts on this idea

Glenn Jones





From glenn.jones at madgex.com  Fri Nov 19 08:35:53 2010
From: glenn.jones at madgex.com (Glenn Jones)
Date: Mon Nov 29 18:33:08 2010
Subject: [uf-discuss] Draggables
Message-ID: <36A319113CF910438942741C4727ADFF0513A213@MOBY.Clarence.local>

Hi Everyone

I have been working on an idea for the last couple months which looks at
using drag and drop as a way to exchange data between web sites. It's
just a bit of UX research at the moment.

I have created a 7 min video of demos which explains the idea much
better than words.

http://draggables.com

It currently extracts microformat data from the source pages, but I
would like to take the idea one step forward. So currently on the form
page the JavaScript looks like this:

 addDropZone({
        'dropZone':'dropTarget',
        'formats': ['hcard']
});

addMapping([
        ['name', 'profile.fn'],
        ['jobtitle','profile.title'],
       ['companyname','profile.org[0].organizationName'],
]);

The mapping is in paired sets; on the left hand side is the name of the
form element ie "jobtitle" on the right the hCard structure to find the
correct value ie "profile.title".

Tantek suggested looking at marking up the form with hCard classes and
working out an algorithm to automate the mapping of incoming data.

This approach may also be useful for the new W3C Contacts API which will
allow front-end developers to query contact stores in web browsers.
Although the storage format is PoCo (Portable Contacts)  I am planning
on building a JavaScript PoCo > hCard and hCard > PoCo exchange library.


Mozilla Labs is doing work in this area:

http://mozillalabs.com/blog/2010/03/contacts-in-the-browser/
http://www.w3.org/TR/2010/WD-contacts-api-20100121/


Would really like to hear your thoughts on this idea

Glenn Jones

From glenn.jones at madgex.com  Tue Nov 30 04:27:08 2010
From: glenn.jones at madgex.com (Glenn Jones)
Date: Tue Nov 30 04:36:07 2010
Subject: [uf-discuss] microformat shiv - cross-browser javascript parser
Message-ID: <36A319113CF910438942741C4727ADFF051E5179@MOBY.Clarence.local>

Hi All

I have believe for while that browsers should come with APIs to parse
semantic content such as microformats, unfortunately this has yet to
happen. The microformat shiv provides a simple to use, light-weight,
cross-browser microformat API. 

Site: http://microformatshiv.com/
Code: https://github.com/glennjones/microformat-shiv

It's built off the Operater plug-in code base by Michael Kaply. I have
had to pull it apart and rebuild it to get backwards compatible with
IE6. I have also taken out some additional features to keep as small as
possible.

I am still at the stage of testing it and there are a small number of
issues, which I will iron out over the next couple of weeks.

I am building this as part of the draggables project, but I am sure
people may find other uses for it.


Glenn