Zuugs Anleitungen

Anhang

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Hier können Sie verschiedene Arten von Anhängen hinzufügen.

Farben der Textboxen

arlena — Wed, 06 Apr 2022 07:03:39 +0000

Die Farben der vier Textboxen können angepasst werden. In diesem Zuugs haben wir uns an die HfH-Farben gehalten. Die Farbcodes haben wir hier angegeben. Um die Farben zu ändern, gehst du zu Design > Layout Optionen und scrollst herunter (siehe Bild). Wenn du auf die Farbboxen klickst, kannst du die richtige Farbe per Code eingeben. Speichern nicht vergessen. Alle Textboxen in einem ganzen Zuugs werden gemäss diesen Einstellungen angepasst.

Farbcodes

Türkis

#14776c #ecf9f7

Grün

#57751c #eef5e0

rot

#be1925 #f8e8e9

blau

#427ca4 #dbeffd

GamiPress Notifications

230524213416@hfh.ch — Wed, 31 Jan 2024 16:46:28 +0000

TODO: Beschreiben der Arten von Notifications, und wie sie für das ganze Buch ein- oder ausgeschaltet, aber auch für einzelne Kapitel individuell genutzt werden können. GamiPress>Settings>Settings>Emails>Emails Templates und GamiPress>Settings>Settings>Add-ons>Notifications

GamiPress Rezept: Toggle content mit Shortcode

230524213416@hfh.ch — Wed, 31 Jan 2024 16:48:12 +0000

TODO: Beschreiben wie Inhalt auf einer Seite ein- oder ausgeblendet werden kann mit Blöcken in Shortcodes, in Abhängigkeit von Bedingungen.

Titelbild

231226216435@hfh.ch — Wed, 13 Mar 2024 12:18:07 +0000

Themen-auswaehlen-Zuugs-digital

magician — Tue, 08 Oct 2024 08:18:23 +0000

HFH Zuugs Buch erstellen für Studierende

magician — Tue, 27 May 2025 20:06:40 +0000

Fortschritt-Zuugs

magician — Mon, 18 Aug 2025 11:41:02 +0000

CleanShot 2025-10-08 at 15.22.47@2x

magician — Wed, 08 Oct 2025 13:25:05 +0000

freigabe_und_datenschutz

250729224800@hfh.ch — Thu, 09 Oct 2025 13:18:06 +0000

epub_herunterladen

250729224800@hfh.ch — Thu, 09 Oct 2025 13:18:10 +0000

benutzer_hinzufuegen

250729224800@hfh.ch — Thu, 09 Oct 2025 13:59:56 +0000

export_epub

250729224800@hfh.ch — Fri, 10 Oct 2025 13:57:27 +0000

bookmark_capital_page

250822225833@hfh.ch — Fri, 17 Oct 2025 12:45:37 +0000

bookmark_main_page

250822225833@hfh.ch — Fri, 17 Oct 2025 12:45:40 +0000

bookmark_setting

250822225833@hfh.ch — Fri, 17 Oct 2025 12:53:30 +0000

coloredbanner_start_page

250822225833@hfh.ch — Fri, 17 Oct 2025 13:04:30 +0000

coloredbanner_capital_page

250822225833@hfh.ch — Fri, 17 Oct 2025 13:04:33 +0000

coloredbanner-setting

250822225833@hfh.ch — Fri, 17 Oct 2025 13:20:29 +0000

CleanShot 2025-10-22 at 16.12.12@2x

magician — Wed, 22 Oct 2025 14:15:11 +0000

Schritt für Schritt

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Starte hier!

Wenn Du selbst ein Zuugs erstellen möchtest, dann loggst du dich mit deiner Edu-ID auf zuugs.hfh.ch ein. Und dann: Ein neues Zuugs (Buch) eröffnen – auf einer Seite [private]Erste Schritte in Zuugs (veraltet) Ein neues Zuugs (Buch) eröffnen – Kurzanleitung[/private] Zum Dashboard (das ist das Back-End) kommst du über https://zuugs.hfh.ch/wp-admin/.

Benutzer hinzufügen

arlena — Wed, 06 Apr 2022 07:03:14 +0000

Bestehenden Benutzer hinzufügen

Willst du weiteren Personen Zugriff auf dein Buch gewähren, bevor du den Zugang öffnest, dann füge sie hinzu. Gehe zu Benutzer > Neu hinzufügen. Gebe die E-Mail-Adresse ein und wähle die entsprechenden Rechte (über die Rolle). Falls beim E-Mail-Feld ein Dropdown-Menü erscheint, schlicht ignorieren! (Erklärung: Sobald ein '@' im Suchfeld ist, sucht das System nur noch in den E-Mailadressen.) Sind Benutzer schon in deinem Buch drin und haben aber noch nicht die richtigen Rechte. Erteile ihnen die Rechte über die Benutzerliste unter Alle Benutzer.

Neuen Benutzer hinzufügen

Lade die Person ein, sich auf zuugs.hfh.ch mit der edu-ID einzuloggen, bei 'Login HfH (and other affiliations)'. Danach den Schritten unter 'Bestehenden Benutzer hinzufügen' folgen.

Inhalt bearbeiten

arlena — Wed, 06 Apr 2022 07:03:25 +0000

Struktur

Die Struktur von einem zuugs-Buch ist, wie der Name sagt, einem Buch nachempfunden. Buchteile sind Überkapitel und dienen der Strukturierung. Sie enthalten in der Regel keinen Inhalt. Pro Buchteil können dann mehrere Kapitel hinzugefügt werden. Innerhalb des Kapitels soll als höchste Ebene die Überschrift 2 verwendet werden, da der Titel des Kapitels die Überschrift 1 hat. Wichtig ist, dass der Titel des Kapitels mit dem Permalink übereinstimmt. Wird der Titel nachträglich verändert, muss auch der Permalink angepasst werden. Der Permalink befindet sich im Editor direkt unter dem Titel (1). Bei verändertem Titel klickst du auf "bearbeiten" (2) und löscht den alten Permalink, fügst aber nichts neues ein (3). Mit "Ok" (4) bestätigst du den Vorgang und so wird der Permalink automatisch angepasst (5).

