Last year, I said I would be interested in attending the 2015 iteration of
GovHack. Well, this time round, I almost didn't make it. I didn't get wind about the tickets for this years event being available until 5 days after the initial announcement and it seems that was enough time for tickets to be sold out. Well fortunately, one Saturday before the event, I get the email notification that I'm off the wait-list so I claimed that available ticket before it was too late and I was locked in for GovHack: Round 2.
Although I did have a idea about what to build this time round, the key materials needed to make this idea work arrived too late to realistically execute this idea of mine, so I've put that idea on ice (yes this whole preceding sentence is kept intentionally vague :)).
Compared to last year, this time round was much smoother. Team was assembled quickly, we had
several potential ideas worth pursuing for the next 46 hours. In the discussions that followed it was decided that we should have an interactive map. Cue my map expertise ... :)
So armed with my brand new hackathon-grade
ASUS Zenbook that I acquired a few months earlier, we set forth to build ... yet another MapGuide concoction.
Unlike last year, this time round wasn't a load-everything-into-MapGuide and house it in a Fusion application affair. This time round, we looked to build a MapGuide application geared towards modern browsers and mobile devices, using the building blocks of
OpenLayers 3,
Bootstrap and
Knockout.
The end result, is our GovHack 2015 entry: The VET provider map.
The VET provider map allows people to look for Vocational Education and Training (VET) providers in the state of Victoria. With this map, people can search for:
- VET providers
- Occupations (which would then show related pathway courses and the providers that offer them)
- Courses (offered by a provider, that is a pathway to a given occupation)
Unfortunately, due to time constraints the (bits that I mentioned in parentheses) could not be completed within the weekend, meaning that while you could search for courses and occupations, the crucial link to the actual providers on the map that offered such courses is not there. Still, what was implemented should convey what we are trying to achieve with this application.
The search capabilities are powered by the data publishing framework of
mapguide-rest, which gave our spatial data sources ready-to-go (Geo)JSON APIs for our application to use, and also "cleaner" JSON property names (pet peeve of this hackathon: Dealing with property length limitations of the SHP file format and undesirable property/column names. Ugh!)
Other features of this map include:
Popups driven by
QUERYMAPFEATURES responses from point-based marker selections (applicable for VET provider markers)
A modal-based legend/layer toggler that shows when you hit the "Layers" button on the map viewer.
And finally, the whole application is responsive.
But don't take the word of my gifs and screenshots, you can see the map in action for yourself from our demo site linked on our
hackerspace page. Once again, the demo site is hosted on a Amazon EC2 micro instance (be gentle :)). If you're interested in the source code and data that drives this map, you can find that on
our GitHub repo. Be sure to vote for our entry if you can.
Thanks to the team (Ling, Tim and Hans) for your coding, data acquiring, wrangling and video production efforts. It's been a blast!
Until next time ...
Posts
