1
Let’s Integrate BIM/AEC and 3D GIS on Your Web Browser!
Seongdo Son, BJ Jang
Gaia3D, Inc.
7 Jun 2018
2
 Seoungdo Son
-Genius level 3D Programmer
-Leaved in Barcelona 31 years
 BJ Jang
-Senior level GIS, Web, 3D Programmer
-The current project is spatial auto-QC.
-Director of Gaia3D
Who is the presenter?
3
3D GIS + BIM + AEC = ?
GeoBIM
4
GeoBIM Platform
5
From Standard,
GIS
CityGML
GeospatialInformation
GISStandards
IFC
BIM
OutdoorModel
IndoorModel
BIMStandards
Construction
DrawingsInfo.
In/Outdoor
GIModel
(GeospatialInformation
Model)
6
From Industry,
7
And From Open Source … mago3D
8
Introduction – mago3D
mago3D is a platform for …
Visualizing massive and complex 3D objects including BIM
on a web browser
1
Seamless integration of BIM/AEC and 3D GIS in a single space2
Web based collaborative issue/process management4
‘Digital Twin’ that can create parallel worlds in a virtual reality
with numerous IoT, sensor data
3
= GIS + BIM + Open Source
9
Introduction – Architecture of mago3D
mago3D.JS
Cesium/WWW
Client
internet
Web Server WAS
F4DStorage
mago
Content
Management
DataBase
F4D Converter
2 main cores of mago3D
10
Introduction – Core parts of mago3D
F4D Converter mago3D.js
mago3D.js
3D GIS Engines
Cesium
WebWorldWind
API
API
service html
F4D Converter converts 3D formats(IFC, 3DS, OBJ, DAE, JT)
to 3D internet service format F4D. It carries out data size
reducing and pre-processing for fast rendering
A plug-in composed of pure javascript which enables 3D GIS
engines to handle large-sized and highly detailed AEC data
F4D Converter
F4D
.ifc
.3ds
.obj
.dae
Key technique : F4D, lightweight service format
 Model is 3D geometry info, while Reference is real instance of this model
10
with 4 geometric meshes - 4 models 23 objects are created. - 23 references
Image source : www.vecteezy.com
Key technique : F4D, lightweight service format
Example of Model-Reference
11
Key technique : F4D, lightweight service format
12
1. Build a triangular mesh based on the grid structure from the original three-dimensional data.
Key technique : F4D, lightweight service format
12
1. Build a triangular mesh based on the grid structure from the original three-dimensional data.
Key technique : F4D, lightweight service format
13
2. Triangle reduction (edge collapse)
Inner edge collapse frontier edge collapse
Key technique : F4D, lightweight service format
13
2. Triangle reduction (edge collapse)
Key technique : F4D, lightweight service format
14
Key technique : F4D, lightweight service format
This data is made from original data by lowering detailedness.
15
LOD 0
(Original data)
LOD 2 LOD 3
LOD 4 LOD 5
Key technique : Culling for performance enhancement
Do not render things not necessary to be shown.
before rotating a camera
around a target
during rotating after rotating
Do not render if not necessary.
16
Key technique : Culling for performance enhancement
visibility index
An index describing which inner objects
can be seen from selected positions in AEC.
This index is used in occlusion culling in
run-time visualization of mago3D.
17
Key technique : Culling for performance enhancement
spatial index
An index describing which inner objects are
in cubes, spatial sub-divisions of AEC.
This index is used in frustum culling in
run-time visualization of mago3D.
18
Key technique : Culling for performance enhancement
1. When a camera position and
2. the viewing direction of it are setup,
3. mago3D does frustum culling on spatial indices
4. and do occlusion culling on the result of the
frustum culling.
5. Finally mago3d finds targets to be rendered.
(intersection between two indices)
→ It possible to select targets to be rendered
without any complicated geometric operation in
run-time.
How to use both indices
19
20
mago3D runs on any device
Accessible anytime, anywhere
BIM(Indoor/Outdoor) integration
Seamless integration of indoor and outdoor space
on the same platform
scene from indoor to outdoor through windows Scene from outdoor to indoor through windows
21
MEP Integration
22
Integration of large size MEP and 3D GIS on a web browser
AEC Integration
23
Integration of large size AEC and 3D GIS on a web browser
Various API supported (OpenAPIs)
APIs are supported for developing application
systems(currently 29 APIs) moving/rotating
a full building
moving objects &
viewing attributes registration/monitoring/search of issues
24
Cultural Heritage in Korea
• Cultural asset in Korea
25
Tunnel, Bridge in Japen
• Tunnel, Department store, Bridge, Overpass
offered by CUG (Civil User Group in Japan)
26
Geospatial Context Matters!
27
 mago3D can handle all the 3D objects in geospatial context
