Single Page - XWiki

|=(((

9

Verantwortlicher

)))|(((

)))

|=(% colspan="1" %)(% colspan="1" %)

14

(((

15

Status

16

)))|(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)

(((

)))

|=(% colspan="1" %)(% colspan="1" %)

23

(((

24

Varianten

25

)))|(% colspan="1" %)(% colspan="1" %)

(((

)))

|=(% colspan="1" %)(% colspan="1" %)

30

(((

31

Attribute

32

)))|(% colspan="1" %)(% colspan="1" %)

(((

)))

|=(% colspan="1" %)(% colspan="1" %)

37

(((

38

Pagekey

39

)))|(% colspan="1" %)(% colspan="1" %)

(((

)))

|=(% colspan="1" %)(% colspan="1" %)

44

(((

45

Übersetzung

46

)))|(% colspan="1" %)(% colspan="1" %)

(((

)))

|=(% colspan="1" %)(% colspan="1" %)

51

(((

52

TODOs

53

)))|(% colspan="1" %)(% colspan="1" %)

54

(((

55

(% class="task-list" %)

56

(((

57

58

Hilfe externe Seite erweitern

Carina: OLATCE-9641 Kursfortschritt

carina: seite erstellen 4. Satz zur Verlinkung der Seiten zum Texeditor

carina {{mention reference="XWiki.0a49950f5e4abe26015e4b9bdc5b0001" style="FULL_NAME" anchor="XWiki-0a49950f5e4abe26015e4b9bdc5b0001-BDGVk"/}} und weiter gehts

{{mention reference="XWiki.0a49950f5c0f19a8015c101b60e10001" style="FULL_NAME" anchor="XWiki-0a49950f5c0f19a8015c101b60e10001-QFSsC"/}}Achtung ich hab noch eine Infobox eingefügt und den Abschnitt Seite/Inhalt bearbeiten wieder nach unten genommen. Bilder (vorranig Button unD Icons sind auf einer Sammelseite hinterlegt um sie besser zentral pflegen zu können. Frag mich mal wenns bei dir passt dann zeig ich dir wie du die findest.

75

carina Übersetzung bitte in die 3.8

carina {{mention reference="XWiki.0a49950f5c0f19a8015c101b60e10001" style="FULL_NAME" anchor="XWiki-0a49950f5c0f19a8015c101b60e10001-sNuby"/}}Ich hab die En Seite vorbereitet

)))

)))

[[image:attach:Kursbausteine@kb_file.png]]Der Kursbaustein //**Einzelne Seite **//erlaubt das Erstellen eigener HTML-Seiten und das Einbinden und Anzeigen von Dateien. Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.

== Nutzung aus Lerner-Sicht ==

108

109

{{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}

110

|(((

111

Im Kursbaustein //**Einzelne Seite** //haben Sie die Möglichkeit die vom Kursautor erstellten **HTML-Seiten zu lesen** und andere Dateien wie beispielsweise **Bilder oder Videos anzusehen**.

112

)))|(((

113

[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]

)))

|(((

==== Inhalt zum Lesen öffnen ====

)))|(((

|(((

1. Öffnen Sie den Kursbaustein //**Einzelne Seite** //.

128

1. Nun werden Ihnen im Kursbaustein **Informationen** beziehungsweise **Lernmaterialien** bereitgestellt. Die Seiten können zudem **Verlinkungen**,** Medien und auch verschiedene Interaktionen** enthalten. Da die Seite **individuell vom Tutor** **gestaltet** wird, kann jeder Kursbaustein //**Einzelne Seite** //anders aussehen und verschiedene Elemente aufweisen.

129

)))|(((

130

[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]

)))

)))

Ein Kursverantwortlicher kann Ihnen erweiterte Berechtigungen vergeben. Dann sind zusätzliche Funktionen wie beispielsweise das Beabeiten der Seite für Sie verfügbar. Weitere Informationen zu diesen Funktionen enthält der Abschnitt [[Funktionen in der Kursansicht>>doc:||anchor="kursansicht"]].

== Nutzung aus Autoren-Sicht ==

141

142

143

Im Kurseditor stehen Ihnen als Autor folgende Funktionen zur Verfügung:

144

145

|(((

146

==== Kursbaustein Einzelne Seite hinzufügen ====

147

)))|(((

148

{{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}

)))

|(((

==== Allgemeine Konfigurations-Einstellungen ====

156

)))|(((

157

Im Kurseditor sehen Sie folgende Konfigurationstabs:

158

159

|=(((

160

Titel und Beschreibung

161

)))|(((

162

{{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}

)))

|=(((

Sichtbarkeit

)))|(% rowspan="2" %)(% rowspan="2" %)

171

(((

172

{{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}

)))

|=(((

Zugang

)))

|=(((

Seiteninhalt/Konfiguration Seite

187

)))|(((

188

In diesem Tab können Sie die anzuzeigende Seite auswählen oder erstellen bzw. die URL zur externe Seite angeben. Dies wird ausführlich im nachfolgenden Abschnitt **//Spezielle Konfigurations//-//Einstellungen// **erläutert.

)))

|=(((

Mehrsprachigkeit

)))|(((

Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.

)))

)))

|(((

==== Spezielle Konfigurations-Einstellungen ====

)))|(((

|=(% rowspan="2" %)(% rowspan="2" %)

204

(((

205

===== Seite auswählen, erstellen oder Verlinkung konfigurieren =====

206

)))|(((

207

Im Tab //**Seiteninhalt** //bzw. //**Konfiguration Seite** //ordnen Sie Ihrem Kursbaustein eine Seiten-Ressource hinzu. Sie können dabei interne Seiten verwenden (Baustein **Einzelne Seite**) oder externe Seiten (Baustein** Externe Seite**) verlinken.

208

209

=== Baustein Einzelne Seite ===

210

211

Um eine **interne Seite** einzubinden klicken Sie auf den Button **Seite auswählen oder erstellen**.

{{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}}

)))

|(% colspan="1" %)(% colspan="1" %)

222

(((

223

=== Baustein Externe Seite ===

224

225

Um eine **externe Seite** einzubinden nutzen Sie den Baustein **Externe Seite**. Hier haben Sie im Tab //**Konfiguration Seite** //folgende Einstellmöglichkeiten:

226

227

|(((

228

**Konfiguration der externen Seite**

229

)))|(((

230

1. Tragen Sie die **URL** der gewünschten Seite in das entsprechende Textfeld ein.

231

1. Ist die Seite passwortgeschützt, haben Sie die Möglichkeit das Passwort und den Benutzernamen hier einzutragen. Beide Daten werden dem Nutzer in der Lernplattform nicht angezeigt. Sie werden aber beim Aufruf der externen Seite automatisch mit übertragen. Aktivieren Sie die Checkbox hinter dem Eintrag //**Seite Passwort geschützt** //, um die Felder zur Angabe von Benutzernamen und Passwort zu öffnen.

232

1. Bestätigen Sie die Angaben mit Klick auf die Schaltfläche //**Speichern** //.

)))|(% rowspan="2" %)(% rowspan="2" %)

238

(((

239

[[image:attach:Kurseditor - Externe Seite konfigurieren_de.png]]

240

)))

241

|(((

242

**Anzeigeeinstellung**

243

)))|(((

244

1. Klicken Sie auf die gewünschte Option:** **Wenn die **Höhe des sichtbaren Bereichs automatisch bestimmt werden soll**, dann wählen Sie diese erste Option. Andernfalls setzen Sie den Punkt vor die Option //**Höhe manuell definieren** //. In diesem Fall geben Sie anschließend die **gewünschte Höhe in Pixeln** (min. 300 Pixel) ein.

245

1. Klicken Sie auf **//Speichern// **, um Ihre Angaben zu bestätigen und publizieren Sie den Kurs.

)))

)))

)))

In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:

253

254

|(% colspan="1" %)(% colspan="1" %)

255

(((

256

[[image:attach:Icons@Icon_Bearbeiten.png]]

257

)))|(((

258

==== Inhalt bearbeiten ====

)))|(((

|(((

1. Öffnen Sie den Kursbaustein **//Einzelne Seite// **.

263

1. Klicken Sie auf den Button **//Bearbeiten// **.

264

)))|(((

265

[[image:attach:Kursrun - Einzelne Seite bearbeiten_de.png]]

266

)))

267

|(% colspan="1" %)(% colspan="1" %)

268

(((

269

3. Es öffnet sich die **Editieransicht** der Seite. Nehmen Sie nun Ihre **gewünschten Änderungen** vor.

270

271

272

Ausführlicher wird der Umgang mit der Editierumgebung im Abschnitt [[Texteditor>>doc:Texteditor]] beschrieben.

273

274

275

4. Bestätigen Sie Ihre Änderungen mit klick auf die Schaltfläche //**Speichern** //bzw. //**Speichern und Schließen** //.

276

)))|(% colspan="1" %)(% colspan="1" %)

277

(((

278

[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_de.png]]

)))

)))

[[image:attach:Kursbausteine@kb_file.png]]The course element **//Single Page// **allows you to create your own HTML pages as well as to integrate and display files. With the element **external page**,** **you can embed external web pages in your course.

== Usage: Learners' View ==

315

316

{{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}

317

|(((

318

In the course element **//Single Page//**, you can **read HTML pages** created by the course author and **view** other files such as **images or videos**.

319

)))|(((

320

(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]

)))

|(((

==== Open content for reading ====

)))|(((

|(((

1. Open the course element **//Single Page//**.

335

1. The course element will provide you with** information** or **learning materials**. The pages may also contain** links**,** media**,** and various interactions**. Since the page is **individually designed by the tutor**, each course element **//Single Page//** can have its own specific layout and include different elements.

336

)))|(((

337

(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]

)))

)))

You can be assigned extended rights by a course supervisor. These rights will make additional functions, such as editing the page, available to you. For more information about these functions, refer to the section [[Functions in the course view>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+v3.8?focusedTaskId=7&id-.EinzelneSeitev3.8-kursansicht||shape="rect"]].

== Configuration: Authors' View ==

348

349

350

The following functions are available to authors in the course editor:

351

352

|(((

353

==== Add a course element single page ====

354

)))|(((

355

{{expand title="Click to open instructions on how to add a course element ..."}}

)))

|(((

==== General configuration settings ====

363

)))|(((

364

In the course editor, you will find the following configuration tabs:

365

366

|=(((

367

Title and description

368

)))|(((

369

{{expand title="Configuration options in the tab title and description ..."}}

)))

|=(((

Visibility

)))|(% rowspan="2" %)(% rowspan="2" %)

378

(((

379

{{expand title="Configuration options in the tab visibility and access ..."}}

)))

|=(((

Access

)))

|=(((

Page content / Configuration

394

)))|(((

395

In this tab, you can select or create the page to be displayed or specify the URL to the external page.

396

Detailed instructions are given in the following section //**Special configuration settings**//.

)))

|=(((

Multilingualism

)))|(((

In this tab, different translations can be added to individual course element areas.

)))

)))

|(((

==== Special configuration settings ====

)))|(((

|=(((

===== Select or create page or configure link =====

413

)))|(((

414

In the tab **//Page content//**// //or// **Configuration**//, you can assign a resource of the type **//Page//** to your course element. You can use internal pages (element **//Single Page//**) or link external pages (element **//External Page//**).

415

416

To configure an **internal page**, you have the following options:

417

418

* **create a new HTML page online (option 1)**,

419

* **select** **a HTML page from the course storage folder or copy an existing template (option 2)**, or

420

* **upload one or more HTML files in a ZIP package to the storage folder (option 3)**

421

**\\**

422

423

{{expand title="Start the configuration for all three variants as follows:"}}

|=(((

1.

)))|(((

Open the **course editor **in the course element// **Single Page**//** **and switch to the tab **//Page content//**. Then click on **//Select or create page//**.

428

)))|(((

429

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite auswählen oder erstellen_en.png]]

)))

|=(((

2.

)))|(((

A page with functions for creating a new HTML page, selecting a HTML page from the course storage folder, as well as for uploading HTML files to the storage folder appears. Decide on one of the following options:

435

)))|(((

436

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite drei Optionen_en.png]]

)))

|=(((

3a

)))|(((

(**Option 1**:) **To create a new HTML page online**, enter a page name in the field **//Name of new file//**. Then select the **desired character set** and click on **//Create//**.

|(((

* The **editor for creating page content** opens.

446

* Fill your page with the desired content and media and click on **//Save//**.

447

)))|(((

448

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Texteditor_en.png]]

)))

)))|(((

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Neue Seite erstellen_en.png]]

)))

|=(((

3b

)))|(((

(**Option 2**:) **To choose a HTML page from the course storage folder or to copy an existing template**, click on the button **//Select page//**. Select the desired file and activate the checkbox next to **//Create a copy of the selected file (template) and assign it to the course element//** if necessary.** **Then click on **//Select//**.

458

)))|(((

459

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite beim Hinzufügen auswählen_en.png]]

)))

|=(((

3c

)))|(((

(**Option 3**:) **To upload one or more files to the storage folder**, click on **//Select file//**. Then select the desired file and confirm the process with **//Upload//**.

465

)))|(((

466

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Datei hochladen_en.png]]

)))

