P O RT F O LI O | RESEARCH + DESIGN
BAOLIN XU baolin.xu@yahoo.com | www.baolin-x.com
ARCHITECTURAL RESEARCH
Web Application Based On BIM
Tech: HTML5, JavaScript, Jquery, WebGl, Three.js. Revit, Sketchup. Date completed:12/2015
Independent Research Project | www.3dlewis.com
“
Project Introduction
How to share the building information model with the public, stake-holders, and design professionals? How to visualize the building information and enhance users’ perception of the building environment?
”
This is an independent research project for my graduate study at University of Oregon. The research began with broad questions like, How to share the building information model with the public, stake-holders, and design professional? How to visualize the building information and enhance users’ perception of the building environment? Inspired by the emerging technology of WebGL, I came up with the idea of developing a web application utilizing Building Information Model. The LEED Platinum-certified Lewis Integrative Science Building at University of Oregon was selected to demonstrate the web application. Website: www.3dlewis.com (Please open with Chrome, Safari, Firefox, or IE11)
1. BUILDING VISUALIZATION Exterior Visualization The initial function of the web application is 3D building visualization. With WebGL, 3D building models can be uploaded to the web space. In the EXTERIOR page of the web app, users can interact with the model like in desktop-based modeling tools such as Rhino, Sketchup. The public, stake-holders and design professionals will have access to the 3D building models as long as they have internet connection.
Screen shot of the Exterior page.
3
Web Application Based On BIM
Tech: HTML5, JavaScript, Jquery, WebGl, Three.js. Revit, Sketchup. Date completed:12/2015
Independent Research Project | www.3dlewis.com
How to inspect tectonics of a building online? Tectonics Visualization In the EXTERIOR page, the building model can be exploded and the building elements can be filtered. Users can have a close view on each building element, thus explore the tectonics of the building. For future development, the EXTERIOR page will allow users to have parametric control of the building geometries.
Inspect tectonics in the Exterior page.
How to walk through the interior space online? Interior Visualization The INTERIOR page of the web app allows users to walk around in the building and view the spaces in 3D. Users can use key-board controls and mouse controls to inspect the interior space on the web. This tool can be used for online design presentation, enriching project information on portals such as ArchDaily, Architizer, real-estate products demonstration, virtual museums and other public buildings. Future development will be incorporating Virtual Reality head-set such as Oculus Rift with the 3D space.
Screen shot of the Interior page.
4
Web Application Based On BIM
Tech: HTML5, JavaScript, Jquery, WebGl, Three.js. Revit, Sketchup. Date completed:12/2015
Independent Research Project | www.3dlewis.com
2. DATA VISUALIZATION
How to visualize the data of a building in 3D? The TEMPERATURE and ENERGY pages of the web app provide two ways of data visualization based on 3D building spaces. By connecting data with building spaces, occupants in the building can see the building performance intuitively. This will encourage occupants to take actions to reduce energy usage of the building. Currently, the data used in the project are randomly generated and stored in separate JSON files. Future development will be monitoring the performance of the building in real-time and connecting the visualization model with data-base. Analysis of the accumulative data will help in building performance optimization and sustainable design validation. Data Visualization
Screen shot of the temperature data visualization.
BIM
Environment data
Simplified Geomeries Energy data
Data Visualization
Data Set
3D Model
JSON data request
JSON data set (Randomly generated)
WebGL
3D Model
Data Base
BIM
Data logging
Monitoring Environment monitoring Energy monitorning
Environment data
Simplified Geomeries Energy data
JSON data request
WebGL My SQL
The workflow of Data Visualization.
Screen shot of the energy data visualization.
5
Web Application Based On BIM
Tech: HTML5, JavaScript, Jquery, WebGl, Three.js. Revit, Sketchup. Date completed:12/2015
Independent Research Project | www.3dlewis.com
3. INDOOR NAVIGATION AND USER ACTIVITY STUDY
How to find a room in a building quickly? Indoor Navigation People often have hard time when they try to find a room in buildings that they are not familiar with. Most public buildings use floor plans to help people navigating the buildings. But lot of people find it difficult to read the floor plans. So, how to locate a room in a building quickly? The NAVIGATION page of the web app allow users to search for a room and navigate through the space with 3D floor plans. To search for a room, users can type in a room name. The searched room will be marked red in the floor plans, thus allowing people to locate the room quickly. This tool can be used in schools, shopping malls, museums, airports and other public buildings to help people find a room quickly. Future development will be in detecting user’s current position by wificonnection and calculating indoor routes. Screen shot of the Navigation page.
How do people use the rooms in a building? User Activity Study The goal of the USER ACTIVITY page is tracking user’s activity in the virtual space and studying the pattern of space usage in a building. User can move around in the virtual space and the activity will be tracked and stored into datasets. The OUTPUT button will allow users to view the activity data including room occupied, starting time, ending time, length of time. Accumulating and analyzing the activity data will provide insights for future design and energy management. The tool now is very conceptual. Future development will include multi-user interaction, communication among users, real-time database updating. The tool can evolve into a platform of social network based on physical space, connecting people in a building or in a community together and promoting collaboration and sharing.
Screen shot of the User Activity page.
6
PROFESSIONAL PRACTICE
1
Haining Museum & Urban Planning Exhibition Center
Location: Haining, Zhejiang, China Type: Museum Scale: 32,415 sqm Status: Competition, first place
Date: 06/2013
Introduction:
Site Urban Planning Exhibition Center
The site of this project is in the central part of Haining city. The urban structure around the site is well developed with a park in the middle and the Haining library in the west. The project is a compound that consists of three parts: Haining museum, Urban Planning Exhibition Center and City Model Exhibition Hall. While the three parts are connected with each other, each part has its own circulation system and can function independently.
City Model Exhibition Hall
Museum
Library
Site
Team:
Andres Rocha Anthony Hackmayer, Michael Baolin Xu, Mariana Jaramillo
Personal Contribution:
+ Leading designer in the team. + In charge of site plan. + Developed spacial program. + Participated in conceptual design options development. + Oversaw final presentation documents.
Design Evolution 1
Open space in front of the museum
2
Museum + Urban planning exhibition center
6
City model exhibition hall links the two volumes
3
volume is lifted to create open space
7
Vertical circulation seperates the horizontal volume
4
Entry from different directions
8
Volume is tilted to create cinema space inside
5
Volume is seperated to increase daylight
9
Water surface in front of the building
10
Paths across the water surface
8
1 Permeability
Haining Museum & Urban Planning Exhibition Center
Location: Haining, Zhejiang, China Type: Museum Scale: 32,415 sqm Status: Competition, first place
Date: 06/2013
Watching Tide
One of the culture identities of Haining is the tide of the Qiantang river. Thousands of people go to Haining to see the tide each year. In order to create the moment of watching tide, a large water area is placed in front of the building. People can sit on the big slope having a view to the water just like watching the tide.
Haining is also famous for its lanterns. The lanterns, being so characteristic of Haining, almost turn into a symbol of the city, so the perfect place to highlight the city’s cultural identity is the Museum. Light is controlled by the perforated metal skin simulating the appearance of lanterns suspending in the air or floating on the water.
9
1
Haining Museum & Urban Planning Exhibition Center Date: 06/2013
Location: Haining, Zhejiang, China Type: Museum Scale: 32,415 sqm Status: Competition, first place
1st Floor
10
1
Haining Museum & Urban Planning Exhibition Center
Location: Haining, Zhejiang, China Type: Museum Scale: 32,415 sqm Status: Competition, first place
Date: 06/2013
Chrome Surface at the bottom of the volume
City model exhibition hall
2nd Floor Platform
The complexity of the spacial program challenges the design, but it also provides opportunities for creating diverse spaces which will allow people to have special moments. The chrome surface under the cantilever volumes, will emphasize the entrance to the lobbies, while reinforcing the weightless quality of the volumes above.
3rd Floor
11
1
Haining Museum & Urban Planning Exhibition Center
Location: Haining, Zhejiang, China Type: Museum Scale: 32,415 sqm Status: Competition, first place
Date: 06/2013
Perforated Metal Skin
Slope formed by the cantilever
City model exhibition hall inside
Escalator from the underground to the platform
12
2
Peking University Kindergarten
Location: Beijing, China Type: Education Scale: 4,526 sqm Status: Competition, first place
Date: 04/2013
Team:
Andres Rocha Baolin Xu, Juan Velazques Yaling Wang
Personal Contribution:
+ Leading designer in the team. + Developed spacial program. + In charge of the master plan and modular space combinations. + In charge of the documentation for presentation. + In charge of the final presentation documents.
Module Evolution
Introduction:
The main requirement for this competition was to design a kindergarten that could be replicated in several cities in China. In order to achieve this, the concepts of modular space and module combination was developed.
Circulation Indoor Outdoor
Module Combination
Chosen Combination
13
2
Peking University Kindergarten
Location: Beijing China Type: Education Scale: 4,526 sqm Status: Competition, first place
Date: 04/2013
Each module has an area of 160 sqm which is the size of a basic classroom unit. The whole building consists of two main module groups. The classrooms are placed at the south part of the building, for better daylighting; other spaces that do not need direct sunlight are placed at the north part of the building. A central courtyard and a circulation space connect the two parts together. Module Floor Plan Options For the class module, each class will have a mezzanine for sleeping area; thus the space for activities will be enlarged in the first floor.
1st Floor
Central courtyard
Mezzanine
Central courtyard
1st Floor
Activity area in the first floor
Mezzanine
Sleeping area in the mezzanine
14
3
Huashida Headquaters Park Date: 06/2012
Location: Shijiazhuang, Hebei, China Type: Mixed-use Scale: 24,730 sqm Status: Under Construction
Team:
Jeronimo Betancur, Andres Rocha Baolin Xu, Juriana Giraldo Susana Posada, Esteban Guarin
Personal Contribution:
+ Leading designer in conceptual design and design development stages. + In charge of the site plan. + High-rise building codes compliance. + In charge of modeling. + In charge of facade detailing. + In charge of presentation documents.
Huashida Tower
Introduction:
This is a new urban compound development project in Shijiazhuang, one of China’s fast growing major cities. The site has an area about 85,000 sqm and is divided into 9 plots surrounding a central park. This new urban development project consists of nine office towers and one storage building. Huashida Headquarters tower is the major tower in the compound and will be the first one to be developed.
15
3
Huashida Headquaters Park
Location: Shijiazhuang, Hebei, China Type: Mixed-use Scale: 24,730 sqm Status: Under Construction
Date: 06/2012
Huashida Headquarters tower has 17 floors above ground and 2 floors underground with a total area of 24,730 sqm. The height of the tower is 72m. The first three floors of the tower are commercial space; 4-6 floors are hotel; 7-14 floors are offices for renting; 15-17 floors are private offices for the developer. On the roof top is a private garden.
1st Floor
14-17 Floor
Roof Floor
4-6 Floor
7-14 Floor
16
3
Huashida Headquaters Park
Location: Shijiazhuang, Hebei, China Type: Mixed-use Scale: 24,730 sqm Status: Under Construction
Date: 06/2012
Detail of the vertical element
The facade is composed by vertical metallic elements with varied density along the surface of the building. These surfaces are not parallel to the structure of the building and they “cross with each other� making an effect of several volumes intersecting with each other.
Detail of the glass curtain wall
South Facade composition
North Facade composition
17
To see more projects, please visit my website.
www.baolin-x.com
18