Real Case
28
Yards
Cranes
Office Buildings
Factories
Docks
BlocksShips
Smart Welding Machine Virtual Yard on Web Browser!
1,500 EA25 EA250 EA75 EA
25 EA
15,000 EA 1,700 EA
3 EA
• Project Name: Ship Building Process Management System
• 3D Models in Service
surface layer (Horizontal) slicing for volumetric data(Vertical)
(Super Typhoon Nepartak – 2016.07.07)
Volume Rendering on mago3D
29
In future
30
A
mago3D
Cloud
B
mago3D
B
mago3D
JT
Obj
IFC
Collada3DS
Revit
To the
Digital Twin
Platform
Demo
Summary
Key Features
• BIM/AEC and 3D GIS integration in a single space
• Web based – no need to install additional program
• Massive and complex 3D objects rendering
• Open source – Apache and AGPL license
• Supports industry standard formats(ifc, 3ds, dae, kml, gltf…)
• In-Browser 3D objects moving/rotation/heading adjustment
• Highly extensible architecture
32
For more information, please visit http://mago3d.com
Thank you!
33
This project is funded by Ministry of Land, Infrastructure and Transport, Korea,
through R&D project(number:18NSIP-B080778-05)
Byeongcheol Bae bcbae@gaia3d.com
Jinwoo Park jwpark@gaia3d.com

More Related Content

PPTX
[Foss4 g2013]the architecture of mobile traffic map service final
PPTX
Managing Multi-DBMS on a Single UI , a Web-based Spatial DB Manager-FOSS4G A...
PPTX
Big size meteorological data processing and mobile displaying system using ...
PDF
Big data processing systems research
PDF
Graphite, an introduction
PDF
Block Sampling: Efficient Accurate Online Aggregation in MapReduce
PDF
Collecting metrics with Graphite and StatsD
PDF
m2r2: A Framework for Results Materialization and Reuse
[Foss4 g2013]the architecture of mobile traffic map service final
Managing Multi-DBMS on a Single UI , a Web-based Spatial DB Manager-FOSS4G A...
Big size meteorological data processing and mobile displaying system using ...
Big data processing systems research
Graphite, an introduction
Block Sampling: Efficient Accurate Online Aggregation in MapReduce
Collecting metrics with Graphite and StatsD
m2r2: A Framework for Results Materialization and Reuse

What's hot (20)