|=(((

4.

5.

)))|(((

The selected resource is now automatically used as a resource for the course element **//Single Page//** and displayed under **//Selected//** **//page//**.

474

475

**Publish **your course to complete the configuration and to make the resource available to participants.

476

)))|(((

477

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite gewählte Seite_en.png]]

)))

To embed an **external page**, use the element **//External Page//**. In the tab **//Configuration//**, you have the following configuration options:

482

483

|(((

484

**Configuration of the external page**

485

)))|(((

486

1. Enter the **URL **of the desired page in the appropriate text field.

487

1. (((

488

If the page is password protected, you can enter the password and user name here. Your information will not be displayed to the user in the learning platform. However, it will be automatically transmitted when the external page is accessed. Select the checkbox next to the entry **Page pass-word controlled **to open the fields for specifying your user name and password.

489

)))

490

1. (((

491

Confirm your entries with //**Save**//.

492

)))

493

)))|(% rowspan="2" %)(% rowspan="2" %)

494

(((

495

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Externe Seite konfigurieren_en.png]]

)))

|(((

**Display settings**

)))|(((

1. (((

Click on the desired option: If you would like **the height of the visible area to be determined automatically**, then select the first option. Otherwise, select the second option **//Define height manually//** and enter the **desired height in pixels **(min. 300 pixels).

502

)))

503

1. (((

504

Click on //**Save**// to confirm your entries and publish the course.

)))

)))

)))

