LightSwitch is a wrapper around .NET that makes it easy to create data centric apps with little or no code. In my case to LightSwitch drag and drop took me about 2 minutes once I knew what I was doing and I had to write one line of code.

My test table was just a simple product and category table with data from AdventureWorks

Through the magic of drag and drop LightSwitch produced a functional screen that allowed me to add and edit records:

It automatically recognised my foreign key relationship and gave me a category dropdown which was nice.

Next I grabbed the excel import plugin for LightSwitch. I couldn’t get the extension to show in VS 2012 but it worked fine in VS 2010.

I enabled the extension, added a button and in the code behind put my one line of code:

ExcelImporter.Importer.ImportFromExcel(Products);

I had a spreadsheet with a new product including the name of its category:

The import plugin gave me a mapping screen that even mapped the category name and filled in the correct foreign key:

Overall I’m pretty impressed with what I could in such a short amount of time. The instructions I followed are on the LightSwitch blog.

There are even user friendly validations based on the SQL fields:

Demo Screenshot

As a prototype for some features we have planned at picnic software I wanted to prototype some very simple interactivity using either canvas or svg.

The prototype is simple resizable moveable circles on a page.
The Web-Drawing Throwdown from smashing magazine gave me a head start but didn’t really address the kind of interactivity I was looking for. Based on the discussion there I elected to use paper.js for canvas and raphael.js for svg (vml in older versions of IE).

You can see the demos here: Rapael.js and Paper.js

Both libraries gave me high level abstractions for working with the shapes and capturing mouse events. Paper.js seemed to be lacking really rich support for high level objects. You can create a circle like this:

new Path.Circle(new Point(x, y), radius);

But once created the circle is just a geometric path. You cannot alter the radius of the circle - you have to work with each of the four segments individually.

circle.segments[0].point.x = centre.x + radius;
circle.segments[1].point.y = centre.y - radius;
circle.segments[2].point.x = centre.x - radius;
circle.segments[3].point.y = centre.y + radius;

circle.attr("r", newSize);

circle.drag(onMove,null,onEnd);

var hitResult = paper.project.hitTest(event.point, hitOptions);