FoggyMap at Somejam

What happened

Somejam. A coding event during the the weekend, 48 hours to develop an idea together.  No mandatory sleep.  And we liked it. Our software development team was only 3 people: me (Agostino Sturaro), Karri Rasinmäki and Victor Rodrigues


Our idea was to help young people find a reason to break their routines, visit new places, possibly get out more often. Indeed, this was a social initiative as well as a startup exercise in prototyping.

For this, we used a concept that is familiar to people that spend lots of time in front of their tech gadgets playing online. The “fog of war” that hides the unexplored portions of a map that appears in many games involving exploration.  This translates to a knowledge of visited zones, where the fog has cleared, and gives an idea of how much of the game zone is still unknown.

Fog of war in AoE

We thought, if people could see how much of their own city they never visited, maybe we can also give them a reason to go look around. Positive feedback is having your explorations recorded  shown to you.

We named our concept FoggyMap, and started developing right away. The goal was to have something that can be used on any smartphone, so users could use that to track their positions when going around.


We did it. In only 48 hours we had a prototype. The web version can be tried here

And it’s Open Source, if you know what I mean. So, here’s the code

final app

Technical stuff

If you are a developer, or just interested in the details, here’s our report.

First, we made a paper prototype. Little tech involved, but it was necessary to visualize the idea. It helped to clear our mind and, in hindsight, the final result was pretty close to that we sketched together. Then we went around asking people to try it. When we had to explain people how to use it, we decided to make it even simpler.

Paper prototype


We were working with different tasks at the same time and finally put it all together. That allowed faster developing when every one of us had clearly dedicated task.

It started as a way to try more than one solution, and have a backup plan in case one of those failed. One member was developing the concept as a web app, while the others tried doing so as an Android app. The web app was ready before the Android app, but we still needed a way to save data in a reliable fashion and gathering position data in the background. We came to the conclusion that we could wrap the webapp inside the Android app to gain that functionality.

What became your solution architecture?

  • JavaScript (HTML5, CSS3)
  • Leaflet.js
  • Android (Java)

For the limited time we had, we are satisfied with the underlying hybrid structure of the application

  • pros: fast development; possibility to use much of the code (all the webapp) on many platforms; we got it working in 48 hours
  • cons: wrapped JS solution is a bit slower than native, Android app still not that reliable

What development tools did you use?

  • Git (hosted in GitHub)
  • Eclipse (with the ADT plugin)
  • Brackets

Gallery of photos

23 thoughts on “FoggyMap at Somejam”

    1. It’s definitely on our TODO list.
      We’d like to finish and publish the Android app, so we can use the feedback.
      MVP 😉

    2. The main illustrations you have made, the straightforward site navigation, the relationships you will assist to create – it is many fantastic, and it’s helping our son in addition to us recognize that the situation is awesome, and that is especially mandatory.

  1. Have you continued developing this app? Been thinking about it with a smile every once and a while.

  2. I’m impressed, I have to admit. Genuinely rarely should i encounter a weblog that’s both educative and entertaining, and let me tell you, you may have hit the nail about the head. Your idea is outstanding; the problem is an element that insufficient persons are speaking intelligently about. I am delighted we came across this during my look for something with this.

Leave a Reply

Your email address will not be published. Required fields are marked *