Toggle Navigation

Open the Navigation Management window, which can be used to view the full current branch of the menu tree, and edit it.

CONNECT
Make your giftFacebookEMailInstagram

University of Delaware Faculty

Image Picker for Section 0
Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Image Rendition

Change the way the image is cropped for this page layout.

Media Size

Cycle through size options for this image or video.

Original
50%
66%
100%
Fixed Portrait 1
Fixed Portrait 2
Cancel
Media Right/Left-Align

Align the media panel to the right/left in this section.

Insert Image

Open the image pane in this body section. Click in the image pane to select an image from the image library.

Insert Video

Open the video pane in this body section. Click in the video pane to embed a video. Click ? for step-by-step instructions.

Remove Image

Remove the image from the media panel. This does not delete the image from the library.

Remove Video

Remove the video from the media panel.

​​​​​

 

 

University of Delaware204 Taylor HallNewark, DE 19716<div class="ExternalClass569332F35E574DBDBFB69F463CDFEA21"><p>Ph.D. (HyperBody LAB, Architectural Engineering and Technology) Delft University of Technology, 2018</p><p>M. Arch. (Architecture & Urban Design) UCLA, 2009</p><p>B.S. (Architecture) Tamkang University, 2005</p><p>Jia-Rey(Gary) Chang, born in Taiwan, completed his M.Arch degree in Architecture and Urban Design Department at UCLA. He then began researching interactive and parametric architecture at the Architecture Department in TamKang University, Taiwan as a research assistant.  In 2010, he established “P&A LAB” (<a href="http://pandalabccc.blogspot.com/" target="_blank" title="P&A BAB">Programming and Architecture LAB</a>, and lately integrated into <a href="http://www.archgary.com/" title="Archgary" target="_blank">archgary.com</a> to continue) exploring the new possible relationship between the programming and architecture. </p><p>In 2011, he joined the <a href="http://www.hyperbody.nl/" title="Hyperbody LAB" target="_blank">Hyperbody LAB</a> for his Ph.D. research on Interactive Architecture. Cooperating with choreographers, visual artists, composers, and programmers, he has been involved in an EU project, <a href="http://metabody.eu/" target="_blank" title="MetaBody">MetaBody</a> to explore the pro-activeness and intra-action relationship between body movement and spatial quality for 3 years since 2012. In early 2018, he finished his Ph.D. research under Hyperbody LAB, TU Delft with the dissertation “HyperCell: A Bio-inspired Design Frameworks for Real-time Interactive Architectures”, proposing the idea of self-intelligent building components by exploring into the fields of computation, embodiment, and biology in design.</p><p>Meanwhile, he is also extremely interested in the transdisciplinary topics of fashion design, creative coding, visualization, 2D/3D simulation, interactive design and motion tracking technology, and has conducted numerous workshops over the years. At UD he will continue developing his HyperCell concept and projects around his philosophy of 'space as a living being' and immersive spatial Interaction Design.</p></div><div class="ExternalClassA294E0430F444C8EAAB0B8DFFFBC543D"><p>​By appointment<br></p></div><div class="ExternalClassFD5C05BD68444563BC87129D8DCA02F3"><p><br></p></div><p>​</p>Office Hoursarchgary@udel.eduChang, Gary302-831-2244<img alt="" src="/Images%20Bios/Chang.JPG" style="BORDER:0px solid;" />Assistant Professorhttp://www.archgary.com/

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Image Rendition

Change the way the image is cropped for this page layout.

Media Size

Cycle through size options for this image or video.

Original
50%
66%
100%
Fixed Portrait 1
Fixed Portrait 2
Cancel
Media Right/Left-Align

Align the media panel to the right/left in this section.

Insert Image

Open the image pane in this body section. Click in the image pane to select an image from the image library.

Insert Video

Open the video pane in this body section. Click in the video pane to embed a video. Click ? for step-by-step instructions.

Remove Image

Remove the image from the media panel. This does not delete the image from the library.

Remove Video

Remove the video from the media panel.

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Image Rendition

Change the way the image is cropped for this page layout.

Media Size

Cycle through size options for this image or video.

Original
50%
66%
100%
Fixed Portrait 1
Fixed Portrait 2
Cancel
Media Right/Left-Align

Align the media panel to the right/left in this section.

Insert Image

Open the image pane in this body section. Click in the image pane to select an image from the image library.

Insert Video

Open the video pane in this body section. Click in the video pane to embed a video. Click ? for step-by-step instructions.

Remove Image

Remove the image from the media panel. This does not delete the image from the library.

Remove Video

Remove the video from the media panel.

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Image Rendition

Change the way the image is cropped for this page layout.

Media Size

Cycle through size options for this image or video.

Original
50%
66%
100%
Fixed Portrait 1
Fixed Portrait 2
Cancel
Media Right/Left-Align