PDF
Iceberg: a fast table format for S3
PPTX
Graphite
PDF
MapReduce: Optimizations, Limitations, and Open Issues
PDF
Statsd introduction
PPTX
Smallworld to GreGG - FME Server Automation
PDF
Presto Summit 2018 - 09 - Netflix Iceberg
PPTX
DECK36 - Log everything! and Realtime Datastream Analytics with Storm
PPTX
Smallworld Data Check-Out to Microstation
PDF
MongoDB World 2019: The Journey of Migration from Oracle to MongoDB at Rakuten
PPTX
QGIS - Free alternative to ArcMap
PPTX
MySQL performance monitoring using Statsd and Graphite (PLUK2013)
ODP
5 tuul
PDF
Nokia Asha webinar: Developing location-based services for Nokia Asha phones ...
PDF
Iceberg: A modern table format for big data (Strata NY 2018)
PDF
Location based services for Nokia X and Nokia Asha using Geo2tag
PPTX
Webinar: Building a multi-cloud Kubernetes storage on GitLab
PDF
Big Data Processing in Pharo
DOCX
empirical analysis modeling of power dissipation control in internet data ce...
PPTX
Apache Spark™ is here to stay
PDF
IoT Event Processing and Analytics with InfluxDB in Google Cloud | Christoph ...
Iceberg: a fast table format for S3
Graphite
MapReduce: Optimizations, Limitations, and Open Issues
Statsd introduction
Smallworld to GreGG - FME Server Automation
Presto Summit 2018 - 09 - Netflix Iceberg
DECK36 - Log everything! and Realtime Datastream Analytics with Storm
Smallworld Data Check-Out to Microstation
MongoDB World 2019: The Journey of Migration from Oracle to MongoDB at Rakuten
QGIS - Free alternative to ArcMap
MySQL performance monitoring using Statsd and Graphite (PLUK2013)
5 tuul
Nokia Asha webinar: Developing location-based services for Nokia Asha phones ...
Iceberg: A modern table format for big data (Strata NY 2018)
Location based services for Nokia X and Nokia Asha using Geo2tag
Webinar: Building a multi-cloud Kubernetes storage on GitLab
Big Data Processing in Pharo
empirical analysis modeling of power dissipation control in internet data ce...
Apache Spark™ is here to stay
IoT Event Processing and Analytics with InfluxDB in Google Cloud | Christoph ...
Ad

Similar to Mago3D Barcelona ICGC(카탈루니아 지형 및 지질연구소) 발표자료 (20)

PDF
mago3D, A Brand-New Web Based Open Source GeoBIM Platform
PDF
Introduction to mago3D: A web based GeoBIM platform on top of FOSS4G
PDF
State of mago3D, An Open Source Based Digital Twin Platform
PDF
Current State of mago3D, an Open Source Based Digital Twin Platform
PDF
Introduction to mago3D: A Web Based Open Source GeoBIM Platform
PDF
What we've done so far with mago3D, an open source based 'Digital Twin' platf...
PDF
Introduction to mago3D, an Open Source Based Digital Twin Platform
PDF
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
PPTX
mago3D FOSS4G NA 2018
PDF
mago3D, a web based BIM/GIS integration platform on top of open source
PDF
Design and Development of BIM on GIS Interoperability Open Platform
PDF
FME Provides Access to CityGML in ArcGIS as a Basis for a Digital Twin
PDF
BIM/GIS Integration: A Practical Approach in Real Cases
PDF
Mago3D - An innovative AEC/GIS integration platform that can service millions...
PDF
201703330 Booosting 3D IMRO - Abdoulaye Diakite TU Delft
PDF
CityGML Integration Into the ArcGIS Platform
PDF
ISO 19166 BIM-GIS conceptual mapping
PDF
Integration of BIM and GIS: From Ideal to Reality
PDF
Leif granholm
PPT
What does BIM mean for Civil Engineers?
mago3D, A Brand-New Web Based Open Source GeoBIM Platform
Introduction to mago3D: A web based GeoBIM platform on top of FOSS4G
State of mago3D, An Open Source Based Digital Twin Platform
Current State of mago3D, an Open Source Based Digital Twin Platform
Introduction to mago3D: A Web Based Open Source GeoBIM Platform
What we've done so far with mago3D, an open source based 'Digital Twin' platf...
Introduction to mago3D, an Open Source Based Digital Twin Platform
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
mago3D FOSS4G NA 2018
mago3D, a web based BIM/GIS integration platform on top of open source
Design and Development of BIM on GIS Interoperability Open Platform
FME Provides Access to CityGML in ArcGIS as a Basis for a Digital Twin
BIM/GIS Integration: A Practical Approach in Real Cases
Mago3D - An innovative AEC/GIS integration platform that can service millions...
201703330 Booosting 3D IMRO - Abdoulaye Diakite TU Delft
CityGML Integration Into the ArcGIS Platform
ISO 19166 BIM-GIS conceptual mapping
Integration of BIM and GIS: From Ideal to Reality
Leif granholm
What does BIM mean for Civil Engineers?
Ad

