Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

UI Steps


UI Step

Menüs und Funktionsbereiche


Section


Column
width50%

Das Whiteboard bietet drei verschiedene Menüs, die für die gemeinsame Arbeit wichtig sind:

  1. Einstellungen (oben links)
    Ein vielseitiges Menü zum Importieren, Exportieren, Ändern der Ansicht und Einstellen der eigenen Präferenzen
  2. Funktionsleiste (unten mittig)
    Ein Menü zur Erstellung/Entfernung der wichtigsten Objekte und Formen
  3. Stil- und Farbmenü (oben rechts)
    Hier können Objekte in Hinblick auf Form und Farbe angepasst werden

(info) Neben diesen Menüs gibt es noch die Zoomstufe (oben rechts), die angepasst werden kann, und auch ein Hilfemenü (unten rechts), in dem die Tastaturkurzbefehle und die Spracheinstellungen zu finden sind.



Column
width50%





UI Step

Objekte erstellen


Section


Column
width50%
In der Funktionsleiste am unteren Bildschirmrand sind diverse Werkzeuge untergebracht, die wir zur Erstellung von Inhalten nutzen.
  1. Pfeil: dient zum Auswählen und Markieren von Objekten auf dem Whiteboard
  2. Stift: dient zum freien Zeichnen/Malen
  3. Radiergummi: dient zum Löschen von Inhalten
  4. Formen: dient der schnellen Erstellung von Vierecken, Kreisen, Dreiecken und einfachen Strichen
  5. Text: dient der Erstellung von Textelementen
  6. Notizen: dient der Erstellung von farbigen Notizzetteln, die dann beschriftet werden können
  7. Bilddatei: dient dem Einfügen einer Bilddatei zur weiteren Verwendung auf dem Whiteboard

Außerdem: Über das Optionsmenü (drei Punkte) am oberen Rand der vertikalen Werkzeugleiste können verschiedene Ausrichtungsoptionen sowie Duplizier- und Gruppierfunktionen aufgerufen werden.


💡 Gut zu wissen: Alle erstellten Inhalte können auch nach der Erstellung jederzeit editiert werden.


Column
width50%





UI Step

Objekte in Form und Farbe anpassen


Section


Column
width50%

Mit dem Stil- und Farbmenü auf der oberen rechten Seite können Objekte jederzeit angepasst werden.

Dort stehen folgende Optionen zur Verfügung:

  1. Farbe: erstellte Formen und Texte können hier farblich angepasst werden
  2. Füllen: entscheidet, ob Formen mit einer Farbe gefüllt werden sollen und kann ein- und ausgeschaltet werden
  3. Strich: bietet unterschiedliche Gestaltungsweisen für die Rahmen und Striche an; hier sind besonders auch die Optionen gestrichelt und gepunktet interessant
  4. Größe: bietet die schnelle Anpassung der Größe eines Objektes an (die Größe der Objekte kann alternativ auch händisch angepasst werden)
  5. Offen halten: entscheidet ob das Stil- und Farbmenü geöffnet bleiben soll (das Menü schließt sich sonst automatisch)



Column
width50%






Section


Column
width50%

Durch einen (Rechts-)Klick auf ein Objekt öffnet sich das Kontextmenü.

Hier sind noch weitere hilfreiche Funktionen zu finden, die bei der Erstellung und Anordnung des Whiteboards nützlich sein können.


💡 Besonders die Funktionen Horizontal/Vertikal spiegeln sowie Verschieben > Nach vorne / nach hinten sind hilfreich, um Objekte korrekt auf dem Board zu platzieren.



Column
width50%






UI Step

Objekte sortieren, gruppieren und anordnen


Section

Objekte schnell anordnen


Column
width50%

Auf der rechten Seite befinden sich zwei Funktionsleisten. In der Stil-Leiste ganz oben kann über Stile ein Menü geöffnet werden. Hier kann z.B. die Farbe und Strichart sowie Schriftart und Größe von Texten eingestellt werden.

Es finden sich auch zwei gerundete Pfeile und damit eine Wiederherstellen- und eine Rückgängig-Funktion.



In der vertikalen Symbolleiste sind zu den bisherigen Elementen neue Funktionen hinzugekommen, wie z.B. der Radiergummi, eine Pfeilzeichnungsfunktion und die Notizfunktion.

Über das Optionsmenü (drei Punkte) am oberen Rand der vertikalen Werkzeugleiste können verschiedene Ausrichtungsoptionen sowie Duplizier- und Gruppierfunktionen aufgerufen werden.



Column
width50%






Section

Objekte gruppieren


Column
width50%

Nachdem mehrere Elemente auf dem Whiteboard markiert wurden, können diese im Kontextmenü (Rechtsklick) mit Klick auf Gruppieren als eine Gruppe definiert werden.

Die Gruppierungsfunktion erleichtert das Zusammenfassen von mehreren Objekten. Dies erleichtert das Verschieben, Skalieren und Bearbeiten von zusammengehörigen Elementen.



