-
Notifications
You must be signed in to change notification settings - Fork 0
/
ArupCityLights.html
382 lines (339 loc) · 16.4 KB
/
ArupCityLights.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
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
<!DOCTYPE html>
<html>
<head>
<title>Arup City Lights</title>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<!--<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />-->
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0" />
<!--
<link rel="stylesheet" href="themes/arupcitylights.min.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
-->
<link href="css/jquery.mobile.theme-1.3.0.min.css" rel="stylesheet" type="text/css"/>
<link href="css/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css"/>
<link href="js/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="js/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="js/jquery.ui.button.min.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.9.2.button.custom.min.js" type="text/javascript"></script>
<script src="js/app.js"type="text/javascript"></script>
<!--<script type="text/javascript" src="js/XMLHttpRequest.js"></script>-->
<!--<script type="text/javascript" src="js/echelon/EchelonInit.js"> -->
</script>
<script>
// Redirect console if running from Evothings Workbench.
if (window.hyper) { console.log = hyper.log }
window.onerror = function(msg, url, line)
{
console.log(msg + ": " + url + ":" + line);
};
</script>
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/adamina:n4:default.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page-default">
<div data-role="header">
<h1>Arup City Lights</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<li><a href="#page-24">24:00:00</a></li>
<li><a href="#page-year">The International Year of Light</a></li>
<li><a href="#page-sensorial">Sensorial City</a></li>
<li><a href="#page-smart">Who's smart?</a></li>
<li><a href="#page-meaning">What does light mean to you?</a></li>
<li><a href="#page-daylight">Daylight</a></li>
<li><a href="#page-urban">A tale of urban lighting</a></li>
<li><a href="#page-media">Media architecture</a></li>
<li><a href="#page-credits">Exhibition credits</a></li>
</ul>
</div>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<div data-role="page" id="page-24">
<div data-role="header">
<h1>24:00:00</h1>
<a href="#page-default" data-rel="back">Back</a>
<!--<a href="#page-default" data-rel="back" data-icon="left" data-iconpos="right" data-role="button"></a>-->
<!--
<a href="#page-default" class="ui-btn ui-icon-delete ui-btn-icon-notext ui-corner-all">Back</a>-->
</div>
<div data-role="content">
<h2>Lighting in the urban age</h2>
<p>
More than half the world’s population currently lives in cities and it is estimated that this figure will rise to 66% by 2050 (World Urbanisation
Prospects, 2014). Yet it sometimes seems that we only use our cities and towns
half as much as we could; once shops and offices close, levels of activity drop.
</p>
<p>
While the urban renaissance of the last 20 years has delivered greater levels of city-centre living, all too often, this fails to translate into the successful ‘24 hour’ city. Lighting, if considered in the right way, can positively impact our night time environment; it can reinforce urban design principles, enhance cultural experiences and encourage social interaction.
</p>
<p>
How can lighting designers play a more active role in shaping the sort of socially sustainable places we would like to see? How can lighting designers, urban planners and architects develop a collaborative approach in order to create welcoming and inclusive places that work 24 hours a day, and not just for half of the time?
</p>
</div>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<div data-role="page" id="page-year">
<div data-role="header">
<h1>The International Year of Light</h1>
<a href="#page-default" data-rel="back">Back</a>
</div>
<div data-role="content">
<h2>The International Year of Light</h2>
<p>
Light plays a vital role in our daily lives and is an imperative cross-cutting discipline of science in the 21st century. It has revolutionised medicine, opened up international communication via the Internet, and continues to be central to linking cultural, economic and political aspects of the global society.
</p>
<p>
On 20 December 2013, The United Nations (UN) General Assembly 68th Session proclaimed 2015 as the International Year of Light and Light-based Technologies (IYL 2015).
In proclaiming an International Year focusing on the topic of light science and its applications, the United
Nations has recognised the importance of raising global awareness about how light-based technologies
promote sustainable development and provide solutions to global challenges in energy, education, agriculture
and health.
Shaping a sustainable future – particularly through the urban environment – is one of the greatest challenges
in the 21st century. Strategic lighting design can have an impact on the ‘Total Architecture’ of the city, both
today and in the years to come. Thinking of lighting in its functional and cultural roles in urban plans can
create places that work better for people and that are sustainable for the environment and for businesses.
</div>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<div data-role="page" id="page-sensorial">
<div data-role="header">
<h1>Sensorial City</h1>
<a href="#page-default" data-rel="back">Back</a>
</div>
<div data-role="content">
<h2>Sensorial City</h2>
<p>
The 24 hour city is an amalgamation of constantly changing conditions.
We see the city in the daytime, and the same city in the nighttime, yet we often
take for granted how implicit light is to crafting and shaping our experience.
</p>
<p>
This experience pod uses abstract impressions of light to create a series of four separate and distinct urban
scenes – a playground, a high street, a residential street, and a café/bar. Each scene has a distinct feel of a
space over the period of a day. We see the space in day and night, in light and shadow, in colour and
monochrome. These subtle variations demonstrate how light affects our perception and feeling towards our
surrounding; and in turn its role in socially designing urban places by day and by night.
</p>
<p>
Sound cues help contextualise the narrative cast in light by providing both locational clues and supporting
ambiance. To place the audience in a park during the daytime, sound cues may transmit noises of children
playing. But transition to a later time and the park may be silent with the distant rustle of trees blowing.
Sound is utilised to augment our sensory experience of the space around us.
</p>
<p>
Sensorial City provides you with an innate understanding as to how light can shape, reshape, create and
obfuscate our collective notions of space. This experience pod acts as a stand-in for the city around us.
</p>
</div>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<div data-role="page" id="page-smart">
<div data-role="header">
<h1>Who's smart?</h1>
<a href="#page-default" data-rel="back">Back</a>
</div>
<div data-role="content">
<h2>Who's smart?</h2>
<p>
The rise of smartphones, GPS and wearable technology has had a
dramatic impact on the way in which we communicate and behave.
</p>
<p>
With the majority of people living in cities now connected, there is a growing desire to network
more of the physical objects that we use every day – the ‘Internet of Things’. This creates new
interaction opportunities and captures even more data streams. Big data companies see this as an
expanding market, where ‘smart’ devices are the gateways to a new world of insights on
people’s behaviour.
</p>
<p>
Lighting technology has undergone a similar disruptive change since the introduction of LEDs.
The aspiration for more energy efficient lighting is creating pressure to make LEDs ubiquitous
inside buildings and around cities.
</p>
<p>
Smart lighting lies at the convergence between the Internet of Things and LED technology. By
connecting light using the languages of the web, we can create an ‘Internet of Light’. And since
light is everywhere, we can use it as an infrastructure to unlock hyper-local services inside and
outside buildings.
</p>
<a href="#" data-role="button">Scene 1</a>
<a href="#" data-role="button">Scene 2</a>
<a href="#" data-role="button">Scene 3</a>
<a href="#" data-role="button">Scene 4</a>
<a href="#" data-role="button">Scene 5</a>
</div>
<p>
<div data-role="fieldcontain">
<label for="slider">Spot 005:</label>
<input type="range" name="slider" id="slider" value="0" min="0" max="100" />
<label for="slider">Spot 050:</label>
<input type="range" name="slider" id="slider" value="0" min="0" max="100" />
</div>
</p>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<div data-role="page" id="page-meaning">
<div data-role="header">
<h1>What does light mean to you?</h1>
<a href="#page-default" data-rel="back">Back</a>
</div>
<div data-role="content">
<h2>What does light mean to you?</h2>
<p>
Light is fundamental to all social life, yet public realm lighting can often
focus on prescriptive design standards, rather than designing with social
relevance for the way that humans interact in a modern 24 hour city.
</p>
<p>
Are there ways in which lighting design, urban planning and sociology can increase opportunities for
citizens to feel welcomed and participate in the public realm after work hours? And likewise, how can
we ensure that night workers feel safe as they move through the streets in the hours of darkness?
</p>
<p>
Through a series of candid interviews with members of the general public in different cities around the
world, the very subjective and personal reflection – ‘What does light mean to you?’ – is deliberated
and captured in order to stimulate our thinking on a matter which affects us all.
</p>
<p>
Purposefully provoking, it aims to elicit emotional and individual responses, so that we can consider
the type of lighting that delights, enhances and helps foster a better sense of safety.
</p>
</div>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<div data-role="page" id="page-daylight">
<div data-role="header">
<h1>Daylight</h1>
<a href="#page-default" data-rel="back">Back</a>
</div>
<div data-role="content">
<h2>Daylight</h2>
<p>
Daylight is vital to our health and well-being and is the only truly
sustainable light source. Making more use of daylight in place of electric
lighting can help reduce energy consumption. These are just two reasons
why prioritising daylighting in cities is important for developers,
architects, politicians and society as a whole.
</p>
<p>
Given its importance to all our lives and well-being, ensuring our homes and places of work have
access to adequate daylight is a mainstream issue. Daylight must be enshrined in the regulations that
shape our cities and considered in the earliest design phases of any building development. It is crucial
to embrace daylighting design at the beginning of a holistic 24 hour lighting design process, where
buildings are designed for daylight first and supplemented with electric lighting later. This approach
can achieve significant reductions in energy consumption from lighting and increases in the quality of
interior spaces.
</p>
<p>
A unique light source, daylight is variable by day, by season and by location, driven by the movement
and position of our planet around the sun. Understanding this relationship allows us to create design
solutions specific to the project context and climate, generating geometrical forms that are informed
by the movement of the sun. This allows architecture and the built environment to be informed and
shaped by daylight.
</p>
</div>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<div data-role="page" id="page-urban">
<div data-role="header">
<h1>A tale of urban lighting</h1>
<a href="#page-default" data-rel="back">Back</a>
</div>
<div data-role="content">
<h2>A tale of urban lighting</h2>
<p>
Memory is an uninterrupted tale; a subjective construction of
interpretations of place, a sequence of emotions and sensations;
a sense of familiarity.
</p>
<p>
The emotional visual journey through the city defines the polyphonic composition of our
memory through experiences, and light is an integral element that contributes to the
harmony of this composition. Light narrates spaces imbuing them with a language made
of colours, darkness, flickering intensities and glittering surfaces.
</p>
<p>
Words are made of light; the language of light transforms bricks, opportunities, surfaces,
smiles, chairs and trees in luminous prose. People are the narrative centres in this prose –
a tale made with light.
</p>
</div>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<div data-role="page" id="page-media">
<div data-role="header">
<h1>Media architecture</h1>
<a href="#page-default" data-rel="back">Back</a>
</div>
<div data-role="content">
<h2>Media architecture</h2>
<p>
In recent years, rapidly developing technology in lighting, media
and building materials has led to the creation of a new type of
hybrid architecture – lighting and media appear as a layer that can
be woven into a three dimensional space – simply known as media
architecture. In a wide sense, media architecture is any surface in the
three dimensional built environment that contains a matrix of lights
that are individually controllable.
</p>
<p>
This approach is fundamentally different to traditional architectural lighting and offers endless
new opportunities in designing the built environment. This ethereal lighting layer has great
impact on the human experience of space.
</p>
<p>
The possibilities with regard to pushing the boundaries in media architecture are huge and as
society moves towards ‘carpe noctem’ (seize the night), architecture and design need to adapt
and offer attractive solutions to this transformation.
</p>
</div>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<div data-role="page" id="page-credits">
<div data-role="header">
<h1>Exhibition credits</h1>
<a href="#page-default" data-rel="back">Back</a>
</div>
<div data-role="content">
<h2>Sponsors</h2>
<h2>Collaborators</h2>
</div>
<div data-role="footer">
<h4><a href="https://twitter.com/search?f=realtime&q=%23ArupCityLights&src=typd">#ArupCityLights</a></h4>
</div>
</div>
<script>
//app.initialize();
$(function() {
$( "#Button1" ).button();
});
</script>
</body>
</html>