Bilder einfügen

Bilder werden über die Schaltfläche "Dateien hinzufügen" oberhalb des Editors eingefügt. Dort kann zugleich ein Alternativtext hinterlegt werden. Bilder und Grafiken nicht via copy-and-paste einfügen, da ansonsten die Formatierung nicht korrekt ist. Bei der Grösse des Bildes immer "vollständige Grösse" auswählen.

Text aus einer anderen Quelle einfügen

Wenn Text aus einer anderen Quelle eingefügt wird, muss im Editor zuerst der Knopf "als Text einfügen" aktiviert werden. So wird der kopierte Text bereinigt.

Textboxen

Zur Strukturierung von Text, z. B. Beispiele, Aufgaben oder wichtige Hinweise, können die vordefinierten Textboxen im Editor genutzt werden. Im Editor das Feld "Textfelder" öffnen und im Dropdown-Menü die passende Box auswählen.

H5P erstellen und in Kapitel einfügen

arlena — Wed, 06 Apr 2022 07:04:00 +0000

Viele Beispiele findest du im Kapitel Interaktives Material der Lehrszenarien. Die kurze Video-Anleitung zur Erstellung und Einbettung ist auf SWITCHtube, wie auch eine längere Intro mit vielen Beispielen.

Neues H5P Modul

Um ein neues H5P Modul zu erstellen, geh zur linken Seitenleiste und klicke auf "H5P - Inhalt → Erstellen". Nun können bestehende H5P Module hochgeladen oder neue H5P Module erstellt werden.

Neues H5P Modul erstellen

Inhaltstyp aus Liste auswählen.
Details → Benutzen (Übernehmen, falls dieser Inhaltstyp noch nicht benutzt wurde).
Titel und restlichen Inhalt einfüllen (Felder mit rotem Stern müssen zwingend ausgefüllt werden).
"Erstellen" anklicken (oben rechts).
Haken bei "Symbolleiste anzeigen" herausnehmen.

H5P hinzufügen

Um ein H5P Modul in ein Buch einzufügen, wird oberhalb des Texteditors das Feld "H5P hinzufügen" angeklickt. Es öffnet sich ein Auswahlfenster mit allen H5P Modulen, die in diesem Buch erstellt oder hochgeladen wurden. Richtiges Modul suchen und rechts auf den "Einfügen"-Knopf drücken. Die ID des entsprechenden Moduls wird dadurch in das Kapitel eingefügt. Um zu sehen, wie das Kapitel nun aussieht in der rechten Seitenleiste auf "Speichern" und danach in der Kopfleiste auf "View Kapitel".

Tipp:

Zu jedem Modul gibt es unter "H5P-Inhalt" oder unter www.h5p.org ein Beispiel. Lasst euch inspirieren und viel Spass beim Erstellen.

H5P kopieren

Es gibt zwei Wege, um H5Ps zu kopieren. (Den zweiten Weg musst du nehmen, wenn Quelle und Ziel nicht auf dem gleichen Server sind, dh. nur wenn du von zuugs zu digital oder umgekehrt kopieren möchtest.)

Du gehst zum gewünschten H5P > Bearbeiten, dann gibt es einen Knopf, ca. oben rechts 'Kopieren'. Dann gehst du zum Zielbuch, eröffnest ein neues H5P des gleichen Typs und dann sollte der Button oben rechts auch die Option 'Einfügen' zeigen.
Du tust das gewünschte H5P runterladen (Funktion 're-use' in der unteren Symbolleiste eines H5Ps – Achtung manchmal ist die Leiste ausgeblendet! siehe Punkt 5 oben) und dann beim Eröffnen eines H5P die Funktion 'Importieren' benutzen.

Medien hochladen

arlena — Wed, 06 Apr 2022 07:04:28 +0000

Um Medien in einem Buch hochzuladen, klickt man im Editor auf "Dateien hinzufügen" (1). Darauf erscheint ein neues Fenster, indem alle schon hochgeladenen Dateien zu sehen sind. Klicke auf "Dateien hochladen" (2). Dann können die Dateien ausgewählt werden (3). Ein Fenster erscheint, dass die Dateien auf deinem Computer anzeigt. Wähle den richtigen Ordner auf deinem Computer aus, klicke die gewünschte Datei an (4) und lade sie hoch (5). Dann erscheint deine Datei in der Mediathek des Zuugs-Buches. Du kannst noch einen Alternativtext (6) für den e-Reader und/oder eine Bildbeschriftung (7) hinzufügen. Auf der Seite kannst Du weiter unten unter "Anzeige-Einstellungen für Anhänge" das Bild zentrieren und "Link zur Mediendatei" anwählen, damit das Bild in der visuellen Ansicht vergrössert werden kann (8). Bei "Grösse" soll immer die vollständige Grösse ausgewählt sein. Falls das Bild zu gross erscheint, kann man es im visuellen Editor noch justieren (kleiner ziehen). Zum Schluss wird die Datei in das Kapitel eingefügt (9).

Sprache-Button

arlena — Wed, 06 Apr 2022 07:06:08 +0000

Falls sich im Text einzelne Wörter befinden, die vom e-Reader in einer anderen Sprache ausgesprochen werden, müssen diese im Texteditor (1) angepasst werden. Das Wort wird markiert (2) und dann der Sprache-Button (3) ausgewählt. Im Dropdown-Menü kann die Sprache ausgewählt werden (4) und mit "Ok" (5) wird die Auswahl bestätigt. Im Texteditor sieht man dann den folgenden Code (6). Wenn du möchtest, kannst du in die visuelle Ansicht wechseln (7). In dieser Ansicht ist der Code nicht mehr ersichtlich. Zum Schluss auf "Speichern" drücken (8).

