Drag ‘n drop your photo (and leave the technical details to us)

The Problem

Impressed by the likes of Facebook, Instagram and Twitter, and how they handle image upload, I decided I wanted to offer the same kind of accessible experience for an application I’m working on. Not able to find a turnkey component that met all of the requirements, I decided to built the perfect solution myself (of course, building is the part that’s most fun for a software developer!).

Continue reading

Part III – Back-end development: Spring Roo and WebSockets

Remember the previous posts? (Building an information radiator: Part II – Front end development (HTML5 & CSS3)) We started off by explaining Walle’s architecture and the front-end development, but Walle has a lot of more cool technology under the hood: Spring Roo and WebSockets.

Continue reading

Keep your global namespace clean

A good piece of advice from our JavaScript tech day today: keep your global namespace clean. There is two options to make that happen: 1) good intentions, 2) unit test it.

I have a lot of good intentions, but unit tests seem to work better. Here is the Jasmine code:

describe("General tests", function() {
  describe("globals", function() {
    it("should expose only a certain amount of variables", function() {
      var expectedGlobals = ["util", "KeyCode", "logger", "l", "langur"];
      var exposedGlobals = detectGlobals.analyze();
      var expectedButNotDetected = _.difference(expectedGlobals, exposedGlobals);
      var detectedButNotExpected = _.difference(exposedGlobals, expectedGlobals);

Note that you have to run this test at the very end of your testsuite to detect any globals that are created during the execution of the tests.

Go here for the gist with the Javascript that does the actual work (that gist was heavily inspired by this code, credits go to kangax (Juriy Zaytsev) ).