More from BJ Jang (17)

PPTX
공간SQL을 이용한 공간자료분석 기초실습
PPTX
오픈소스GIS 개발 일반 강의자료
PPTX
2017년 나의 계획
PPTX
오픈소스 개발을 위한 Git 사용법 실습
PPTX
[FOSS4G Korea 2016] GeoHash를 이용한 지형도 변화탐지와 시계열 관리
PPTX
QGIS 소개 및 ArcMap과의 비교
PDF
PyQGIS 개발자 쿡북
PPTX
Open Source based GIS devlopment cases by Gaia3D_20150417
PPTX
공간정보아카데미 - Day1 오픈소스개발 일반
PPTX
올챙이 국제스타 만들기 20141023
PPTX
Github를 이용한 협동개발 20141001
PPTX
[Foss4 g2014 korea] qgis를 플랫폼으로 한 파이썬기반 공간통계 구현 사례
PPTX
Open Source GIS 기초교육 4일차 - GeoServer 기초 2014년 7월판
PPTX
[Foss4 g2013 korea]postgis와 geoserver를 이용한 대용량 공간데이터 기반 일기도 서비스 구축 사례
PPTX
Proj4를 이용한 좌표계 변환
PPTX
Geo server 성능향상을 위한 튜닝 기법 20111028
PPTX
공간정보거점대학 1.geo server_고급과정
공간SQL을 이용한 공간자료분석 기초실습
오픈소스GIS 개발 일반 강의자료
2017년 나의 계획
오픈소스 개발을 위한 Git 사용법 실습
[FOSS4G Korea 2016] GeoHash를 이용한 지형도 변화탐지와 시계열 관리
QGIS 소개 및 ArcMap과의 비교
PyQGIS 개발자 쿡북
Open Source based GIS devlopment cases by Gaia3D_20150417
공간정보아카데미 - Day1 오픈소스개발 일반
올챙이 국제스타 만들기 20141023
Github를 이용한 협동개발 20141001
[Foss4 g2014 korea] qgis를 플랫폼으로 한 파이썬기반 공간통계 구현 사례
Open Source GIS 기초교육 4일차 - GeoServer 기초 2014년 7월판
[Foss4 g2013 korea]postgis와 geoserver를 이용한 대용량 공간데이터 기반 일기도 서비스 구축 사례
Proj4를 이용한 좌표계 변환
Geo server 성능향상을 위한 튜닝 기법 20111028
공간정보거점대학 1.geo server_고급과정

Recently uploaded (20)

