-
Notifications
You must be signed in to change notification settings - Fork 2
/
gathertutorial.html
270 lines (211 loc) · 13.4 KB
/
gathertutorial.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Kashiwa symposium 2022 | Gather.Town Gather.Town tutorial </title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Vidaloka&display=swap" rel="stylesheet">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/custom.css">
<!-- Scripts
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<!-- <link rel="stylesheet" href="css/github-prettify-theme.css"> -->
<script src="js/site.js"></script>
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<!-- <link rel="icon" type="image/png" href="dist/images/favicon.png"> -->
</head>
<body class="code-snippets-visible">
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="navbar-spacer"></div>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"><a class="navbar-link" href="index.html">Start</a></li>
<li class="navbar-item">
<a class="navbar-link" href="#" data-popover="#aboutNavPopover">About</a>
<div id="aboutNavPopover" class="popover">
<ul class="popover-list">
<!-- <li class="popover-item">
<a class="popover-link" href="index.html#Updates">Updates</a>
</li>-->
<li class="popover-item">
<a class="popover-link" href="index.html#introduction">Rationale</a>
<li class="popover-item">
<a class="popover-link" href="registration.html">Registration</a>
</li>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#highlights">Invited speakers</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#schedule">Schedule & venue</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#poster">Poster</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#SOC">SOC</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#conduct">Conduct</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#sponsors">Sponsors</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#contact">Contact</a>
</li>
<li class="popover-item">
<a class="popover-link" href="http://2021.kashiwa-darkmatter-symposia.org">2021 Symposium</a>
</li>
<li class="popover-item">
<a class="popover-link" href="http://2020.kashiwa-darkmatter-symposia.org">2020 Symposium</a>
</li>
<li class="popover-item">
<a class="popover-link" href="http://2019.kashiwa-darkmatter-symposia.org">2019 Symposium</a>
</li>
</ul>
</div>
</li>
<li class="navbar-item">
<a class="navbar-link" href="#" data-popover="#scheduleNavPopover" >Talks</a>
<div id="scheduleNavPopover" class="popover">
<ul class="popover-list">
<li class="popover-item">
<a class="popover-link" href="schedule.html">Timetable</a>
</li>
<li class="popover-item">
<a class="popover-link" href="schedule.html#talklist">Talk list</a>
</li>
<li class="popover-item">
<a class="popover-link" href="schedule.html#selection">Selection process</a>
</li>
</ul>
</div>
</li>
<li class="navbar-item"><a class="navbar-link" href="posters.html">Posters</a></li>
<li class="navbar-item">
<a class="navbar-link" href="#" data-popover="#localNavPopover">Local info </a>
<div id="localNavPopover" class="popover">
<ul class="popover-list">
<li class="popover-item">
<a class="popover-link" href="infos.html#directions">How to get to Kashiwa</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#accomodation">Accomodation</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#catering">Catering</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#visa"k>Visa</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#wifi">Local Wifi</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#remote">Remote connection</a>
</li>
</ul>
</div>
</li>
<li class="navbar-item"><a class="navbar-link" href="participants.html">Participants</a></li>
<li class="navbar-item" style="float:right; margin-right: -4%;"><a class="navbar-link" href="#" title="Gather.Town" data-popover="#gatherNavPopover"><img src="images/gather.png" width="20" style="vertical-align:middle; margin-right: -15px;" onmouseover="this.src='images/gather_active.png'" onmouseout="this.src='images/gather.png'"> </a>
<div id="gatherNavPopover" class="popover" style="margin-left: -5%;">
<ul class="popover-list">
<li class="popover-item" >
<a class="popover-link" href="https://app.gather.town/events/LtcFlWG-SxKc4XYM9Sg0" >Enter symposium</a>
</li>
<li class="popover-item">
<a class="popover-link" href="gathertutorial.html"> Gather.Town tutorial</a>
</li>
</ul>
</div>
<a class="navbar-link" href="https://dm2022kashiwa.slack.com/" target=_blank title="Slack"><img src="images/slack.png" width="20" style="vertical-align:middle; margin-right: -15px;" onmouseover="this.src='images/slack_active.png'" onmouseout="this.src='images/slack.png'"></a><a class="navbar-link" href="https://twitter.com/dm_kashiwa" target=_blank title="Twitter"><img src="images/twitter.png" width="22" style="vertical-align:middle; margin-right: -15px;" onmouseover="this.src='images/twitter_active.png'" onmouseout="this.src='images/twitter.png'"></a><a class="navbar-link" href="https://www.youtube.com/channel/UCpjf2aTgzFsVM5lXT6LpgqA" target=_blank title="Youtube channel"><img src="images/youtube.png" width="25" style="vertical-align:middle; " onmouseover="this.src='images/youtube_active.png'" onmouseout="this.src='images/youtube.png'"></a></li>
</ul>
</div>
</nav>
<!-- Abstract Submission -->
<div class="docs-section" id="registration">
<h3 class="docs-header">Gather.Town tutorial</h3>
<p> As registered participant, you can log in to the <a href=https://app.gather.town/events/LtcFlWG-SxKc4XYM9Sg0 target=_blank>Kashiwa Dark Matter Symposium Space on Gather.Town</a> using the E-mail address you have registered with (it is the address to which we sent you all notifications about the symposium). </p>
<h5>Short intro to use Gather.Town (TL;DR version):</h5>
<ul>
<li>Move around using the arrows or the W-A-S-D keys on your keyboard</li>
<li>Press "X" to interact with things or to enter Zoom</li>
</ul>
<p> See <a href=#trouble>below</a> for more details and trouble shooting for moving around in Gather.Town.</p>
<!--<h5>Map of the symposium venue:</h5>
<img src="none" style="width:100%"></img>
<br><br>-->
<h5>Gather.Town: Getting started</h5>
<ul>
<li>Gather.Town runs in your web browser. We recommend using Chrome, Firefox, or Edge. Safari may not run as smoothly as the others.</li>
<li>Give your browser access to your camera and microphone. Click on the little camera symbol in the address bar to change settings. By default, Gather.Town broadcasts you only if the tab with Gather.Town is open.</li>
<li>Choose your avatar. Your name and affiliation is already pre-defined according to the information you provided at registration.</li>
</ul>
<!-- <FIGURE style="width:400px">
<img src="none" style="width:400px">
<FIGCAPTION>The first page you see when you Enter symposium. Choose your avatar and video and audio devices.</FIGCAPTION>
</FIGURE>-->
<FIGURE style="width:400px">
<img src="images/gather1.webp" style="width:400px">
<FIGCAPTION>Watch out for the camera in your browser's address bar and click on it to check settings.</FIGCAPTION>
</FIGURE>
<h5>Walking around</h5>
<ul>
<li>Use the arrows or the W-A-S-D keys on your keyboard to walk around.</li>
<li>Open the mini map at the bottom to see where you are</li>
<li>Use the X key to interact with things (read the black board, view the posters, enter Zoom lecture,...)</li>
<li>Use the G key to fly like a ghost through other people blocking you</li>
<li>Use the Z key to dance</li>
</ul>
<h5>Talking to people</h5>
<ul>
<li>Switch on your camera and microphone to talk to people you are passing by: Camera und microphone symbols appear when you hover over the tile displaying you in the lower right</li>
<li>Enter a private space (mostly marked by carpets) to talk with a little group or a single person</li>
<li>Find people in the venue by clicking on their name on the partipant list + "locate on map", and follow the path</li>
<li>You can chat with only people nearby or everyone (everybody will see your chat messages)</li>
<li>Chat with people standing close to you. If you click on the arrows in the upper right, you can make their videos bigger.</li>
</ul>
<h5>Switching to the talks on Zoom</h5>
<p>In the lecture hall, you can enter the Zoom sessions to pressing 'X'. Then you are offered to click on a link bringing you to a Zoom session. When entering Zoom, you are muted and your camera is automatically switched off in Gather.Town (you become a ghost there). If you leave Zoom, you are offered to re-Enter symposium in the browser tab where you left Gather-Town:</p>
<FIGURE style="width:400px">
<img src="images/backfromzoom.png" style="width:400px;border:1px;">
<FIGCAPTION>After the lecture session on Zoom has ended (or you left for having a break), just click on Re-enter to get back to Gather.Town.</FIGCAPTION>
</FIGURE>
<h5 id='trouble'>Troubleshooting</h5>
<ul>
<li>Just reloading the page will often help when stuck</li>
<li>If your PC is close to burn or everything is very slow, disable "Smooth Movement" in the Settings. This will significantly reduce your CPU load.</li>
<li>Microphone or video does not work: Check if you gave your browser access (see "Getting Started"). Check if you selected the correct device (e.g., if you have several cameras). Check whether another application (e.g. Zoom) is accessing them (causes problems on some systems).</li>
<li>Get more help here: https://support.gather.town/help/av-troubleshooting</li>
</ul>
<h5>I want to learn more</h5>
<p>Read on at <a href=https://support.gather.town/help/movement-and-basics target=_blank> https://support.gather.town/help/movement-and-basics</a>.</p>
<h5><a href=https://app.gather.town/events/LtcFlWG-SxKc4XYM9Sg0 target=_blank>Now join here the symposium on Gather.Town</a></h5>
</div>
</div>
<button class="button-top">⇧</button>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>