|=(% colspan="1" %)(% colspan="1" %)

509

(((

510

===== Security settings =====

511

)))|(% colspan="1" %)(% colspan="1" %)

512

(((

513

(% class="TableParagraph" %)

514

With the option **//Allow links in the entire storage folder//**, it is possible to embed links to **files within the storage folder** in a HTML page.

|(((

1. Open the **course editor **in the course element// **Single Page **//and switch to the tab **//Page content//**.

519

1. Click on **//Additional settings for the selected page//**.

520

1. In the section **//Security//** **//settings//**, select the checkbox next to **//Allow links in the entire storage folder//**.

521

1. Click on **//Save//**.

\\

This setting allows savvy users to gain access to the entire storage folder.

526

527

)))|(% colspan="1" %)(% colspan="1" %)

528

(((

529

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Sicherheitseinstellung_en.png]]

)))

)))

|=(((

===== Display settings =====

535

)))|(((

536

This option allows you to set the visible **height of your page**.

537

538

If the page is higher than the configured visible area, scrollbars will help the user navigate the page.

|(((

1. (% style="color: rgb(51,51,51);" %)Open the **course editor** in the course element //**Single Page**// and switch to the tab //**Page content**//.

543

1. (% style="color: rgb(51,51,51);" %)Click on// **Additional settings for the selected page**//.

544

1. (% style="color: rgb(51, 51, 51); color: rgb(51, 51, 51)" %)Go to the section //**Display settings**// and click on the desired option: (%%)If you would like the **height of the visible area to be determined** **automatically**, then select the first option. Otherwise, select the second option //**Define height manually **//and enter the desired height in pixels (min. 300 pixels).

545

1. Click on **//Save//** to confirm your entries and publish the course.

546

)))|(((

547

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Anzeigeeinstellung_en.png]]

)))

)))

)))