PDF
Sanket Mhaiskar Resume - Senior Software Engineer (Backend, AI)
PPTX
Human-Computer Interaction for Lecture 1
PPTX
HackYourBrain__UtrechtJUG__11092025.pptx
PPTX
Beige and Black Minimalist Project Deck Presentation (1).pptx
PDF
Building an Inclusive Web Accessibility Made Simple with Accessibility Analyzer
PDF
What Makes a Great Data Visualization Consulting Service.pdf
PDF
Engineering Document Management System (EDMS)
PDF
Module 1 - Introduction to Generative AI.pdf
PPTX
Folder Lock 10.1.9 Crack With Serial Key
PPTX
Chapter 1 - Transaction Processing and Mgt.pptx
PPTX
Human-Computer Interaction for Lecture 2
PDF
PDF-XChange Editor Plus 10.7.0.398.0 Crack Free Download Latest 2025
PDF
infoteam HELLAS company profile 2025 presentation
PDF
Cloud Native Aachen Meetup - Aug 21, 2025
PDF
MiniTool Power Data Recovery 12.6 Crack + Portable (Latest Version 2025)
PDF
Mobile App Backend Development with WordPress REST API: The Complete eBook
PDF
Crypto Loss And Recovery Guide By Expert Recovery Agency.
PPTX
ROI from Efficient Content & Campaign Management in the Digital Media Industry
PPTX
Chapter_05_System Modeling for software engineering
PDF
IT Consulting Services to Secure Future Growth
Sanket Mhaiskar Resume - Senior Software Engineer (Backend, AI)
Human-Computer Interaction for Lecture 1
HackYourBrain__UtrechtJUG__11092025.pptx
Beige and Black Minimalist Project Deck Presentation (1).pptx
Building an Inclusive Web Accessibility Made Simple with Accessibility Analyzer
What Makes a Great Data Visualization Consulting Service.pdf
Engineering Document Management System (EDMS)
Module 1 - Introduction to Generative AI.pdf
Folder Lock 10.1.9 Crack With Serial Key
Chapter 1 - Transaction Processing and Mgt.pptx
Human-Computer Interaction for Lecture 2
PDF-XChange Editor Plus 10.7.0.398.0 Crack Free Download Latest 2025
infoteam HELLAS company profile 2025 presentation
Cloud Native Aachen Meetup - Aug 21, 2025
MiniTool Power Data Recovery 12.6 Crack + Portable (Latest Version 2025)
Mobile App Backend Development with WordPress REST API: The Complete eBook
Crypto Loss And Recovery Guide By Expert Recovery Agency.
ROI from Efficient Content & Campaign Management in the Digital Media Industry
Chapter_05_System Modeling for software engineering
IT Consulting Services to Secure Future Growth

