Baolin Xu_Portfolio

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