Going Inside with FOSS4G – Developing Interactive Building Floor Plans in HTML5 – SYNCADD = Real Property Business Analytics



Going Inside with FOSS4G – Developing Interactive Building Floor Plans in HTML5 – SYNCADD = Real Property Business Analytics

2 3


foss4g-na-2013

FOSS4G North America 2013 Presentation

On Github openfloorplan / foss4g-na-2013

Going Inside with FOSS4G

Developing Interactive Building Floor Plans in HTML5

Kristofor Carle - SYNCADD Systems

SYNCADD = Real Property Business Analytics

  • Buildings & spaces inside buildings (what is there, how are they used, are they used efficiently)
  • All fixed infrastructure: roads, parking lots, utilities, and more.

Visualize and Analyze Geospatial Context Inside & Outside Buildings

Problem

Limited open source solutions for working with CAD and BIM floorplan data in the web.

Web = The Future of Software

We need to get in on the ground floor (pun intented.)

Interior Mapping is Trending

  • Floorplans integrated in web maps (Google Maps)
  • Consumer Indoor Navigation

CAD → Friendly UI

The Old Way

Flash, Java Applets, Big Proprietary Systems

http://www.mallofamerica.com/shopping/map

OpenFloorPlan

openfloorplan.org - http://github.com/openfloorplan

Using Open Source Geospatial Tools

&

Converting CAD to SVG

OpenFloorPlan Viewer

DEMO

OFP.js Library

Wrapping SVG with FloorPlans

Layer Types

layerTypes.spaces = new ofp.LayerType(
                        'Space',
                        'ofp-space',
                        ['#bgspa_space_area_b']);
layerTypes.columns = new ofp.LayerType(
                        'Column',
                        'ofp-column',
                        ['#Column', '#bgspa_column_area_b']);
layerTypes.annotations = new ofp.LayerType(
                        'annotations',
                        'ofp-annotations',
                        ['#Dimension', '#A-ANNO-DIMS']);

var fp = new ofp.FloorPlan(overlayPane.node(), layerTypes);
fp.annotations.hide();

Layer types detected automatically by default

Back to Demo

One more thing...

OpenFloorPlan Editor

OpenFloorPlan Editor

DEMO

Future

  • Bring together editor/viewer (data/backends)
  • Automate import of floorplan data (including conversion of proprietary formats)
  • SVG-based FloorPlan Standard
  • SVG optimization
  • Integrate viewer into standard map viewers.
  • Apply SYNCADD real property business analytics knowledge to build solutions for you or your clients.

THE END

Questions?

Kristofor Carle

kristofor.carle@syncadd.com