Skip to Content

Wiki source code of Virtuelles Klassenzimmer

Last modified by Anna Paul-Hasenfuss on 27.12.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 course authors to conduct online conferences and webinars. In virtual classrooms, authors can communicate online with their course participants, and share documents and their screen with them. Online meetings can be recorded and made available to the participants as well.
5
6 Various systems can be integrated in a **virtual classroom** (e.g. BigBlueButton or Adobe Connect).
7
8
9 {{/layout-cell}}
10
11 {{layout-cell}}
12 {{panel borderColor="silver" title="Content"}}
13 {{toc start="2"/}}
14 {{/panel}}
15 {{/layout-cell}}
16 {{/layout-section}}
17
18 {{layout-section ac:type="single"}}
19 {{layout-cell}}
20 == Use from the Learners' Perspective ==
21
22 {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
23 (% class="wrapped" %)
24 |(((
25 The course element **Virtual Classroom// //**allows you to attend** online conferences **and **webinars**. Depending on the settings of the course author and the available functions of the chosen conference system, you can also view recordings of 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 configurations, 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 [[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 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@icon_Meeting_Adobe_de.png||data-xwiki-image-style="img-icon"]]
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 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@icon_Layout_Adobe_de.png||data-xwiki-image-style="img-icon"]]
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 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@icon_Pods_Adobe_de.png||data-xwiki-image-style="img-icon"]]
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 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@icon_Audioeinstellungen_Adobe_de.png||data-xwiki-image-style="img-icon"]]
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 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@icon_Lautsprecher_Adobe_de.png||data-xwiki-image-style="img-icon"]]
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 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@icon_Audio_Adobe_de.png||data-xwiki-image-style="img-icon"]]
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 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@icon_Webcam_Adobe_de.png||data-xwiki-image-style="img-icon"]]
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 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@icon_Status_Adobe_de.png||data-xwiki-image-style="img-icon"]]
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 [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@icon_Bildschirm freigeben_Adobe_de.png||data-xwiki-image-style="img-icon"]]
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 == Use from the Authors' Perspective ==
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 virtual classroom course element ====
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 ==== Adobe Connect ====
276
277 (% class="wrapped" %)
278 |(((
279 ===== Access permissions =====
280 )))|(% colspan="2" %)(% colspan="2" %)
281 (((
282 (% class="content-wrapper" %)
283 (((
284 (% class="wrapped" %)
285 |(((
286 **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.
287 )))|(((
288 (% class="content-wrapper" %)
289 (((
290 [[image:attach:Kurseditor - Zutrittsberechtigungen_en.png]]
291 )))
292 )))
293 )))
294 )))
295 |(((
296 ===== Settings for moderators =====
297 )))|(((
298 * **Add moderator:**
299 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**.
300 * **Import moderators:**
301 Click on this button to add multiple users to the group. A wizard opens to guide you through the process.
302 * **Moderator must be in classroom to grant access to users:**
303 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.
304 * **Only moderators are allowed to open this virtual classroom **:
305 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.
306 )))|(% colspan="1" %)(% colspan="1" %)
307 (((
308 (% class="content-wrapper" %)
309 (((
310 [[image:attach:Kurseditor - Moderatoren_en.png]]
311 )))
312 )))
313
314 ==== Conference System BigBlueButton ====
315
316 The total number of participants per classroom can be configured according to your needs. The default value is 100 participants.
317
318 (% class="wrapped" %)
319 |(((
320 ===== Add moderator =====
321 )))|(((
322 Specify those users who should receive moderation rights in the classroom. Moderators can grant presentation rights to others within the classroom.
323 )))|(% rowspan="1" %)(% rowspan="2" %)
324 (((
325 (% class="content-wrapper" %)
326 (((
327 [[image:attach:Editor - Konfiguration BBB_en.png]]
328
329 )))
330 )))
331 )))
332 )))
333 {{/panel}}
334
335 {{panel title="In the course view"}}
336 {{id name="Functions"/}}The following options are available to you in the course view:
337
338 (% class="wrapped" %)
339 |(% colspan="1" %)(% colspan="1" %)
340 (((
341 ==== Open and enter virtual classroom ====
342 )))|(% colspan="1" %)(% colspan="1" %)
343 (((
344 (% class="content-wrapper" %)
345 (((
346 (% class="TableParagraph" %)
347 This option allows you to open and enter a classroom to create an online meeting.
348
349 {{expand title="How to do that?"}}
350 (% class="wrapped" %)
351 |(((
352 1. Open the course element **Virtual Classroom**.
353 1. Click on **Open and enter the virtual classroom**.
354 )))|(((
355 (% class="content-wrapper" %)
356 (((
357 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Raum eröffnen und beitreten_en.png]]
358 )))
359 )))
360 {{/expand}}
361 )))
362 )))
363 |(% colspan="1" %)(% colspan="1" %)
364 (((
365 ==== Restart virtual classroom ====
366 )))|(% colspan="1" %)(% colspan="1" %)
367 (((
368 (% class="content-wrapper" %)
369 (((
370 (% class="TableParagraph" %)
371 This option allows you to restart the virtual classroom.
372
373 {{expand title="How to do that?"}}
374 (% class="wrapped" %)
375 |(((
376 1. Open the course element **Virtual Classroom**.
377 1. Click on **Restart virtual classroom**.
378 \\
379 )))|(((
380 (% class="content-wrapper" %)
381 (((
382 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Raum neu starten_en.png]]
383 )))
384 )))
385 |(% colspan="1" %)(% colspan="1" %)
386 (((
387 (% class="content-wrapper" %)
388 (((
389 3. Confirm the restart with **Yes.**
390
391 {{info}}
392 Note that closing the virtual classroom will **delete **all added files, and users will be **logged out** automatically.
393 {{/info}}
394 )))
395 )))|(% colspan="1" %)(% colspan="1" %)
396 (((
397 (% class="content-wrapper" %)
398 (((
399 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Neustart bestätigen_en.png]]
400 )))
401 )))
402 {{/expand}}
403 )))
404 )))
405 |(% colspan="1" %)(% colspan="1" %)
406 (((
407 ==== Close virtual classroom ====
408 )))|(% colspan="1" %)(% colspan="1" %)
409 (((
410 (% class="content-wrapper" %)
411 (((
412 Click on this button to close an open virtual classroom.
413
414 {{expand title="How to do that?"}}
415 (% class="wrapped" %)
416 |(((
417 1. Open the course element **Virtual Classroom**.
418 1. Click on **Close virtual classroom**.
419 )))|(((
420 (% class="content-wrapper" %)
421 (((
422 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Schaltfläche Raum schließen_en.png]]
423 )))
424 )))
425 |(((
426 (% class="content-wrapper" %)
427 (((
428 3. Confirm the process with **Yes**.
429
430 {{info}}
431 Note that closing the virtual classroom will **delete **all added files, and users will be **logged out** automatically.
432 {{/info}}
433 )))
434 )))|(((
435 (% class="content-wrapper" %)
436 (((
437 (% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Beenden bestätigen_en.png]]
438 )))
439 )))
440 {{/expand}}
441 )))
442 )))
443 |(% colspan="1" %)Change room settings|(% colspan="1" %)Further configuration settings are available for the BigBlueButton conference system in the course view. More information can be found here [[Change room settings>>doc:.Raumeinstellungen ändern.WebHome]].
444 {{/panel}}
445
446 {{panel title="In the conference view"}}
447 A description of the functions within BigBlueButton can be found in [[Use the BigBlueButton conference system>>doc:.Konferenzsystem BigBlueButton nutzen.WebHome]].
448 {{/panel}}
449 {{/layout-cell}}
450 {{/layout-section}}
451 {{/layout}}