Links und Referenzen

arlena — Wed, 06 Apr 2022 07:06:20 +0000

Externe Links hinzufügen

Um externe Links hinzuzufügen musst du folgende Schritte befolgen:

einen Text schreiben
den Text markieren
in der Symbolleiste auf das "Link"-Symbol klicken
den Link eingeben

Interne Links hinzufügen

Interne links zu Kapiteln, teilen oder titeleien

Variante 1

Um interne Links hinzuzufügen kannst du so genannte "slugs" benutzen. Slugs sind Identifizierungszeichen von internen Positionen. Sie sind alles, was im Link nach "https://zuugs.hfh.ch" kommt (inkl. Schrägstrich). Slugs können so aufgebaut sein:

für Kapitel: /chapter/[name_of_chapter]
für Teile: /part/[name_of_part]
für Titeleien: /front-matter/[section_title] or /back-matter/[section_title]

Wenn du den slug kopiert hast, kannst du ihn hinzufügen wie unter "Externe Links hinzufügen" beschrieben. Wenn das Kapitel noch ein Entwurf ist, findest du den slug im Permalink unter dem Kapiteltitel.

Variante 2

Oder du befolgst die Schritte unter "Externe Links hinzufügen" und anstatt den Link einzufügen, klickst du auf "Link-Optionen" (1). Im neuen Fenster kannst du das gewünschte Kapitel anwählen (2). Dann auf "Link hinzufügen" (3).

benutzerdefinierte Links zu Ankern im Text

Du kannst überall im Text Links kreieren, indem du einen Anker erstellst. Platziere den Mauszeiger beim Teil des Textes, zu welchem der Link führen soll. Füge einen Anker hinzu (1). Gib dem Anker einen einmaligen Namen (2) (im Beispiel: externelinks). Das folgende Symbol erscheint (3). Gehe dort hin, wo du den Link hinzufügen möchtest. Markiere den Text, klicke auf "Link hinzufügen/ändern" und dann auf "Link-Optionen" (4). Dann solltest du den Anker #externelinks finden und hinzufügen können (5).

Zitieren und Referenzen

Es gibt kurze Zitate und vollständige Zitate. Die kurzen Zitate sind zwischen Klammern und direkt hinter dem zitierten Text platziert. Die vollständigen Zitate sind am Ende des Kapitels im Unterkapitel "Referenzen/Bibliographie". Vollständige Zitate sind obligatorisch, die kurzen sind hilfreich, doch du kannst auch nur die vollständige Zitierung als Fussnote einfügen. Um die kurzen oder die vollständigen Zitate zu verlinken, musst du den Texteditor öffnen. Danach kannst du folgende Schritte befolgen:

Schreibe die Zitate, wie in einem Textfile.
Füge den folgenden Code vor und nach dem kurzen Zitat hinzu:
- id=”short-citationID” href=”#full-citationID”> kurzes Zitat
Füge den folgenden Code vor und nach dem vollständigen Zitat hinzu:
- id=”full-citationID” href=”#short-citationID”> vollständiges Zitat
Füge die ID des kurzen Zitates in den Link (href) des vollständigen Zitates und umgekehrt.
- Anmerkung: Die ID kann jedes Wort sein, aber es muss einmalig sein (wie beim Anker).

Beispieltext Referenzen

Veränderung der Chronobiologie bei Jugendlichen

M. Ende, A. Muster, F. Schweizer

Fragestellung

Lehrer beklagen sich über Schüler die morgens noch schlaftrunken in den Bänken sitzen. Haben Teenager tatsächlich eine andere innere Uhr als Kinder?

Literaturübersicht

Der Schlafrhythmus verschiebt sich in der Adoleszenz auf der ganzen Welt mit zunehmendem Alter nach hinten, was zu verkürzten Schlafzeiten an Schultagen und verlängerten Schlafzeiten an Wochenenden führt (Gradisar, Gardner und Dohnt 2011). Bei stärkerer Ausprägung kann dies auch zu schulischen Schwächen führen (Saxvig, et al. 2012) (Wolfson und Carskadon 2003). Vor allem der präfrontale Cortex scheint unter dem Schlafmangel zu leiden (Curcio, Ferrara und De Gennaro 2006). Verlängerte Lichtexpositionen sowie Pubertät führen zu einer verzögerten Ausschüttung des Schlafhormons Melatonin und scheinen somit eine der möglichen Ursachen zu sein (Figueiro und Rea 2010). Aber auch der hohe Medienkonsum könnte Verursacher dieser Probleme sein (Diaz 2012). (…)

Bibliographie

Curcio, G, M Ferrara, und L De Gennaro. «Sleep loss, learning capacity and academic performance.» Sleep Medicine Reviews, 2006: 323-337. Diaz, L. «Jugendliche leiden unter Schlafmangel.» Frankfurter Rundschau, 2012: 23.10. Figueiro, MG, und MS Rea. «Evening daylight may cause adolescents to sleep less in spring than in winter.» Chronobiology International, 2010: 1242-1258. Gradisar, M, G Gardner, und H Dohnt. «Recent worldwide sleep patterns and problems during adolescence: A review and meta-analysis of age, region, and sleep.» Sleep Medicine, 2011: 110-118. Saxvig, IW, S Pallesen, A Wilhelmsen-Langeland, H Molde, und B Bjorvatn. «Prevalence and correlates of delayed sleep phase in high school students.» Sleep Medicine, 2012: 193-199. Wolfson, AR, und MA Carskadon. «Understanding adolescents’ sleep patterns and school performance: a critical appraisal.» Sleep Medicine Reviews, 2003: 491-506. (…)

Fussnoten

