SlideShare a Scribd company logo
Introduction to mago3D:
A web based GeoBIM platform on top of FOSS4G
Sanghee Shin(shshin@gaia3d.com)
Hakjoon Kim(hjkim@gaia3d.com)
2
GeoBIM
3
From Standard,
GIS
CityGML
GeospatialInformation
GISStandards
IFC
BIM
OutdoorModel
IndoorModel
BIMStandards
Construction
DrawingsInfo.
In/Outdoor
GIModel
(GeospatialInformation
Model)
4
From Industry,
5
From Open Sourceโ€ฆ mago3D
6
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
7
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
8
Introduction โ€“ Overall System Components
DB Postgresql 9.6 + PostGIS
Web Server Nginx 1.12.1 / Apache 2.4
Language Java8
Framework Spring(Springboot) + Mybatis
Build
Gradle
Log
Logback/Log4j
2
Security
ESAPI
Report
Jasper/POI
View
JSP/JSTL
UI/UX
Jquery
Chart
Jqplot/Axisj
Template
Thymeleaf
Handlebars
Web Map Server GeoServer
OS Centos 7.2
3D Viewer Cesium, WorldWind
Cache EhCache, Redis
Container Docker
WAS Tomcat 8.5
9
Introduction โ€“ Core parts of mago3D
F4D Converter mago3D.js
mago3D.js
3D GIS Engines
Cesium
Web World Wind
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 Algorithms
GeoBIM is too heavy due to so many vertices and triangles in so many objects.
This causes two major issues in handling GeoBIM in web browsers.
!
Network Traffic Rendering Speed
Key Algorithms
So we introduced 2 concepts to solve these issues.
reducing size preprocessing
for speed
building rougher LOD
making indices
used in culling
removing duplication
Key Algorithms
step what is this? used for
Model/Reference
A concept of writing 3D data that only one
geometry among multiple geometries
congruent with each other is written.
reducing data size of semantic
data(ex. BIM/CAD, 3D data by
modeling)
NSM(Net Surface Mesh)
This is composed of 2 steps.
1. building meshes with regularly gridded
vertices on surfaces of raw 3D model.
2. triangle reduction.
making rougher LOD
โ€ป 2nd step is separately applied in
simplifying targets in case of
triangular meshes such like TIN or
random-shaped 3D data
Visibility/Spatial index
Visibility index is for occlusion culling and
spatial index is for frustum culling in indoor
camera working.
carrying out a serial combination
of 2 cullings for fast determination
of targets to be shown
Letโ€™s look into more concretely.
Key Algorithms : 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 Algorithms : F4D, lightweight service format
Example of Model-Reference
11
12
1. Build a triangular mesh based on the grid structure from the original three-dimensional data.
Key Algorithms : F4D, lightweight service format
12
1. Build a triangular mesh based on the grid structure from the original three-dimensional data.
Key Algorithms : F4D, lightweight service format
13
2. Triangle reduction (edge collapse)
Inner edge collapse frontier edge collapse
Key Algorithms : F4D, lightweight service format
13
2. Triangle reduction (edge collapse)
Key Algorithms : F4D, lightweight service format
14
Key Algorithms : F4D, lightweight service format
These are made from original data by adjusting details.
15
LOD 0
(Original data)
LOD 2 LOD 3
LOD 4 LOD 5
Key Algorithms : F4D, lightweight service format
Key Algorithms : Culling for performance enhancement
Do not render things not necessarily to be shown.
before rotating a camera
around a target
during rotating after rotating
Do not render if not necessary.
16
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 Algorithms : F4D, lightweight service format
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 Algorithms : F4D, lightweight service format
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
Key Algorithms : F4D, lightweight service format
3D Tiles and F4D
โ€ป image source
https://cesium.com/blog/2015/08/10/introducing-3d-tiles/
www.zionfriedheim.org
zoomed in
ใ€Ž3D Tilesใ€ is an aggregation of various 3D data
invented for better request/response in web service
and applying LOD in rendering.
3D Tiles
F4D is, conceptually, exactly matched to
a component in a ใ€Ž3D Tilesใ€ dataset.
3D Tiles and F4D
Why new format was devised instead of 3D Tiles?
- GeoBIM data is too heavy to be handled as a 3D Tiles component in Cesium.
- So more processes are necessary to handle GeoBIM well such like
โ€˜indoor/outdoor separationโ€™, โ€˜frustum culling with occlusion cullingโ€™, and etc.
- This means that we have to expand 3D Tiles to support โ€˜indoor or microscopic stuffโ€™ and
modify Cesium to support necessary processes.
- But we have no idea about how to insert indoor things into 3D Tiles and
structure of Cesium as a rendering engine is so rigid that we canโ€™t modify it.
So we introduced a new format and made a rendering pipeline for it
separate with Cesium rendering loop.
3D Tiles and F4D
initialization
target
determination
render/request
targets
rendering loop
in Cesium
trigger target determination
indoor checking
look up cache render/request
20
mago3D runs on any device
Accessible from any device, anytime, anywhere
Results: 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
Results: MEP Integration
22
Integration of large size MEP and 3D GIS on a web browser
Results: AEC Integration
23
Integration of large size AEC and 3D GIS on a web browser
Results: 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
Results: Cultural Heritage in Korea
โ€ข Cultural asset in Korea
25
Results: Tunnel, Bridge in Japen
โ€ข Tunnel, Department store, Bridge, Overpass
offered by CUG (Civil User Group in Japan)
26
In future
30
A
mago3D
Cloud
B
mago3D
B
mago3D
Point Clouds
Realistic
Mesh
IFC
Volumetric
Data
3DS
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
All the source codes are here: https://github.com/Gaia3D/mago3d
Thank you!
33
This project is funded by Ministry of Land, Infrastructure and Transport, Korea,
through R&D project(number:18NSIP-B080778-05)
Sanghee Shin shshin@gaia3d.com

