-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
430 lines (412 loc) · 25.6 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
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
<!DOCTYPE html>
<html>
<title>Computational Social Science - Quo Vadis?</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,h1,h2{font-family: "Raleway", sans-serif}
body, html {height: 100%}
p {line-height: 2}
.bgimg, .bgimg2 {
min-height: 100%;
background-position: center;
background-size: cover;
}
.bgimg { background-image: url("zurich.jpg"); background-color: darkgray; background-blend-mode: multiply; }
.bgimg2 { background-image: url("zurich.jpg"); }
</style>
<body>
<!-- Header / Home-->
<header class="w3-display-container w3-wide bgimg w3-grayscale-min" id="home">
<div class="w3-display-middle w3-text-white w3-center">
<h1 class="w3-xxxlarge"><b>Computational Social Science — Quo Vadis?</b></h1>
<h1 class="w3-xlarge">An interdisciplinary symposium<br />honoring<br /><b>Kathleen M. Carley</b></h1>
<h1 class="w3-large">April 26, 2019</h1>
<h1 class="w3-large">Universität Zürich</h1>
</div>
</header>
<!-- Navbar (sticky bottom) -->
<div class="w3-bottom w3-hide-small">
<div class="w3-bar w3-white w3-center w3-padding w3-opacity-min w3-hover-opacity-off">
<a href="#home" style="width:16%" class="w3-bar-item w3-button w3-hover-black">Home</a>
<a href="#speakers" style="width:16%" class="w3-bar-item w3-button w3-hover-black">Speakers</a>
<a href="#agenda" style="width:16%" class="w3-bar-item w3-button w3-hover-black">Agenda</a>
<a href="#venue" style="width:16%" class="w3-bar-item w3-button w3-hover-black">Venue</a>
<a href="#rsvp" style="width:16%" class="w3-bar-item w3-button w3-hover-red">RSVP</a>
<a href="#organizer" style="width:16%" class="w3-bar-item w3-button w3-hover-black">Organizer</a>
</div>
</div>
<!-- Speakers Section -->
<div class="w3-center w3-container" style="padding:128px 16px" id="speakers">
<h1 class="w3-center w3-text-grey"><b>Speakers</b></h3>
<div class="w3-center w3-content">
<p>Key researchers in computational social science and data science will present recent advances in the data-driven modeling and prediction of social systems. They will highlight future opportunities and challenges in this exciting research area at the intersection of computer, natural and social science.</p>
<div class="w3-row-padding w3-grayscale" style="margin-top:64px">
<div class="w3-col l6 m6 w3-margin-bottom">
<div class="w3-card">
<img src="https://www.ifi.uzh.ch/dam/jcr:9ca5710f-63b6-4163-8b13-7452a1c1b78d/H_Gall_V2.2017-07-18-13-05-33.jpeg" alt="Reinhard Riedl" style="height:200px;margin-top:10px">
<div class="w3-container">
<h3>Harald Gall</h3>
<p class="w3-opacity">Dean of the Faculty of Business, Economics, and Informatics<br />University of Zurich</p>
<p><button class="w3-button w3-light-grey w3-block" onclick="window.open('https://www.ifi.uzh.ch/en/seal/people/gall.html')"><i class="fa fa-envelope"></i> Info</button></p>
</div>
</div>
</div>
<div class="w3-col l6 m6 w3-margin-bottom">
<div class="w3-card">
<img src="https://swissinformatics.org/wp-content/uploads/2018/04/Portrait_Riedl_Vorstand_72.jpg" alt="Reinhard Riedl" style="height:200px;margin-top:10px">
<div class="w3-container">
<h3>Reinhard Riedl</h3>
<p class="w3-opacity">President<br />Swiss Informatics Society</p>
<p><button class="w3-button w3-light-grey w3-block" onclick="window.open('https://swissinformatics.org/de/die-si/reinhard-riedl/')"><i class="fa fa-envelope"></i> Info</button></p>
</div>
</div>
</div>
</div>
<div class="w3-row-padding w3-grayscale" style="margin-top:64px">
<div class="w3-col l6 m6 w3-margin-bottom">
<div class="w3-card">
<img src="carley.jpg" alt="Kathleen M. Carley" style="height:200px;margin-top:10px">
<div class="w3-container">
<h3>Kathleen M. Carley</h3>
<p class="w3-opacity">School of Computer Science<br />Carnegie Mellon University</p>
<p><button class="w3-button w3-light-grey w3-block" onclick="window.open('http://www.casos.cs.cmu.edu/bios/carley/carley.html')"><i class="fa fa-envelope"></i> Info</button></p>
</div>
</div>
</div>
<div class="w3-col l6 m6 w3-margin-bottom">
<div class="w3-card">
<img src="https://dzg-meeting.de/fileadmin/_processed_/3/3/csm_Couzin_3x3_36b6b6f406.jpg" alt="Iain Couzin" style="height:200px;margin-top:10px">
<div class="w3-container">
<h3>Iain Couzin</h3>
<p class="w3-opacity">Max Planck Institute for Ornithology<br />University of Konstanz</p>
<p><button class="w3-button w3-light-grey w3-block" onclick="window.open('http://collectivebehaviour.com/people/couzin-iain/')"><i class="fa fa-envelope"></i> Info</button></p>
</div>
</div>
</div>
<div class="w3-col l6 m6 w3-margin-bottom">
<div class="w3-card">
<img src="https://cs.stanford.edu/people/jure/images/jure-2b.jpg" alt="Jure Leskovec" style="height:200px;margin-top:10px">
<div class="w3-container">
<h3>Jure Leskovec</h3>
<p class="w3-opacity">Computer Science Department<br />Stanford University</p>
<p><button class="w3-button w3-light-grey w3-block" onclick="window.open('https://cs.stanford.edu/people/jure/')"><i class="fa fa-envelope"></i> Info</button></p>
</div>
</div>
</div>
<div class="w3-col l6 m6 w3-margin-bottom">
<div class="w3-card">
<img src="scholtes.jpg" alt="Ingo Scholtes" style="height:200px;margin-top:10px">
<div class="w3-container">
<h3>Ingo Scholtes</h3>
<p class="w3-opacity">Department of Informatics (IfI)<br />Universität Zürich</p>
<p><button class="w3-button w3-light-grey w3-block" onclick="window.open('https://www.ifi.uzh.ch/dag')"><i class="fa fa-envelope"></i> Info</button></p>
</div>
</div>
</div>
<div class="w3-col l6 m6 w3-margin-bottom">
<div class="w3-card">
<img src="https://www.sg.ethz.ch/media/_thumbs/person_images/Schweitzer_Frank_col6cm_1_thumb_250x160.jpg" alt="Frank Schweitzer" style="height:200px;margin-top:10px">
<div class="w3-container">
<h3>Frank Schweitzer</h3>
<p class="w3-opacity">Chair of Systems Design<br />ETH Zürich</p>
<p><button class="w3-button w3-light-grey w3-block" onclick="window.open('https://www.sg.ethz.ch/team/people/fschweitzer/')"><i class="fa fa-envelope"></i> Info</button></p>
</div>
</div>
</div>
<div class="w3-col l6 m6 w3-margin-bottom">
<div class="w3-card">
<img src="strohmaier.png" alt="Markus Strohmaier" style="height:200px;margin-top:10px">
<div class="w3-container">
<h3>Markus Strohmaier</h3>
<p class="w3-opacity">Department for Society, Technology, and Human Factors, RWTH Aachen</p>
<p><button class="w3-button w3-light-grey w3-block" onclick="window.open('http://markusstrohmaier.info/')"><i class="fa fa-envelope"></i> Info</button></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Agenda -->
<div class="w3-container w3-padding-64 w3-Indigo w3-grayscale-min" id="agenda">
<div class="w3-content">
<h1 class="w3-center w3-text-grey"><b>Agenda</b></h1>
<table class="w3-table" style="width: 80%; margin:auto;" >
<tr class="w3-border">
<td class="w3-border">13:30</td>
<td style="padding: 0px">
<table class="w3-table" style="width: 100%;">
<tr>
<td style="padding: 5px"><b>Harald Gall</b> | Dean of the <a href="https://www.oec.uzh.ch/en.html">Faculty of Business, Economics, and Informatics</a><br />
<button onclick="document.getElementById('abstract_gall').style.display='block'" class="w3-white w3-button" style="padding: 0pt" >Opening</button>
<div id="abstract_gall" class="w3-modal w3-animate-opacity">
<div class="w3-modal-content w3-card-4">
<header class="w3-container w3-dark-grey">
<span onclick="document.getElementById('abstract_gall').style.display='none'"
class="w3-button w3-large w3-display-topright">×</span>
<h2>Abstract</h2>
</header>
<div class="w3-container">
<p>The symposium will be opened by Prof. Dr. Harald Gall, Dean of the Faculty of Business, Economics, and Informatics.</p>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px"><b>Reinhard Riedl</b> | President of the <a href="https://swissinformatics.org/">Swiss Informatics Society</a><br />
<button onclick="document.getElementById('abstract_riedl').style.display='block'" class="w3-white w3-button" style="padding: 0pt" >Welcome Address</button>
<div id="abstract_riedl" class="w3-modal w3-animate-opacity">
<div class="w3-modal-content w3-card-4">
<header class="w3-container w3-dark-grey">
<span onclick="document.getElementById('abstract_riedl').style.display='none'"
class="w3-button w3-large w3-display-topright">×</span>
<h2>Abstract</h2>
</header>
<div class="w3-container">
<p>A welcome address will be given by Reinhard Riedl, President of the Swiss Informatics Society.</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr class="w3-border" style="padding: 0px">
<td class="w3-border w3-light-gray">13:45</td>
<td class="w3-light-gray" style="padding: 0px">
<table class="w3-table" style="width: 100%;">
<tr>
<td style="padding: 5px"><b>Ingo Scholtes</b> | Universität Zürich<br />
<button onclick="document.getElementById('abstract_scholtes').style.display='block'" class="w3-light-gray w3-button" style="padding: 0pt" >Data, Networks, Social Science</button>
<div id="abstract_scholtes" class="w3-modal w3-animate-opacity">
<div class="w3-modal-content w3-card-4">
<header class="w3-container w3-dark-grey">
<span onclick="document.getElementById('abstract_scholtes').style.display='none'"
class="w3-button w3-large w3-display-topright">×</span>
<h2>Abstract</h2>
</header>
<div class="w3-container">
<p>The growing availability of digital behavioral data in social computing systems generates both opportunities and challenges for the data-driven study of collective behavior in social systems. Using examples from real social systems, this opening talk will highlight some of the open challenges in data science and network science and I will present first steps of how we can address them. I will further discuss how we can apply data science and network analysis techniques to latrge corpora of found data to test theories from the social sciences.
</p>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px"><b>Kathleen M. Carley</b> | Carnegie Mellon University<br />
<button onclick="document.getElementById('abstract_carley').style.display='block'" class="w3-light-gray w3-button" style="padding: 0pt" >Social Cyber-Security Dynamics</button>
<div id="abstract_carley" class="w3-modal w3-animate-opacity">
<div class="w3-modal-content w3-card-4">
<header class="w3-container w3-dark-grey">
<span onclick="document.getElementById('abstract_carley').style.display='none'"
class="w3-button w3-large w3-display-topright">×</span>
<h2>Abstract</h2>
</header>
<div class="w3-container">
<p>Social Cyber-security is an emerging scientific area focused on the science to characterize, understand, and forecast cyber-mediated changes in human behavior, social, cultural and political outcomes, and to build the cyber-infrastructure needed for society to persist in its essential character in a cyber-mediated information environment under changing conditions, actual or imminent social cyber-threats. Social cyber-security is an inherently computational social science in which news methods and theories predicated on a deep understanding of social behavior and the methodology of high dimensional network analysis, simulation, and machine learning. The methods and theories being developed for social cyber-security: a) take the socio-political context into account methodologically and empirically; b) are predicated on issues of influence, persuasion, manipulation, and theories that link human behavior to behavior in the cyber-mediated environment; and c) are focused on operational utility rather than just improving scores for machine learning algorithms or theory testing. In this presentation the basis of social cyber-security is presented, then key developments related to information operations in social media are used to illustrate the research challenges and operational goals in this area. Examples relate to the spread of disinformation, the use of bots in elections, and discrediting campaigns are presented. The need to move beyond detection and classification to dynamic operation is discussed, as is the limit of current classification systems in this area. Examples are presented that show how change in social and knowledge networks both capture the spread and impact of disinformation and the activities to counter it.</p>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px"><b>Jure Leskovec</b> | Stanford University<br />
<button onclick="document.getElementById('abstract_leskovec').style.display='block'" class="w3-light-gray w3-button" style="padding: 0pt" >(Anti)Social Dynamics in Online Communities</button>
<div id="abstract_leskovec" class="w3-modal w3-animate-opacity">
<div class="w3-modal-content w3-card-4">
<header class="w3-container w3-dark-grey">
<span onclick="document.getElementById('abstract_leskovec').style.display='none'"
class="w3-button w3-large w3-display-topright">×</span>
<h2>Abstract</h2>
</header>
<div class="w3-container">
<p>(Anti)Social Dynamics in Online Communities</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr class="w3-border">
<td>16:00</td>
<td><b>Coffee break</b></td>
</tr>
<tr class="w3-border" style="padding: 0px">
<td class="w3-border w3-light-gray">16:30</td>
<td class="w3-light-gray" style="padding: 0px">
<table class="w3-table" style="width: 100%; padding:0px;">
<tr>
<td style="padding: 5px"><b>Iain Couzin</b> | University of Konstanz<br />
<button onclick="document.getElementById('abstract_couzin').style.display='block'" class="w3-light-gray w3-button" style="padding: 0pt" >TBA</button>
<div id="abstract_couzin" class="w3-modal w3-animate-opacity">
<div class="w3-modal-content w3-card-4">
<header class="w3-container w3-dark-grey">
<span onclick="document.getElementById('abstract_couzin').style.display='none'"
class="w3-button w3-large w3-display-topright">×</span>
<h2>Abstract</h2>
</header>
<div class="w3-container">
<p>TBA</p>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px"><b>Markus Strohmaier</b> | RWTH Aachen<br />
<button onclick="document.getElementById('abstract_strohmaier').style.display='block'" class="w3-light-gray w3-button" style="padding: 0pt" >Modeling Minorities in Social Networks</button>
<div id="abstract_strohmaier" class="w3-modal w3-animate-opacity">
<div class="w3-modal-content w3-card-4">
<header class="w3-container w3-dark-grey">
<span onclick="document.getElementById('abstract_strohmaier').style.display='none'"
class="w3-button w3-large w3-display-topright">×</span>
<h2>Abstract</h2>
</header>
<div class="w3-container">
<p>Modeling Minorities in Social Networks</p>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding: 5px"><b>Frank Schweitzer</b> | ETH Zürich<br />
<button onclick="document.getElementById('abstract_schweitzer').style.display='block'" class="w3-light-gray w3-button" style="padding: 0pt" >Quantifying social systems: From insights to impact</button>
<div id="abstract_schweitzer" class="w3-modal w3-animate-opacity">
<div class="w3-modal-content w3-card-4">
<header class="w3-container w3-dark-grey">
<span onclick="document.getElementById('abstract_schweitzer').style.display='none'"
class="w3-button w3-large w3-display-topright">×</span>
<h2>Abstract</h2>
</header>
<div class="w3-container">
<p>Social organizations should be, at the same time, robust to withstand shocks and adaptive to cope with change.
To gain a fundamental understanding of these seemingly contradictory requirements, we utilize data science, network science and social science.
Data driven models of network ensembles allow us to quantify potentially attainable states of social organizations, and to measure significant deviations.
Our approach leads to a dynamic reformulation of stability in contrast to established concepts of equilibria.
Applying controllability theory to social networks, we model socially desirable system states by influencing nodes and their interactions.
Our methods of quantifying social dynamics open new perspectives for, and invite to rediscuss, computational social sciences.
</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr class="w3-border">
<td>18:45</td>
<td><b>Apéro</b></td>
</tr>
</table>
</div>
</div>
<!-- Venue information -->
<div class="w3-container w3-padding-64 w3-pale-Indigo w3-grayscale-min w3-center" id="venue">
<div class="w3-content">
<h1 class="w3-text-grey"><b>Venue</b></h1>
<p>The symposium will be held in the historic aula RAA-G-01 in building <a href="https://www.plaene.uzh.ch/RAA">RAA</a> at University of Zurich.<p>Additional broadcasting to lecture hall RAA-G-15 is available.</p>
<img class="w3-round-large w3-grayscale-min" src="https://www.bdz.uzh.ch/vd/wiki/images/d/d1/RAA-G-01.png" style="width:80%;margin:64px 0">
<div class="w3-row">
<div class="w3-half">
<h2>When</h2>
<p>Friday, April 26 2019<br />13:30 pm - 18:45 pm</p>
</div>
<div class="w3-half">
<h2>Where</h2>
<p>University of Zurich, RAA-G-01<br/>
Rämistrasse 59, Zürich <br />
</p>
</div>
</div>
<div class="w3-row">
<iframe width="80%" height="400" id="gmap_canvas" src="https://maps.google.com/maps?q=r%C3%A4mistrasse%2059%2C%20z%C3%BCrich%20&t=&z=17&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</div>
</div>
</div>
<!-- RSVP section -->
<div class="w3-container w3-padding-64 w3-Indigo w3-center w3-wide" id="rsvp">
<div class="w3-content">
<h1 class="w3-text-grey"><b>RSVP</b></h1>
<p class="w3-large">Participation is free but seating is limited. To facilitate our planning, kindly indicate your attendance using the form below or via E-Mail to <a href="mailto:scholtes@ifi.uzh.ch">scholtes@ifi.uzh.ch</a>.<br />
<form method="GET" enctype="text/plain" id="rsvpform">
<table class="w3-table" style="width: 80%; margin:auto;">
<tr>
<td>first name:</td>
<td><input type="text" id="firstname" style="width:250px;"></td>
</tr>
<tr>
<td>last name:</td>
<td><input type="text" id="lastname" style="width:250px;"></td>
</tr>
<tr>
<td>institution (optional):</td>
<td><input type="text" id="institution" style="width:250px;"></td>
</tr>
<tr>
<td></td><td><a href class="w3-button w3-light-grey w3-block" id="rsvpbtn" style="width:250px;">Send RSVP</a></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</form>
<script>
$( "#rsvpbtn" ).click(function( event ) {
var firstname = $('#firstname').val();
var lastname = $('#lastname').val();
var institution = $('#institution').val();
if (institution == '')
institution = 'n/a';
if (firstname == '' || lastname == '')
{
alert('Please enter your first and last name!');
event.preventDefault();
}
else
$("#rsvpbtn").attr('href', 'mailto:scholtes@ifi.uzh.ch?subject=RSVP%20for%20Computational%20Social%20Science%20Symposium&body=Dear%20organizers,%0D%0A%0D%0AI%20plan%20to%20attend%20the%20symposium%20Computational%20Social%20Science%20-%20Quo%20Vadis.%20My%20registration%20data%20are:%0D%0A%0D%0AFirstname:%20%20' + firstname + '%0D%0ALastname:%20%20%20' + lastname + '%0D%0AInstitution:%20%20' + institution + '%0D%0A%0D%0AKind%20regards,%0D%0A%0D%0A' + firstname + '%20' + lastname);
});
</script>
<p>Note: <i>Your registration will be sent via E-Mail. No data are submitted to the server.</i></p>
</div>
</div>
<!-- RSVP section -->
<div class="w3-container w3-padding-64 w3-Indigo w3-center w3-wide" id="organizer">
<div class="w3-content">
<h1 class="w3-text-grey"><b>Organizer</b></h1>
<p class="w3-large">Please contact the organizer for any inquiries:</p>
<div class="w3-center w3-content" style="max-width:600px;">
<div class="w3-row-padding w3-grayscale" style="margin-top:64px">
<div class="w3-col l12 m12 w3-margin-bottom">
<div class="w3-card">
<img src="scholtes.jpg" alt="John" style="height:200px;margin-top:10px">
<div class="w3-container">
<h3>Ingo Scholtes</h3>
<p class="w3-opacity">Data Analytics Group<br />
Department of Informatics (IfI)<br />
Universität Zürich<br />
</p>
<p class="w3-opacity">Co-Chair of the<br />
<a href="https://fb-iug.gi.de/arbeitskreise/computational-social-science/">Computational Social Science</a> group<br />
<a href="https://fb-iug.gi.de/">FB Informatik und Gesellschaft</a><br />
<a href="https://www.gi.de">Gesellschaft für Informatik (GI)</a> <br />
</p>
<p><button class="w3-button w3-light-grey w3-block" onclick="window.open('https://www.ifi.uzh.ch/en/dag/people/scholtes.html')"><i class="fa fa-envelope"></i> Contact</button></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>