Um Fussnoten hinzuzufügen, bringe deinen Mauszeiger dort hin, wo du die Fussnote möchtest. Dann kannst du auf das FN Symbol in der Symbolleiste (1) klicken und im Fenster, das erscheint, den Fussnoten-Text eingeben (2) [footnote]Fussnote Beispiel[/footnote]. In der Entwurf-Ansicht sieht das dann so aus:

Weiterführende Links

arlena — Wed, 06 Apr 2022 07:06:31 +0000

HfH Zuugs-Bücher

Mehrfachbeeinträchtigung und Sehen Lehrszenarien, in der digitalen Welt SPRINT (Einblick) H5P, Gamipress & Co. Heilpädagogische Forschung: Bildung für Alle (Forschungsbericht 2021)

Weiteres

Video-Einführung zu Zuugs (Struktur, Buch eröffnen, Tipps & Tricks) - informell Anleitung zum alten eSkript/Polybooks der ETH Buch Endokrinologie (mit vielen H5Ps) (Jedes letzte Kapitel eines jeweiligen ’Teils’ ist ein Selbsttest-Kapitel voll mit H5P.) Maturaarbeit über Capoeira

Über H5P

arlena — Fri, 30 Dec 2022 09:08:38 +0000

[h5p id="1"]

Einsatzszenarien

Modulunterlagen
Tests
Zwischenstand abfragen
Auflockerung Unterricht
überall :)

Beispiele

arlena — Fri, 30 Dec 2022 09:09:07 +0000

Memory

Beispiel von Steven Zahner, Memory DGSG

Drag and drop

Beispiel von H5P (www.h5p.org)

Drag the words

Beispiel aus dem Lernmodul E-Accessibility (Bst. 1, Einführung)

Quiz

[h5p id="2"]

Interactive Video

Juxtaposition

Beispiele aus den Modulunterlagen von Fabian zur Simulation der Sehschärfe.

Branching scenario

Beispiel von H5P (www.h5p.org)

Dialog cards

Beispiel Vorstellung Kathrin, DLC

multiple hotspots

Beispiel aus dem Lernmodul E-Accessibility (Bst. 2, Bedarfsgruppe Hören)

Interactive Book

Beispiel aus dem Lernmodul E-Accessibility (Bst. 4, Bedarfsgruppe Motorik)

Timeline

Beispiel von H5P (www.h5p.org)

Virtual Tour

Virtuelle Tour durch die HfH (www.hfh.ch/kontakt/aufeinenblick)

Über Wordpress und Pressbooks

arlena — Fri, 30 Dec 2022 13:03:32 +0000

Wordpress

freies Content-Management-System (CMS)
als Open-Source-Projekt weiterentwickelt
basiert auf der Skriptsprache PHP
über 55'000 Plugins
- Shibboleth (Anmeldung via edu-ID)
- Learndash
- H5P
- ...

Pressbooks

basiert auf Wordpress
Beispiele: www.zuugs.hfh.ch, www.digital.hfh.ch
webbasierte Anwendung zum Erstellen interaktiver Bücher
Struktur an Buch angelehnt
- Einführung
- Hauptteil
  - Kapitel
  - Kapitel
- Anhang
unzählige Plugins verfügbar
- H5P
- Gamipress
- Pollmaker
- ...

Vorteile und Struktur

arlena — Fri, 30 Dec 2022 13:06:01 +0000

Struktur

Die Struktur ist an Büchern angelegt und sollte vor dem Abfüllen gut überdacht werden. Es gibt 4 Teile:

Titelei
- Einführungskapitel
Buchteil
- sollte keinen Inhalt haben und dient der Struktur
Kapitel
- hier folgt der eigentliche Inhalt
- eine Kapitelseite sollte nicht zu lang sein
- Überschrift immer mit H2 beginnen, da der Titel bereits eine H1 ist
Anhang

Kapitel URL

Die automatisch erstellte URL kann angepasst werden. Permalink → bearbeiten.

Menü "Organisieren"

Übersicht über Buchteile, Kapitel, etc.
Anzeige im Web / Export ein- und ausschalten
Kapitel und Buchteile verschieben

Rechte

Unter Einstellungen → Freigaben & Datenschutz kann eingestellt werden, wer Zugriff auf das Buch hat. Einzelne Personen hinzufügen und Rolle anpassen: Person soll sich auf zuugs.hfh.ch/xxx einloggen, danach unter Benutzer die Rolle anpassen

Rollen

Redaktor (unsere Empfehlung): kann bei Kapiteln (auch wenn diese von anderen erstellt wurden) Änderungen machen
Mitarbeiter: kann keine eigenen Kapitel publizieren.
Autor: kann eigene Kapitel erstellen und publizieren
Administrator: hat alle Rechte auf dem Buch

Medienübersicht

Alle innerhalb des Buches genutzten Medien (Bilder, Videos, Audiodateien, Dokumente, ...) werden in der Medienbibliothek abgespeichert. Danach können sie im Kapitel direkt angezeigt oder als Link eingebunden werden.

Editor

Der Editor in Pressbooks ist sehr intuitiv. Neben den gängigen Schaltflächen wie Formatierung, Liste, Absatz, etc. können vorformatierte Textfelder, Symbole, Links, interaktive H5P-Module und vieles mehr eingefügt werden.

E-Accessibility

Auch auf Pressbooks (zuugs.hfh.ch und digital.hfh.ch) sollten möglichst barrierearme Inhalte erstellt werden. Neben der richtigen Überschriften- und Absatzformatierung gehören Alternativtexte zu audiovisuellen Elementen nötig. Alle Informationen zur Accessiblity für Web-Editor:innen finden sich in der Checkliste.

Einsatzszenarien

Modulunterlagen
Publikationen
Arbeitstool für Studierende
...

Freigaben und Datenschutz

Jedes Buch kann privat oder öffentlich geschalten werden. Öffentliche Bücher sind auch ohne Login lesbar. Besonders schützenswerte Daten (z. B. Videos mit Kindern) sollten nur dort eingesetzt werden, wo der Schutz gewährleistet ist. Es können Plugins gekauft werden, die Videos schützen und somit nicht downloadbar machen.