Column
width50%





UI Step

Inhalte exportieren, speichern und teilen


Info
titleWhiteboard-Inhalte werden nicht automatisch übertragen!

Beim Kopieren oder Teilen eines Kurses werden die Inhalte der eingebundenen Whiteboards nicht übertragen.

Um auch die dortigen Inhalte zu übertragen, kann das Whiteboard als Datei gespeichert und dem Spalten-Board als Anhang hinzugefügt werden.


Section


Column
width50%

Im Menü Einstellungen (oben links) sind auch die Optionen "Speichern" und "Exportieren als..." zu finden.

  • "Speichern" ist dann sinnvoll, wenn Sie selbst oder andere Personen mit dem Whiteboard weiterarbeiten möchten.
  • "Exportieren als..." ist dann zu empfehlen, wenn die Arbeit mit dem Whiteboard abgeschlossen ist und Sie es als Ergebnis in anderen Kontexten präsentieren möchten.

Mit Klick auf den ersten Menüpunkt Datei werden diese Optionen sichtbar.


Speichern / Speichern als...

Hierbei erhalten Sie eine TLDR-Datei.

(tick) Vorteil: Das Whiteboard wird komplett im Ist-Zustand gespeichert und kann auch von anderen Personen für die Weiterarbeit importiert werden.

(error) Nachteil: Die Datei kann NUR mit dem Whiteboard-Tool (bzw. tldraw) geöffnet und bearbeitet werden. In anderen Kontexten (Word, Windows etc.) kann die Datei nicht geöffnet werden.

Exportieren als...

Hierbei erhalten Sie eine Bilddatei.

(tick) Vorteil: Das entstandene Whiteboard wird als Bilddatei gespeichert und kann auch in anderen Bereichen und Programmen genutzt werden.

(error) Nachteil: Die gespeicherten Bilddateien können (je nach Dateiformat) anschließend nicht mehr bearbeitet werden.


UI Expand
titleWelches Dateiformat soll ich nehmen ❓

👍 Für die meisten Anwendungsfälle im Schulkontext empfehlen wir das PNG-Format.
→ PNG bietet eine hohe Bildqualität und unterstützt Transparenz, was es vielseitig einsetzbar macht. Es ist auch weitgehend kompatibel mit den meisten Software- und Betriebssystemen.

Weitere Informationen zu den einzelnen Formaten finden Sie hier:

  • SVG (Scalable Vector Graphics) ist ein Vektorgrafikformat, das für zweidimensionale Grafiken mit Interaktivität und Animation verwendet wird. Es ist skalierbar ohne Qualitätsverlust.
  • PNG (Portable Network Graphics) ist ein Rastergrafikformat, das für Bilder mit hoher Qualität und Transparenz verwendet wird. Es ist ideal für Webgrafiken und Fotos.
  • JPG (Joint Photographic Experts Group) ist ein Rastergrafikformat, das für Fotos verwendet wird. Es verwendet verlustbehaftete Kompression, was zu kleineren Dateigrößen führt, aber möglicherweise zu Qualitätsverlusten.
  • WEBP ist ein modernes Bildformat, das sowohl verlustfreie als auch verlustbehaftete Kompression für Webbilder bietet. Es bietet eine bessere Kompression als PNG oder JPG.
  • JSON (JavaScript Object Notation) ist ein Dateiformat, das zum Speichern und Übertragen von Datenobjekten in Textform verwendet wird. Es wird häufig in Webanwendungen zur Datenübertragung zwischen Client und Server verwendet.




Column
width50%




💡 Gute Idee: Speichern Sie ein gut gelungenes Whiteboard und schicken Sie es einer anderen Lehrkraft! So entsteht schnell eine Kultur des Teilens und der Zusammenarbeit.



UI Step

Externe Inhalte einfügen oder importieren


Section

Whiteboards importieren


Column
width50%

Für den Import bzw. das Öffnen eines bereits vorhandenen oder externen Whiteboards wird eine TLDR-Datei benötigt.

Diese Datei erhält man durch das vorherige Speichern eines vorhandenen Whiteboards.


Column
width50%





💡 Gute Idee: Erstellen Sie gemeinsam mit anderen Lehrkräften Whiteboards in geteilten Kursen. Diese können Sie anschließend dort wie sie es brauchen exportieren/importieren und haben auch immer eine Sicherungskopie zur Hand!



Section

Bilder hinzufügen


Column
width50%

Es gibt folgende Wege, Bilder in das Whiteboard einzufügen:

  1. Über das Bilder-Symbol in der unteren Funktionsleiste (das Symbol ganz rechts)
  2. Durch das Hineinziehen (Drag-and-Drop) von vorhandenen Bildern aus den eigenen Dateien


(info) Folgende Dateitypen werden aktuell für Bilder unterstützt: PNG, SVG, JPG, JPEG, GIF



Column
width50%






...