Align the media panel to the right/left in this section.

Insert Image

Open the image pane in this body section. Click in the image pane to select an image from the image library.

Insert Video

Open the video pane in this body section. Click in the video pane to embed a video. Click ? for step-by-step instructions.

Remove Image

Remove the image from the media panel. This does not delete the image from the library.

Remove Video

Remove the video from the media panel.

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Image Rendition

Change the way the image is cropped for this page layout.

Media Size

Cycle through size options for this image or video.

Original
50%
66%
100%
Fixed Portrait 1
Fixed Portrait 2
Cancel
Media Right/Left-Align

Align the media panel to the right/left in this section.

Insert Image

Open the image pane in this body section. Click in the image pane to select an image from the image library.

Insert Video

Open the video pane in this body section. Click in the video pane to embed a video. Click ? for step-by-step instructions.

Remove Image

Remove the image from the media panel. This does not delete the image from the library.

Remove Video

Remove the video from the media panel.

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Image Rendition

Change the way the image is cropped for this page layout.

Media Size

Cycle through size options for this image or video.

Original
50%
66%
100%
Fixed Portrait 1
Fixed Portrait 2
Cancel
Media Right/Left-Align

Align the media panel to the right/left in this section.

Insert Image

Open the image pane in this body section. Click in the image pane to select an image from the image library.

Insert Video

Open the video pane in this body section. Click in the video pane to embed a video. Click ? for step-by-step instructions.

Remove Image

Remove the image from the media panel. This does not delete the image from the library.

Remove Video

Remove the video from the media panel.

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Image Rendition

Change the way the image is cropped for this page layout.

Media Size

Cycle through size options for this image or video.

Original
50%
66%
100%
Fixed Portrait 1
Fixed Portrait 2
Cancel
Media Right/Left-Align

Align the media panel to the right/left in this section.

Insert Image

Open the image pane in this body section. Click in the image pane to select an image from the image library.

Insert Video

Open the video pane in this body section. Click in the video pane to embed a video. Click ? for step-by-step instructions.

Remove Image

Remove the image from the media panel. This does not delete the image from the library.

Remove Video

Remove the video from the media panel.

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Image Rendition

Change the way the image is cropped for this page layout.

Media Size

Cycle through size options for this image or video.

Original
50%
66%
100%
Fixed Portrait 1
Fixed Portrait 2
Cancel
Media Right/Left-Align

Align the media panel to the right/left in this section.

Insert Image

Open the image pane in this body section. Click in the image pane to select an image from the image library.

Insert Video

Open the video pane in this body section. Click in the video pane to embed a video. Click ? for step-by-step instructions.

Remove Image

Remove the image from the media panel. This does not delete the image from the library.

Remove Video

Remove the video from the media panel.

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Media Right/Left-Align

Align the media panel to the right/left in this section.

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Media Right/Left-Align

Align the media panel to the right/left in this section.

Move Up

Move this whole section up, swapping places with the section above it.

Move Down

Move this whole section down, swapping places with the section below it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Media Right/Left-Align

Align the media panel to the right/left in this section.

Move Up

Move this whole section up, swapping places with the section above it.

Code Cleaner

Check for and fix problems in the body text. Text pasted in from other sources may contain malformed HTML which the code cleaner will remove.

Accordion is OFF

Accordion feature turned off, click to turn on.

Accordion is ON

Accordion featurd turned on, click to turn off.

Media Right/Left-Align

Align the media panel to the right/left in this section.

Page Settings and MetaData:
(Not Shown on the Page)
Page Settings
Bio2
No
MetaData for Search Engine Optimization
University of Delaware
<a target="_blank" href="/Lists/Bios/AllItems.aspx" class="ms-promotedActionButton"> <span style="font-size:16px;margin-right:5px;position:relative;top:2px;" class="fa fa-pencil-square-o"></span><span class="ms-promotedActionButton-text">EDIT LIST</span> </a> <a target="_blank" href="/cas-it/utility/ir-bio" class="ms-promotedActionButton"> <span style="font-size:16px;margin-right:5px;position:relative;top:2px;" class="fa fa-crop"></span><span class="ms-promotedActionButton-text">CROP IMAGES</span> </a> <a target="_blank" href="/Images%20Bios/Forms/Thumbnails.aspx" class="ms-promotedActionButton"> <span style="font-size:16px;margin-right:5px;position:relative;top:2px;" class="fa fa-camera"></span><span class="ms-promotedActionButton-text">UPLOAD IMAGES</span> </a> <a target="_blank" href="/Documents Bios CVs/Forms/AllItems.aspx" class="ms-promotedActionButton"> <span style="font-size:16px;margin-right:5px;position:relative;top:2px;" class="fa fa-file-text"></span><span class="ms-promotedActionButton-text">UPLOAD CV'S</span> </a> WebPartEditorsOnly hideHeader