-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
280 lines (238 loc) · 14.9 KB
/
index.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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
<!DOCTYPE HTML>
<!--
Twenty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<meta name="google-site-verification" content="Nx8NTYRfzw0Oz9yVP_PBXDxVEiGqCSpSDdUXjF-ydEA" />
<!--<a class="image featured"><img src="index/ADA_black.png" alt="" /></a>-->
<title>ADA</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<link rel="shortcut icon" href="index/A-sqr.png" type="image/ico"/>
<link href='assets/css/simplelightbox.min.css' rel='stylesheet' type='text/css'/>
</head>
<body class="index">
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="b">
<!-- <h1 id="logo"><a href="index.html" class="image"><img src="index/ADA_black.png" alt="" width="60"/></a></h1> -->
<h1 id="logo"><a href="index.html" class="image"><img src="index/ADA_grey1.png" alt="" width="50"/></a></h1>
<nav id="nav">
<ul>
<li class="current"><a href="index.html" class="mobile-only">ADA</a></li>
<li class="submenu">
<a href="#">Expertise</a>
<ul>
<li><a href="expertise/modelling.html">Modelling</a></li>
<li><a href="expertise/visualization.html">Visualization</a></li>
<li><a href="expertise/analysis.html">Analysis</a></li>
<li><a href="expertise/optimization.html">Optimization</a></li>
<li><a href="expertise/fabrication.html">Fabrication</a></li>
<li><a href="expertise/education.html">Education</a></li>
</ul>
</li>
<li><a href="tools.html">Tools</a></li>
<li class="submenu">
<a href="#">Research</a>
<ul>
<li><a href="research/talks.html">Talks</a></li>
<li><a href="research/awards.html">Awards</a></li>
<li><a href="research/posters.html">Posters</a></li>
<li><a href="research/projects.html">Projects</a></li>
</ul>
</li>
<li class="submenu">
<a href="#">Publications</a>
<ul>
<li><a href="publications/journals.html">Journals</a></li>
<li><a href="publications/bookchapt.html">Book Chapters</a></li>
<li><a href="publications/conferences.html">Conferences</a></li>
<li><a href="publications/theses.html">Theses</a></li>
</ul>
</li>
<li><a href="team.html">Team</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<!--
".inner" is set up as an inline-block so it automatically expands
in both directions to fit whatever's inside it. This means it won't
automatically wrap lines, so be sure to use line breaks where
appropriate (<br />).
-->
<div class="inner">
<div class="row">
<div class="2u 12u(narrower)"> </div>
<div class="8u 12u(narrower)">
<a class="image featured"><img src="index/ADA-small.png" alt="" /></a>
</div>
</div>
<pcenter>ARCHITECTURE & COMPUTATION
<br />
RESEARCH & PROJECTS
<br />
A GROUP FOR ALGORITHMIC ARCHITECTURE</pcenter>
<footer>
<ul class="buttons vertical">
<li><a href="#main" class="button fit scrolly">Discover More</a></li>
</ul>
</footer>
</div>
</section>
<!-- ABOUT US -->
<article id="main">
<header class="special container">
<h2><strong>About Us</strong></h2>
<br />
<pcenter> <strong>Algorithmic Design for Architecture (ADA)</strong> is a research group that fuses computation with architecture, urban planning and engineering. Our research not only focuses on ways to aid architects to make virtual models of their buildings but it also helps architects find creative and more complex shapes. The objective is to guide these state-of-the-art projects through the constructive reality, as well as to improve their performance. Our group focuses on creatively solving architectural, urban and engineering problems, making a full integration of these disciplines with the most scientific rigor available methods can provide. This group is composed of a multidisciplinary team of architects and computer science engineers.</pcenter>
</header>
<!-- __________VIDEO __________ -->
<!--<div class="Rvideo-box">-->
<div class="special container">
<video controls preload="auto" id="ADA FILM" class="spetial container">
<source src="https://web.ist.utl.pt/antonio.menezes.leitao/ADA/films/2018July.mp4" type="video/mp4">
<!--<div class="Rvideo-nosupport">-->
</video>
</div>
<!--</div>-->
<br /><br />
<!-- __________AD__________ -->
<section class="wrapper style3 container special-alt">
<div class="row">
<div class="6u 12u(narrower)">
<header>
<pcenter><h2>ALGORITHMIC DESIGN</h2></pcenter>
</header>
<p>Algorithmic Design allows for the modelling of highly complex geometries that would pose some challenges for manual design tools. Algorithmic Design entails a parametric modelling philosophy, meaning the design can be manipulated through variable parameters. This allows the designer to explore a wider range of possibilities rapidly and with little effort. The degree of control over modelling systems offered by programming enables the normal tool-user to become a tool-maker.</p>
<footer>
<ul class="buttons">
<p><li><a href="tools.html" class="button">TOOLS</a></li></p>
</ul>
</footer>
</div>
<div class="6u 12u(narrower) important(narrower)">
<h2> <br /> </h2>
<div class="gallery"> <a href="index/predioAbsoluteWorldB_transparent.png" class="image featured"><img src="index/predioAbsoluteWorldB_transparent.png" alt="" title="ALGORITHMIC DESIGN" /></a></div>
</div>
</div>
</section>
<!-- __________RESEARCH___________ -->
<section class="wrapper style3 container special">
<div class="gallery">
<header class="major">
<h2>Areas of Research</h2>
</header>
<div class="row">
<div class="6u 12u(narrower)"> <a href="index/markethall.png" class="image featured"><img src="index/markethall.png" alt="" title="Modelling" /></a>
<header><h3>MODELLING</h3></header>
<p> Using algorithms as the medium to explore and develop architectural design ideas, it is possible to achieve more complex and flexible design solutions. Using a pure programming-based representation of the intended design not only speeds up the handling of changes that always occur as the design evolves, but also allows for a much larger solution space derived from the formalized representation.</p>
<footer>
<ul class="buttons">
<p><li><a href="expertise/modelling.html" class="button">Go to page</a></li></p>
</ul>
</footer>
</div>
<div class="6u 12u(narrower)"> <a href="index/visual.png" class="image featured"><img src="index/visual.png" alt="" title="Visualization" /></a>
<header> <h3>VISUALIZATION</h3> </header>
<p>An algorithmically designed project benefits from a great flexibility, allowing the user to explore a variety of ideas with no extra modeling effort. By enabling the almost effortless change of 3D models, this approach requires efficient visualization mechanisms that keep up with the growing complexity of algorithmic models. ADA develops algorithmic strategies for visualization and navigation of 3D models. </p>
<footer>
<ul class="buttons">
<p><li><a href="expertise/visualization.html" class="button">Go to page</a></li></p>
</ul>
</footer>
</div>
</div>
<div class="row">
<div class="6u 12u(narrower)"><a href="index/truss_analysis.png" class="image featured"><img src="index/truss_analysis.png" alt="" title="Analysis" /></a>
<header> <h3>ANALYSIS</h3> </header>
<p>With the growing need for safer and more sustainable buildings, it has become crucial for architects to take building performance into account during the development of their projects, especially during the initial design stages. Nowadays, analysis tools can help us make design decisions informed by building performance, having become important tools for the design process.</p>
<footer>
<ul class="buttons">
<p><li><a href="expertise/analysis.html" class="button">Go to page</a></li></p>
</ul>
</footer>
</div>
<div class="6u 12u(narrower)"><a href="index/algorithms.png" class="image featured"><img src="index/algorithms.png" alt="" title="Optimization" /></a>
<header> <h3>OPTIMIZATION</h3> </header>
<p>The building sector presents one of the largest economic and environmental footprints. Building performance optimization can minimize this impact by combining algorithmic approaches, to generate multiple building design variants, simulation tools, to evaluate building's performance regarding distinct aspects, and optimization algorithms, to seek more efficient building designs.</p>
<footer>
<ul class="buttons">
<p><li><a href="expertise/optimization.html" class="button">Go to page</a></li></p>
</ul>
</footer>
</div>
</div>
<div class="row">
<div class="6u 12u(narrower)"><a href="index/vault_fab.png" class="image featured"><img src="index/vault_fab.png" alt="" title="Fabrication" /></a>
<header> <h3>FABRICATION</h3> </header>
<p>Digital Fabrication mechanizes many of the human-intensive tasks needed to construct buildings, thus assuring considerable cost savings. It also opens the door to mass customization and the construction of complex geometrical entities that would be very difficult and/or expensive to produce by physical means.</p>
<footer>
<ul class="buttons">
<p><li><a href="expertise/fabrication.html" class="button">Go to page</a></li></p>
</ul>
</footer>
</div>
<div class="6u 12u(narrower)"><a href="index/pavilion.png" class="image featured"><img src="index/pavilion.png" alt="" title="Education" /></a>
<header> <h3>EDUCATION</h3> </header>
<p>Architecture and design are ever-evolving disciplines that seek to exceed their barriers with every new creation. Programming allows modeling and analysis tool to be amplified with new capabilities. Given the evident need for computation knowledge in these practices, we consider this to be a crucial topic for university students to learn.</p>
<footer>
<ul class="buttons">
<p><li><a href="expertise/education.html" class="button">Go to page</a></li></p>
</ul>
</footer>
</div>
</div>
</div>
</section>
</article>
<!-- _______________CTA______________ -->
<section id="cta">
<header>
<h2>Get in touch with us</h2>
<pcenter>Interested in working with us?
<br />Curious to find out more about our work?</pcenter>
</header>
<footer>
<ul class="buttons">
<li><a href="contact.html" class="button special">Contact us</a></li>
<!-- <li><a href="#" class="button">LOL Wut</a></li> -->
</ul>
</footer>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<img src="index/inesc_white.png" alt="" width="200" />
<img src="index/IST_white.png" alt="" width="200"/>
</ul>
<ul class="copyright">
<li>2024 © Algorithmic Design for Architecture</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollgress.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="../assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script type="text/javascript" src="assets/js/simple-lightbox.js"></script>
<script>
$(function(){
var $gallery = $('.gallery a').simpleLightbox();});
</script>
</body>
</html>