More Related Content

What's hot (20)

PDF
What I've learned from implementing GeoBIM in real cases
SANGHEE SHIN
ย 
PDF
State of mago3D, An Open Source Based Digital Twin Platform
SANGHEE SHIN
ย 
PDF
mago3D, a web based BIM/GIS integration platform on top of open source
SANGHEE SHIN
ย 
PDF
mago3D: Let's integrate BIM and 3D GIS on top of FOSS4G
SANGHEE SHIN
ย 
PDF
Vector Tile for Sea Wind
SANGHEE SHIN
ย 
PDF
mago3D - A Brand-New Live 3D Geo-Platform
SANGHEE SHIN
ย 
PDF
State of mago3D, An Open Source Based Digital Twin Platform
SANGHEE SHIN
ย 
PDF
Introduction to mago3D: A Web Based Open Source GeoBIM Platform
SANGHEE SHIN
ย 
PDF
Mago3D: A Brand-New Live 3D Geo-Platform
SANGHEE SHIN
ย 
PDF
Introduction of MAGO3D
SANGHEE SHIN
ย 
PDF
Integration of BIM and GIS: From Ideal to Reality
SANGHEE SHIN
ย 
PDF
Introduction to OpenIndoorMap
SANGHEE SHIN
ย 
PDF
Open BIM: bridging the gap between BIM and GIS
Goedertier Stijn
ย 
PPTX
Predictive Maintenance of Ball Bearing using Digital Twin
Barathkumar109
ย 
PDF
Creating, Managing and Sharing 3D Cities with FME
Safe Software
ย 
PPTX
Use of CityGML standard in the context of Smart City
i-SCOPE Project
ย 
PPT
CityGML extension for BIM and IFC
Lรฉon Berlo
ย 
PDF
A Bumpy Road to Digital Twin
SANGHEE SHIN
ย 
PDF
6 Stories of Maps and FOSS4G Korea
SANGHEE SHIN
ย 
PDF
3D Web Services And Models For The Web: Where Do We Stand?
Camptocamp
ย 
What I've learned from implementing GeoBIM in real cases
SANGHEE SHIN
ย 
State of mago3D, An Open Source Based Digital Twin Platform
SANGHEE SHIN
ย 
mago3D, a web based BIM/GIS integration platform on top of open source
SANGHEE SHIN
ย 
mago3D: Let's integrate BIM and 3D GIS on top of FOSS4G
SANGHEE SHIN
ย 
Vector Tile for Sea Wind
SANGHEE SHIN
ย 
mago3D - A Brand-New Live 3D Geo-Platform
SANGHEE SHIN
ย 
State of mago3D, An Open Source Based Digital Twin Platform
SANGHEE SHIN
ย 
Introduction to mago3D: A Web Based Open Source GeoBIM Platform
SANGHEE SHIN
ย 
Mago3D: A Brand-New Live 3D Geo-Platform
SANGHEE SHIN
ย 
Introduction of MAGO3D
SANGHEE SHIN
ย 
Integration of BIM and GIS: From Ideal to Reality
SANGHEE SHIN
ย 
Introduction to OpenIndoorMap
SANGHEE SHIN
ย 
Open BIM: bridging the gap between BIM and GIS
Goedertier Stijn
ย 
Predictive Maintenance of Ball Bearing using Digital Twin
Barathkumar109
ย 
Creating, Managing and Sharing 3D Cities with FME
Safe Software
ย 
Use of CityGML standard in the context of Smart City
i-SCOPE Project
ย 
CityGML extension for BIM and IFC
Lรฉon Berlo
ย 
A Bumpy Road to Digital Twin
SANGHEE SHIN
ย 
6 Stories of Maps and FOSS4G Korea
SANGHEE SHIN
ย 
3D Web Services And Models For The Web: Where Do We Stand?
Camptocamp
ย 