Mago3D Barcelona ICGC(카탈루니아 지형 및 지질연구소) 발표자료

  • 1. 1 Let’s Integrate BIM/AEC and 3D GIS on Your Web Browser! Seongdo Son, BJ Jang Gaia3D, Inc. 7 Jun 2018
  • 2. 2  Seoungdo Son -Genius level 3D Programmer -Leaved in Barcelona 31 years  BJ Jang -Senior level GIS, Web, 3D Programmer -The current project is spatial auto-QC. -Director of Gaia3D Who is the presenter?
  • 3. 3 3D GIS + BIM + AEC = ? GeoBIM
  • 7. 7 And From Open Source … mago3D
  • 8. 8 Introduction – mago3D mago3D is a platform for … Visualizing massive and complex 3D objects including BIM on a web browser 1 Seamless integration of BIM/AEC and 3D GIS in a single space2 Web based collaborative issue/process management4 ‘Digital Twin’ that can create parallel worlds in a virtual reality with numerous IoT, sensor data 3 = GIS + BIM + Open Source
  • 9. 9 Introduction – Architecture of mago3D mago3D.JS Cesium/WWW Client internet Web Server WAS F4DStorage mago Content Management DataBase F4D Converter 2 main cores of mago3D
  • 10. 10 Introduction – Core parts of mago3D F4D Converter mago3D.js mago3D.js 3D GIS Engines Cesium WebWorldWind API API service html F4D Converter converts 3D formats(IFC, 3DS, OBJ, DAE, JT) to 3D internet service format F4D. It carries out data size reducing and pre-processing for fast rendering A plug-in composed of pure javascript which enables 3D GIS engines to handle large-sized and highly detailed AEC data F4D Converter F4D .ifc .3ds .obj .dae
  • 11. Key technique : F4D, lightweight service format  Model is 3D geometry info, while Reference is real instance of this model 10
  • 12. with 4 geometric meshes - 4 models 23 objects are created. - 23 references Image source : www.vecteezy.com Key technique : F4D, lightweight service format Example of Model-Reference 11
  • 13. Key technique : F4D, lightweight service format 12 1. Build a triangular mesh based on the grid structure from the original three-dimensional data.
  • 14. Key technique : F4D, lightweight service format 12 1. Build a triangular mesh based on the grid structure from the original three-dimensional data.
  • 15. Key technique : F4D, lightweight service format 13 2. Triangle reduction (edge collapse) Inner edge collapse frontier edge collapse
  • 16. Key technique : F4D, lightweight service format 13 2. Triangle reduction (edge collapse)
  • 17. Key technique : F4D, lightweight service format 14
  • 18. Key technique : F4D, lightweight service format This data is made from original data by lowering detailedness. 15 LOD 0 (Original data) LOD 2 LOD 3 LOD 4 LOD 5
  • 19. Key technique : Culling for performance enhancement Do not render things not necessary to be shown. before rotating a camera around a target during rotating after rotating Do not render if not necessary. 16
  • 20. Key technique : Culling for performance enhancement visibility index An index describing which inner objects can be seen from selected positions in AEC. This index is used in occlusion culling in run-time visualization of mago3D. 17
  • 21. Key technique : Culling for performance enhancement spatial index An index describing which inner objects are in cubes, spatial sub-divisions of AEC. This index is used in frustum culling in run-time visualization of mago3D. 18
  • 22. Key technique : Culling for performance enhancement 1. When a camera position and 2. the viewing direction of it are setup, 3. mago3D does frustum culling on spatial indices 4. and do occlusion culling on the result of the frustum culling. 5. Finally mago3d finds targets to be rendered. (intersection between two indices) → It possible to select targets to be rendered without any complicated geometric operation in run-time. How to use both indices 19
  • 23. 20 mago3D runs on any device Accessible anytime, anywhere
  • 24. BIM(Indoor/Outdoor) integration Seamless integration of indoor and outdoor space on the same platform scene from indoor to outdoor through windows Scene from outdoor to indoor through windows 21
  • 25. MEP Integration 22 Integration of large size MEP and 3D GIS on a web browser
  • 26. AEC Integration 23 Integration of large size AEC and 3D GIS on a web browser
  • 27. Various API supported (OpenAPIs) APIs are supported for developing application systems(currently 29 APIs) moving/rotating a full building moving objects & viewing attributes registration/monitoring/search of issues 24
  • 28. Cultural Heritage in Korea • Cultural asset in Korea 25
  • 29. Tunnel, Bridge in Japen • Tunnel, Department store, Bridge, Overpass offered by CUG (Civil User Group in Japan) 26
  • 30. Geospatial Context Matters! 27  mago3D can handle all the 3D objects in geospatial context
  • 31. Real Case 28 Yards Cranes Office Buildings Factories Docks BlocksShips Smart Welding Machine Virtual Yard on Web Browser! 1,500 EA25 EA250 EA75 EA 25 EA 15,000 EA 1,700 EA 3 EA • Project Name: Ship Building Process Management System • 3D Models in Service
  • 32. surface layer (Horizontal) slicing for volumetric data(Vertical) (Super Typhoon Nepartak – 2016.07.07) Volume Rendering on mago3D 29
  • 34. Demo
  • 35. Summary Key Features • BIM/AEC and 3D GIS integration in a single space • Web based – no need to install additional program • Massive and complex 3D objects rendering • Open source – Apache and AGPL license • Supports industry standard formats(ifc, 3ds, dae, kml, gltf…) • In-Browser 3D objects moving/rotation/heading adjustment • Highly extensible architecture 32
  • 36. For more information, please visit http://mago3d.com Thank you! 33 This project is funded by Ministry of Land, Infrastructure and Transport, Korea, through R&D project(number:18NSIP-B080778-05) Byeongcheol Bae [email protected] Jinwoo Park [email protected]