-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathporto-coupling.html
145 lines (125 loc) · 7.38 KB
/
porto-coupling.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Payam Tabrizian Portfolio</title>
<link rel="shortcut icon" href="img/favicon.png">
<!-- CSS Styles -->
<link rel='stylesheet' id='quicksand-google-font' href='https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='css/bootstrap.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css' href='css/font-awesome.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='fontello-css' href='css/fontello.css' type='text/css' media='all' />
<link rel='stylesheet' id='owl-carousel-css' href='css/owl.carousel.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='owl-carousel-theme-css' href='css/owl.theme.default.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='main-styles-css' href='css/main.css' type='text/css' media='all' />
<!-- End Styles -->
</head>
<body>
<!-- Preloader -->
<div class="jayo-preloader">
<div class="animation circle"></div>
</div>
<!-- -->
<div id="page" class="site">
<header id="masthead" class="jayo-site-header container basic">
<div class="row">
<!-- Logo -->
<!--div class="site-brand col-6">
<a href="index.html">
<img src="img/logo.png" alt="logo"/>
</a>
</div>
<!-- -->
<!-- Navigation -->
<div class="jayo-menu-wrapper col-6">
<div class="jayo-nav-icon closed">
<span></span>
<span></span>
<span></span>
</div>
<div class="jayo-menu">
<ul id="menu-main-menu" class="menu">
<li class="menu-item"><a href="index.html">Home</a></li>
<li class="menu-item"><a href="about-me.html">About me</a></li>
<li class="menu-item"><a href="portfolio.html">Portfolio</a></li>
<li class="menu-item"><a href="publication.html">Publications</a></li>
<li class="menu-item"><a href="presentations.html">Talks</a></li>
<li class="menu-item"><a href="tutorials.html">Tutorials</a></li>
<li class="menu-item"><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<!-- -->
</div>
</header>
<div id="content" class="site-content">
<!-- Header -->
<div class="jayo-page-header container">
<div class="caption">
<h2>Tangible Immersion for ecological design</h2>
<p>Posted on November 8, 2017</p>
</div>
</div>
<!-- -->
<section id="primary" class="single-post">
<main id="main" class="site-main" role="main">
<article class="container">
<div class="thumb">
<a href="img/portfolio/coupling_hero.jpg" target="_blank">
<img src="img/portfolio/coupling_hero.jpg" alt="" />
</a>
</div>
<div class="main-content">
<div class="content clearfix">
<h3>Intro</h3>
<figure id="attachment_23">
<a href="img/portfolio/coupling_2.jpg">
<img src="img/portfolio/coupling2.jpg" width="300" height="208" style="float: right; margin-left: 30px;"/>
</a>
</figure>
<p>This project showcases tangible immersion – virtual reality coupled with tangible interaction – to foster interdisciplinary collaboration in a critical, yet creative design process. Integrating tangible, embodied interaction with geospatial modeling and immersive virtual environments (IVE) can make 3D modeling fast and natural, while enhancing it with realistic graphics and quantitative analytics. We have developed Tangible Landscape, a technology that links a physical model with a geographic information system and 3D modeling platform through a real-time cycle of interaction, 3D scanning, geospatial computation, and 3D rendering. With this technology landscape architects, other professionals, and the public can collaboratively explore design alternatives through an iterative process of intuitive ideation, geocomputational analysis, realistic rendering, and critical analysis. This is demonstrated with a test case for interdisciplinary problem solving in which a landscape architect and geoscientist use Tangible Landscape to collaboratively design landforms, hydrologic systems, planting, and a trail network for a brownfield site. Using this tangible immersive environment they rapidly explored alternative scenarios. We discuss how the participants used real-time analytics to collaboratively assess trade-offs between environmental and experiential factors, balancing landscape complexity, biodiversity, remediation capacity, and aesthetics. Together they explored how the relationship between landforms and natural processes affected the performance of the designed landscape. Technologies that couple tangible geospatial modeling with IVEs have the potential to transform the design process by breaking down disciplinary boundaries, but may also offer new ways to imagine space and democratize design. </p>
<p><br></p>
<li><a href="https://www.researchgate.net/publication/309458110_Immersive_Tangible_Geospatial_Modeling">
[Source 1] Immersive Tangible Geospatial Modeling.</a> Proceedings of ACM SIGSPATIAL 2016.</li>
<li><a href="https://www.researchgate.net/publication/318846696_Tangible_Immersion_for_Ecological_Design">
[Source 2] Tangible immersion for ecological design</a> Proceedings of ACADIA 2017.</li>
<figure id="attachment_24">
<a href="img/portfolio/coupling_2.jpg">
<img src="img/portfolio/coupling_2.jpg" />
</a>
</section>
</div>
</div>
<!-- Footer -->
<footer class="jayo-site-footer">
<div class="copyright-area">
<div class="container">
<ul class="social-media list-unstyled">
<li><a href="https://www.facebook.com/payam.tb/media_set?set=a.10150277763005023.526086.718030022&type=3" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/Payam_tabrizian" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com/in/payam-tabrizian-22225832/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/ptabriz" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a></li>
</ul>
<div class="copyright">© 2017 Payam Tabrizian</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Start JS (placed at bottom for better page speed) -->
<!-- jQuery -->
<script type='text/javascript' src='js/jquery-3.2.1.min.js'></script>
<script type='text/javascript' src='js/jquery-migrate-1.4.1.min.js'></script>
<script type='text/javascript' src='js/jquery.appear.js'></script>
<script type='text/javascript' src='js/jquery.infinitescroll.js'></script>
<!-- -->
<script type='text/javascript' src='js/bootstrap.min.js'></script>
<script type='text/javascript' src='js/imagesloaded.pkgd.min.js'></script>
<script type='text/javascript' src='js/isotope.pkgd.min.js'></script>
<script type='text/javascript' src='js/owl.carousel.min.js'></script>
<script type='text/javascript' src='js/jayo-main.js'></script>
<!-- -->
</body>
</html>