Similar to Introduction to mago3D: A web based GeoBIM platform on top of FOSS4G (20)

PDF
Mago3D Barcelona ICGC(์นดํƒˆ๋ฃจ๋‹ˆ์•„ ์ง€ํ˜• ๋ฐ ์ง€์งˆ์—ฐ๊ตฌ์†Œ) ๋ฐœํ‘œ์ž๋ฃŒ
BJ Jang
ย 
PDF
What we've done so far with mago3D, an open source based 'Digital Twin' platf...
SANGHEE SHIN
ย 
PPTX
mago3D FOSS4G NA 2018
์ •๋Œ€ ์ฒœ
ย 
PDF
mago3D: A brand new Geo-BIM platform on top of Cesium & World Wind
SANGHEE SHIN
ย 
PPTX
๋„์‹œ ์ธํ”„๋ผ ๊ณต๊ฐ„์ •๋ณด ๋ฐ์ดํ„ฐ ์ปค๋„ฅ์…˜-ํ†ตํ•ฉ ๊ธฐ์ˆ  ํ‘œ์ค€ํ™”๋ฅผ ์œ„ํ•œ ISO TC211 19166 ๊ฐœ๋ฐœ ์ด์•ผ๊ธฐ
Tae wook kang
ย 
PDF
ISO 19166 BIM-GIS conceptual mapping
Tae wook kang
ย 
PDF
Design and Development of BIM on GIS Interoperability Open Platform
slhead1
ย 
PDF
ISO 19166 BIM to GIS conceptual mapping China (WUHAN) meeting
Tae wook kang
ย 
PDF
Real-time 3D Object Detection on LIDAR Point Cloud using Complex- YOLO V4
IRJET Journal
ย 
PDF
Introduction to 3D Mapping with X3D
Ian Panganiban
ย 
PDF
CityEngine-OpenDS
Andra-Lidia Lezza
ย 
PDF
Interactive Editing of Signed Distance Fields
Matthias Trapp
ย 
PPT
UDMS 2004
Umit Isikdag
ย 
PDF
201703330 Booosting 3D IMRO - Abdoulaye Diakite TU Delft
Booosting platform voor koplopers in bouwinnovatie
ย 
PDF
3D City Model Applications with FME Server
Safe Software
ย 
PPTX
CAD STANDARDS - SMART MANUFACTURING MECH
RAJESHS631800
ย 
PDF
3D Perception for Autonomous Driving - Datasets and Algorithms -
Kazuyuki Miyazawa
ย 
PDF
CityGML Integration Into the ArcGIS Platform
Safe Software
ย 
PPT
What does BIM mean for Civil Engineers?
Chun Keung Ng
ย 
PDF
How to Easily Read and Write CityGML Data (Without Coding)
Safe Software
ย 
Mago3D Barcelona ICGC(์นดํƒˆ๋ฃจ๋‹ˆ์•„ ์ง€ํ˜• ๋ฐ ์ง€์งˆ์—ฐ๊ตฌ์†Œ) ๋ฐœํ‘œ์ž๋ฃŒ
BJ Jang
ย 
What we've done so far with mago3D, an open source based 'Digital Twin' platf...
SANGHEE SHIN
ย 
mago3D FOSS4G NA 2018
์ •๋Œ€ ์ฒœ
ย 
mago3D: A brand new Geo-BIM platform on top of Cesium & World Wind
SANGHEE SHIN
ย 
๋„์‹œ ์ธํ”„๋ผ ๊ณต๊ฐ„์ •๋ณด ๋ฐ์ดํ„ฐ ์ปค๋„ฅ์…˜-ํ†ตํ•ฉ ๊ธฐ์ˆ  ํ‘œ์ค€ํ™”๋ฅผ ์œ„ํ•œ ISO TC211 19166 ๊ฐœ๋ฐœ ์ด์•ผ๊ธฐ
Tae wook kang
ย 
ISO 19166 BIM-GIS conceptual mapping
Tae wook kang
ย 
Design and Development of BIM on GIS Interoperability Open Platform
slhead1
ย 
ISO 19166 BIM to GIS conceptual mapping China (WUHAN) meeting
Tae wook kang
ย 
Real-time 3D Object Detection on LIDAR Point Cloud using Complex- YOLO V4
IRJET Journal
ย 
Introduction to 3D Mapping with X3D
Ian Panganiban
ย 
CityEngine-OpenDS
Andra-Lidia Lezza
ย 
Interactive Editing of Signed Distance Fields
Matthias Trapp
ย 
UDMS 2004
Umit Isikdag
ย 
201703330 Booosting 3D IMRO - Abdoulaye Diakite TU Delft
Booosting platform voor koplopers in bouwinnovatie
ย 
3D City Model Applications with FME Server
Safe Software
ย 
CAD STANDARDS - SMART MANUFACTURING MECH
RAJESHS631800
ย 
3D Perception for Autonomous Driving - Datasets and Algorithms -
Kazuyuki Miyazawa
ย 
CityGML Integration Into the ArcGIS Platform
Safe Software
ย 
What does BIM mean for Civil Engineers?
Chun Keung Ng
ย 
How to Easily Read and Write CityGML Data (Without Coding)
Safe Software
ย 
Ad