|(((

==== Functions after adding a resource ====

554

)))|(((

555

|=(((

556

===== Open page in editor =====

557

)))|(((

558

Click on this button to get to the **editor for editing pages**. Here you can make your changes.

559

Then click on **//Save//** to confirm your entries.

560

)))|(% rowspan="2" %)(% rowspan="2" %)

561

(((

562

(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Funktionen nach dem Hinzufügen einer Ressource_en.png]]

563

)))

564

|=(((

565

===== Replace page =====

566

)))|(((

567

This button takes you to the functions for **creating or selecting a page**. For more information, refer to the section //**Select or create** **page**//.

)))

)))

In the course view, you can use all course element [[functions available to users>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+v3.8?focusedTaskId=7&id-.EinzelneSeitev3.8-Nutzerfunktionen||shape="rect"]] and:

574

575

|(% colspan="1" %)(% colspan="1" %)

576

(((

577

(% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Bearbeiten.png]]

578

)))|(((

579

==== Edit content ====

)))|(((

|(((

1. Open the course element //**Single Page**//.

584

1. Click on //**Edit**//.

585

)))|(((

586

(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite bearbeiten_en.png]]

587

)))

588

|(% colspan="1" %)(% colspan="1" %)

589

(((

590

3. The **editor view **of the page opens. Make your **desired changes**.

591

592

593

(% class="TableParagraph" %)

594

Further information on the editing environment is given in the section [[(% style="color: rgb(13,122,149);" %)Text editor>>url:https://www.bps-system.de/help/display/LMSintern/.Texteditor+v3.8||shape="rect"]](%%).

595

596

597

4. Confirm your settings with **//Save//** or **//Save and close//**.

598

)))|(% colspan="1" %)(% colspan="1" %)

599

(((

600

(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_en.png]]

601

)))