-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
459 lines (418 loc) · 19.3 KB
/
Copy pathindex.html
File metadata and controls
459 lines (418 loc) · 19.3 KB
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
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-40012093-28"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-40012093-28');
</script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AI Localism | The GovLab</title>
<link href="images/favicon.png" rel="shortcut icon">
<meta property="og:title" content="AI Localism | The GovLab" />
<meta property="og:image" content="images/ai-localism-logo-meta.png" />
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://use.typekit.net/kad3hcl.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/@directus/sdk-js@5.3.4/dist/directus-sdk.umd.min.js"></script>
<script src="https://kit.fontawesome.com/f713a12e61.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<div id="alert-msg" class="alert">
<div class="alert-content">
<!-- <div class="alert-col thumb">
<img src="images/thumb.jpg">
</div> -->
<div class="alert-col text-body">
<p class="text-alert"><span id="sub-text">OUT NOW: “AI Localism in Practice: Examining How Cities Govern AI.”<br><a
href="http://files.thegovlab.org/ailocalism-in-practice.pdf" id="text-link"
target="_blank">Click here</a> to read the full report.</span>
</p>
</div>
<div class="alert-col dismiss">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
</div>
</div>
</div>
<body class="homepage" onwheel="scroll_dismiss()">
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<!-- Top Navigation Menu -->
<div class="topnav">
<div class="menu-bars">
<div class="bar-wrap">
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
<a class="top_logo" href="#home"><img src="images/govlab-logo-white.png" alt="The GovLab"></a>
<!-- Navigation links (hidden by default) -->
<div class='lang-select'>
</div>
</div>
<div id="myLinks">
<div class="menu-items">
<div class="menu-sub" onclick="dismiss_menu()"><a href="#">Home</a></div>
<div class="menu-sub" onclick="dismiss_menu()"><a href="#about">About</a></div>
<div class="menu-sub" onclick="dismiss_menu()"> <a href="#projects">Projects and Publications</a></div>
<div class="menu-sub" onclick="dismiss_menu()"><a href="#whatwedo">What We Do</a></div>
<div class="menu-sub" onclick="dismiss_menu()"><a href="#team">Team</a></div>
</div>
</div>
<div class="row top-section">
<div class="column large-12 site-logo__wrapper">
<a href="/index.html"><img class="site-logo" src="images/ai localism logo 1b-2-semibold.png"
alt="AI Localism logo"></a>
</div>
</div>
<div class="row align-center">
<section class="imagine-banner">
<h2>The Responsible Use and Design of Artificial Intelligence at the Local Level </h2>
</section>
</div>
<section>
<div class="main-buttons">
<a href="http://list.ailocalism.org" target="_blank" class="button ">Explore the Repository</a>
<a href="http://ailocalism.org/blog.html" target="_blank" class="button ">Explore the Blog</a>
</div>
</section>
<section id="about" class="dark-section">
<div class="row">
<div class="column left image-col top">
</div>
<div class="column right">
<p>Artificial Intelligence is here, and here to stay. At the most basic level, AI denotes the application of
(self-learning) algorithms to large data sets. For years now, AI has aroused both fear and excitement, yet
its ultimate impact will be determined by us and the governance frameworks we build.</p>
</div>
</div>
</section>
<div class="text-box">
<p><a
href="https://www.project-syndicate.org/commentary/local-regulation-of-artificial-intelligence-uses-by-stefaan-g-verhulst-1-and-mona-sloane-2020-02?barrier=accesspaylog"
target="_blank">AI Localism</a>, a term coined by Stefaan Verhulst and Mona Sloane, refers to the actions
taken by local decision-makers to address the use of AI within a city or community. AI Localism has often
emerged because of gaps left by incomplete state, national or global governance frameworks.</p>
</div>
<section class="dark-section">
<div class="row">
<div class="column left image-col">
</div>
<div class="column right">
<p>AI Localism offers both <b>immediacy</b> and <b>proximity</b>. Because it is managed within tightly defined
geographic regions, it affords policymakers a <b>better understanding of the tradeoffs involved</b>. By
calibrating algorithms and AI policies for local conditions, policymakers have a better chance of <b>creating
positive feedback loops</b> that will result in greater effectiveness and accountability.</p>
</div>
</div>
</section>
<section class="dark-section">
<div class="row">
<div class="column left">
<p>The speed and scale at which AI is deployed is an uncharted territory, and policy is not caught up. Our
insufficiency of knowledge and regulation have led to mistrust, and irresponsible behavior. The concerns are
valid, but their legitimacy should spur us not to cast aside or reject AI. Instead, these concerns can be used
to
understand its potentials and pitfalls and develop new forms of governance.</p>
</div>
<div class="column right image-col">
</div>
</div>
</section>
<div class="divider" id="whatwedo">
<h1>What we do</h1>
</div>
<div class="row">
<div class="column-3">
<img src="images/map.png">
<h4>MAPPING</h4>
<p>
Mapping the current state of AI Localism around the world. Providing rigorous insight in an emerging phenomenon.
</p>
</div>
<div class="column-3 center">
<img src="images/analyze.png">
<h4>ANALYSIS</h4>
<p>
Analyzing what works, and what doesn't and why? Developing an evidence-base of AI Localism.
</p>
</div>
<div class="column-3">
<img src="images/guide.png">
<h4>GUIDANCE</h4>
<p>
Guiding local leaders towards responsible AI implementation and governance innovation. Training the next
generation of AI leaders at the local level.
</p>
</div>
</div>
<div class="divider" id="projects">
<h1>Current Projects and Recent Publications</h1>
</div>
<div class="row projects article">
<div class="column-6 article">
<h2>AI Localism in Practice: Examining How Cities Govern AI</h2>
<p>Research shows that cities and states are leading the charge in developing governance frameworks and
implementing policies at a quicker, more direct, and more impactful level than their national counterparts
because of the “immediacy and proximity” of policy needs and responses. Yet the expanded use of AI by
municipalities raises new questions about what constitutes appropriate and ethical use of the technology and
their governance models. This report aims to serve as a primer for policymakers and practitioners to learn about
current governance practices and inspire their own work in the field.</p>
<a href="http://files.thegovlab.org/ailocalism-in-practice.pdf"
target="_blank">LEARN MORE</a>
</div>
<div class="column-3 article">
<img id="ai-localism-cover" src="images/ai-localism-report.png">
</div>
</div>
<!-- <div class="row projects">
<div class="column-3">
<img id="ai-localism-cover" src="images/ai-localism-report.png">
<br><br>
</div>
<div class="column-6">
<h2>AI Localism in Practice: Examining How Cities Govern AI</h2>
<p>Research shows that cities and states are leading the charge in developing governance frameworks and
implementing policies at a quicker, more direct, and more impactful level than their national counterparts
because of the “immediacy and proximity” of policy needs and responses. Yet the expanded use of AI by
municipalities raises new questions about what constitutes appropriate and ethical use of the technology and
their governance models. This report aims to serve as a primer for policymakers and practitioners to learn about
current governance practices and inspire their own work in the field.</p>
<a href="http://files.thegovlab.org/ailocalism-in-practice.pdf"
target="_blank">LEARN MORE</a>
</div>
</div> -->
<div class="row projects">
<div class="column-3">
<img src="images/partners/tum_small.jpg">
<br><br>
<img id="melb" src="images/partners/PRIMARY_A_Vertical_Housed_RGB.png">
</div>
<div class="column-6">
<h2>The Ethics and Practice of AI Localism at a time of COVID-19 and beyond</h2>
<p>To fight against COVID-19, companies and cities alike have quickly developed or repurposed AI technologies,
such
as temperature, mask, and social distance detection or smartphone tracking to monitor disease spread. While
these
uses seem crucial for the current global crisis, implementation roadblocks have exposed the gaps in AI
regulation.
This comparative review of current practices worldwide seeks to gain a better understanding of successful AI
Localism in the context of COVID-19 as to inform and guide local leaders and city officials towards best
practices.</p>
<a href="https://ieai.mcts.tum.de/research/the-ethics-and-practice-of-ai-localism-at-a-time-of-covid-19-and-beyond/"
target="_blank">LEARN MORE</a>
</div>
</div>
<div class="row projects article">
<div class="column-6 article">
<h2>Realizing the Potential of AI Localism</h2>
<p><span id="authors">By Stefaan G. Verhulst and Mona Sloane in Project Syndicate.</span> <br><br>
With national innovation strategies focused primarily on achieving dominance in artificial intelligence, the
problem of actually regulating AI applications has received less attention. Fortunately, cities and other local
jurisdictions are picking up the baton and conducting policy experiments that will yield lessons for everyone.
</p>
<a href="https://www.project-syndicate.org/commentary/local-regulation-of-artificial-intelligence-uses-by-stefaan-g-verhulst-1-and-mona-sloane-2020-02?barrier=accesspaylog"
target="_blank">FULL ARTICLE</a>
</div>
<div class="column-3 article">
<img src="images/thumb.jpg">
</div>
</div>
<div class="row projects cai">
<div class="column-3">
<img id="cai" src="images/center-for-responsible-ai.jpg">
</div>
<div class="column-6">
<h2>Responsible AI at the Local Level</h2>
<p>Together with the NYU Center for Responsible AI, The GovLab will seek to develop an interactive repository and
a set of training modules of Responsible AI approaches at the local level. The NYU Center for Responsible AI is
a comprehensive laboratory that is building a future in which responsible AI is the only kind accepted by
society. Its Applied Research Lab is conducting use-inspired research and building open-source tools and
frameworks for responsible AI, equitable data-sharing, and increased transparency of socio-technical systems.
Its Talent and Education Program is developing standardized curricula to educate computer science and data
science students, current practitioners in the workforce, and members of the public about responsible AI. Its AI
for Good startup program tackles societal problems that are otherwise overlooked in pursuit of broad capital
market opportunities.</p>
<a href="https://engineering.nyu.edu/research/centers/responsible-ai" target="_blank">LEARN MORE</a>
</div>
</div>
<div class="divider" id="contact">
<h1>Get in Touch</h1>
<p>Use the form below to share examples of AI Localism or to express your interest in collaborating with us on the
AI Localism program.</p>
</div>
<div class="signup">
<script type="text/javascript">var submitted = false;</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {confirm()}">
</iframe>
<form name="subscribe form" class="custom-form"
action="https://docs.google.com/forms/d/e/1FAIpQLSd8kYPXqsqzp3WAiUS-qf0Y9stsURpe0X86vbSj4ms7b5OECA/formResponse"
method="post" target="hidden_iframe" onsubmit="submitted=true;" aria-label="form to subscribe">
<div class="form-row">
<input type="text" placeholder="NAME*" name="entry.43376910" aria-hidden=”true”>
</div>
<div class="form-row">
<input type="text" placeholder="EMAIL ADDRESS*" name="entry.273137364" aria-hidden=”true”>
</div>
<div class="form-row">
<textarea cols="40" rows="5" placeholder="Please add your message here" name="entry.935038917"
aria-hidden=”true”></textarea>
</div>
<div class="form-row">
<button name="subscribe form button" class="form-button" type="submit" aria-hidden=”true”>SUBMIT</button>
</div>
</form>
<p>* indicates required fields</p>
<p id="thankyou">Thank you for your submission!</p>
</div>
<!-- <div class="divider" id="about">
<h1>Program Leads</h1>
</div> -->
<!-- <div id="leads" class="faculty">
<div class="team">
<div class="team-image">
<div class="square">
<img src="images/team/stefaan-verhulst.jpg">
</div>
<h4>Stefaan Verhulst</h4>
<h5>Co-Founder and Chief R&D Officer<br>The GovLab</h5>
<a href="http://www.thegovlab.org/team.html#stefaan-verhulst" target="_blank"><span id="bio">BIO</span></a>
</div>
<div class="team-image">
<div class="square">
<img src="images/team/mona-sloane.jpg">
</div>
<h4>Mona Sloane</h4>
<h5>Fellow, The GovLab</h5>
<a href="http://www.thegovlab.org/team.html#mona-sloane" target="_blank"><span id="bio">BIO</span></a>
</div>
</div>
</div> -->
<div class="divider" id="about">
<h1>Team</h1>
</div>
<div class="other-team team">
<div class="team-image">
<div class="square">
<img src="images/team/stefaan-verhulst.jpg">
</div>
<h4>Stefaan Verhulst</h4>
<h5>Co-founder and Research Director, The GovLab</h5>
<a href="http://www.thegovlab.org/team.html#stefaan-verhulst" target="_blank"><span id="bio">BIO</span></a>
</div>
<div class="team-image">
<div class="square">
<img src="images/team/Uma Kalkar-Headshot.jpeg">
</div>
<h4>Uma Kalkar</h4>
<h5>Research Assistant, The GovLab</h5>
<a href="http://www.thegovlab.org/team.html#uma-kalkar" target="_blank"><span id="bio">BIO</span></a>
</div>
<div class="team-image">
<div class="square">
<img src="images/team/0.jpg">
</div>
<h4>Sara Marcucci</h4>
<h5>Research Assistant, The GovLab</h5>
<a href="http://www.thegovlab.org/team.html#sara-marcucci" target="_blank"><span id="bio">BIO</span></a>
</div>
</div>
<footer>
<div class="footer-row">
<div class="footer-col">
<h4>CONTACT US</h4>
<p>The GovLab <br> NYU Tandon School of Engineering<br>2 MetroTech Center, 9th Floor<br>Brooklyn, NY 11201</p>
</div>
<div class="footer-col">
<h4><br></h4>
<p><i class="e-social-media-item fa fa-phone"></i>  (646) 997-3150</p>
<a><i class="e-social-media-item fa fa-envelope"></i>  info@thegovlab.org</a>
</div>
<div class="footer-col">
<h4>FOLLOW US</h4>
<a href="https://twitter.com/TheGovLab" target="_blank"><i class="e-social-media-item fa fa-twitter"
aria-hidden="true"></i></a>
<a href="https://www.facebook.com/thegovlab/" target="_blank"><i class="e-social-media-item fa fa-facebook"
aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/company/3288504" target="_blank"><i class="e-social-media-item fa fa-linkedin"
aria-hidden="true"></i></a>
</div>
</div>
<div class="footer-row tandon">
<img id="tandon" src="images/govlab-logo-white.png">
<!-- <img id="tandon" src="images/tandon_long_white.png"> -->
<img id="tandon" src="images/urban-ai-logo.png">
</div>
<!-- <div class="footer-row privacy-statement">
<p>The GovLab is committed to respecting your privacy and abides by all the practices and principles outlined by
New York University in its Digital Privacy Statement. For more information, please review the full statement <a
href="https://www.nyu.edu/footer/copyright-and-fair-use/digital-privacy-statement.html"
target="_blank">here.</a></p>
</div> -->
</footer>
<div class="copyright">
<div class="row">
<div class="column">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
<img class="copyright_cc-badge" alt="Creative Commons License"
src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>
<p> This work is licensed under a</p> <a rel="license"
href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0
International License.</a>.
</div>
</div>
</div>
</body>
<script>
/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
<script>
/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
function scroll_dismiss() {
if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 10) {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
}
}
}
</script>
<script>
$(document).ready(function () {
var alert_msg = document.getElementById("alert-msg");
$(".close").click(function () {
alert_msg.style.display = "none";
});
});
</script>
<script>
function confirm() {
var x = document.getElementById("thankyou");
x.style.display = "block";
}
</script>
<!-- <script>
/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
function dismiss_menu() {
var x = document.getElementById("myLinks");
x.style.display = "none";
}
</script> -->
<script src='https://unpkg.com/vue@2.0.3/dist/vue.js'></script>
<script src="https://unpkg.com/vue-meta/dist/vue-meta.min.js"></script>
<script src="js/zika.js"></script>
</html>