More from SANGHEE SHIN (20)

PDF
How to Visualize the โ€‹Spatio-Temporal Data Using CesiumJSโ€‹
SANGHEE SHIN
ย 
PDF
๋Œ€ํ•œ๋ฏผ๊ตญ ๋Œ€ํ‘œ ์˜คํ”ˆ์†Œ์Šค, mago3DTiler์˜ ํ˜„์žฌ์™€ ๋ฏธ๋ž˜ - ๋Œ€ํ•œ๊ณต๊ฐ„์ •๋ณดํ•™ํšŒ 2025๋…„ ์‹ ๋…„ํ•™์ˆ ๋Œ€ํšŒ ๋ฐœํ‘œ์ž๋ฃŒ
SANGHEE SHIN
ย 
PDF
State of mago3DTiler, an open source based OGC 3D Tiles creator
SANGHEE SHIN
ย 
PDF
Dreams and Dilemmas: Lessons from Koreaโ€™s Urban Digital Twin
SANGHEE SHIN
ย 
PDF
[๋ฒคํ‹€๋ฆฌ์‹œ์Šคํ…œ์ฆˆ์ฝ”๋ฆฌ์•„ ์‚ฌ์šฉ์ž์„ธ๋ฏธ๋‚˜]์„ธ์Š˜(Cesium) ์ œํ’ˆ๊ณผ ๋””์ง€ํ„ธํŠธ์œˆ ๊ตฌํ˜„ ์‚ฌ๋ก€
SANGHEE SHIN
ย 
PDF
๋””์ง€ํ„ธํŠธ์œˆ ์‹œ๊ณต๊ฐ„ ํ˜„์ƒ ์ •๋ณด ๊ฐ€์‹œํ™” ์‚ฌ๋ก€์™€ ๊ณผ์ œ - ํ•œ๊ตญ์ง€๋„ํ•™ํšŒ 2024๋…„ ์ถ˜๊ณ„ํ•™์ˆ ๋Œ€ํšŒ ๋ฐœํ‘œ ์ž๋ฃŒ
SANGHEE SHIN
ย 
PDF
Building a Digital Twin Service in 10 Minutes with FOSS4G! - ์˜คํ”ˆ์†Œ์Šค๋กœ 10๋ถ„๋งŒ์— ๋””์ง€ํ„ธํŠธ...
SANGHEE SHIN
ย 
PDF
Do we need a new standard for visualizing the invisible?
SANGHEE SHIN
ย 
PDF
๋””์ง€ํ„ธํŠธ์œˆ ๋ช‡๋ช‡ ๊ธฐ์ˆ  ๋™ํ–ฅ๊ณผ ์‚ฌ๋ก€ - ๋Œ€ํ•œ๊ณต๊ฐ„์ •๋ณดํ•™ํšŒ ์‹ ๋…„ํ•™์ˆ ๋Œ€ํšŒ ๋ฐœํ‘œ ์ž๋ฃŒ
SANGHEE SHIN
ย 
PDF
์˜คํ”ˆ์†Œ์Šค๋กœ ์‚ฌ์—…ํ•˜๊ธฐ - ๊ฐ€์ด์•„์“ฐ๋ฆฌ๋”” ์ด์•ผ๊ธฐ(์„œ์šธ์‹œ๋ฆฝ๋Œ€ํ•™๊ต ์ฐฝ์—…์ง€์›๋‹จ ํŠน๊ฐ•)
SANGHEE SHIN
ย 
PDF
FOSS4G 2023 Prizren ์ฐธ๊ฐ€๊ธฐ
SANGHEE SHIN
ย 
PDF
์ฑ… "์ œํ’ˆ์˜ ํƒ„์ƒ" ์†Œ๊ฐœ
SANGHEE SHIN
ย 
PDF
๊ณต๊ฐ„์ •๋ณด ์ตœ๊ทผ ๋™ํ–ฅ๊ณผ ๋””์ง€ํ„ธํŠธ์œˆ, ๋ฉ”ํƒ€๋ฒ„์Šค
SANGHEE SHIN
ย 
PDF
์žฌํ…Œํฌ 2์ฃผ์ผ๋งŒ ํ•˜๋ฉด ์‹ ์ƒํฌ๋งŒํผ ํ•œ๋‹ค!
SANGHEE SHIN
ย 
PDF
๋‹ค๋ถ„์•ผ ๊ณต๋™ํ™œ์šฉ ๋””์ง€ํ„ธ ํ”Œ๋žซํผ ์‚ฌ๋ก€ ๊ณต์œ 
SANGHEE SHIN
ย 
PDF
๊ณต๊ฐ„์ •๋ณด ๊ด€์ ์—์„œ ๋ฐ”๋ผ๋ณธ ๋””์ง€ํ„ธํŠธ์œˆ๊ณผ ๋ฉ”ํƒ€๋ฒ„์Šค
SANGHEE SHIN
ย 
PDF
FOSS4G Firenze 2022 ์ฐธ๊ฐ€๊ธฐ
SANGHEE SHIN
ย 
PDF
๊ณต๊ฐ„์ •๋ณด์™€ ๋„์‹œ ๋””์ง€ํ„ธํŠธ์œˆ(๋ถ€์‚ฐDX์ปจํผ๋Ÿฐ์Šค ๋ฐœํ‘œ์ž๋ฃŒ)
SANGHEE SHIN
ย 
PDF
๊ณต๊ฐ„์ •๋ณด ์ตœ๊ทผ ๋™ํ–ฅ๊ณผ ๋””์ง€ํ„ธํŠธ์œˆ, ๋ฉ”ํƒ€๋ฒ„์Šค
SANGHEE SHIN
ย 
PDF
๋””์ง€ํ„ธํŠธ์œˆ, ์Šค๋งˆํŠธ์‹œํ‹ฐ, ๋ฉ”ํƒ€๋ฒ„์Šค
SANGHEE SHIN
ย 
How to Visualize the โ€‹Spatio-Temporal Data Using CesiumJSโ€‹
SANGHEE SHIN
ย 
๋Œ€ํ•œ๋ฏผ๊ตญ ๋Œ€ํ‘œ ์˜คํ”ˆ์†Œ์Šค, mago3DTiler์˜ ํ˜„์žฌ์™€ ๋ฏธ๋ž˜ - ๋Œ€ํ•œ๊ณต๊ฐ„์ •๋ณดํ•™ํšŒ 2025๋…„ ์‹ ๋…„ํ•™์ˆ ๋Œ€ํšŒ ๋ฐœํ‘œ์ž๋ฃŒ
SANGHEE SHIN
ย 
State of mago3DTiler, an open source based OGC 3D Tiles creator
SANGHEE SHIN
ย 
Dreams and Dilemmas: Lessons from Koreaโ€™s Urban Digital Twin
SANGHEE SHIN
ย 
[๋ฒคํ‹€๋ฆฌ์‹œ์Šคํ…œ์ฆˆ์ฝ”๋ฆฌ์•„ ์‚ฌ์šฉ์ž์„ธ๋ฏธ๋‚˜]์„ธ์Š˜(Cesium) ์ œํ’ˆ๊ณผ ๋””์ง€ํ„ธํŠธ์œˆ ๊ตฌํ˜„ ์‚ฌ๋ก€
SANGHEE SHIN
ย 
๋””์ง€ํ„ธํŠธ์œˆ ์‹œ๊ณต๊ฐ„ ํ˜„์ƒ ์ •๋ณด ๊ฐ€์‹œํ™” ์‚ฌ๋ก€์™€ ๊ณผ์ œ - ํ•œ๊ตญ์ง€๋„ํ•™ํšŒ 2024๋…„ ์ถ˜๊ณ„ํ•™์ˆ ๋Œ€ํšŒ ๋ฐœํ‘œ ์ž๋ฃŒ
SANGHEE SHIN
ย 
Building a Digital Twin Service in 10 Minutes with FOSS4G! - ์˜คํ”ˆ์†Œ์Šค๋กœ 10๋ถ„๋งŒ์— ๋””์ง€ํ„ธํŠธ...
SANGHEE SHIN
ย 
Do we need a new standard for visualizing the invisible?
SANGHEE SHIN
ย 
๋””์ง€ํ„ธํŠธ์œˆ ๋ช‡๋ช‡ ๊ธฐ์ˆ  ๋™ํ–ฅ๊ณผ ์‚ฌ๋ก€ - ๋Œ€ํ•œ๊ณต๊ฐ„์ •๋ณดํ•™ํšŒ ์‹ ๋…„ํ•™์ˆ ๋Œ€ํšŒ ๋ฐœํ‘œ ์ž๋ฃŒ
SANGHEE SHIN
ย 
์˜คํ”ˆ์†Œ์Šค๋กœ ์‚ฌ์—…ํ•˜๊ธฐ - ๊ฐ€์ด์•„์“ฐ๋ฆฌ๋”” ์ด์•ผ๊ธฐ(์„œ์šธ์‹œ๋ฆฝ๋Œ€ํ•™๊ต ์ฐฝ์—…์ง€์›๋‹จ ํŠน๊ฐ•)
SANGHEE SHIN
ย 
FOSS4G 2023 Prizren ์ฐธ๊ฐ€๊ธฐ
SANGHEE SHIN
ย 
์ฑ… "์ œํ’ˆ์˜ ํƒ„์ƒ" ์†Œ๊ฐœ
SANGHEE SHIN
ย 
๊ณต๊ฐ„์ •๋ณด ์ตœ๊ทผ ๋™ํ–ฅ๊ณผ ๋””์ง€ํ„ธํŠธ์œˆ, ๋ฉ”ํƒ€๋ฒ„์Šค
SANGHEE SHIN
ย 
์žฌํ…Œํฌ 2์ฃผ์ผ๋งŒ ํ•˜๋ฉด ์‹ ์ƒํฌ๋งŒํผ ํ•œ๋‹ค!
SANGHEE SHIN
ย 
๋‹ค๋ถ„์•ผ ๊ณต๋™ํ™œ์šฉ ๋””์ง€ํ„ธ ํ”Œ๋žซํผ ์‚ฌ๋ก€ ๊ณต์œ 
SANGHEE SHIN
ย 
๊ณต๊ฐ„์ •๋ณด ๊ด€์ ์—์„œ ๋ฐ”๋ผ๋ณธ ๋””์ง€ํ„ธํŠธ์œˆ๊ณผ ๋ฉ”ํƒ€๋ฒ„์Šค
SANGHEE SHIN
ย 
FOSS4G Firenze 2022 ์ฐธ๊ฐ€๊ธฐ
SANGHEE SHIN
ย 
๊ณต๊ฐ„์ •๋ณด์™€ ๋„์‹œ ๋””์ง€ํ„ธํŠธ์œˆ(๋ถ€์‚ฐDX์ปจํผ๋Ÿฐ์Šค ๋ฐœํ‘œ์ž๋ฃŒ)
SANGHEE SHIN
ย 
๊ณต๊ฐ„์ •๋ณด ์ตœ๊ทผ ๋™ํ–ฅ๊ณผ ๋””์ง€ํ„ธํŠธ์œˆ, ๋ฉ”ํƒ€๋ฒ„์Šค
SANGHEE SHIN
ย 
๋””์ง€ํ„ธํŠธ์œˆ, ์Šค๋งˆํŠธ์‹œํ‹ฐ, ๋ฉ”ํƒ€๋ฒ„์Šค
SANGHEE SHIN
ย 
Ad

