This document describes mago3D, a system for integrating and visualizing 3D building information modeling (BIM) and architectural engineering and construction (AEC) data with 3D geographic information systems (GIS) data in a web browser. It discusses the challenges of visualizing large and complex BIM/AEC models in a web environment. Mago3D addresses these challenges through techniques like converting BIM/AEC formats to a lightweight format called F4D, using culling techniques to optimize rendering performance, and integrating indoor and outdoor spaces on a 3D GIS platform. The document provides examples of projects mago3D can visualize and discusses the system's architecture, components, and future plans.

1. 1
•Let’s Integrate BIM/AEC and 3D GIS
on Your Web Browser!

2. 2
0 before coming in – What is 3D GIS?
examples of 3D GIS
A system designed for acquisition, storing, processing, analysis, management,
or publishing of geo-spatial data in 3D environment

3. 3
0 before coming in – What are BIM/AEC data?
examples of BIM/AEC data
Digitalized design data of construction, infrastructure, or large-sized
facilities/machineries under CAD(Computer Aided Design) environment

4. 4
1 abstract - What is mago3D?

5. 5
1 abstract - What is mago3D? – like this.

6. 6
2 background – Why is mago3D developed? - About management systems
management
system
issue making by
hands-on workers
issue handling by
persons in charge
expectations and future plans
from statistical handling of
filed-up issues
issue monitoring
for decision making
Why are management systems
based on collaboration operated in
web environment?
▶Only with internet and any web browser,
anyone can access to same services.
▶So, the development doesn’t cost much and is
not so hard.
→It’s a trend to develop management systems in
web.
But, it’s extremely hard to do so in
BIM/AEC areas. Why?

7. 7
2 background – Why is mago3D developed? – Situations of AEC areas
Usually, targets of management are
large-sized and highly detailed.
→They are too heavy to be displayed in
web browsers.

8. 8
Factories of a manufacturing company
in Korea, China, and south-eastern Asia
Ship yard of XX Heavy Industry, Korea
2 background – Why is mago3D developed? – Situations of AEC areas
Targets of management are placed in geo-
spatially wide range.
Specially, in areas like heavy industry or
machinery/electronic device manufacturing,
they are globally wide-spread.
→Visualization of targets should be
supported in the context of geo-spatial
stuff of globally wide range of scale.

9. 2 background – Why is mago3D developed? – Situations of AEC areas
3D model formats used in
3D graphics/CAD areas
http://artist-3d.com/free_3d_models/graphics- file-formats.php
image from
Usually most of design data in AEC areas are made by specialized software so that
they are dependent on specific software and have low compatibility.
→It is impossible to render them directly in web browsers.

10. 10
3 goals – mago3D should support
Converting whatever original data formats are to a lightweight service
format
Seamless integration of indoor & outdoor space on 3D GIS environment
Running on web browsers without any add-on such like apps or Flash
Opensource-based development for openness and extensibility
Efficient management and rapid rendering of large-sized 3D data

11. 11
4 introduction – Architecture of mago3D
mago3D.JS
Cesium/WWW
Client
internet
Web Server WAS
F4DStorage
mago
Content
Management
DataBase
F4D Converter
core parts of mago3D

