Wiki source code of Virtuelles Klassenzimmer

Last modified by Carina Enke on 17.01.2024
Show last authors
1 {{layout}}
2 {{layout-section ac:type="two_right_sidebar"}}
3 {{layout-cell}}
4 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_Virtuelles Klassenzimmer.png||data-xwiki-image-style="img-icon"]] The course element **Virtual Classroom// //**allows the author to conduct online conferences and webinars in the course. Using such a classroom, authors can communicate online with the participants of their courses. They can, for example, share documents and their screen with them. Online meetings can also be recorded and made available to the participants.
5
6 There are various systems that can be integrated in a **virtual classroom** (e. g. Adobe Connect).
7
8
9 {{/layout-cell}}
10
11 {{layout-cell}}
12 {{panel borderColor="silver" title="Content"}}
13 {{toc maxLevel="4" minLevel="2"/}}
14 {{/panel}}
15 {{/layout-cell}}
16 {{/layout-section}}
17
18 {{layout-section ac:type="single"}}
19 {{layout-cell}}
20 == (% style="color:#3f4444" %)Usage: Learners' View(%%) ==
21
22 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
23 (% class="wrapped" %)
24 |(((
25 The course elemen **Virtual Classroom// //**gives you the opportunity to attend** online conferences **and **webinars**. Depending on the settings of the course author, you will also be able to access older online meetings.
26 )))|(((
27 (% class="content-wrapper" %)
28 (((
29 [[image:attach:Kursrun - Überblick_en.png]]
30 )))
31 )))
32 {{/panel}}
33
34 {{panel title="Functions for users"}}
35 (% class="WordSection1" %)
36 (((
37 As a user, you can enter a virtual classroom to take part in a meeting. Depending on the configuration, different conference systems will be available.
38 )))
39
40 (% class="wrapped" %)
41 |(% colspan="1" %)(% colspan="1" %)
42 (((
43 ==== Enter virtual classroom ====
44 )))|(% colspan="1" %)(% colspan="1" %)
45 (((
46 (% class="content-wrapper" %)
47 (((
48 The classroom can be entered as soon as it has been opened in the course element **Virtual Classroom**.
49
50 {{expand title="How to do that?"}}
51 (% class="wrapped" %)
52 |(((
53 (% class="content-wrapper" %)
54 (((
55 1. Open the course element **Virtual Classroom**.
56 1. (((
57 Click on **Enter virtual classroom**.
58
59 {{info}}
60 The classroom will open in a new tab. Please make sure that your browser allows pop-ups.
61 {{/info}}
62 )))
63 )))
64 )))|(((
65 (% class="content-wrapper" %)
66 (((
67 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Raum betreten_en.png]]
68 )))
69 )))
70 {{/expand}}
71 )))
72 )))
73 |(% colspan="1" %)(% colspan="1" %)
74 (((
75 ==== Functions in Adobe Connect ====
76 )))|(% colspan="1" %)(% colspan="1" %)
77 (((
78 (% class="content-wrapper" %)
79 (((
80 Please find below a brief overview of the most important buttons/functions in Adobe Connect.
81
82 {{expand title="Click to expand for more information about Adobe Connect ..."}}
83 (% class="wrapped" %)
84 |(% colspan="1" %)(% colspan="1" %)
85 (((
86 (% class="content-wrapper" %)
87 (((
88 (% style="color: rgb(0,0,255);" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Virtuelles Klassenzimmer.Icons.WebHome@icon_Meeting_Adobe_de.png]]
89 )))
90 )))|(% colspan="1" %)(% colspan="1" %)
91 (((
92 **Meeting**
93 )))|(% colspan="1" %)(% colspan="1" %)
94 (((
95 Click on this button to configure general **settings for the current meeting**. For example, you can **manage** **access and admission**, **record the** **meeting**, or** end the meeting**.
96 )))
97 |(% colspan="1" %)(% colspan="1" %)
98 (((
99 (% class="content-wrapper" %)
100 (((
101 (% style="color: rgb(0,0,255);" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Virtuelles Klassenzimmer.Icons.WebHome@icon_Layout_Adobe_de.png]]
102 )))
103 )))|(% colspan="1" %)(% colspan="1" %)
104 (((
105 **Layouts**
106 )))|(% colspan="1" %)(% colspan="1" %)
107 (((
108 (% class="TableParagraph" %)
109 Here you can specify various **layout** settings. Click on this button if you, for example, wish to **create a new layout **or **manage **or **reset existing layouts**.
110 )))
111 |(% colspan="1" %)(% colspan="1" %)
112 (((
113 (% class="content-wrapper" %)
114 (((
115 (% style="color: rgb(0,0,255);" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Virtuelles Klassenzimmer.Icons.WebHome@icon_Pods_Adobe_de.png]]
116 )))
117 )))|(% colspan="1" %)(% colspan="1" %)
118 (((
119 **Pods**
120 )))|(% colspan="1" %)(% colspan="1" %)
121 (((
122 This button allows you to **manage** existing pods and, if necessary, **place** them on the screen. Click on it to get an overview of all existing pods.
123 )))
124 |(% colspan="1" %)(% colspan="1" %)
125 (((
126 (% class="content-wrapper" %)
127 (((
128 (% style="color: rgb(0,0,255);" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Virtuelles Klassenzimmer.Icons.WebHome@icon_Audioeinstellungen_Adobe_de.png]]
129 )))
130 )))|(% colspan="1" %)(% colspan="1" %)
131 (((
132 **Audio settings**
133 )))|(% colspan="1" %)(% colspan="1" %)
134 (((
135 Click on this button to configure general audio settings. For example, you can decide about the **microphone permissions of the participants** or enable the **single speaker mode**.
136 )))
137 |(((
138 (% class="content-wrapper" %)
139 (((
140 (% style="color: rgb(0,0,255);" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Virtuelles Klassenzimmer.Icons.WebHome@icon_Lautsprecher_Adobe_de.png]]
141 )))
142 )))|(((
143 **Speakers**
144 )))|(% colspan="1" %)(% colspan="1" %)
145 (((
146 Click on the speaker icon to ** unmute the speakers **. If successful, the icon turns **green**. Using the expand icon, you can also adjust the **speaker volume**.
147 )))
148 |(((
149 (% class="content-wrapper" %)
150 (((
151 (% style="color: rgb(0,0,255);" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Virtuelles Klassenzimmer.Icons.WebHome@icon_Audio_Adobe_de.png]]
152 )))
153 )))|(((
154 **Audio**
155 )))|(% colspan="1" %)(% colspan="1" %)
156 (((
157 Click on the audio icon to connect your audio. If successful, the icon turns green. You can also use the expand icon to select a microphone.
158 )))
159 |(((
160 (% class="content-wrapper" %)
161 (((
162 (% style="color: rgb(0,0,255);" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Virtuelles Klassenzimmer.Icons.WebHome@icon_Webcam_Adobe_de.png]]
163 )))
164 )))|(((
165 **Webcam**
166 )))|(% colspan="1" %)(% colspan="1" %)
167 (((
168 Click on the webcam icon to **enable your private** **webcam**. If successful, the icon turns **green**.** **The expand icon takes you to further webcam settings.
169 )))
170 |(((
171 (% class="content-wrapper" %)
172 (((
173 (% style="color: rgb(0,0,255);" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Virtuelles Klassenzimmer.Icons.WebHome@icon_Status_Adobe_de.png]]
174 )))
175 )))|(((
176 **Set status**
177 )))|(% colspan="1" %)(% colspan="1" %)
178 (((
179 Here you have the option to ** set a status**. To do this, click on the expand icon and choose between statuses such as **agree**,** disagree**, and **speak out**. The status can be **changed** or **deleted** at any time.
180 )))
181 |(((
182 (% class="content-wrapper" %)
183 (((
184 (% style="color: rgb(0,0,255);" %)[[image:attach:LMS.Benutzerhandbuch OPAL.Teaching.Kursbausteine.Virtuelles Klassenzimmer.Icons.WebHome@icon_Bildschirm freigeben_Adobe_de.png]]
185 )))
186 )))|(((
187 **Share screen**
188 )))|(% colspan="1" %)(% colspan="1" %)
189 (((
190 This button allows you to share your screen with the other participants. You can also use the expand icon to choose between other options such as** share document** or **share whiteboard**.
191 )))
192 {{/expand}}
193 )))
194 )))
195 |(% colspan="1" %)(% colspan="1" %)
196 (((
197 ==== Functions in BigBlueButton ====
198 )))|(% colspan="1" %)(% colspan="1" %)
199 (((
200 (% class="content-wrapper" %)
201 (((
202 Here you will find an overview of the most important buttons/functions in the BigBlueButton conference system.
203
204 {{expand title="Click to expand for more information about BigBlueButton ..."}}
205
206
207
208 {{display reference="LMS._Include Library.Includeseiten zu Kursbausteinen.Seiten zum Virtuellen Klassenzimmer.BigBlueButton.WebHome"/}}
209 {{/expand}}
210 )))
211 )))
212
213 {{info}}
214 If you have moderation rights, additional functions will be available to you. For more information, refer to the __last section on this page__
215 {{/info}}
216 {{/panel}}
217
218 == Configuration: Authors' View ==
219
220 {{panel titleBGColor="#5a759d" title="In the course editor"}}
221 The following functions are available to you in the course editor:
222
223 (% class="wrapped" %)
224 |(((
225 ==== Add a course element virtual classroom ====
226 )))|(((
227 (% class="content-wrapper" %)
228 (((
229 {{expand title="Click to open instructions on how to add a course element ..."}}
230
231
232 {{display reference="LMS._Include Library.Kursseiten.Kursbaustein hinzufügen.WebHome"/}}
233 {{/expand}}
234 )))
235 )))
236 |(((
237 ==== General configuration settings ====
238 )))|(((
239 (% class="content-wrapper" %)
240 (((
241 In the course editor, you will find the following configuration tabs:
242
243 (% class="wrapped" %)
244 |=(((
245 Title and description
246 )))|(((
247 {{expand title="Configuration options in the tab title and description ..."}}
248
249
250 {{display reference="LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Tab Titel und Beschreibung.WebHome"/}}
251 {{/expand}}
252 )))
253 |=(% scope="col" %)Visibility|If necessary, restrict the visibility of the course element here. For more information, see the [[Visibility >>doc:LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]]help page.
254 |=(% scope="col" %)Access |If necessary, restrict the visibility of the course element here. For more information, see the [[Access >>doc:LMS._Include Library.Kursseiten.Kurshauptknoten\: Verfügbare Tabs im Editor.Sichtbarkeit und Zugriff.WebHome]]help page.
255 |=(((
256 Configuration
257 )))|(((
258 In this tab, you have the possibility to configure settings for access permissions and moderators of the course element.
259 Detailed instructions are given in the following section **Special configuration settings**.
260 )))
261 |=(((
262 Multilingualism
263 )))|(((
264 In this tab, different translations can be added to individual course element areas.
265 )))
266 )))
267 )))
268 |(((
269 ==== Special configuration settings ====
270 )))|(((
271 (% class="content-wrapper" %)
272 (((
273 In the **//Configuration // **tab of the course element **Virtual Classroom**, you have the following options:
274
275 {{expand title="Conference system Adobe Connect ..."}}
276 (% class="wrapped" %)
277 |(((
278 ===== Access permissions =====
279 )))|(% colspan="2" %)(% colspan="2" %)
280 (((
281 (% class="content-wrapper" %)
282 (((
283 (% class="wrapped" %)
284 |(((
285 **Virtual classroom shall only be available at defined dates: **Enable this checkbox to restrict access to the virtual classroom to defined dates. Enter a **title** and **description** as well as the **start **and **duration **of the meeting in the appropriate text fields. Using the plus symbol, you can add as many dates as you like. Confirm your entries with **//Save// **when you are done.
286 )))|(((
287 (% class="content-wrapper" %)
288 (((
289 [[image:attach:Kurseditor - Zutrittsberechtigungen_en.png]]
290 )))
291 )))
292 )))
293 )))
294 |(((
295 ===== Settings for moderators =====
296 )))|(((
297 * **Add moderator:**
298 Click on this button to search the system for a specific user and add them as a moderator. Enter the last name, first name, and email address in the appropriate text fields and click on **Search**.
299 * **Import moderators:**
300 Click on this button to add multiple users to the group. A wizard opens to guide you through the process.
301 * **Moderator must be in classroom to grant access to users:**
302 If this option is enabled, participants can enter the classroom only if a moderator is already present. If the opposite is the case, users can enter the classroom at any time.
303 * **Only moderators are allowed to open this virtual classroom **:
304 This option determines whether the virtual classroom can only be opened by a moderator. If it is enabled, a closed classroom cannot be entered by a participant. Otherwise, the virtual classroom will be opened as soon as a participant enters it.
305 )))|(% colspan="1" %)(% colspan="1" %)
306 (((
307 (% class="content-wrapper" %)
308 (((
309 [[image:attach:Kurseditor - Moderatoren_en.png]]
310 )))
311 )))
312 {{/expand}}
313
314 {{expand title="Conference system BigBlueButton ..."}}
315 (% class="wrapped" %)
316 |(((
317 ===== Template for virtual classroom =====
318 )))|(((
319 Choose between the templates: consultation, meeting and lecture. Depending on the selected template, a meaningful pre-assignment of the following advanced configuration settings is automatically made when you click **Save**.
320 )))|(% rowspan="2" %)(% rowspan="2" %)
321 (((
322 (% class="content-wrapper" %)
323 (((
324 [[image:attach:Editor - Konfiguration BBB_en.png]]
325 \\
326 )))
327 )))
328 |(((
329 ===== Add moderator =====
330 )))|(((
331 Specify those users who should receive moderation rights in the classroom. Moderators can grant presentation rights to others within the classroom.
332 )))
333 {{/expand}}
334 )))
335 )))
336 {{/panel}}
337
338 {{panel title="In the course view"}}
339 {{id name="Functions"/}}The following options are available to you in the course view:
340
341 (% class="wrapped" %)
342 |(% colspan="1" %)(% colspan="1" %)
343 (((
344 ==== Open and enter the virtual classroom ====
345 )))|(% colspan="1" %)(% colspan="1" %)
346 (((
347 (% class="content-wrapper" %)
348 (((
349 (% class="TableParagraph" %)
350 This option allows you to open and enter a classroom to create an online meeting.
351
352 {{expand title="How to do that?"}}
353 (% class="wrapped" %)
354 |(((
355 1. Open the course element **Virtual Classroom**.
356 1. Click on **Open and enter the virtual classroom**.
357 )))|(((
358 (% class="content-wrapper" %)
359 (((
360 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Raum eröffnen und beitreten_en.png]]
361 )))
362 )))
363 {{/expand}}
364 )))
365 )))
366 |(% colspan="1" %)(% colspan="1" %)
367 (((
368 ==== Restart virtual classroom ====
369 )))|(% colspan="1" %)(% colspan="1" %)
370 (((
371 (% class="content-wrapper" %)
372 (((
373 (% class="TableParagraph" %)
374 This option allows you to restart the virtual classroom.
375
376 {{expand title="How to do that?"}}
377 (% class="wrapped" %)
378 |(((
379 1. Open the course element **Virtual Classroom**.
380 1. Click on **Restart virtual classroom**.
381 \\
382 )))|(((
383 (% class="content-wrapper" %)
384 (((
385 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Raum neu starten_en.png]]
386 )))
387 )))
388 |(% colspan="1" %)(% colspan="1" %)
389 (((
390 (% class="content-wrapper" %)
391 (((
392 3. Confirm the restart with **Yes.**
393
394 {{info}}
395 Note that closing the virtual classroom will **delete **all added files, and users will be **logged out** automatically.
396 {{/info}}
397 )))
398 )))|(% colspan="1" %)(% colspan="1" %)
399 (((
400 (% class="content-wrapper" %)
401 (((
402 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Neustart bestätigen_en.png]]
403 )))
404 )))
405 {{/expand}}
406 )))
407 )))
408 |(% colspan="1" %)(% colspan="1" %)
409 (((
410 ==== Close virtual classroom ====
411 )))|(% colspan="1" %)(% colspan="1" %)
412 (((
413 (% class="content-wrapper" %)
414 (((
415 Click on this button to close an open virtual classroom.
416
417 {{expand title="How to do that?"}}
418 (% class="wrapped" %)
419 |(((
420 1. Open the course element **Virtual Classroom**.
421 1. Click on **Close virtual classroom**.
422 )))|(((
423 (% class="content-wrapper" %)
424 (((
425 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Raum schließen_en.png]]
426 )))
427 )))
428 |(((
429 (% class="content-wrapper" %)
430 (((
431 3. Confirm the process with **Yes**.
432
433 {{info}}
434 Note that closing the virtual classroom will **delete **all added files, and users will be **logged out** automatically.
435 {{/info}}
436 )))
437 )))|(((
438 (% class="content-wrapper" %)
439 (((
440 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Beenden bestätigen_en.png]]
441 )))
442 )))
443 {{/expand}}
444 )))
445 )))
446 {{/panel}}
447 {{/layout-cell}}
448 {{/layout-section}}
449 {{/layout}}