Recently uploaded (20)

PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
ย 
PDF
Advancing WebDriver BiDi support in WebKit
Igalia
ย 
PPTX
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
ย 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
ย 
PPTX
Future Tech Innovations 2025 โ€“ A TechLists Insight
TechLists
ย 
PDF
โ€œNPU IP Hardware Shaped Through Software and Use-case Analysis,โ€ a Presentati...
Edge AI and Vision Alliance
ย 
PDF
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
ย 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
ย 
PDF
Jak MลšP w Europie ลšrodkowo-Wschodniej odnajdujฤ… siฤ™ w ล›wiecie AI
dominikamizerska1
ย 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
ย 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
ย 
PDF
July Patch Tuesday
Ivanti
ย 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
ย 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
ย 
PDF
Mastering Financial Management in Direct Selling
Epixel MLM Software
ย 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
ย 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
ย 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
ย 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
ย 
PDF
Staying Human in a Machine- Accelerated World
Catalin Jora
ย 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
ย 
Advancing WebDriver BiDi support in WebKit
Igalia
ย 
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
ย 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
ย 
Future Tech Innovations 2025 โ€“ A TechLists Insight
TechLists
ย 
โ€œNPU IP Hardware Shaped Through Software and Use-case Analysis,โ€ a Presentati...
Edge AI and Vision Alliance
ย 
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
ย 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
ย 
Jak MลšP w Europie ลšrodkowo-Wschodniej odnajdujฤ… siฤ™ w ล›wiecie AI
dominikamizerska1
ย 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
ย 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
ย 
July Patch Tuesday
Ivanti
ย 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
ย 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
ย 
Mastering Financial Management in Direct Selling
Epixel MLM Software
ย 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
ย 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
ย 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
ย 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
ย 
Staying Human in a Machine- Accelerated World
Catalin Jora
ย 