12. 12
4 introduction – Core parts of mago3D
F4D Converter mago3D.js
mago3D.js
3D GIS Engines
Cesium
WebWorldWind
API
API
service html
F4D Converter
F4D
.ifc
.3ds
.obj
.dae
This converts .ifc(standard transfer format of or .3ds/.obj/.dae
(classic 3D format) into F4D, service format of mago3D.
During conversion, weight reduction and pre-processing for
performance are carried out.
A plug-in composed of pure javascript which enables 3D GIS
engines to handle large-sized and highly detailed AEC data

13. 5 key technique : F4D, lightweight service format
 Saving only one out of geometrically congruent and repetitive objects

14. with 4 geometric meshes - 4 models 23 objects are created. - 23 references
Image source : www.vecteezy.com
5 key technique : F4D, lightweight service format
example of model / reference

15. 5 key technique : F4D, lightweight service format
Oh, it’s likely from a distance!
This data is made from original data by lowering detailedness.

16. 5 key technique : F4D, lightweight service format
Third, merge
collected cubes
as much as possible
Second, collect
cubes which
intersect with
original data
First, divide the
Bounding Box into
enough small
cubes for each
LOD
How to make Lego block structures

17. 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

18. 5 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.

19. 5 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.

20. 5 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.

21. 6 currently – Visualization of large-sized and highly detailed AEC data
AEC data

22. 6 currently – Visualization of large-sized and highly detailed AEC data
Cultural asset in Korea

23. 6 currently – Visualization of large-sized and highly detailed AEC data
Tunnel, Department store, Bridge,
Overpass offered by CUG (Civil
User Group in Japan)

24. 6 currently – Indoor/Outdoor integration
Seamless integration between indoor and outdoor
scene from indoor to outdoor through windows Scene from outdoor to indoor through windows

25. 6 currently – Various API supported
APIs are supported for
developing application
systems(currently 29 APIs) moving/rotating
a full building
moving objects &
viewing attributes
registration/monitoring/search of issues

26. 6 currently – CMS(Contents Management System)

27. 철수
mago3D
7 in future
Cloud
영희
mago3D
순이
mago3D
JT
Obj
IFC
Collada3DS
Revit
weather
data

28. appendices

29. 29
appendix – development environment of mago3D
DB Postgresql 9.6 + PostGIS
Web Server Nginx 1.12.1 / Apache 2.4
Language Java8
Framework Spring(Springboot) + Mybatis
Build
Gradle
Log
Log4j2/Logback
Security
ESAPI
Report
Jasper/POI
View
JSP/JSTL
UI/UX
Jquery
Chart
Jqplot/Axisj
Template
Thymeleaf
Handlebars
Geo Server Geo Server
OS Centos 7.2
3D Viewer Cesium, WorldWind
Cache EhCache, Redis
Container Docker
WAS Tomcat 8.5

30. appendix - F4DConverter is composed of
Writer
Processor
Reader
Assimp.3ds .obj .dae
IfcPlusPlus / Carve.ifc
OpenCascade.jt
ClassicReader
IfcReader
JtReader
fixing triangle vertices order
bounding box calculation
exterior object extraction
model/reference extraction
vbo creation/triangle sorting
spatial octree creation
visibility indexing
lego structure creation
 F4DConverter is a single executable
file.(.exe)
 F4DConverter is isolated from and
independent of other web parts
(mago3DJS+CMS).
 F4DConverter can be executed
manually in command prompt OR
can be executed by other
processes(ex : batch script for
scheduling).
 Converted results can be shared on
such things like NAS OR
can be transmitted through
network(ex : FTP).

31. appendix - mago3DJS is composed of
mago3D Renderer
Shader
mago3D Accelerator
Performance Enhancer
mago3D
REST API
request, response
mago3D
Process Manager
mago3D Data
Container
Cesium NASA World Wind Etc.
mago3D Core
WebGL Globe Core
mago3D Connector
 A javascript plug-in, used with WebGL
globe engines, to allow web applications to
render and manipulate highly heavy and
detailed 3D model data on 3D GIS
environment.
 Composed of
 Connector : links mago3D with
WebGL-based globes such like
Cesium & WorldWind
 Core : F4D data Handling
 Renderer : visualizes 3D data
 Accelerator : for performance
improvement
 Process Manager : manages all
processes
 Data Container : performs
loading/parsing
 REST API handler : 3D Data
request/response API

32. appendix - Content Management System is composed of
Data Manager
F4D Data
Hosting
API
User Issue
Schedule
RBAC
Role Based
Access Control
Public Private
spring framework
 DashBoard
 Offers functionalities for management &
statistics of issue, users, schedule, and data
 Configuration
 All configuration about users, passwords,
GIS, GeoServer, callback, and security.
 Data Manager
 Management of ‘Add, Modify, and Remove’
on Data group
 Issue Manager
 Management on issues users registered.
Issue by issue, You can check process status,
priority, due date, and the person in charge
 Role Based Access Control
 Newly added user is assigned in any user
group, and each user group is granted its
own role.
User authority comes along with the role of
user group which the user belongs to.