Beispielkapitel

arlena — Fri, 13 Jan 2023 15:36:14 +0000

Aufbau einer Seite

Einleitungstext Inhalt aufgearbeitet mit Bildern, H5P Elementen und evt. Videos

Beispiele

Ergänzen Sie Ihre Beispiele hier.

Erstens
Zweitens

Zusammenfassung und Ausblick

Aufgaben

Ergänzen Sie Ihre Aufgaben hier.

Erstens
Zweitens

Zusammenfassung

Ergänzen Sie Ihre Zusammenfassung hier.

Erstens
Zweitens

------------------------------------------------------------------------------

Textfelder

Standard

Schattiert

Beispiele

Ergänzen Sie Ihre Beispiele hier.

Erstens
Zweitens

Aufgaben

Ergänzen Sie Ihre Aufgaben hier.

Erstens
Zweitens

Zusammenfassung

Ergänzen Sie Ihre Zusammenfassung hier.

Erstens
Zweitens

Lernziele

Ergänzen Sie Ihre Lernziele hier.

Erstens
Zweitens

Themen für Fortgeschrittene

magician — Tue, 14 Mar 2023 15:29:00 +0000

Bei Interesse meldet ihr euch beim dlc@hfh.ch.

Überblick der Themen

Zugang/Rechte/Rollen
Suchen & Ersetzen (unter Werkzeuge)
Private Notizen im Zuugs per [[private]...[/private]]
Konfetti per [[hfh_confetti]]
Export/Klonen
Glossar erstellen
Filter/Kategorisierung (Beispiele: Sprint, Autismusfachpersonen, Lernen an Fällen, Wissen was wirkt)
Gamipress (Gamification)
Pollmaker (Beispiele von Votings)
3D-Modelle (Beispiel: https://zuugs.hfh.ch/lehrszenarien/chapter/interaktives-material/)
Interactive Image-Maps (Beispiel: https://digital.hfh.ch/hierarchiearithmetik/chapter/navigation/)
Chapters: andere Navigation (Beispiel: https://digital.hfh.ch/lp21stakeholderjourney/chapter/einleitung-situationsanalyse/)
Notizen auf WWW-Websites (hypothes.is) (https://zuugs.hfh.ch/lehrszenarien/chapter/hypothes-is/)
Buttons in verschiedenen Farben, siehe unten.

Buttons-Dokumentation

Schwarzer Button Weisser Button Grüner Button Türkiser Button Oranger Button Blauer Button

Gitter

Die Klassendefinition sieht wie folgt aus und muss ins Design > Benutzerdefinierte Stile eingefügt werden.

.hfh-button-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
row-gap: 1rem;
column-gap: 1rem;
}

Die Anzahl Spalten und Buttonsbreite werden über minimax definiert, nach Bedarf. Will man, dass Wörter nicht getrennt werden, kann man das 'hyphens:none;' nutzen. hyphens: none;

Buttons

Ein Button ist '- -primary' (schwarzer Button), '- -secondary' (weisser Button) oder hat eine Farbe (- -green, - -turqoise, - -orange, - -blue) und enthält einen Link, hier hfh.ch. Will man, dass der Pfeil in die andere Richtung schaut: hfh-button--flipped. Grüner Button

Gesamtcode

Hinweis: Der Code soll so ohne Zusatzabstände oder Zeilenabstände eingefügt werden, sonst schaltet sich Wordpress ein und verstellt Sachen. Der ganze Code für die sechs Buttons: Schwarzer ButtonWeisser ButtonGrüner ButtonTürkiser ButtonOranger ButtonBlauer Button

GamiPress Rezept: Counter

230524213416@hfh.ch — Wed, 31 Jan 2024 16:35:10 +0000

Idee

Einen Counter implementieren der die Klicks auf einen GamiPress-Button zählt. Es soll drei Buttons geben, Count UP, Count DOWN und Reset. Der Counter wird unterhalb der Buttons angezeigt.

Benötigte GamiPress Elemente und Add-ons

Quellcode

Der folgende Quellcode kann auf einer Buchseite eingefügt werden. Damit werden drei Buttons erzeugt und der aktuelle Wert des Counters angezeigt. Jedem Button wird eine id zugewiesen. Über diese ids wird der Counter verändert. Die letzte Zeile des Quellcodes gibt denn aktuellen Wert des Counters vom Typ counter-1 aus. Der Counter selbst wird mit GamiPress Point Types erstellt. Hier im Beispiel wurde der Point Type counter-1 genannt, wie im Screenshot weiter unten ersichtlich. Über Automatic Points Awards wird gesteuert wie man diese Punkte hoch- und runterzählt, und resetet. Im vorliegenden Fall wird bei drücken mit id counter-1-up hoch- und mit id counter-1-down runtergezählt. mit reset-counters werden 999'999 Punkte abgezogen, also auf Null gesetzt, da es keine negativen Punktzahlen geben kann. [code] [[gamipress_button type="submit" label="Count UP" id="counter-1-up" class="button call-to-action"]] [[gamipress_button type="submit" label="Count DOWN" id="counter-1-down" class="button call-to-action"]] [[gamipress_button label="Reset" type="reset" id="reset-counters" class="button call-to-action"]] Score: [[gamipress_user_points type="counter-1" thumbnail="yes" label="no" current_user="yes" inline="yes" columns="2" columns_small="1" layout="left" align="none" wpms="no"]] Punkte [/code]

Demo

[gamipress_button type="submit" label="Count UP" id="counter-1-up" class="button call-to-action"]

[gamipress_button type="submit" label="Count DOWN" id="counter-1-down" class="button call-to-action"]

[gamipress_button label="Reset" type="reset" id="reset-counter-1" class="button call-to-action"]

Score: [gamipress_user_points type="counter-1" thumbnail="yes" label="no" current_user="yes" inline="yes" columns="2" columns_small="1" layout="left" align="none" wpms="no"] Punkte

Grundstruktur

203640@hfh.ch — Wed, 28 Feb 2024 09:37:20 +0000

Gamipress Basis

Es können Punkte verteilt werden für gewissen Aktionen. Man kann sogar versch. Arten von Punkten definieren. (Fürs Einloggen könnte man Einloggpunkte geben, fürs H5P-Lösen dann H5P-Punkte. Oder man sammelt einfach Punkte. Siehe Aktionen unten.)
Dann gibt es Auszeichnungen. Kann man sich wie Badges vorstellen. Auch versch. Arten von Auszeichnungen möglich.
Und es gibt Ränge, so wie zum Beispiel Anfänger, Fortgeschrittene, Experten. Auch versch. Arten von Rängen möglich.
Auszeichnungen und Ränge, wenn so eingestellt, kann man mit Punkten ‘kaufen’.

Aktionen

Die Aktionen, für die man ‘belohnt’ werden kann (eine Auswahl, die für uns mehr oder weniger Sinn macht):

Website Aktionen

Einloggen
Bei einer spezifischen Seite sein/vorbeischauen.

GamiPress Aktionen

Anzahl Punkte verdienen
Anzahl Punkte erreichen
Anzahl Punkte ausgeben
Eine bestimmte Auszeichnung erhalten
Irgendeine Auszeichnung erhalten
Alle Auszeichnungen eines bestimmten Typs erhalten
Einen Rang erreichen.

H5P Aktionen

Irgendein H5P-Modul lösen
Irgendein Modul eines bestimmten Typs lösen
Ein spezifisches Modul lösen
Maximum Score erreichen bei irgendeinem oder einem spezifischen Modul.

Wenn ... dann ...

All diese Aktionen kann man mit WENN … DANN benutzen. Ein paar Beispiele:

Wenn Modul xy und Modul yz gelöst wurden, dann Auszeichung X erhalten.
Wenn Auszeichnungen A, B und C, dann Rang erhalten.
Wenn Rang, dann Punkte.
Wenn Einloggen, dann…

Und man kann sozusagen alles kombinieren.

Weitere Gamipress-Erweiterungen

Restrict Content (Zugriff auf Seiten verwehren)
Notifications (Meldung anzeigen)
Conditional Notifications
Progress Map
Conditional Emails
Button
...

Course Reading Gamified

magician — Thu, 10 Oct 2024 19:44:00 +0000

Inhalt Video

Intro: Hintergrund, Modul, TN, Workload, Plattform
ab 05:45: Struktur der Materialien
ab 08:15: Tools
ab 12:40: Präsentation der 'gamified' Plattform (Look & Feel)
ab 23:00: Studierenden-Feedback
ab 33:48: Questions & Answers

https://switch.mediaspace.cast.switch.ch/media/Course+Reading+Gamified/0_l8dszjbt Das Video[footnote]https://switch.mediaspace.cast.switch.ch/media/Course+Reading+Gamified/0_l8dszjbt[/footnote] handelt vom Lernmaterial «Die Begabungs- und Begabtenförderung» von Anuschka Meier auf unserer Zuugs-Plattform.

Switch-Tube-Videos

230524213416@hfh.ch — Wed, 05 Feb 2025 08:14:01 +0000

Video einfügen

Switch-Tube-Videos können direkt in Zuugs-Büchern verwendet werden. Der Shortcode dazu lautet [[switchtube id='']]. Die kann aus der URL des Switch-Tube-Videos kopiert werden. Beispiel:

Video: https://tube.switch.ch/videos/0fab7e95
video_id: 0fab7e95
Shortcode: [[switchtube id='0fab7e95']]

[switchtube id='0fab7e95']

Optionen

Zusätzlich zur ID akzeptiert der Shortcode auch die folgenden zusätzlichen Attribute: width: Die Breite des Videoelements. Standard ist leer. Bei einem zu kleinem Poster-Bild hilft width='100%' height: Die Höhe des Videoelements. Standard ist leer. show-title: Ob der Titel des Videos angezeigt werden soll. Entweder 'true' oder 'false'. Standard ist 'false'. title-heading-level: Die Überschriftenebene, die für das Titel-Element des Videos verwendet wird, von 1 bis 6. Standard ist 2. title-position: Die Position des Titel-Elements des Videos. Entweder 'top' oder 'bottom'. Standard ist 'bottom'. show-abstract: Ob die Zusammenfassung des Videos angezeigt werden soll. Entweder 'true' oder 'false'. Standard ist 'false'. Beispiel:

[[switchtube id='abCdefG' width='320px' height='180px' show-title='true' title-heading-level='3' title-position='top' show-abstract='true']]

[private]

Wunschoptionen

Titel als 'Caption' anzeigen ohne Heading-Level.
Wahl Untertitel (subtitles=de) Voreinstellung
Richtige Anzeige des Namens der UT

[/private]

Berechtigungen

Es ist wichtig, dass die Berechtigungen auf dem Zuugs-Buch und auf dem Switch-Tube-Kanal korrekt gesetzt sind, um zu verhindern, dass Videos welche nicht für die Öffentlichkeit gedacht sind, über ein Zuugs-Buch unbeabsichtigt im Internet zugänglich werden. Die folgende Tabelle zeigt die korrekte Kombination von Berechtigungen auf. Warnung: Falsch gesetzte Kombinationen von Rechten auf dem Zuugs-Buch und dem Switch-Tube-Kanal können zu ungewollten Zugriffen auf die Videos führen. Dies kann in Fällen, wo z.B. die Nutzungsrechte eingeschränkt sind, schnell rechtliche Konsequenzen nach sich ziehen.

Zuugs-Buch-Berechtigungen	Switch-Tube-Kanal-Berechtigungen
Öffentlich	Alle
Privat: nur HfH Angehörige (Staff und Students)	Authentifizierte Benutzer nur bei Interkantonale Hochschule für Heilpädagogik Zürich
Privat: alle weiteren Gruppen (PHZH, SWITCHaai, UZH, FHNW, ZHAW)	Alle authentifizierten Benutzer
Privat: Niemand Dieser gilt für Bücher, bei welchen die Abonnenten einzeln eingetragen werden, wie z.B. Onlinekurse.	Nur ich und die unten aufgeführten Mitarbeiter. Folgenden user hinzufügen: Switchtube-HfH-api-user

Plugin einschalten

Das Switch-Tube-Plugin ist standardmässig deaktiviert. Nur Buch-Admins und Super-Admins können es auf Buch-Level aktivieren. Um es zu aktivieren kontaktierst du am Besten das Digi-Team. [private]Falls Du es selbst aktivieren möchtest, navigiere über das Dashboard zu Plugins, und suche in der Liste HfH SwitchTube, und aktiviere es.[/private]

Zugriffsrechte

magician — Wed, 23 Apr 2025 12:48:31 +0000

Mögliche Einstellungen für den Zugriff

Ganz privat

Die Grundeinstellung bei der Sichtbarkeit "Privat" ist, dass niemand das Buch lesen kann (Menü 'Organisieren' in der linken Seitenleiste).

Für Studis, Hochschulangehörige und Edu-ID

Sichtbarkeit auf "Privat" belassen und unter Einstellungen (in der linken Seitenleiste) > Zugriff & Privatsphäre können die Freigabe und Datenschutzeinstellungen angepasst werden, zuunterst: "Wer darf lesen (wenn Sichtbarkeit auf Privat)?". Da der Zugriff via SWITCHaai-Login funktioniert, kann die Sichtbarkeit auf die HfH-Angehörigen eingeschränkt werden. Es stehen weitere Gruppen zur Verfügung. SWITCHaai wäre für alle Universitäts- und Hochschulangehörigen in der Schweiz sowie alle Personen mit einer Edu-ID.

Einzelne Personen berechtigen

Siehe Benutzer hinzufügen.

Für Externe

Öffentlich schalten und mit einem Passwort auf jedem Kapitel schützen. Wenn das gleiche Passwort überall gewählt wird, muss der Lesende dieses nur einmal eingeben. Achtung: Teile können nicht geschützt werden.

Für die ganze Welt

Wenn das Buch 'öffentlich' ist, kann jede Person danach suchen (Google) und das Buch lesen.

Buch-Info

magician — Wed, 23 Apr 2025 12:50:29 +0000

Im Menü-Punkt (links im Admin-Bereich) Buch-Info

Autor einstellen

...

Bild speichern

...

Thema des Buches einstellen

Automatisch wird das Thema 'Kunst' gesetzt. Das macht bei den meisten Büchern keinen Sinn. Wählt etwas anderes aus! Die Wahl eines Hauptthemas genügt. Die Themen werden auf der Hauptseite angezeigt und für die Internet-Suche und OERs benutzt. Es gibt passende Themen wie zum Beispiel "Unterrichten von Schülern mit sonderpädagogischem Förderbedarf", "Sonderpädagogik: körperliche Beeinträchtigungen" oder "Sonderpädagogik: Lernschwierigkeiten"

Gehe zu 'Buch-Info' im Menü links.
Scrolle runter zu 'Themen'.
Im Dropdown-Menü 'Hauptthema' kannst du tippen und so nach einem passenden Thema suchen.
Speichern.

Anleitungen

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Das Wichtigste in Kürze

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Beschreibung

Zuugs ermöglicht es Autoren schnell und einfach Inhalte zu produzieren. Der grösste Mehrwert ist, dass auf Zuugs unkompliziert interaktive Module erstellt werden können. Beispiele interaktiver Module findet ihr beim Kapitel Interaktives Material. Zudem kann man in einem Zuugs erstellte Inhalte auch exportieren (EPUB, MOBI,...)[footnote]In den Alternativformaten ist keine Interaktivität möglich.[/footnote], also zum Download auf Knopfdruck anbieten. Zuugs ist OpenSource und basiert auf WordPress und dem Plugin Pressbooks. Deswegen kann die Funktionalität der Plattform rasch erweitert werden. Dem Wunsch einer Dozentin "Ich brauche einen Einschätzungstest!" konnte, nach ein wenig Recherche, entsprochen und das entsprechende Zuugs dazu zeitnah live geschaltet werden. Die Leser brauchen keinen Zuugs-Account um Inhalte lesen zu können. Nur, wenn man schreiben möchte, ist ein Account erforderlich. Inhalte können aber mit einem Login bzw. einem Passwort geschützt werden. Zuugs ist kein LMS (Learning Management System). Es ist als Ergänzung zu ILIAS anzusehen. Alternativ-Tools zu Zuugs ILIAS 'Lernmodul ILIAS'

Einsatzzwecke & Funktionalitäten

Zuugs kann für verschiedene Zwecke eingesetzt werden:

Inhalte mit interaktiven Anteilen (bzw. Online-Materialien aller Art).
Inhalte in strukturierter, buchartiger Form (Portfolio, Skripts, ...).
Inhalte, die mit externen Personen geteilt werden sollen (mit oder ohne Schreibrechte).
OER (Open Educational Ressources).

HfH-erprobt Ein konkretes Beispiel wäre die Erstellung eines Gesamtwerks durch Studierende.

Aufwand - Nutzen, Schwierigkeitsgrad

Arbeitsaufwand für den Einsatz dieses Tools aus Dozierendensicht

Es genügt eine eins zu eins 15-minütige Einführung vom DLC, um richtig loslegen zu können.
Wenn man die Navigation zwischen Web-Ansicht und Admin-Ansicht verstanden hat, ist alles andere intuitiv.

Technische Komplexität Dieses Tool eignet sich für (digitale) Anfänger.

Tipps

Was ist beim Einsatz dieses Tools konkret zu beachten?

Immer auf den 'Speichern'-Button klicken!
Sich die Struktur des Zuugs/Buches gut überlegen!
Zugriffsrechte beachten: Wer hat (alles) Zugriff auf die Inhalte?

Autoren

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Umschlag

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Inhaltsverzeichnis

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Über

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Kaufen

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Zugriff verweigert

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

Buchinformationen

dlchfh — Tue, 05 Apr 2022 12:22:17 +0000

H5P listing

magician — Tue, 05 Apr 2022 12:22:19 +0000

H5P

arlena — Fri, 30 Dec 2022 09:08:27 +0000

Wordpress / Pressbooks

arlena — Fri, 30 Dec 2022 13:03:12 +0000

GamiPress

230524213416@hfh.ch — Wed, 31 Jan 2024 16:33:58 +0000

1 Point for click a button with the identifier counter-1-up 1 time

230524213416@hfh.ch — Wed, 31 Jan 2024 16:39:28 +0000

-1 Point for click a button with the identifier counter-1-down 1 time

230524213416@hfh.ch — Wed, 31 Jan 2024 16:39:53 +0000

-999999 Points for click a button with the identifier reset-counter-1 1 time

230524213416@hfh.ch — Wed, 31 Jan 2024 16:40:04 +0000

Fortschritt

magician — Mon, 18 Aug 2025 11:42:35 +0000

Wir haben eine Fortschrittsfunktion programmiert, die es möglich macht, jedes Kapitel als bearbeitet zu markieren. So und mit dem zusammenhängenden Cockpit behält man den Überblick. Aktivierung im Menü HfH Pressbooks unter Einstellungen. Beispiel im Aneignungsmöglichkeiten und Lernzugänge.

EPUB und PDF

250729224800@hfh.ch — Tue, 07 Oct 2025 15:10:22 +0000

Möchte man das Zuugs-Buch offline zur Verfügung haben, zum Beispiel im Ausland, dann bietet sich ein Export als EPUB an. Ist zusätzlich ein PDF gewünscht, kann aus dem EPUB ein PDF erzeugt werden.

EPUB exportieren

Um ein Zuugs-Buch zu exportieren, sind folgende Schritte notwendig:

Zu exportierende Kapitel auswählen

Unter Organisieren müssen in der Kapitelansicht die richtigen Kapitel zum Export angewählt werden.

EPUB exportieren

Bevor das EPUB freigegeben werden kann, muss es erzeugt werden. Dazu wählt man im Menu Exportieren die Option Exportieren aus und setzt den Haken unter Unterstütze Formate beim EPUB. Alle anderen Haken sollten entfernt werden. Anschliessend den Button Export Book anklicken. Unter Letzte Exporte kann das EPUB auch für sich privat heruntergeladen werden.

EPub Freigeben

Damit die Studierenden das EPUB herunterladen können, muss unter Einstellungen > Freigaben & Datenschutz die Option Ja. Ich möchte, dass die neuesten Exportdateien auf der Homepage für alle kostenlos zur Verfügung stehen aktiviert werden.

EPUB Herunterladen

Nun kann auf der Titelseite des Buches unter Laden Sie die Inhalte herunter die Datei heruntergeladen werden.

EPUB öffnen und lesen

Um ein EPUB zu öffnen, gibt es diverse Tools. Plattformübergreifend funktioniert Calibre. Für Mac kann die integrierte Books App verwendet werden. Für Windows empfehlen wir entweder Calibre oder diverse Programme, die im Microsoft Store mit dem Suchbegriff EPUB gefunden werden können.

EPUB zu PDF konvertieren

Falls ein PDF gewünscht wird, kann von einer EPUB-Datei ein PDF erzeugt werden. Wir empfehlen dazu Calibre. Eine ausführliche Beschreibung, um ein EPUB in ein PDF zu konvertieren ist auf der Webseite epub in PDF umwandeln mit Calibre zu finden.

PDF in Zuugs-Buch hinterlegen

Ein PDF kann in einem Zuugs-Buch als Mediendatei abgelegt werden. Bei jeder Änderung muss allerdings das PDF neu generiert und hochgeladen werden. Im Menu Medien, Mediendatei hinzufügen auswählen. Die heruntergeladene und konvertierte PDF-Datei kann nun in einem Kapitel eingefügt werden.

Farbige Banner

250822225833@hfh.ch — Tue, 14 Oct 2025 13:44:56 +0000

Mit dieser Funktion lässt sich dem Buch-Header ein farbiger Banner hinzufügen. Die Bannerfarbe kann in den Einstellungen aus sechs Farben ausgewählt werden. Sobald eine Farbe festgelegt ist, wird der Banner in der gewählten Farbe in bestimmten Bereichen des Headers angezeigt und erleichtert so die visuelle Unterscheidung von Titeln ähnlicher Bücher, wie beispielsweise aus derselben Serie. So legst du einen farbigen Banner fest:

Klicke im Menü auf HfH Pressbooks.
Klicke im Untermenü auf Einstellungen.
Wähle eine Farbe aus der Liste aus.
Klicke zum Schluss auf die Schaltfläche Änderungen speichern.

Lesezeichen

250822225833@hfh.ch — Fri, 17 Oct 2025 12:21:59 +0000

Mit dieser Funktion können Benutzer:innen einzelne Kapitel im Buch mit einem Lesezeichen markieren. So behalten sie den Überblick über wichtige Kapitel und können schnell wieder darauf zugreifen. Das macht das Lesen und Lernen deutlich komfortabler und strukturierter. So legst du Lesezeichen fest:

Klicke im Menü auf HfH Pressbooks.
Klicke im Untermenü auf Einstellungen.
Setze ein Häkchen bei Lesezeichen verwenden.
Klicke zum Schluss auf die Schaltfläche Änderungen speichern.

counter-1

230524213416@hfh.ch — Wed, 31 Jan 2024 16:40:31 +0000