Serge Web

Leaflet.JS software development for a virtual war game - Serge Web

Beginning November 2019, I began to work as an independent contractor for Deep Blue C Ltd. Deep Blue C Ltd is a software company focused on marine software technologies for naval defence analysts. They work using open source technologies, have an international user base and a 15 year proven track record. I helped develop the Serge Web game, which is a comprehensive virtual war game simulation with an advanced mapping component.

The work I was involved with was building Leaflet.JS functionality including custom markers that changed based on the angle of a route. I also helped build some toolbars and the home button on the user interface of the map

• Date: March 2020
• Client: Deep Blue C Ltd
• Category: Web app

Mapserve

Work for a professional mapping site - Mapserve

Beginning November 2019, I began to work as an independent contractor for Mapserve.co.uk. Mapserve is a comprehensive web-mapping application, designed to provide high quality and high detail plans for architects, surveyors, planners and engineers. Mapserve is a market leader in professional mapping, with unrivalled detail in its maps, with up to 67 layers available for export. The Mapserve prices can be up to 38% lower than similar competitors. In addition, similar work was done on Mapserves sister site Buyaplan.co.uk., which is aimed at public users. The work I was involved in included adding new functionality to its map application which is built upon Leaflet.JS. The first stage of the project was to calculate the center of searched properties, and draw a Cross-hair marker at this point, so the user could quickly identify which property was their own. The Cross-hair was able to be toggled on and off using a toggle button for Mapserve and a link for Buyaplan

In addition to the Cross-hair, an advanced autopolygon feature was built for Mapserve. What this does is take a Postcode, OS Easting/Northing or a LatLong value, and runs the data through an API, which returns a property boundary for the selected location. This functionality can give either a ‘Feature Boundary’, which shows the actual property boundary, or an ‘Ownership Boundary’ which shows the land parcel ownership bounds. The autopolygon builder could return both the points of the feature, and a polygon of the feature. All this functionality was custom coded in Javascript

These boundary points were then integrated into the existing drawing tools on the map, with the addition of ‘Snapping to a point’ which allows the user to not have to click exactly on the point, the cursor just snapped to the nearest point.

• Date: February 2020
• Client: Passinc
• Category: Web app

Frogs of Central America

A web app designed to show users different frogs in the Central American region. Built as an education tool for the Manchester Museum

Frogs of Central America web app - Manchester Museum from Lucas Martin on Vimeo.

This web-app was designed as an educational tool for the Manchester Museums Vivarium. The Vivarium includes naturalistic exhibits with live reptiles and amphibians on display, but is also particularly notable for the rare tropical frogs it maintains behind the scenes. The Vivarium is known for its large collection of Costa Rican Frogs, and has helped establish important captive breeding programmes for some of the country’s most Critically Endangered species. Many of the frogs maintained are of key importance to captive breeding programmes that have been established to help save a number of species on the very brink of extinction. Please see the website for further details

• Date: June 2019
• Client: Manchester Museum
• Category: Web app

Brock Rodman Art

A column based artist portfolio site, with a mobile friendly design, a simple CMS and lightbox.

Brock Rodman Art Portfolio Site from Lucas Martin on Vimeo.

This is a column based portfolio website developed for my good friend Brock Rodman. The site features an easy upload system, where a image file is placed in an assets folder and the site automatically builds a thumbnail using an image resizing service. The layout is fully mobile responsive, switching to one column on smaller screen sizes. The site uses HTML (Bootstrap), Javascript for the lightbox, CSS for the style, and jekyll for the site structure.

• Date: June 2019
• Client: Brock Rodman
• Category: Portfolio site

Auckland Transport

A web app designed to show users public transit networks in Auckland, NZ

Auckland transport web app from Lucas Martin on Vimeo.

This project was designed for a masters level university course I took called ‘GIS and the web’. It is an interactive web app designed for the city of Auckland, New Zealand. It was designed to show alternative methods of transportation in Auckland, as Auckland is an incredibly congested city. The map can show users bus, train, ferry and cycle routes. It can also show transit reachability distances from the 5 hub stops in Auckland. A cycling distance finder is included, which uses Open Routing Service to show how far users can cycle in 30 minutes from a mouse click. To facilitate easier walking, the web app incorporates a turn by turn direction service, which can show walking directions for popular walks in Auckland. Click here to try out the website for yourself!

• Date: June 2019
• Client: Auckland Transport
• Category: Web app