Introduction to mago3D: A web based GeoBIM platform on top of FOSS4G

  • 1. Introduction to mago3D: A web based GeoBIM platform on top of FOSS4G Sanghee Shin([email protected]) Hakjoon Kim([email protected])
  • 6. 6 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
  • 7. 7 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
  • 8. 8 Introduction โ€“ Overall System Components DB Postgresql 9.6 + PostGIS Web Server Nginx 1.12.1 / Apache 2.4 Language Java8 Framework Spring(Springboot) + Mybatis Build Gradle Log Logback/Log4j 2 Security ESAPI Report Jasper/POI View JSP/JSTL UI/UX Jquery Chart Jqplot/Axisj Template Thymeleaf Handlebars Web Map Server GeoServer OS Centos 7.2 3D Viewer Cesium, WorldWind Cache EhCache, Redis Container Docker WAS Tomcat 8.5
  • 9. 9 Introduction โ€“ Core parts of mago3D F4D Converter mago3D.js mago3D.js 3D GIS Engines Cesium Web World Wind 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
  • 10. Key Algorithms GeoBIM is too heavy due to so many vertices and triangles in so many objects. This causes two major issues in handling GeoBIM in web browsers. ! Network Traffic Rendering Speed
  • 11. Key Algorithms So we introduced 2 concepts to solve these issues. reducing size preprocessing for speed building rougher LOD making indices used in culling removing duplication
  • 12. Key Algorithms step what is this? used for Model/Reference A concept of writing 3D data that only one geometry among multiple geometries congruent with each other is written. reducing data size of semantic data(ex. BIM/CAD, 3D data by modeling) NSM(Net Surface Mesh) This is composed of 2 steps. 1. building meshes with regularly gridded vertices on surfaces of raw 3D model. 2. triangle reduction. making rougher LOD โ€ป 2nd step is separately applied in simplifying targets in case of triangular meshes such like TIN or random-shaped 3D data Visibility/Spatial index Visibility index is for occlusion culling and spatial index is for frustum culling in indoor camera working. carrying out a serial combination of 2 cullings for fast determination of targets to be shown Letโ€™s look into more concretely.
  • 13. Key Algorithms : F4D, lightweight service format ๏ƒจ Model is 3D geometry info, while Reference is real instance of this model 10
  • 14. with 4 geometric meshes - 4 models 23 objects are created. - 23 references Image source : www.vecteezy.com Key Algorithms : F4D, lightweight service format Example of Model-Reference 11
  • 15. 12 1. Build a triangular mesh based on the grid structure from the original three-dimensional data. Key Algorithms : F4D, lightweight service format
  • 16. 12 1. Build a triangular mesh based on the grid structure from the original three-dimensional data. Key Algorithms : F4D, lightweight service format
  • 17. 13 2. Triangle reduction (edge collapse) Inner edge collapse frontier edge collapse Key Algorithms : F4D, lightweight service format
  • 18. 13 2. Triangle reduction (edge collapse) Key Algorithms : F4D, lightweight service format
  • 19. 14 Key Algorithms : F4D, lightweight service format
  • 20. These are made from original data by adjusting details. 15 LOD 0 (Original data) LOD 2 LOD 3 LOD 4 LOD 5 Key Algorithms : F4D, lightweight service format
  • 21. Key Algorithms : Culling for performance enhancement Do not render things not necessarily to be shown. before rotating a camera around a target during rotating after rotating Do not render if not necessary. 16
  • 22. 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 Algorithms : F4D, lightweight service format
  • 23. 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 Algorithms : F4D, lightweight service format
  • 24. 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 Key Algorithms : F4D, lightweight service format
  • 25. 3D Tiles and F4D โ€ป image source https://cesium.com/blog/2015/08/10/introducing-3d-tiles/ www.zionfriedheim.org zoomed in ใ€Ž3D Tilesใ€ is an aggregation of various 3D data invented for better request/response in web service and applying LOD in rendering. 3D Tiles F4D is, conceptually, exactly matched to a component in a ใ€Ž3D Tilesใ€ dataset.
  • 26. 3D Tiles and F4D Why new format was devised instead of 3D Tiles? - GeoBIM data is too heavy to be handled as a 3D Tiles component in Cesium. - So more processes are necessary to handle GeoBIM well such like โ€˜indoor/outdoor separationโ€™, โ€˜frustum culling with occlusion cullingโ€™, and etc. - This means that we have to expand 3D Tiles to support โ€˜indoor or microscopic stuffโ€™ and modify Cesium to support necessary processes. - But we have no idea about how to insert indoor things into 3D Tiles and structure of Cesium as a rendering engine is so rigid that we canโ€™t modify it. So we introduced a new format and made a rendering pipeline for it separate with Cesium rendering loop.
  • 27. 3D Tiles and F4D initialization target determination render/request targets rendering loop in Cesium trigger target determination indoor checking look up cache render/request
  • 28. 20 mago3D runs on any device Accessible from any device, anytime, anywhere
  • 29. Results: 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
  • 30. Results: MEP Integration 22 Integration of large size MEP and 3D GIS on a web browser
  • 31. Results: AEC Integration 23 Integration of large size AEC and 3D GIS on a web browser
  • 32. Results: 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
  • 33. Results: Cultural Heritage in Korea โ€ข Cultural asset in Korea 25
  • 34. Results: Tunnel, Bridge in Japen โ€ข Tunnel, Department store, Bridge, Overpass offered by CUG (Civil User Group in Japan) 26
  • 36. Demo
  • 37. 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
  • 38. For more information, please visit http://mago3d.com All the source codes are here: https://github.com/Gaia3D/mago3d Thank you! 33 This project is funded by Ministry of Land, Infrastructure and Transport, Korea, through R&D project(number:18NSIP-B080778-05) Sanghee Shin [email protected]