Augenbit - Benutzerbeiträge [de]

Meine Test

2026-07-08T14:58:15Z

Henn:

Änderung 1 mit Stil

[[Hallo]]

Meine Test

2026-07-08T14:57:33Z

Henn:

Änderung 1 mit Stil

Hallo

Meine Test

2026-07-08T14:57:06Z

Henn:

Änderung 1 mit Stils

Hallo

Meine Test

2026-07-08T14:54:22Z

Henn:

Änderung 1 mit Stil

Hallo

Meine Test

2026-07-08T14:53:52Z

Henn:

dddÄnderung 1 mit Stil

Hallo

Meine Test

2026-07-08T14:49:07Z

Henn:

Änderung 1 mit Stil

Hallo

Meine Test

2026-07-08T14:48:01Z

Henn:

Änderung 1

Hallo

Meine Test

2026-07-08T14:37:48Z

Henn: Die Seite wurde neu angelegt: „Hallo“

Hallo

Spielwiese

2026-07-08T14:36:47Z

Henn: /* Webhook Test Mein */

Keine

== Webhook Test Mein ==
-meine

[mein Test]

Neue Zeile

=== KEine ddas ===
Meine Anpassung

Spielwiese

2026-07-08T14:07:46Z

Henn: /* KEine ddas */

Keine

== Webhook Test Mein ==
-meine

mein Test

Neue Zeile

=== KEine ddas ===
Meine Anpassung

Spielwiese

2026-07-08T14:04:59Z

Henn: /* KEine ddas */

Keine

== Webhook Test Mein ==
-meine

mein Test

Neue Zeile

=== KEine ddas ===
dMein

Spielwiese

2026-07-08T14:03:35Z

Henn:

Keine

== Webhook Test Mein ==
-meine

mein Test

Neue Zeile

=== KEine ddas ===

Spielwiese

2026-07-08T14:02:42Z

Henn:

== Webhook Test Mein ==
-meine

mein Test

Neue Zeile

=== KEine ddas ===

Spielwiese

2026-07-08T13:58:20Z

Henn: /* KEine d */

== Webhook Test Mein ==
-meine

mein Test

=== KEine ddas ===

Spielwiese

2026-07-08T13:57:33Z

Henn: /* KEine */

== Webhook Test Mein ==
-meine

mein Test

=== KEine d ===

Spielwiese

2026-07-08T13:57:05Z

Henn: /* das mein */

== Webhook Test Mein ==
-meine

mein Test

=== KEine ===

Spielwiese

2026-07-08T13:56:24Z

Henn: /* das */

== Webhook Test Mein ==
-meine

mein Test

=== das mein ===

Spielwiese

2026-07-08T13:52:58Z

Henn: /* Webhook Test */

== Webhook Test Mein ==
-meine

mein Test

=== das ===

Spielwiese

2026-07-08T13:50:42Z

Henn: /* Webhook Test */

== Webhook Test ==
-meine

mein Test

=== das ===

Spielwiese

2026-07-08T13:50:09Z

Henn: /* Webhook Test */

== Webhook Test ==
-meine

mein Test

Spielwiese

2026-07-08T13:35:17Z

Henn:

== Webhook Test ==
mein Test

Spielwiese

2026-07-08T13:33:44Z

Henn:

Webhook Test meinene

Spielwiese

2026-07-08T13:33:24Z

Henn:

Webhook Test

Spielwiese

2026-07-08T09:01:12Z

Henn: Die Seite wurde geleert.

Spielwiese

2026-07-08T08:58:50Z

Henn: /* ## Technische Grundlagen */

== ## Juristische Grundlage ==
Anforderungen für Abbildungen werden in der EN-Norm 301549 und in der WCAG Norm an mehreren Stellen formuliert.

Zentral ist die Anforderung für alle Abbildungen Alternativtexte zu formulieren. Zitat: Für alle Nicht-Text-Inhalte, die dem Nutzer präsentiert werden, gibt es eine Textalternative, die den gleichen Zweck erfüllt!

Darüber hinaus gibt es die Anforderung, dass bei informationstragenden Grafiken der Kontrast mindestens 3:1 zu den angrenzenden Farben betragen muss.

Weitere Hinweise: <nowiki>https://b-g-h.github.io/schulbuecher/sites/rechtlicher-rahmen-abb.html</nowiki>

[[Datei:HässlicherScreenshot.png|alternativtext=hässlicher Screenshot|rahmenlos|945x945px]]

== ## Technische Grundlagen ==
Vektorgrafiken (SVG): Vektorgrafiken sind das bevorzugte Format für Abbildungen (Fotografien ausgenommen), da sie verlustfrei vergrößerbar sind, darüber hinaus bieten sie bei geeigneter Einbindung weitere Anpassungsmöglichkeiten (Strichstärke, Kontraste, Farbgebung) (siehe <nowiki>[https://b-g-h.github.io/schulbuecher/sites/technische-aspekte-abb.html]</nowiki>(<nowiki>https://b-g-h.github.io/schulbuecher/sites/technische-aspekte-abb.html</nowiki>))

Beim Einsatz von Pixelgrafiken (Fotos) muss auf eine gute Auflösung geachtet werden. Die Vergrößerung durch die Anwender muss technisch möglich sein, bis 200% verlustfrei, bis 400% nutzbar.

Reichen Alternativtext und Ursprungsgrafik nicht aus, so können zusätzlich ausführliche Beschreibungstexte und speziell für Nutzer mit Sehbehinderung optimierte Abbildungen oder auch digitale Vorlagen für taktile Abbildungen und 3D-Druckmodelle eingebunden werden.

Weitere Hinweise: <nowiki>https://b-g-h.github.io/schulbuecher/sites/technische-aspekte-abb.html</nowiki>

[[Datei:Image.png|alternativtext=blase|rahmenlos|820x820px]]

== ## pädagogische Grundlagen ==
Für das Lernen von Kindern und Jugendlichen sind Abbildungen von entscheidender Bedeutung. Der Satz „ein Bild sagt mehr als 1000 Worte“ spiegelt die große Bedeutung von Abbildungen in pädagogischen Kontexten wieder.

Immer da, wo ein Text zu kompliziert ist, einen Sachverhalt zu erklären, werden sehr gerne stattdessen Abbildungen eingesetzt.

Leider sind viele Abbildungen für Menschen mit Behinderungen im Bereich des Sehens nicht oder nur schlecht zugänglich. Nicht grundsätzlich aber insbesondere in der Form, wie sie häufig in Schulbüchern eingesetzt werden[BH1] .

Für blinde Menschen sind Abbildungen erst einmal nicht zugänglich und müssen laut WCAG durch Textalternativen ersetzt werden. Da der Autor des Bildungsmaterials sich ursprünglich didaktisch dazu entschieden hat, für die Vermittlung des Inhalts eine Abbildung statt einem Text zu verwenden besteht hier ein gewisser Widerspruch, wenn bei blinden Schülerinnen und Schülern aus der Abbildung wieder ein alternativer Text gemacht wird. Das das ursprüngliche Problem der Vermittlung wird dadurch meist nicht gelöst und ist ein gutes Beispiel dafür, dass Bildungsinhalte höhere Anforderungen an die Barrierefreiheit haben, als einfache Webseiten.

In der Didaktik zum Unterricht von blinden Schülerinnen und Schüler wird empfohlen, Abbildungen im wahrsten Sinne des Wortes begreifbar zu machen. Im Idealfall wird das Originalobjekt den Schülerinnen und Schülern in die Hand gegeben, so dass sie dieses mit den Händen erkunden können. Wenn das nicht möglich ist, werden vereinfachte Modelle des Objektes zur Verfügung gestellt. Dies kann ein dreidimensionales Objekt sein und wird mittlerweile sehr häufig als 3D-Druck Objekt zur Verfügung gestellt, in vielen Fällen ist aber auch eine zweidimensionale Abbildung ausreichend, bei der die Linien des dargestellten Objektes tastbar gemacht werden[BH2] .

[[Datei:Blab.png|alternativtext=noch einer|rahmenlos|655x655px]]

Bei Schülerinnen und Schülern mit Sehbehinderung ist es oft ausreichend, wenn die Abbildung bestimmte Kriterien berücksichtigt. So helfen beispielsweise eine gute Auflösung, eine Kontrasterhöhung, eine Erhöhung der Schriftgröße oder eine Verstärkung von Linien, damit die Grafik direkt besser zugänglich wird. Manchmal ist sind diese Maßnahmen nicht ausreichend. In solchen Fällen werden für Schülerinnen und Schüler mit Sehbehinderungen z.B. die Inhalte einer Grafik reduziert und auf zwei oder mehrere Grafiken aufgeteilt

Näheres siehe <nowiki>https://b-g-h.github.io/schulbuecher/sites/paedagogischeaspekte-abb.html</nowiki>

== ## Konsequenzen und Erwartungen für und an die Verlage ==
Grafiken sollten nach Möglichkeit als Vektorgrafiken eingebunden werden und sollten - wie auch alle anderen Formate - in einem quelloffenen Format (z.B. SVG) gehalten werden, so dass auch ggf. nachträgliche Änderungen (z.B. Strichstärke) vorgenommen werden können.

Pixelgrafiken (wie JPEG, PNG, GIF) sind in so einer Auflösung zu wählen, dass Sie verlustfrei vom Nutzer um mindestens 200% (besser 400%) vergrößert werden können.

Alternativtexte sollten gut gewählt werden und sich an den Kriterien von “Gut fürs Image” orientieren. Alternativtexte sollten auch im Nachhinein veränderbar sein, damit z.B. weitere Stellen im Bereich der Bildung von Menschen mit Behinderungen Überarbeitungen vornehmen können.

Die Möglichkeit, auf der Inhaltsseite zusätzliches Material für Schülerinnen und Schüler mit Behinderungen einzubauen (wie zusätzliche kontrastoptimierte oder mehrere inhaltsreduzierte Abbildungen) sollte bestehen.

== ## Konsequenzen für die Kultusverwaltung: ==
Nach dem Subsidiaritätsprinzip der Sonderpädagogik müssen alle Anforderungen, die für das Lernen von Schülerinnen und Schüler mit Behinderungen notwendig sind und nicht von allgemeinen Stellen (z.B. Bildungsverlage) in ausreichend barrierefreie Form zur Verfügung gestellt werden können, von anderen Personen oder Stellen der Kultusverwaltung übernommen werden.

Insbesondere digitale Vorlagen für taktile Abbildungen wie Schwellkopien oder 3D-Druck-Vorlagen könnten von den Medienzentren erstellt werden und für die Schulen vor Ort zum “Ausdruck” an einem zentralen Ort zur Verfügung gestellt werden. Die Vorhandenen Strukturen der Medienzentren zu nutzen, bietet sich hier sehr an. Siehe: Braille.bildung.hessen.de

Darüber hinaus sollten die medienproduzierende Einrichtungen (Medienzentren/Medibus) eine zentrale Rolle sich immer dann um alternative Abbildungen für sehbehinderte Schülerinnen und Schüler und um die Formulierung von Alternativtexten spielen[BH3] , wenn die Angebote der Verlage pädagogisch-didaktisch nicht ausreichend sind. Die Alternative, dass jeder Lehrer vor Ort für jeden Schüler individuell die Anpassungen vornimmt, ist ökonomisch unsinnig und im Schulalltag nicht realisierbar.
----[BH1]Der Absatz kann eigentlich raus, im folgenden kommt es ja nochmal

[BH2]Bildbeschreibung ergänzend

[BH3]Hier ist mir der Satz nicht ganz klar

Datei:Image.png

2026-07-08T08:57:34Z

Henn:

blbl

Spielwiese

2026-07-08T08:56:11Z

Henn:

== ## Juristische Grundlage ==
Anforderungen für Abbildungen werden in der EN-Norm 301549 und in der WCAG Norm an mehreren Stellen formuliert.

Zentral ist die Anforderung für alle Abbildungen Alternativtexte zu formulieren. Zitat: Für alle Nicht-Text-Inhalte, die dem Nutzer präsentiert werden, gibt es eine Textalternative, die den gleichen Zweck erfüllt!

Darüber hinaus gibt es die Anforderung, dass bei informationstragenden Grafiken der Kontrast mindestens 3:1 zu den angrenzenden Farben betragen muss.

Weitere Hinweise: <nowiki>https://b-g-h.github.io/schulbuecher/sites/rechtlicher-rahmen-abb.html</nowiki>

[[Datei:HässlicherScreenshot.png|alternativtext=hässlicher Screenshot|rahmenlos|945x945px]]

== ## Technische Grundlagen ==
Vektorgrafiken (SVG): Vektorgrafiken sind das bevorzugte Format für Abbildungen (Fotografien ausgenommen), da sie verlustfrei vergrößerbar sind, darüber hinaus bieten sie bei geeigneter Einbindung weitere Anpassungsmöglichkeiten (Strichstärke, Kontraste, Farbgebung) (siehe <nowiki>[https://b-g-h.github.io/schulbuecher/sites/technische-aspekte-abb.html]</nowiki>(<nowiki>https://b-g-h.github.io/schulbuecher/sites/technische-aspekte-abb.html</nowiki>))

Beim Einsatz von Pixelgrafiken (Fotos) muss auf eine gute Auflösung geachtet werden. Die Vergrößerung durch die Anwender muss technisch möglich sein, bis 200% verlustfrei, bis 400% nutzbar.

Reichen Alternativtext und Ursprungsgrafik nicht aus, so können zusätzlich ausführliche Beschreibungstexte und speziell für Nutzer mit Sehbehinderung optimierte Abbildungen oder auch digitale Vorlagen für taktile Abbildungen und 3D-Druckmodelle eingebunden werden.

Weitere Hinweise: <nowiki>https://b-g-h.github.io/schulbuecher/sites/technische-aspekte-abb.html</nowiki>

== ## pädagogische Grundlagen ==
Für das Lernen von Kindern und Jugendlichen sind Abbildungen von entscheidender Bedeutung. Der Satz „ein Bild sagt mehr als 1000 Worte“ spiegelt die große Bedeutung von Abbildungen in pädagogischen Kontexten wieder.

Immer da, wo ein Text zu kompliziert ist, einen Sachverhalt zu erklären, werden sehr gerne stattdessen Abbildungen eingesetzt.

Leider sind viele Abbildungen für Menschen mit Behinderungen im Bereich des Sehens nicht oder nur schlecht zugänglich. Nicht grundsätzlich aber insbesondere in der Form, wie sie häufig in Schulbüchern eingesetzt werden[BH1] .

Für blinde Menschen sind Abbildungen erst einmal nicht zugänglich und müssen laut WCAG durch Textalternativen ersetzt werden. Da der Autor des Bildungsmaterials sich ursprünglich didaktisch dazu entschieden hat, für die Vermittlung des Inhalts eine Abbildung statt einem Text zu verwenden besteht hier ein gewisser Widerspruch, wenn bei blinden Schülerinnen und Schülern aus der Abbildung wieder ein alternativer Text gemacht wird. Das das ursprüngliche Problem der Vermittlung wird dadurch meist nicht gelöst und ist ein gutes Beispiel dafür, dass Bildungsinhalte höhere Anforderungen an die Barrierefreiheit haben, als einfache Webseiten.

In der Didaktik zum Unterricht von blinden Schülerinnen und Schüler wird empfohlen, Abbildungen im wahrsten Sinne des Wortes begreifbar zu machen. Im Idealfall wird das Originalobjekt den Schülerinnen und Schülern in die Hand gegeben, so dass sie dieses mit den Händen erkunden können. Wenn das nicht möglich ist, werden vereinfachte Modelle des Objektes zur Verfügung gestellt. Dies kann ein dreidimensionales Objekt sein und wird mittlerweile sehr häufig als 3D-Druck Objekt zur Verfügung gestellt, in vielen Fällen ist aber auch eine zweidimensionale Abbildung ausreichend, bei der die Linien des dargestellten Objektes tastbar gemacht werden[BH2] .

[[Datei:Blab.png|alternativtext=noch einer|rahmenlos|655x655px]]

Bei Schülerinnen und Schülern mit Sehbehinderung ist es oft ausreichend, wenn die Abbildung bestimmte Kriterien berücksichtigt. So helfen beispielsweise eine gute Auflösung, eine Kontrasterhöhung, eine Erhöhung der Schriftgröße oder eine Verstärkung von Linien, damit die Grafik direkt besser zugänglich wird. Manchmal ist sind diese Maßnahmen nicht ausreichend. In solchen Fällen werden für Schülerinnen und Schüler mit Sehbehinderungen z.B. die Inhalte einer Grafik reduziert und auf zwei oder mehrere Grafiken aufgeteilt

Näheres siehe <nowiki>https://b-g-h.github.io/schulbuecher/sites/paedagogischeaspekte-abb.html</nowiki>

== ## Konsequenzen und Erwartungen für und an die Verlage ==
Grafiken sollten nach Möglichkeit als Vektorgrafiken eingebunden werden und sollten - wie auch alle anderen Formate - in einem quelloffenen Format (z.B. SVG) gehalten werden, so dass auch ggf. nachträgliche Änderungen (z.B. Strichstärke) vorgenommen werden können.

Pixelgrafiken (wie JPEG, PNG, GIF) sind in so einer Auflösung zu wählen, dass Sie verlustfrei vom Nutzer um mindestens 200% (besser 400%) vergrößert werden können.

Alternativtexte sollten gut gewählt werden und sich an den Kriterien von “Gut fürs Image” orientieren. Alternativtexte sollten auch im Nachhinein veränderbar sein, damit z.B. weitere Stellen im Bereich der Bildung von Menschen mit Behinderungen Überarbeitungen vornehmen können.

Die Möglichkeit, auf der Inhaltsseite zusätzliches Material für Schülerinnen und Schüler mit Behinderungen einzubauen (wie zusätzliche kontrastoptimierte oder mehrere inhaltsreduzierte Abbildungen) sollte bestehen.

== ## Konsequenzen für die Kultusverwaltung: ==
Nach dem Subsidiaritätsprinzip der Sonderpädagogik müssen alle Anforderungen, die für das Lernen von Schülerinnen und Schüler mit Behinderungen notwendig sind und nicht von allgemeinen Stellen (z.B. Bildungsverlage) in ausreichend barrierefreie Form zur Verfügung gestellt werden können, von anderen Personen oder Stellen der Kultusverwaltung übernommen werden.

Insbesondere digitale Vorlagen für taktile Abbildungen wie Schwellkopien oder 3D-Druck-Vorlagen könnten von den Medienzentren erstellt werden und für die Schulen vor Ort zum “Ausdruck” an einem zentralen Ort zur Verfügung gestellt werden. Die Vorhandenen Strukturen der Medienzentren zu nutzen, bietet sich hier sehr an. Siehe: Braille.bildung.hessen.de

Darüber hinaus sollten die medienproduzierende Einrichtungen (Medienzentren/Medibus) eine zentrale Rolle sich immer dann um alternative Abbildungen für sehbehinderte Schülerinnen und Schüler und um die Formulierung von Alternativtexten spielen[BH3] , wenn die Angebote der Verlage pädagogisch-didaktisch nicht ausreichend sind. Die Alternative, dass jeder Lehrer vor Ort für jeden Schüler individuell die Anpassungen vornimmt, ist ökonomisch unsinnig und im Schulalltag nicht realisierbar.
----[BH1]Der Absatz kann eigentlich raus, im folgenden kommt es ja nochmal

[BH2]Bildbeschreibung ergänzend

[BH3]Hier ist mir der Satz nicht ganz klar

Datei:Blab.png

2026-07-08T08:55:46Z

Henn:

nix

Datei:HässlicherScreenshot.png

2026-07-08T08:54:36Z

Henn:

nix

Datei:Asdkjl.png

2026-07-07T14:33:12Z

Henn:

Bild

Tagung 2026 der AG IT

2026-06-20T07:35:09Z

Henn:

== Materialien und Präsentationen ==
[https://friedberg2026.augenbit.de/ https://friedberg2026.augenbit.de]

Gemeinsam mit der '''AG Inklusion''' findet unsere nächste Tagung vom 19.-21. Juni 2026 in Friedberg statt.

Liebe Kolleginnen und Kollegen,

liebe Eltern und Erziehungsberechtigte, liebe Schülerinnen und Schüler,

Wir laden Sie herzlich zu unserer nächsten '''gemeinsamen''' '''Tagung''' der Arbeitsgemeinschaften Inklusion und Informationstechnologie vom

'''19.06. – 21.06.2026''' nach '''Friedberg''' ein.

Auch in unserem Berufsalltag nimmt die künstliche Intelligenz einen immer größeren Stellenwert ein, so dass es sich lohnt, ihren Nutzen beim Einsatz von Hilfsmitteln zu hinterfragen. Hierzu haben wir für Sie weder Kosten noch Mühen gescheut und hochkarätige Referierende aus der Schweiz (Prof. Dr. Fabian Winter und Julian Iriogbe) und aus Deutschland (u.a. Jürgen Fleger und Dr. Michael Richter) eingeladen. Unser Programm stellt Ihnen außerdem technische Neuerungen wie das EduTTTool oder MARP vor und lässt natürlich Zeit für den persönlichen Austausch – Sie sehen, es lohnt sich wie immer nach Friedberg zu kommen!

Wie gewohnt werden wir in den Räumlichkeiten der Johann-Peter-Schäfer-Schule tagen, die Unterbringung wird wieder im Hotel Stadt Friedberg sein, wo wir ein Zimmerkontingent für Sie reserviert haben.

Wir bitten die Schulleitungen, Einrichtungsleitenden sowie Lehrkräfte diese Einladung an mögliche interessierte Kolleginnen und Kollegen bzw. Eltern und Erziehungsberechtigte weiterzuleiten.

Mit herzlichen Grüßen im Namen der AG-Vorstände

'''Michael Schäffler und Dietmar Stephan (AG IT)'''

'''Frank Laemers und Judith Schulz (AG Inklusion)'''

=Programm=
<span id="freitag-19.-juni-2026"></span>
== Freitag, 19. Juni 2026 ==

16:30 Uhr '''Anmeldung''' in der Johann-Peter-Schäfer-Schule, Friedberg

18:00 Uhr '''Abendessen (Aula)'''

19:15 Uhr '''Begrüßung''' und Eröffnung der Tagung (Aula)

19:30 Uhr '''Lesen und Hören – zum Verstehen: Voraussetzungen von Lese- und Hörverstehen bei Lernenden mit'''

'''Sehbeeinträchtigung und Blindheit mithilfe von Access Technologien''' (''Fabian Winter, Zürich'')

Die Präsentation thematisiert die Voraussetzungen gelingenden Hör- und Leseverstehens bei Lernenden mit Sehbeeinträchtigung und Blindheit im Kontext zunehmender Digitalisierung und auditiver Lernzugänge. Auf Grundlage empirischer Befunde und theoretischer Modelle des Hörverstehens werden zentrale Einflussfaktoren wie sprachliche und kognitive Voraussetzungen, Gedächtnisfunktionen sowie die Auswahl auditiver Zugänge systematisch aufgearbeitet. Es wird aufgezeigt, wie Verstehen hörend oder lesend gezielt unterstützt werden kann. Abschließend werden die Forschungsbefunde auf schulische Handlungskontexte bezogen und in konkrete Implikationen für Diagnostik, Unterricht und Auswahl auditiver Technologien überführt.

20:30 Uhr '''Tagesschau'''

21:00 Uhr '''Austausch aus den Bundesländern'''

<span id="samstag-20.-juni-2026"></span>
== Samstag, 20. Juni 2026 ==

9:00 Uhr '''Digitale Schulbücher barrierefrei gestalten:'''

'''Ergebnisse aus dem Erasmus+-Projekt DEM'''

(Digital Education Material)

(''Marie-Luise Schütt, Hamburg'')

09:45 Uhr '''Kaffeepause'''

10:00 Uhr '''KI-Upgrade: Mathe-Barrieren überwinden und Wissen zugänglicher machen'''

(''Erich Rüger und Michael Schäffler, Ilvesheim'')

11:00 Uhr '''Nachteilsausgleich: Zugelassene Hilfsmittel in Prüfungen''' (''Katrin Vitt, Ilvesheim'')

12:00 Uhr '''Kurzvorstellung der Seminare'''

12:30 Uhr '''Mittagessen''': Grillen auf dem Schulhof

14:00 Uhr '''Wenn Hilfsmittel mitdenken – Chancen und Stolpersteine von KI im Schulalltag'''

(''Jürgen Fleger, Marburg'')

Künstliche Intelligenz hält zunehmend Einzug in Hilfsmittel für

blinde und sehbehinderte Schülerinnen und Schüler. Doch was bedeutet es, wenn Hilfsmittel nicht nur ausgeben, sondern interpretieren, erklären und mitdenken? Der Vortrag beleuchtet Chancen und Grenzen von KI im schulischen Alltag aus der Perspektive eines blinden Anwenders, Trainers und

Therapeuten. Neben technischen Möglichkeiten stehen pädagogische Fragen im Mittelpunkt: Selbstständigkeit, Lernprozesse, Abhängigkeiten und die Rolle der Lehrkraft.

Ziel ist ein differenzierter Blick jenseits von Euphorie oder Ablehnung.

15:30 Uhr '''Kaffeepause'''

16:00 Uhr '''Seminardurchgang 1'''

18:00 Uhr '''Abendessen'''

19.30 Uhr '''„Wenn Algorithmen sehen lernen“ KI als Game-Changer für Inklusion''' (''Austauschrunde mit Imke Wißmann, Nigg Ahrens und Erich Rüger'')

20:30 Uhr '''Austausch aus den Bundesländern'''

<span id="sonntag-21.-juni-2026"></span>
== Sonntag, 21. Juni 2026 ==

09:00 Uhr '''Ein Jahr Barrierefreiheitsstärkungsgesetz – Was ist mit den Bildungsmedien?''' (''Michael Schäffler, Ilvesheim'')

09:15 Uhr '''Barrierefreiheit von Bildungsmedien fordern'''

(''Dr. Michael Richter, Marburg'')

10:15 Uhr Kaffeepause

10:30 Uhr '''Seminardurchgang 2'''

12:15 Uhr Abschlussplenum

Seminarangebote

<span id="seminare-am-samstag-und-sonntag"></span>
== Seminare am Samstag und Sonntag ==

<span id="a-erstellen-von-taktilen-abbildungen-mit-tactileview-und-quicktac-frank-pommerenke-dortmund"></span>
=== A: Erstellen von taktilen Abbildungen mit TactileView und QuickTac (Frank Pommerenke, Dortmund) ===

In diesem Workshop soll ein Überblick über die derzeit vorhandenen Möglichkeiten gegeben werden, taktile Grafiken zu erstellen bzw. den Schülerinnen und Schülern dazu den Zugang zu erstellen.

Anhand eines Beispiels wird dieses in folgenden Schritten exemplarisch erklärt und durchgeführt:

- Grafik beschreiben (auch mittels Unterstützung durch KI)

- Grundlegende Vorlage erstellen mittels Vorlage aus einen "PDF-Schulbuch" in einem vektororientierten Grafikprogramm (Programme: Corel-Draw; Inkscape). Daraus wird dann eine taktile Schwellpapiergrafik oder eine Punktschrift Grafik (Brailledrukcer) erstellt (Programme: QuikTac; Tactile View).

Desweitern werden die Möglichkeiten mittels 3D-Druck, Lasergravierer und auch an erprobten Unterrichtsmaterialien vorgestellt.

<span id="b-das-smartphone-als-mobilitätshilfe"></span>
=== B: Das Smartphone als Mobilitätshilfe (Julian Iriogbe, St. Gallen) ===

Wurdest du auch schon von einem blinden oder seheingeschränkten Lernenden um Tipps für Apps zur Bewältigung des Alltags ausserhalb der Schule gebeten? Eigenständig unterwegs zu sein ist dabei eine der größten Herausforderungen und die richtigen Apps können dabei eine große Hilfe sein. Deshalb ist es gut, wenn nicht nur ausgewiesene O&M Fachpersonen den Lernenden Tipps geben können.

Im Workshop werden 15 kostenlose iOS-Apps rund um das Thema Mobilität vorgestellt und einige auch ausprobiert. Durch die Auswahl an kostenlosen Apps stehen dem Testen und Ausprobieren auch nach dem Workshop nichts im Weg.

Zu Beginn des Workshops wird es einen kurzen Crashkurs zur Bedienung von VoiceOver geben, damit jeder Teilnehmende dazu befähigt wird, später gegebenenfalls auch mal eine neue App hinsichtlich der Tauglichkeit für seine Zielgruppe zu beurteilen.

Am Ende des Kurses wird es schließlich noch einige Zubehör-Tipps geben.

Na, wurde dein Interesse geweckt? Dann melde dich schnell an, denn es steht nur eine beschränkte Anzahl an Plätzen zur Verfügung!

Für diesen Workshop sind folgende Dinge mitzubringen:

- iPhone (oder Android, siehe aber Anmerkung!)

- Kopfhörer

- vorinstallierte Apps (Liste wird TN kurz vorher zugestellt)

'''Anmerkung:''' Von den 15 Apps, die vorgestellt werden, stehen 10 auch für Android zur Verfügung. Der Fokus im Workshop liegt aber auf dem iPhone und aus Zeitgründen kann nicht auf beide Systeme eingegangen werden.

<span id="c-welcher-taschenrechner-soll-es-werden-so-gelingen-entscheidungsprozesse-für-den-inklusiven-unterricht"></span>
=== C: Welcher Taschenrechner soll es werden? So gelingen Entscheidungsprozesse für den (inklusiven) Unterricht (Heike Haaker, Schleswig) ===

In der Sekundarstufe I steht zur Klasse 7 hin eine wichtige Hilfsmittelentscheidung an. Ein wissenschaftlicher Taschenrechner (WTR) muss verpflichtend im Unterricht eingeführt werden. Aber was ist, wenn in einem inklusiven Setting das von der Schule empfohlene Hilfsmittel gravierende Barrieren beinhaltet und aufgrund von visuellen Beeinträchtigungen nicht oder nicht in vollem Umfang nutzbar ist?

Im Workshop werden verschiedene WTR-Alternativen vorgestellt und deren Vor- und Nachteile diskutiert. Ein Schwerpunkt liegt auf den diagnostischen und methodisch-didaktischen Fragestellungen, die diesen Auswahlprozess begleiten. Wie kann es gelingen, frühzeitig zukünftige Barrieren zu identifizieren und mit der Akzeptanz der betroffenen Jugendlichen zu Hilfsmittel-Lösungen zu finden, die bis zum angestrebten Schulabschluss tragfähig sind?

<span id="d-barrierefreie-grafiken-und-arbeitsblätter-mit-dem-edutttool-sonja-kuklok-kit-karlsruhe"></span>
=== D: Barrierefreie Grafiken und Arbeitsblätter mit dem EduTTTool (Sonja Kuklok, KIT Karlsruhe) ===

Entdecken Sie in diesem Workshop die Möglichkeiten barrierefreier Grafiken und Arbeitsblätter mit dem EduTTTool – einer innovativen Webanwendung zur Erstellung audio-taktiler Unterrichtsmaterialien mit dem Tiptoi®-Stift.

Der Workshop richtet sich an Lehrkräfte, die den Audiostift von Ravensburger als sinnvolle und motivierende Abwechslung im Unterricht einsetzen möchten. Mit dem EduTTTool lassen sich taktile Elemente wie Prägungen oder Schwellkopien gezielt mit auditiven Informationen verknüpfen.

Das Tool wurde am Zentrum für digitale Barrierefreiheit und Assistive Technologien (Access@KIT) des Karlsruher Instituts für Technologie (KIT) entwickelt und basiert auf dem Open-Source-Projekt tttool. Auch wenn noch nicht alles perfekt ist, haben die neuen Funktionen und Einsatzmöglichkeiten bereits zahlreiche Lehrkräfte an der blista überzeugt.

Gestalten Sie im Workshop Ihre ersten eigenen Arbeitsblätter – abwechslungsreich, spielerisch motivierend und vor allem für alle Lernende zugänglich.

<span id="section"></span>
== ==

<span id="seminare-nur-am-samstag"></span>
== Seminare NUR am Samstag: ==

=== E: Mitdenken lassen oder selbst denken lernen? KI im Unterricht reflektiert einsetzen (Jürgen Fleger, Marburg) ===

Im Workshop wird der Einsatz von KI im Hilfsmittelbereich praktisch

und pädagogisch reflektiert. Anhand konkreter Anwendungsszenarien

aus dem Schulalltag wird gemeinsam untersucht, wo KI sinnvolle Unterstützung bietet und wo sie Lernprozesse unbemerkt verändert.

'''<br />
=== F: PowerPoint war gestern - jetzt gibt es MARP! (Barbara Henn, Ilvesheim) ===

Endlich kein PowerPoint mehr! MARP (Markdown Presentation Ecosystem) bietet für blinde Schülerinnen und Schüler optimale Voraussetzungen für die Erstellung von Präsentationen. Es besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in Word erstellt und mit Hilfe eines Menübandes in HTML und PDF exportiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themen überzeugen.

In Kombination mit dem Menübandes für Word hat sich MARP in der Praxis für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen bewährt. In diesem Workshop wird es nach einer kurzen Einführung Gelegenheit geben, dies selbst praktisch zu erproben!

<span id="section-1"></span>
== ==

<span id="seminare-nur-am-sonntag"></span>
== Seminare NUR am Sonntag: ==

<span id="g-barrierefreiheit-von-bildungsmedien-fordern"></span>
=== G: Barrierefreiheit von Bildungsmedien fordern (Dr. Michael Richter und Kai Kortus, Marburg) ===

Welche Rechte und Möglichkeiten haben berechtigte Personen im Licht des Barrierefreiheitsstärkungsgesetz zur Umsetzung ihres Anspruches auf barrierefreie Bildungsmedien?

In diesem Workshop verknüpfen wir rechtliche Vorgaben an Verlage zur Barrierefreiheit mit der pädagogischen Praxis im Klassenzimmer.

Bringen Sie dazu gerne Ihre praxisrelevanten Sachverhalte mit, um diese hinsichtlich des BFSG zu betrachten. Außerdem wollen wir uns über „Leuchtturm-Projekte“ barrierefrei erstellter Bildungsinhalte austauschen, die als Vorbild für die Öffentlichkeit dienen.

<span id="h-in-einem-wiki-mitarbeiten-wie-geht-das-und-was-bringt-es-ulrich-kalina-marburg"></span>
=== H: In einem Wiki mitarbeiten – wie geht das und was bringt es? (Ulrich Kalina, Marburg) ===

Entdecken Sie in diesem Workshop, wie Wikis als kollaboratives Werkzeug genutzt werden können, um barrierefreie Unterrichtsmedien flexibel zu gestalten und rechtssicher im Web zu teilen. Wir zeigen Ihnen am Beispiel von ZUM.de und Augenbit.de, wie die universelle MediaWiki-Software Schülerinnen und Schülern mit Seheinschränkungen eine gleichberechtigte Teilhabe an digitalen Projekten ermöglicht. Lernen Sie praxisnah die Grundlagen der gemeinsamen Wissensdokumentation kennen und erfahren Sie, welche einfachen Regeln für eine optimale Barrierefreiheit entscheidend sind.

<br />
===I: Erstellung von interaktiven Bildungsangeboten für Lernende mit komplexen Beeinträchtigungen mit Hilfe von PowerPoint (Thomas Loscher, Friedberg)===

Interaktive Powerpoints bieten viele Möglichkeiten, um verschiedene Unterrichtsinhalte für Schülerinnen und Schüler mit einer Beeinträchtigung des Sehens, insbesondere auch mit komplexen Beeinträchtigungen, zugänglich zu machen. Aus diesem Grund soll in diesem Angebot erläutert und erprobt werden, wie eine solche Präsentation erstellt wird und wie sie auf verschiedenen Wiedergabegeräten genutzt werden kann.

<span id="section"></span>
== ==

<span id="anmeldung"></span>
== 1. Anmeldung ==

Die Anmeldung für die Tagung erfolgt online. Bitte melden Sie sich bis zum '''22.05.2026''' unter dem Link verbindlich an:

[https://nextcloud.augenbit.de/index.php/apps/forms/s/na6xBA9K9jDFp4ZjjxfDM94H Anmeldung Friedberg 2026]

Sie erhalten eine Bestätigung Ihrer Anmeldung per Antwort-Mail. '''Frühbucher''', die sich bis zum '''17.04.2026''' anmelden, überweisen bitte einen Tagungsbeitrag von 170,- € für VBS-Mitglieder (195.- € für Nicht-Mitglieder). Nach dem 17.04.2026 erhöht sich der Beitrag um 20,- €.

<span id="tagungsstätte-und-unterkunft"></span>
== 2. Tagungsstätte und Unterkunft ==

Die Tagung findet in der Johann-Peter-Schäfer-Schule (JPSS),

Johann-Peter-Schäfer-Str. 1 in 61169 Friedberg (Tel.: 06031-6080) statt.

Die Tagungsanmeldung erfolgt dort am Freitag zwischen 16:30 und 18:00 Uhr (vor dem Abendessen). Übernachtungsmöglichkeiten bestehen im Hotel Garni Stadt Friedberg, Am Seebach 2 in 61169 Friedberg. Dort haben wir ein Kontingent an Zimmern (Übernachtung mit Frühstück) reserviert. Die Vergabe der Zimmer erfolgt über die AG Inklusion in der Reihenfolge der Anmeldungen zur Tagung.

Für die Verpflegung am Freitag und Samstag können wir Ihnen Angebote in der JPSS anbieten. Bitte vermerken Sie auf Ihrem Anmeldebogen verbindlich, wenn Sie daran teilnehmen möchten. Wenn Sie nur die Tagungsverpflegung (ohne Übernachtung und Frühstück) in Anspruch nehmen möchten, füllen Sie Ihren Anmeldebogen bitte entsprechend aus und sorgen selbst für Ihre Unterbringung.

<span id="vorauszahlung"></span>
== 3. Vorauszahlung ==

Die '''Überweisung Ihres Kostenbeitrages''' erwarten wir unbedingt bis zum '''31.05.2026'''. Bitte berechnen Sie den für Sie zutreffenden Gesamtbetrag (Tagungsgebühr plus ggf. Übernachtung plus ggf. Verpflegung) nach den Angaben auf dem Anmeldebogen selbst und überweisen ihn '''zuverlässig und rechtzeitig''' an:

Konto der VBS-AG Inklusion

IBAN: DE22 5206 0410 0203 6921 40

BIC: GENODEF1EK1

Bei Anmeldung nach dem '''22.05.2026''' erhöht sich der Tagungsbeitrag gemäß einem VBS-Beschluss um 20 €. Ausländische Teilnehmerinnen und Teilnehmer können wegen der hohen Gebühren auch während der Tagung ohne Zuschlag zahlen.

<span id="ausfallgebühren"></span>
== 4. Ausfallgebühren ==

Im Falle einer Absage Ihrer Tagungsanmeldung müssen wir eine Bearbeitungsgebühr von 15 € einbehalten. Ihr restlicher Tagungsbeitrag kann Ihnen allerdings nur zurückerstattet werden, wenn Sie sich mindestens zwei Wochen vor Beginn der Tagung abgemeldet haben und keine Forderungen Dritter gegenüber dem Veranstalter bestehen, die aus den Tagungsbeiträgen beglichen werden müssen.

<span id="an--und-abreise"></span>
== 5. An- und Abreise ==

a) mit öffentlichen Verkehrsmitteln:

Vom Bahnhof Friedberg aus erreichen Sie das Hotel, wenn Sie sich in Richtung Stadthalle orientieren.

b) mit dem PKW:

Auf der Internetseite des Hotels (www.hotelstadtfriedberg.de) befindet sich ein Routenplaner, mit dem Sie Ihre Anfahrt individuell berechnen können.

<span id="vbs-mitgliedschaft"></span>
== 6. VBS-Mitgliedschaft ==

Wer noch kein Mitglied im VBS ist, kann das im Zuge dieser Anmeldung werden und muss dann nur den verminderten Tagungspreis für VBS-Mitglieder bezahlen. Die Mitgliedschaft beinhaltet neben ermäßigten Gebühren bei allen VBS-Tagungen auch den vierteljährlichen Bezug der VBS-Verbandszeitschrift „blind sehbehindert“.

<span id="fortbildungsumfang"></span>
== 7. Fortbildungsumfang ==

Der Fortbildungsumfang beträgt 20 Stunden.

Tagung 2026 der AG IT

2026-06-20T07:34:07Z

Henn:

Gemeinsam mit der '''AG Inklusion''' findet unsere nächste Tagung vom 19.-21. Juni 2026 in Friedberg statt.

Liebe Kolleginnen und Kollegen,

liebe Eltern und Erziehungsberechtigte, liebe Schülerinnen und Schüler,

Wir laden Sie herzlich zu unserer nächsten '''gemeinsamen''' '''Tagung''' der Arbeitsgemeinschaften Inklusion und Informationstechnologie vom

'''19.06. – 21.06.2026''' nach '''Friedberg''' ein.

Auch in unserem Berufsalltag nimmt die künstliche Intelligenz einen immer größeren Stellenwert ein, so dass es sich lohnt, ihren Nutzen beim Einsatz von Hilfsmitteln zu hinterfragen. Hierzu haben wir für Sie weder Kosten noch Mühen gescheut und hochkarätige Referierende aus der Schweiz (Prof. Dr. Fabian Winter und Julian Iriogbe) und aus Deutschland (u.a. Jürgen Fleger und Dr. Michael Richter) eingeladen. Unser Programm stellt Ihnen außerdem technische Neuerungen wie das EduTTTool oder MARP vor und lässt natürlich Zeit für den persönlichen Austausch – Sie sehen, es lohnt sich wie immer nach Friedberg zu kommen!

Wie gewohnt werden wir in den Räumlichkeiten der Johann-Peter-Schäfer-Schule tagen, die Unterbringung wird wieder im Hotel Stadt Friedberg sein, wo wir ein Zimmerkontingent für Sie reserviert haben.

Wir bitten die Schulleitungen, Einrichtungsleitenden sowie Lehrkräfte diese Einladung an mögliche interessierte Kolleginnen und Kollegen bzw. Eltern und Erziehungsberechtigte weiterzuleiten.

Mit herzlichen Grüßen im Namen der AG-Vorstände

'''Michael Schäffler und Dietmar Stephan (AG IT)'''

'''Frank Laemers und Judith Schulz (AG Inklusion)'''

=Programm=
<span id="freitag-19.-juni-2026"></span>
== Freitag, 19. Juni 2026 ==

16:30 Uhr '''Anmeldung''' in der Johann-Peter-Schäfer-Schule, Friedberg

18:00 Uhr '''Abendessen (Aula)'''

19:15 Uhr '''Begrüßung''' und Eröffnung der Tagung (Aula)

19:30 Uhr '''Lesen und Hören – zum Verstehen: Voraussetzungen von Lese- und Hörverstehen bei Lernenden mit'''

'''Sehbeeinträchtigung und Blindheit mithilfe von Access Technologien''' (''Fabian Winter, Zürich'')

Die Präsentation thematisiert die Voraussetzungen gelingenden Hör- und Leseverstehens bei Lernenden mit Sehbeeinträchtigung und Blindheit im Kontext zunehmender Digitalisierung und auditiver Lernzugänge. Auf Grundlage empirischer Befunde und theoretischer Modelle des Hörverstehens werden zentrale Einflussfaktoren wie sprachliche und kognitive Voraussetzungen, Gedächtnisfunktionen sowie die Auswahl auditiver Zugänge systematisch aufgearbeitet. Es wird aufgezeigt, wie Verstehen hörend oder lesend gezielt unterstützt werden kann. Abschließend werden die Forschungsbefunde auf schulische Handlungskontexte bezogen und in konkrete Implikationen für Diagnostik, Unterricht und Auswahl auditiver Technologien überführt.

20:30 Uhr '''Tagesschau'''

21:00 Uhr '''Austausch aus den Bundesländern'''

<span id="samstag-20.-juni-2026"></span>
== Samstag, 20. Juni 2026 ==

9:00 Uhr '''Digitale Schulbücher barrierefrei gestalten:'''

'''Ergebnisse aus dem Erasmus+-Projekt DEM'''

(Digital Education Material)

(''Marie-Luise Schütt, Hamburg'')

09:45 Uhr '''Kaffeepause'''

10:00 Uhr '''KI-Upgrade: Mathe-Barrieren überwinden und Wissen zugänglicher machen'''

(''Erich Rüger und Michael Schäffler, Ilvesheim'')

11:00 Uhr '''Nachteilsausgleich: Zugelassene Hilfsmittel in Prüfungen''' (''Katrin Vitt, Ilvesheim'')

12:00 Uhr '''Kurzvorstellung der Seminare'''

12:30 Uhr '''Mittagessen''': Grillen auf dem Schulhof

14:00 Uhr '''Wenn Hilfsmittel mitdenken – Chancen und Stolpersteine von KI im Schulalltag'''

(''Jürgen Fleger, Marburg'')

Künstliche Intelligenz hält zunehmend Einzug in Hilfsmittel für

blinde und sehbehinderte Schülerinnen und Schüler. Doch was bedeutet es, wenn Hilfsmittel nicht nur ausgeben, sondern interpretieren, erklären und mitdenken? Der Vortrag beleuchtet Chancen und Grenzen von KI im schulischen Alltag aus der Perspektive eines blinden Anwenders, Trainers und

Therapeuten. Neben technischen Möglichkeiten stehen pädagogische Fragen im Mittelpunkt: Selbstständigkeit, Lernprozesse, Abhängigkeiten und die Rolle der Lehrkraft.

Ziel ist ein differenzierter Blick jenseits von Euphorie oder Ablehnung.

15:30 Uhr '''Kaffeepause'''

16:00 Uhr '''Seminardurchgang 1'''

18:00 Uhr '''Abendessen'''

19.30 Uhr '''„Wenn Algorithmen sehen lernen“ KI als Game-Changer für Inklusion''' (''Austauschrunde mit Imke Wißmann, Nigg Ahrens und Erich Rüger'')

20:30 Uhr '''Austausch aus den Bundesländern'''

<span id="sonntag-21.-juni-2026"></span>
== Sonntag, 21. Juni 2026 ==

09:00 Uhr '''Ein Jahr Barrierefreiheitsstärkungsgesetz – Was ist mit den Bildungsmedien?''' (''Michael Schäffler, Ilvesheim'')

09:15 Uhr '''Barrierefreiheit von Bildungsmedien fordern'''

(''Dr. Michael Richter, Marburg'')

10:15 Uhr Kaffeepause

10:30 Uhr '''Seminardurchgang 2'''

12:15 Uhr Abschlussplenum

Seminarangebote

<span id="seminare-am-samstag-und-sonntag"></span>
== Seminare am Samstag und Sonntag ==

<span id="a-erstellen-von-taktilen-abbildungen-mit-tactileview-und-quicktac-frank-pommerenke-dortmund"></span>
=== A: Erstellen von taktilen Abbildungen mit TactileView und QuickTac (Frank Pommerenke, Dortmund) ===

In diesem Workshop soll ein Überblick über die derzeit vorhandenen Möglichkeiten gegeben werden, taktile Grafiken zu erstellen bzw. den Schülerinnen und Schülern dazu den Zugang zu erstellen.

Anhand eines Beispiels wird dieses in folgenden Schritten exemplarisch erklärt und durchgeführt:

- Grafik beschreiben (auch mittels Unterstützung durch KI)

- Grundlegende Vorlage erstellen mittels Vorlage aus einen "PDF-Schulbuch" in einem vektororientierten Grafikprogramm (Programme: Corel-Draw; Inkscape). Daraus wird dann eine taktile Schwellpapiergrafik oder eine Punktschrift Grafik (Brailledrukcer) erstellt (Programme: QuikTac; Tactile View).

Desweitern werden die Möglichkeiten mittels 3D-Druck, Lasergravierer und auch an erprobten Unterrichtsmaterialien vorgestellt.

<span id="b-das-smartphone-als-mobilitätshilfe"></span>
=== B: Das Smartphone als Mobilitätshilfe (Julian Iriogbe, St. Gallen) ===

Wurdest du auch schon von einem blinden oder seheingeschränkten Lernenden um Tipps für Apps zur Bewältigung des Alltags ausserhalb der Schule gebeten? Eigenständig unterwegs zu sein ist dabei eine der größten Herausforderungen und die richtigen Apps können dabei eine große Hilfe sein. Deshalb ist es gut, wenn nicht nur ausgewiesene O&M Fachpersonen den Lernenden Tipps geben können.

Im Workshop werden 15 kostenlose iOS-Apps rund um das Thema Mobilität vorgestellt und einige auch ausprobiert. Durch die Auswahl an kostenlosen Apps stehen dem Testen und Ausprobieren auch nach dem Workshop nichts im Weg.

Zu Beginn des Workshops wird es einen kurzen Crashkurs zur Bedienung von VoiceOver geben, damit jeder Teilnehmende dazu befähigt wird, später gegebenenfalls auch mal eine neue App hinsichtlich der Tauglichkeit für seine Zielgruppe zu beurteilen.

Am Ende des Kurses wird es schließlich noch einige Zubehör-Tipps geben.

Na, wurde dein Interesse geweckt? Dann melde dich schnell an, denn es steht nur eine beschränkte Anzahl an Plätzen zur Verfügung!

Für diesen Workshop sind folgende Dinge mitzubringen:

- iPhone (oder Android, siehe aber Anmerkung!)

- Kopfhörer

- vorinstallierte Apps (Liste wird TN kurz vorher zugestellt)

'''Anmerkung:''' Von den 15 Apps, die vorgestellt werden, stehen 10 auch für Android zur Verfügung. Der Fokus im Workshop liegt aber auf dem iPhone und aus Zeitgründen kann nicht auf beide Systeme eingegangen werden.

<span id="c-welcher-taschenrechner-soll-es-werden-so-gelingen-entscheidungsprozesse-für-den-inklusiven-unterricht"></span>
=== C: Welcher Taschenrechner soll es werden? So gelingen Entscheidungsprozesse für den (inklusiven) Unterricht (Heike Haaker, Schleswig) ===

In der Sekundarstufe I steht zur Klasse 7 hin eine wichtige Hilfsmittelentscheidung an. Ein wissenschaftlicher Taschenrechner (WTR) muss verpflichtend im Unterricht eingeführt werden. Aber was ist, wenn in einem inklusiven Setting das von der Schule empfohlene Hilfsmittel gravierende Barrieren beinhaltet und aufgrund von visuellen Beeinträchtigungen nicht oder nicht in vollem Umfang nutzbar ist?

Im Workshop werden verschiedene WTR-Alternativen vorgestellt und deren Vor- und Nachteile diskutiert. Ein Schwerpunkt liegt auf den diagnostischen und methodisch-didaktischen Fragestellungen, die diesen Auswahlprozess begleiten. Wie kann es gelingen, frühzeitig zukünftige Barrieren zu identifizieren und mit der Akzeptanz der betroffenen Jugendlichen zu Hilfsmittel-Lösungen zu finden, die bis zum angestrebten Schulabschluss tragfähig sind?

<span id="d-barrierefreie-grafiken-und-arbeitsblätter-mit-dem-edutttool-sonja-kuklok-kit-karlsruhe"></span>
=== D: Barrierefreie Grafiken und Arbeitsblätter mit dem EduTTTool (Sonja Kuklok, KIT Karlsruhe) ===

Entdecken Sie in diesem Workshop die Möglichkeiten barrierefreier Grafiken und Arbeitsblätter mit dem EduTTTool – einer innovativen Webanwendung zur Erstellung audio-taktiler Unterrichtsmaterialien mit dem Tiptoi®-Stift.

Der Workshop richtet sich an Lehrkräfte, die den Audiostift von Ravensburger als sinnvolle und motivierende Abwechslung im Unterricht einsetzen möchten. Mit dem EduTTTool lassen sich taktile Elemente wie Prägungen oder Schwellkopien gezielt mit auditiven Informationen verknüpfen.

Das Tool wurde am Zentrum für digitale Barrierefreiheit und Assistive Technologien (Access@KIT) des Karlsruher Instituts für Technologie (KIT) entwickelt und basiert auf dem Open-Source-Projekt tttool. Auch wenn noch nicht alles perfekt ist, haben die neuen Funktionen und Einsatzmöglichkeiten bereits zahlreiche Lehrkräfte an der blista überzeugt.

Gestalten Sie im Workshop Ihre ersten eigenen Arbeitsblätter – abwechslungsreich, spielerisch motivierend und vor allem für alle Lernende zugänglich.

<span id="section"></span>
== ==

<span id="seminare-nur-am-samstag"></span>
== Seminare NUR am Samstag: ==

=== E: Mitdenken lassen oder selbst denken lernen? KI im Unterricht reflektiert einsetzen (Jürgen Fleger, Marburg) ===

Im Workshop wird der Einsatz von KI im Hilfsmittelbereich praktisch

und pädagogisch reflektiert. Anhand konkreter Anwendungsszenarien

aus dem Schulalltag wird gemeinsam untersucht, wo KI sinnvolle Unterstützung bietet und wo sie Lernprozesse unbemerkt verändert.

'''<br />
=== F: PowerPoint war gestern - jetzt gibt es MARP! (Barbara Henn, Ilvesheim) ===

Endlich kein PowerPoint mehr! MARP (Markdown Presentation Ecosystem) bietet für blinde Schülerinnen und Schüler optimale Voraussetzungen für die Erstellung von Präsentationen. Es besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in Word erstellt und mit Hilfe eines Menübandes in HTML und PDF exportiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themen überzeugen.

In Kombination mit dem Menübandes für Word hat sich MARP in der Praxis für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen bewährt. In diesem Workshop wird es nach einer kurzen Einführung Gelegenheit geben, dies selbst praktisch zu erproben!

<span id="section-1"></span>
== ==

<span id="seminare-nur-am-sonntag"></span>
== Seminare NUR am Sonntag: ==

<span id="g-barrierefreiheit-von-bildungsmedien-fordern"></span>
=== G: Barrierefreiheit von Bildungsmedien fordern (Dr. Michael Richter und Kai Kortus, Marburg) ===

Welche Rechte und Möglichkeiten haben berechtigte Personen im Licht des Barrierefreiheitsstärkungsgesetz zur Umsetzung ihres Anspruches auf barrierefreie Bildungsmedien?

In diesem Workshop verknüpfen wir rechtliche Vorgaben an Verlage zur Barrierefreiheit mit der pädagogischen Praxis im Klassenzimmer.

Bringen Sie dazu gerne Ihre praxisrelevanten Sachverhalte mit, um diese hinsichtlich des BFSG zu betrachten. Außerdem wollen wir uns über „Leuchtturm-Projekte“ barrierefrei erstellter Bildungsinhalte austauschen, die als Vorbild für die Öffentlichkeit dienen.

<span id="h-in-einem-wiki-mitarbeiten-wie-geht-das-und-was-bringt-es-ulrich-kalina-marburg"></span>
=== H: In einem Wiki mitarbeiten – wie geht das und was bringt es? (Ulrich Kalina, Marburg) ===

Entdecken Sie in diesem Workshop, wie Wikis als kollaboratives Werkzeug genutzt werden können, um barrierefreie Unterrichtsmedien flexibel zu gestalten und rechtssicher im Web zu teilen. Wir zeigen Ihnen am Beispiel von ZUM.de und Augenbit.de, wie die universelle MediaWiki-Software Schülerinnen und Schülern mit Seheinschränkungen eine gleichberechtigte Teilhabe an digitalen Projekten ermöglicht. Lernen Sie praxisnah die Grundlagen der gemeinsamen Wissensdokumentation kennen und erfahren Sie, welche einfachen Regeln für eine optimale Barrierefreiheit entscheidend sind.

<br />
===I: Erstellung von interaktiven Bildungsangeboten für Lernende mit komplexen Beeinträchtigungen mit Hilfe von PowerPoint (Thomas Loscher, Friedberg)===

Interaktive Powerpoints bieten viele Möglichkeiten, um verschiedene Unterrichtsinhalte für Schülerinnen und Schüler mit einer Beeinträchtigung des Sehens, insbesondere auch mit komplexen Beeinträchtigungen, zugänglich zu machen. Aus diesem Grund soll in diesem Angebot erläutert und erprobt werden, wie eine solche Präsentation erstellt wird und wie sie auf verschiedenen Wiedergabegeräten genutzt werden kann.

<span id="section"></span>
== ==

<span id="anmeldung"></span>
== 1. Anmeldung ==

Die Anmeldung für die Tagung erfolgt online. Bitte melden Sie sich bis zum '''22.05.2026''' unter dem Link verbindlich an:

[https://nextcloud.augenbit.de/index.php/apps/forms/s/na6xBA9K9jDFp4ZjjxfDM94H Anmeldung Friedberg 2026]

Sie erhalten eine Bestätigung Ihrer Anmeldung per Antwort-Mail. '''Frühbucher''', die sich bis zum '''17.04.2026''' anmelden, überweisen bitte einen Tagungsbeitrag von 170,- € für VBS-Mitglieder (195.- € für Nicht-Mitglieder). Nach dem 17.04.2026 erhöht sich der Beitrag um 20,- €.

<span id="tagungsstätte-und-unterkunft"></span>
== 2. Tagungsstätte und Unterkunft ==

Die Tagung findet in der Johann-Peter-Schäfer-Schule (JPSS),

Johann-Peter-Schäfer-Str. 1 in 61169 Friedberg (Tel.: 06031-6080) statt.

Die Tagungsanmeldung erfolgt dort am Freitag zwischen 16:30 und 18:00 Uhr (vor dem Abendessen). Übernachtungsmöglichkeiten bestehen im Hotel Garni Stadt Friedberg, Am Seebach 2 in 61169 Friedberg. Dort haben wir ein Kontingent an Zimmern (Übernachtung mit Frühstück) reserviert. Die Vergabe der Zimmer erfolgt über die AG Inklusion in der Reihenfolge der Anmeldungen zur Tagung.

Für die Verpflegung am Freitag und Samstag können wir Ihnen Angebote in der JPSS anbieten. Bitte vermerken Sie auf Ihrem Anmeldebogen verbindlich, wenn Sie daran teilnehmen möchten. Wenn Sie nur die Tagungsverpflegung (ohne Übernachtung und Frühstück) in Anspruch nehmen möchten, füllen Sie Ihren Anmeldebogen bitte entsprechend aus und sorgen selbst für Ihre Unterbringung.

<span id="vorauszahlung"></span>
== 3. Vorauszahlung ==

Die '''Überweisung Ihres Kostenbeitrages''' erwarten wir unbedingt bis zum '''31.05.2026'''. Bitte berechnen Sie den für Sie zutreffenden Gesamtbetrag (Tagungsgebühr plus ggf. Übernachtung plus ggf. Verpflegung) nach den Angaben auf dem Anmeldebogen selbst und überweisen ihn '''zuverlässig und rechtzeitig''' an:

Konto der VBS-AG Inklusion

IBAN: DE22 5206 0410 0203 6921 40

BIC: GENODEF1EK1

Bei Anmeldung nach dem '''22.05.2026''' erhöht sich der Tagungsbeitrag gemäß einem VBS-Beschluss um 20 €. Ausländische Teilnehmerinnen und Teilnehmer können wegen der hohen Gebühren auch während der Tagung ohne Zuschlag zahlen.

<span id="ausfallgebühren"></span>
== 4. Ausfallgebühren ==

Im Falle einer Absage Ihrer Tagungsanmeldung müssen wir eine Bearbeitungsgebühr von 15 € einbehalten. Ihr restlicher Tagungsbeitrag kann Ihnen allerdings nur zurückerstattet werden, wenn Sie sich mindestens zwei Wochen vor Beginn der Tagung abgemeldet haben und keine Forderungen Dritter gegenüber dem Veranstalter bestehen, die aus den Tagungsbeiträgen beglichen werden müssen.

<span id="an--und-abreise"></span>
== 5. An- und Abreise ==

a) mit öffentlichen Verkehrsmitteln:

Vom Bahnhof Friedberg aus erreichen Sie das Hotel, wenn Sie sich in Richtung Stadthalle orientieren.

b) mit dem PKW:

Auf der Internetseite des Hotels (www.hotelstadtfriedberg.de) befindet sich ein Routenplaner, mit dem Sie Ihre Anfahrt individuell berechnen können.

<span id="vbs-mitgliedschaft"></span>
== 6. VBS-Mitgliedschaft ==

Wer noch kein Mitglied im VBS ist, kann das im Zuge dieser Anmeldung werden und muss dann nur den verminderten Tagungspreis für VBS-Mitglieder bezahlen. Die Mitgliedschaft beinhaltet neben ermäßigten Gebühren bei allen VBS-Tagungen auch den vierteljährlichen Bezug der VBS-Verbandszeitschrift „blind sehbehindert“.

<span id="fortbildungsumfang"></span>
== 7. Fortbildungsumfang ==

Der Fortbildungsumfang beträgt 20 Stunden.

Tagung 2026 der AG IT

2026-06-20T07:32:35Z

Henn: /* Materialien und Präsentationen */

== Materialien und Präsentationen ==
https://friedberg2026.augenbit.de

Gemeinsam mit der '''AG Inklusion''' findet unsere nächste Tagung vom 19.-21. Juni 2026 in Friedberg statt.

Liebe Kolleginnen und Kollegen,

liebe Eltern und Erziehungsberechtigte, liebe Schülerinnen und Schüler,

Wir laden Sie herzlich zu unserer nächsten '''gemeinsamen''' '''Tagung''' der Arbeitsgemeinschaften Inklusion und Informationstechnologie vom

'''19.06. – 21.06.2026''' nach '''Friedberg''' ein.

Auch in unserem Berufsalltag nimmt die künstliche Intelligenz einen immer größeren Stellenwert ein, so dass es sich lohnt, ihren Nutzen beim Einsatz von Hilfsmitteln zu hinterfragen. Hierzu haben wir für Sie weder Kosten noch Mühen gescheut und hochkarätige Referierende aus der Schweiz (Prof. Dr. Fabian Winter und Julian Iriogbe) und aus Deutschland (u.a. Jürgen Fleger und Dr. Michael Richter) eingeladen. Unser Programm stellt Ihnen außerdem technische Neuerungen wie das EduTTTool oder MARP vor und lässt natürlich Zeit für den persönlichen Austausch – Sie sehen, es lohnt sich wie immer nach Friedberg zu kommen!

Wie gewohnt werden wir in den Räumlichkeiten der Johann-Peter-Schäfer-Schule tagen, die Unterbringung wird wieder im Hotel Stadt Friedberg sein, wo wir ein Zimmerkontingent für Sie reserviert haben.

Wir bitten die Schulleitungen, Einrichtungsleitenden sowie Lehrkräfte diese Einladung an mögliche interessierte Kolleginnen und Kollegen bzw. Eltern und Erziehungsberechtigte weiterzuleiten.

Mit herzlichen Grüßen im Namen der AG-Vorstände

'''Michael Schäffler und Dietmar Stephan (AG IT)'''

'''Frank Laemers und Judith Schulz (AG Inklusion)'''

=Programm=
<span id="freitag-19.-juni-2026"></span>
== Freitag, 19. Juni 2026 ==

16:30 Uhr '''Anmeldung''' in der Johann-Peter-Schäfer-Schule, Friedberg

18:00 Uhr '''Abendessen (Aula)'''

19:15 Uhr '''Begrüßung''' und Eröffnung der Tagung (Aula)

19:30 Uhr '''Lesen und Hören – zum Verstehen: Voraussetzungen von Lese- und Hörverstehen bei Lernenden mit'''

'''Sehbeeinträchtigung und Blindheit mithilfe von Access Technologien''' (''Fabian Winter, Zürich'')

Die Präsentation thematisiert die Voraussetzungen gelingenden Hör- und Leseverstehens bei Lernenden mit Sehbeeinträchtigung und Blindheit im Kontext zunehmender Digitalisierung und auditiver Lernzugänge. Auf Grundlage empirischer Befunde und theoretischer Modelle des Hörverstehens werden zentrale Einflussfaktoren wie sprachliche und kognitive Voraussetzungen, Gedächtnisfunktionen sowie die Auswahl auditiver Zugänge systematisch aufgearbeitet. Es wird aufgezeigt, wie Verstehen hörend oder lesend gezielt unterstützt werden kann. Abschließend werden die Forschungsbefunde auf schulische Handlungskontexte bezogen und in konkrete Implikationen für Diagnostik, Unterricht und Auswahl auditiver Technologien überführt.

20:30 Uhr '''Tagesschau'''

21:00 Uhr '''Austausch aus den Bundesländern'''

<span id="samstag-20.-juni-2026"></span>
== Samstag, 20. Juni 2026 ==

9:00 Uhr '''Digitale Schulbücher barrierefrei gestalten:'''

'''Ergebnisse aus dem Erasmus+-Projekt DEM'''

(Digital Education Material)

(''Marie-Luise Schütt, Hamburg'')

09:45 Uhr '''Kaffeepause'''

10:00 Uhr '''KI-Upgrade: Mathe-Barrieren überwinden und Wissen zugänglicher machen'''

(''Erich Rüger und Michael Schäffler, Ilvesheim'')

11:00 Uhr '''Nachteilsausgleich: Zugelassene Hilfsmittel in Prüfungen''' (''Katrin Vitt, Ilvesheim'')

12:00 Uhr '''Kurzvorstellung der Seminare'''

12:30 Uhr '''Mittagessen''': Grillen auf dem Schulhof

14:00 Uhr '''Wenn Hilfsmittel mitdenken – Chancen und Stolpersteine von KI im Schulalltag'''

(''Jürgen Fleger, Marburg'')

Künstliche Intelligenz hält zunehmend Einzug in Hilfsmittel für

blinde und sehbehinderte Schülerinnen und Schüler. Doch was bedeutet es, wenn Hilfsmittel nicht nur ausgeben, sondern interpretieren, erklären und mitdenken? Der Vortrag beleuchtet Chancen und Grenzen von KI im schulischen Alltag aus der Perspektive eines blinden Anwenders, Trainers und

Therapeuten. Neben technischen Möglichkeiten stehen pädagogische Fragen im Mittelpunkt: Selbstständigkeit, Lernprozesse, Abhängigkeiten und die Rolle der Lehrkraft.

Ziel ist ein differenzierter Blick jenseits von Euphorie oder Ablehnung.

15:30 Uhr '''Kaffeepause'''

16:00 Uhr '''Seminardurchgang 1'''

18:00 Uhr '''Abendessen'''

19.30 Uhr '''„Wenn Algorithmen sehen lernen“ KI als Game-Changer für Inklusion''' (''Austauschrunde mit Imke Wißmann, Nigg Ahrens und Erich Rüger'')

20:30 Uhr '''Austausch aus den Bundesländern'''

<span id="sonntag-21.-juni-2026"></span>
== Sonntag, 21. Juni 2026 ==

09:00 Uhr '''Ein Jahr Barrierefreiheitsstärkungsgesetz – Was ist mit den Bildungsmedien?''' (''Michael Schäffler, Ilvesheim'')

09:15 Uhr '''Barrierefreiheit von Bildungsmedien fordern'''

(''Dr. Michael Richter, Marburg'')

10:15 Uhr Kaffeepause

10:30 Uhr '''Seminardurchgang 2'''

12:15 Uhr Abschlussplenum

Seminarangebote

<span id="seminare-am-samstag-und-sonntag"></span>
== Seminare am Samstag und Sonntag ==

<span id="a-erstellen-von-taktilen-abbildungen-mit-tactileview-und-quicktac-frank-pommerenke-dortmund"></span>
=== A: Erstellen von taktilen Abbildungen mit TactileView und QuickTac (Frank Pommerenke, Dortmund) ===

In diesem Workshop soll ein Überblick über die derzeit vorhandenen Möglichkeiten gegeben werden, taktile Grafiken zu erstellen bzw. den Schülerinnen und Schülern dazu den Zugang zu erstellen.

Anhand eines Beispiels wird dieses in folgenden Schritten exemplarisch erklärt und durchgeführt:

- Grafik beschreiben (auch mittels Unterstützung durch KI)

- Grundlegende Vorlage erstellen mittels Vorlage aus einen "PDF-Schulbuch" in einem vektororientierten Grafikprogramm (Programme: Corel-Draw; Inkscape). Daraus wird dann eine taktile Schwellpapiergrafik oder eine Punktschrift Grafik (Brailledrukcer) erstellt (Programme: QuikTac; Tactile View).

Desweitern werden die Möglichkeiten mittels 3D-Druck, Lasergravierer und auch an erprobten Unterrichtsmaterialien vorgestellt.

<span id="b-das-smartphone-als-mobilitätshilfe"></span>
=== B: Das Smartphone als Mobilitätshilfe (Julian Iriogbe, St. Gallen) ===

Wurdest du auch schon von einem blinden oder seheingeschränkten Lernenden um Tipps für Apps zur Bewältigung des Alltags ausserhalb der Schule gebeten? Eigenständig unterwegs zu sein ist dabei eine der größten Herausforderungen und die richtigen Apps können dabei eine große Hilfe sein. Deshalb ist es gut, wenn nicht nur ausgewiesene O&M Fachpersonen den Lernenden Tipps geben können.

Im Workshop werden 15 kostenlose iOS-Apps rund um das Thema Mobilität vorgestellt und einige auch ausprobiert. Durch die Auswahl an kostenlosen Apps stehen dem Testen und Ausprobieren auch nach dem Workshop nichts im Weg.

Zu Beginn des Workshops wird es einen kurzen Crashkurs zur Bedienung von VoiceOver geben, damit jeder Teilnehmende dazu befähigt wird, später gegebenenfalls auch mal eine neue App hinsichtlich der Tauglichkeit für seine Zielgruppe zu beurteilen.

Am Ende des Kurses wird es schließlich noch einige Zubehör-Tipps geben.

Na, wurde dein Interesse geweckt? Dann melde dich schnell an, denn es steht nur eine beschränkte Anzahl an Plätzen zur Verfügung!

Für diesen Workshop sind folgende Dinge mitzubringen:

- iPhone (oder Android, siehe aber Anmerkung!)

- Kopfhörer

- vorinstallierte Apps (Liste wird TN kurz vorher zugestellt)

'''Anmerkung:''' Von den 15 Apps, die vorgestellt werden, stehen 10 auch für Android zur Verfügung. Der Fokus im Workshop liegt aber auf dem iPhone und aus Zeitgründen kann nicht auf beide Systeme eingegangen werden.

<span id="c-welcher-taschenrechner-soll-es-werden-so-gelingen-entscheidungsprozesse-für-den-inklusiven-unterricht"></span>
=== C: Welcher Taschenrechner soll es werden? So gelingen Entscheidungsprozesse für den (inklusiven) Unterricht (Heike Haaker, Schleswig) ===

In der Sekundarstufe I steht zur Klasse 7 hin eine wichtige Hilfsmittelentscheidung an. Ein wissenschaftlicher Taschenrechner (WTR) muss verpflichtend im Unterricht eingeführt werden. Aber was ist, wenn in einem inklusiven Setting das von der Schule empfohlene Hilfsmittel gravierende Barrieren beinhaltet und aufgrund von visuellen Beeinträchtigungen nicht oder nicht in vollem Umfang nutzbar ist?

Im Workshop werden verschiedene WTR-Alternativen vorgestellt und deren Vor- und Nachteile diskutiert. Ein Schwerpunkt liegt auf den diagnostischen und methodisch-didaktischen Fragestellungen, die diesen Auswahlprozess begleiten. Wie kann es gelingen, frühzeitig zukünftige Barrieren zu identifizieren und mit der Akzeptanz der betroffenen Jugendlichen zu Hilfsmittel-Lösungen zu finden, die bis zum angestrebten Schulabschluss tragfähig sind?

<span id="d-barrierefreie-grafiken-und-arbeitsblätter-mit-dem-edutttool-sonja-kuklok-kit-karlsruhe"></span>
=== D: Barrierefreie Grafiken und Arbeitsblätter mit dem EduTTTool (Sonja Kuklok, KIT Karlsruhe) ===

Entdecken Sie in diesem Workshop die Möglichkeiten barrierefreier Grafiken und Arbeitsblätter mit dem EduTTTool – einer innovativen Webanwendung zur Erstellung audio-taktiler Unterrichtsmaterialien mit dem Tiptoi®-Stift.

Der Workshop richtet sich an Lehrkräfte, die den Audiostift von Ravensburger als sinnvolle und motivierende Abwechslung im Unterricht einsetzen möchten. Mit dem EduTTTool lassen sich taktile Elemente wie Prägungen oder Schwellkopien gezielt mit auditiven Informationen verknüpfen.

Das Tool wurde am Zentrum für digitale Barrierefreiheit und Assistive Technologien (Access@KIT) des Karlsruher Instituts für Technologie (KIT) entwickelt und basiert auf dem Open-Source-Projekt tttool. Auch wenn noch nicht alles perfekt ist, haben die neuen Funktionen und Einsatzmöglichkeiten bereits zahlreiche Lehrkräfte an der blista überzeugt.

Gestalten Sie im Workshop Ihre ersten eigenen Arbeitsblätter – abwechslungsreich, spielerisch motivierend und vor allem für alle Lernende zugänglich.

<span id="section"></span>
== ==

<span id="seminare-nur-am-samstag"></span>
== Seminare NUR am Samstag: ==

=== E: Mitdenken lassen oder selbst denken lernen? KI im Unterricht reflektiert einsetzen (Jürgen Fleger, Marburg) ===

Im Workshop wird der Einsatz von KI im Hilfsmittelbereich praktisch

und pädagogisch reflektiert. Anhand konkreter Anwendungsszenarien

aus dem Schulalltag wird gemeinsam untersucht, wo KI sinnvolle Unterstützung bietet und wo sie Lernprozesse unbemerkt verändert.

'''<br />
=== F: PowerPoint war gestern - jetzt gibt es MARP! (Barbara Henn, Ilvesheim) ===

Endlich kein PowerPoint mehr! MARP (Markdown Presentation Ecosystem) bietet für blinde Schülerinnen und Schüler optimale Voraussetzungen für die Erstellung von Präsentationen. Es besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in Word erstellt und mit Hilfe eines Menübandes in HTML und PDF exportiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themen überzeugen.

In Kombination mit dem Menübandes für Word hat sich MARP in der Praxis für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen bewährt. In diesem Workshop wird es nach einer kurzen Einführung Gelegenheit geben, dies selbst praktisch zu erproben!

<span id="section-1"></span>
== ==

<span id="seminare-nur-am-sonntag"></span>
== Seminare NUR am Sonntag: ==

<span id="g-barrierefreiheit-von-bildungsmedien-fordern"></span>
=== G: Barrierefreiheit von Bildungsmedien fordern (Dr. Michael Richter und Kai Kortus, Marburg) ===

Welche Rechte und Möglichkeiten haben berechtigte Personen im Licht des Barrierefreiheitsstärkungsgesetz zur Umsetzung ihres Anspruches auf barrierefreie Bildungsmedien?

In diesem Workshop verknüpfen wir rechtliche Vorgaben an Verlage zur Barrierefreiheit mit der pädagogischen Praxis im Klassenzimmer.

Bringen Sie dazu gerne Ihre praxisrelevanten Sachverhalte mit, um diese hinsichtlich des BFSG zu betrachten. Außerdem wollen wir uns über „Leuchtturm-Projekte“ barrierefrei erstellter Bildungsinhalte austauschen, die als Vorbild für die Öffentlichkeit dienen.

<span id="h-in-einem-wiki-mitarbeiten-wie-geht-das-und-was-bringt-es-ulrich-kalina-marburg"></span>
=== H: In einem Wiki mitarbeiten – wie geht das und was bringt es? (Ulrich Kalina, Marburg) ===

Entdecken Sie in diesem Workshop, wie Wikis als kollaboratives Werkzeug genutzt werden können, um barrierefreie Unterrichtsmedien flexibel zu gestalten und rechtssicher im Web zu teilen. Wir zeigen Ihnen am Beispiel von ZUM.de und Augenbit.de, wie die universelle MediaWiki-Software Schülerinnen und Schülern mit Seheinschränkungen eine gleichberechtigte Teilhabe an digitalen Projekten ermöglicht. Lernen Sie praxisnah die Grundlagen der gemeinsamen Wissensdokumentation kennen und erfahren Sie, welche einfachen Regeln für eine optimale Barrierefreiheit entscheidend sind.

<br />
===I: Erstellung von interaktiven Bildungsangeboten für Lernende mit komplexen Beeinträchtigungen mit Hilfe von PowerPoint (Thomas Loscher, Friedberg)===

Interaktive Powerpoints bieten viele Möglichkeiten, um verschiedene Unterrichtsinhalte für Schülerinnen und Schüler mit einer Beeinträchtigung des Sehens, insbesondere auch mit komplexen Beeinträchtigungen, zugänglich zu machen. Aus diesem Grund soll in diesem Angebot erläutert und erprobt werden, wie eine solche Präsentation erstellt wird und wie sie auf verschiedenen Wiedergabegeräten genutzt werden kann.

<span id="section"></span>
== ==

<span id="anmeldung"></span>
== 1. Anmeldung ==

Die Anmeldung für die Tagung erfolgt online. Bitte melden Sie sich bis zum '''22.05.2026''' unter dem Link verbindlich an:

[https://nextcloud.augenbit.de/index.php/apps/forms/s/na6xBA9K9jDFp4ZjjxfDM94H Anmeldung Friedberg 2026]

Sie erhalten eine Bestätigung Ihrer Anmeldung per Antwort-Mail. '''Frühbucher''', die sich bis zum '''17.04.2026''' anmelden, überweisen bitte einen Tagungsbeitrag von 170,- € für VBS-Mitglieder (195.- € für Nicht-Mitglieder). Nach dem 17.04.2026 erhöht sich der Beitrag um 20,- €.

<span id="tagungsstätte-und-unterkunft"></span>
== 2. Tagungsstätte und Unterkunft ==

Die Tagung findet in der Johann-Peter-Schäfer-Schule (JPSS),

Johann-Peter-Schäfer-Str. 1 in 61169 Friedberg (Tel.: 06031-6080) statt.

Die Tagungsanmeldung erfolgt dort am Freitag zwischen 16:30 und 18:00 Uhr (vor dem Abendessen). Übernachtungsmöglichkeiten bestehen im Hotel Garni Stadt Friedberg, Am Seebach 2 in 61169 Friedberg. Dort haben wir ein Kontingent an Zimmern (Übernachtung mit Frühstück) reserviert. Die Vergabe der Zimmer erfolgt über die AG Inklusion in der Reihenfolge der Anmeldungen zur Tagung.

Für die Verpflegung am Freitag und Samstag können wir Ihnen Angebote in der JPSS anbieten. Bitte vermerken Sie auf Ihrem Anmeldebogen verbindlich, wenn Sie daran teilnehmen möchten. Wenn Sie nur die Tagungsverpflegung (ohne Übernachtung und Frühstück) in Anspruch nehmen möchten, füllen Sie Ihren Anmeldebogen bitte entsprechend aus und sorgen selbst für Ihre Unterbringung.

<span id="vorauszahlung"></span>
== 3. Vorauszahlung ==

Die '''Überweisung Ihres Kostenbeitrages''' erwarten wir unbedingt bis zum '''31.05.2026'''. Bitte berechnen Sie den für Sie zutreffenden Gesamtbetrag (Tagungsgebühr plus ggf. Übernachtung plus ggf. Verpflegung) nach den Angaben auf dem Anmeldebogen selbst und überweisen ihn '''zuverlässig und rechtzeitig''' an:

Konto der VBS-AG Inklusion

IBAN: DE22 5206 0410 0203 6921 40

BIC: GENODEF1EK1

Bei Anmeldung nach dem '''22.05.2026''' erhöht sich der Tagungsbeitrag gemäß einem VBS-Beschluss um 20 €. Ausländische Teilnehmerinnen und Teilnehmer können wegen der hohen Gebühren auch während der Tagung ohne Zuschlag zahlen.

<span id="ausfallgebühren"></span>
== 4. Ausfallgebühren ==

Im Falle einer Absage Ihrer Tagungsanmeldung müssen wir eine Bearbeitungsgebühr von 15 € einbehalten. Ihr restlicher Tagungsbeitrag kann Ihnen allerdings nur zurückerstattet werden, wenn Sie sich mindestens zwei Wochen vor Beginn der Tagung abgemeldet haben und keine Forderungen Dritter gegenüber dem Veranstalter bestehen, die aus den Tagungsbeiträgen beglichen werden müssen.

<span id="an--und-abreise"></span>
== 5. An- und Abreise ==

a) mit öffentlichen Verkehrsmitteln:

Vom Bahnhof Friedberg aus erreichen Sie das Hotel, wenn Sie sich in Richtung Stadthalle orientieren.

b) mit dem PKW:

Auf der Internetseite des Hotels (www.hotelstadtfriedberg.de) befindet sich ein Routenplaner, mit dem Sie Ihre Anfahrt individuell berechnen können.

<span id="vbs-mitgliedschaft"></span>
== 6. VBS-Mitgliedschaft ==

Wer noch kein Mitglied im VBS ist, kann das im Zuge dieser Anmeldung werden und muss dann nur den verminderten Tagungspreis für VBS-Mitglieder bezahlen. Die Mitgliedschaft beinhaltet neben ermäßigten Gebühren bei allen VBS-Tagungen auch den vierteljährlichen Bezug der VBS-Verbandszeitschrift „blind sehbehindert“.

<span id="fortbildungsumfang"></span>
== 7. Fortbildungsumfang ==

Der Fortbildungsumfang beträgt 20 Stunden.

Tagung 2026 der AG IT

2026-06-20T07:31:46Z

Henn:

Gemeinsam mit der '''AG Inklusion''' findet unsere nächste Tagung vom 19.-21. Juni 2026 in Friedberg statt.

Liebe Kolleginnen und Kollegen,

liebe Eltern und Erziehungsberechtigte, liebe Schülerinnen und Schüler,

Wir laden Sie herzlich zu unserer nächsten '''gemeinsamen''' '''Tagung''' der Arbeitsgemeinschaften Inklusion und Informationstechnologie vom

'''19.06. – 21.06.2026''' nach '''Friedberg''' ein.

Auch in unserem Berufsalltag nimmt die künstliche Intelligenz einen immer größeren Stellenwert ein, so dass es sich lohnt, ihren Nutzen beim Einsatz von Hilfsmitteln zu hinterfragen. Hierzu haben wir für Sie weder Kosten noch Mühen gescheut und hochkarätige Referierende aus der Schweiz (Prof. Dr. Fabian Winter und Julian Iriogbe) und aus Deutschland (u.a. Jürgen Fleger und Dr. Michael Richter) eingeladen. Unser Programm stellt Ihnen außerdem technische Neuerungen wie das EduTTTool oder MARP vor und lässt natürlich Zeit für den persönlichen Austausch – Sie sehen, es lohnt sich wie immer nach Friedberg zu kommen!

Wie gewohnt werden wir in den Räumlichkeiten der Johann-Peter-Schäfer-Schule tagen, die Unterbringung wird wieder im Hotel Stadt Friedberg sein, wo wir ein Zimmerkontingent für Sie reserviert haben.

Wir bitten die Schulleitungen, Einrichtungsleitenden sowie Lehrkräfte diese Einladung an mögliche interessierte Kolleginnen und Kollegen bzw. Eltern und Erziehungsberechtigte weiterzuleiten.

Mit herzlichen Grüßen im Namen der AG-Vorstände

'''Michael Schäffler und Dietmar Stephan (AG IT)'''

'''Frank Laemers und Judith Schulz (AG Inklusion)'''

== Materialien und Präsentationen ==
https://friedberg2026.augenbit.de

=Programm=
<span id="freitag-19.-juni-2026"></span>
== Freitag, 19. Juni 2026 ==

16:30 Uhr '''Anmeldung''' in der Johann-Peter-Schäfer-Schule, Friedberg

18:00 Uhr '''Abendessen (Aula)'''

19:15 Uhr '''Begrüßung''' und Eröffnung der Tagung (Aula)

19:30 Uhr '''Lesen und Hören – zum Verstehen: Voraussetzungen von Lese- und Hörverstehen bei Lernenden mit'''

'''Sehbeeinträchtigung und Blindheit mithilfe von Access Technologien''' (''Fabian Winter, Zürich'')

Die Präsentation thematisiert die Voraussetzungen gelingenden Hör- und Leseverstehens bei Lernenden mit Sehbeeinträchtigung und Blindheit im Kontext zunehmender Digitalisierung und auditiver Lernzugänge. Auf Grundlage empirischer Befunde und theoretischer Modelle des Hörverstehens werden zentrale Einflussfaktoren wie sprachliche und kognitive Voraussetzungen, Gedächtnisfunktionen sowie die Auswahl auditiver Zugänge systematisch aufgearbeitet. Es wird aufgezeigt, wie Verstehen hörend oder lesend gezielt unterstützt werden kann. Abschließend werden die Forschungsbefunde auf schulische Handlungskontexte bezogen und in konkrete Implikationen für Diagnostik, Unterricht und Auswahl auditiver Technologien überführt.

20:30 Uhr '''Tagesschau'''

21:00 Uhr '''Austausch aus den Bundesländern'''

<span id="samstag-20.-juni-2026"></span>
== Samstag, 20. Juni 2026 ==

9:00 Uhr '''Digitale Schulbücher barrierefrei gestalten:'''

'''Ergebnisse aus dem Erasmus+-Projekt DEM'''

(Digital Education Material)

(''Marie-Luise Schütt, Hamburg'')

09:45 Uhr '''Kaffeepause'''

10:00 Uhr '''KI-Upgrade: Mathe-Barrieren überwinden und Wissen zugänglicher machen'''

(''Erich Rüger und Michael Schäffler, Ilvesheim'')

11:00 Uhr '''Nachteilsausgleich: Zugelassene Hilfsmittel in Prüfungen''' (''Katrin Vitt, Ilvesheim'')

12:00 Uhr '''Kurzvorstellung der Seminare'''

12:30 Uhr '''Mittagessen''': Grillen auf dem Schulhof

14:00 Uhr '''Wenn Hilfsmittel mitdenken – Chancen und Stolpersteine von KI im Schulalltag'''

(''Jürgen Fleger, Marburg'')

Künstliche Intelligenz hält zunehmend Einzug in Hilfsmittel für

blinde und sehbehinderte Schülerinnen und Schüler. Doch was bedeutet es, wenn Hilfsmittel nicht nur ausgeben, sondern interpretieren, erklären und mitdenken? Der Vortrag beleuchtet Chancen und Grenzen von KI im schulischen Alltag aus der Perspektive eines blinden Anwenders, Trainers und

Therapeuten. Neben technischen Möglichkeiten stehen pädagogische Fragen im Mittelpunkt: Selbstständigkeit, Lernprozesse, Abhängigkeiten und die Rolle der Lehrkraft.

Ziel ist ein differenzierter Blick jenseits von Euphorie oder Ablehnung.

15:30 Uhr '''Kaffeepause'''

16:00 Uhr '''Seminardurchgang 1'''

18:00 Uhr '''Abendessen'''

19.30 Uhr '''„Wenn Algorithmen sehen lernen“ KI als Game-Changer für Inklusion''' (''Austauschrunde mit Imke Wißmann, Nigg Ahrens und Erich Rüger'')

20:30 Uhr '''Austausch aus den Bundesländern'''

<span id="sonntag-21.-juni-2026"></span>
== Sonntag, 21. Juni 2026 ==

09:00 Uhr '''Ein Jahr Barrierefreiheitsstärkungsgesetz – Was ist mit den Bildungsmedien?''' (''Michael Schäffler, Ilvesheim'')

09:15 Uhr '''Barrierefreiheit von Bildungsmedien fordern'''

(''Dr. Michael Richter, Marburg'')

10:15 Uhr Kaffeepause

10:30 Uhr '''Seminardurchgang 2'''

12:15 Uhr Abschlussplenum

Seminarangebote

<span id="seminare-am-samstag-und-sonntag"></span>
== Seminare am Samstag und Sonntag ==

<span id="a-erstellen-von-taktilen-abbildungen-mit-tactileview-und-quicktac-frank-pommerenke-dortmund"></span>
=== A: Erstellen von taktilen Abbildungen mit TactileView und QuickTac (Frank Pommerenke, Dortmund) ===

In diesem Workshop soll ein Überblick über die derzeit vorhandenen Möglichkeiten gegeben werden, taktile Grafiken zu erstellen bzw. den Schülerinnen und Schülern dazu den Zugang zu erstellen.

Anhand eines Beispiels wird dieses in folgenden Schritten exemplarisch erklärt und durchgeführt:

- Grafik beschreiben (auch mittels Unterstützung durch KI)

- Grundlegende Vorlage erstellen mittels Vorlage aus einen "PDF-Schulbuch" in einem vektororientierten Grafikprogramm (Programme: Corel-Draw; Inkscape). Daraus wird dann eine taktile Schwellpapiergrafik oder eine Punktschrift Grafik (Brailledrukcer) erstellt (Programme: QuikTac; Tactile View).

Desweitern werden die Möglichkeiten mittels 3D-Druck, Lasergravierer und auch an erprobten Unterrichtsmaterialien vorgestellt.

<span id="b-das-smartphone-als-mobilitätshilfe"></span>
=== B: Das Smartphone als Mobilitätshilfe (Julian Iriogbe, St. Gallen) ===

Wurdest du auch schon von einem blinden oder seheingeschränkten Lernenden um Tipps für Apps zur Bewältigung des Alltags ausserhalb der Schule gebeten? Eigenständig unterwegs zu sein ist dabei eine der größten Herausforderungen und die richtigen Apps können dabei eine große Hilfe sein. Deshalb ist es gut, wenn nicht nur ausgewiesene O&M Fachpersonen den Lernenden Tipps geben können.

Im Workshop werden 15 kostenlose iOS-Apps rund um das Thema Mobilität vorgestellt und einige auch ausprobiert. Durch die Auswahl an kostenlosen Apps stehen dem Testen und Ausprobieren auch nach dem Workshop nichts im Weg.

Zu Beginn des Workshops wird es einen kurzen Crashkurs zur Bedienung von VoiceOver geben, damit jeder Teilnehmende dazu befähigt wird, später gegebenenfalls auch mal eine neue App hinsichtlich der Tauglichkeit für seine Zielgruppe zu beurteilen.

Am Ende des Kurses wird es schließlich noch einige Zubehör-Tipps geben.

Na, wurde dein Interesse geweckt? Dann melde dich schnell an, denn es steht nur eine beschränkte Anzahl an Plätzen zur Verfügung!

Für diesen Workshop sind folgende Dinge mitzubringen:

- iPhone (oder Android, siehe aber Anmerkung!)

- Kopfhörer

- vorinstallierte Apps (Liste wird TN kurz vorher zugestellt)

'''Anmerkung:''' Von den 15 Apps, die vorgestellt werden, stehen 10 auch für Android zur Verfügung. Der Fokus im Workshop liegt aber auf dem iPhone und aus Zeitgründen kann nicht auf beide Systeme eingegangen werden.

<span id="c-welcher-taschenrechner-soll-es-werden-so-gelingen-entscheidungsprozesse-für-den-inklusiven-unterricht"></span>
=== C: Welcher Taschenrechner soll es werden? So gelingen Entscheidungsprozesse für den (inklusiven) Unterricht (Heike Haaker, Schleswig) ===

In der Sekundarstufe I steht zur Klasse 7 hin eine wichtige Hilfsmittelentscheidung an. Ein wissenschaftlicher Taschenrechner (WTR) muss verpflichtend im Unterricht eingeführt werden. Aber was ist, wenn in einem inklusiven Setting das von der Schule empfohlene Hilfsmittel gravierende Barrieren beinhaltet und aufgrund von visuellen Beeinträchtigungen nicht oder nicht in vollem Umfang nutzbar ist?

Im Workshop werden verschiedene WTR-Alternativen vorgestellt und deren Vor- und Nachteile diskutiert. Ein Schwerpunkt liegt auf den diagnostischen und methodisch-didaktischen Fragestellungen, die diesen Auswahlprozess begleiten. Wie kann es gelingen, frühzeitig zukünftige Barrieren zu identifizieren und mit der Akzeptanz der betroffenen Jugendlichen zu Hilfsmittel-Lösungen zu finden, die bis zum angestrebten Schulabschluss tragfähig sind?

<span id="d-barrierefreie-grafiken-und-arbeitsblätter-mit-dem-edutttool-sonja-kuklok-kit-karlsruhe"></span>
=== D: Barrierefreie Grafiken und Arbeitsblätter mit dem EduTTTool (Sonja Kuklok, KIT Karlsruhe) ===

Entdecken Sie in diesem Workshop die Möglichkeiten barrierefreier Grafiken und Arbeitsblätter mit dem EduTTTool – einer innovativen Webanwendung zur Erstellung audio-taktiler Unterrichtsmaterialien mit dem Tiptoi®-Stift.

Der Workshop richtet sich an Lehrkräfte, die den Audiostift von Ravensburger als sinnvolle und motivierende Abwechslung im Unterricht einsetzen möchten. Mit dem EduTTTool lassen sich taktile Elemente wie Prägungen oder Schwellkopien gezielt mit auditiven Informationen verknüpfen.

Das Tool wurde am Zentrum für digitale Barrierefreiheit und Assistive Technologien (Access@KIT) des Karlsruher Instituts für Technologie (KIT) entwickelt und basiert auf dem Open-Source-Projekt tttool. Auch wenn noch nicht alles perfekt ist, haben die neuen Funktionen und Einsatzmöglichkeiten bereits zahlreiche Lehrkräfte an der blista überzeugt.

Gestalten Sie im Workshop Ihre ersten eigenen Arbeitsblätter – abwechslungsreich, spielerisch motivierend und vor allem für alle Lernende zugänglich.

<span id="section"></span>
== ==

<span id="seminare-nur-am-samstag"></span>
== Seminare NUR am Samstag: ==

=== E: Mitdenken lassen oder selbst denken lernen? KI im Unterricht reflektiert einsetzen (Jürgen Fleger, Marburg) ===

Im Workshop wird der Einsatz von KI im Hilfsmittelbereich praktisch

und pädagogisch reflektiert. Anhand konkreter Anwendungsszenarien

aus dem Schulalltag wird gemeinsam untersucht, wo KI sinnvolle Unterstützung bietet und wo sie Lernprozesse unbemerkt verändert.

'''<br />
=== F: PowerPoint war gestern - jetzt gibt es MARP! (Barbara Henn, Ilvesheim) ===

Endlich kein PowerPoint mehr! MARP (Markdown Presentation Ecosystem) bietet für blinde Schülerinnen und Schüler optimale Voraussetzungen für die Erstellung von Präsentationen. Es besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in Word erstellt und mit Hilfe eines Menübandes in HTML und PDF exportiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themen überzeugen.

In Kombination mit dem Menübandes für Word hat sich MARP in der Praxis für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen bewährt. In diesem Workshop wird es nach einer kurzen Einführung Gelegenheit geben, dies selbst praktisch zu erproben!

<span id="section-1"></span>
== ==

<span id="seminare-nur-am-sonntag"></span>
== Seminare NUR am Sonntag: ==

<span id="g-barrierefreiheit-von-bildungsmedien-fordern"></span>
=== G: Barrierefreiheit von Bildungsmedien fordern (Dr. Michael Richter und Kai Kortus, Marburg) ===

Welche Rechte und Möglichkeiten haben berechtigte Personen im Licht des Barrierefreiheitsstärkungsgesetz zur Umsetzung ihres Anspruches auf barrierefreie Bildungsmedien?

In diesem Workshop verknüpfen wir rechtliche Vorgaben an Verlage zur Barrierefreiheit mit der pädagogischen Praxis im Klassenzimmer.

Bringen Sie dazu gerne Ihre praxisrelevanten Sachverhalte mit, um diese hinsichtlich des BFSG zu betrachten. Außerdem wollen wir uns über „Leuchtturm-Projekte“ barrierefrei erstellter Bildungsinhalte austauschen, die als Vorbild für die Öffentlichkeit dienen.

<span id="h-in-einem-wiki-mitarbeiten-wie-geht-das-und-was-bringt-es-ulrich-kalina-marburg"></span>
=== H: In einem Wiki mitarbeiten – wie geht das und was bringt es? (Ulrich Kalina, Marburg) ===

Entdecken Sie in diesem Workshop, wie Wikis als kollaboratives Werkzeug genutzt werden können, um barrierefreie Unterrichtsmedien flexibel zu gestalten und rechtssicher im Web zu teilen. Wir zeigen Ihnen am Beispiel von ZUM.de und Augenbit.de, wie die universelle MediaWiki-Software Schülerinnen und Schülern mit Seheinschränkungen eine gleichberechtigte Teilhabe an digitalen Projekten ermöglicht. Lernen Sie praxisnah die Grundlagen der gemeinsamen Wissensdokumentation kennen und erfahren Sie, welche einfachen Regeln für eine optimale Barrierefreiheit entscheidend sind.

<br />
===I: Erstellung von interaktiven Bildungsangeboten für Lernende mit komplexen Beeinträchtigungen mit Hilfe von PowerPoint (Thomas Loscher, Friedberg)===

Interaktive Powerpoints bieten viele Möglichkeiten, um verschiedene Unterrichtsinhalte für Schülerinnen und Schüler mit einer Beeinträchtigung des Sehens, insbesondere auch mit komplexen Beeinträchtigungen, zugänglich zu machen. Aus diesem Grund soll in diesem Angebot erläutert und erprobt werden, wie eine solche Präsentation erstellt wird und wie sie auf verschiedenen Wiedergabegeräten genutzt werden kann.

<span id="section"></span>
== ==

<span id="anmeldung"></span>
== 1. Anmeldung ==

Die Anmeldung für die Tagung erfolgt online. Bitte melden Sie sich bis zum '''22.05.2026''' unter dem Link verbindlich an:

[https://nextcloud.augenbit.de/index.php/apps/forms/s/na6xBA9K9jDFp4ZjjxfDM94H Anmeldung Friedberg 2026]

Sie erhalten eine Bestätigung Ihrer Anmeldung per Antwort-Mail. '''Frühbucher''', die sich bis zum '''17.04.2026''' anmelden, überweisen bitte einen Tagungsbeitrag von 170,- € für VBS-Mitglieder (195.- € für Nicht-Mitglieder). Nach dem 17.04.2026 erhöht sich der Beitrag um 20,- €.

<span id="tagungsstätte-und-unterkunft"></span>
== 2. Tagungsstätte und Unterkunft ==

Die Tagung findet in der Johann-Peter-Schäfer-Schule (JPSS),

Johann-Peter-Schäfer-Str. 1 in 61169 Friedberg (Tel.: 06031-6080) statt.

Die Tagungsanmeldung erfolgt dort am Freitag zwischen 16:30 und 18:00 Uhr (vor dem Abendessen). Übernachtungsmöglichkeiten bestehen im Hotel Garni Stadt Friedberg, Am Seebach 2 in 61169 Friedberg. Dort haben wir ein Kontingent an Zimmern (Übernachtung mit Frühstück) reserviert. Die Vergabe der Zimmer erfolgt über die AG Inklusion in der Reihenfolge der Anmeldungen zur Tagung.

Für die Verpflegung am Freitag und Samstag können wir Ihnen Angebote in der JPSS anbieten. Bitte vermerken Sie auf Ihrem Anmeldebogen verbindlich, wenn Sie daran teilnehmen möchten. Wenn Sie nur die Tagungsverpflegung (ohne Übernachtung und Frühstück) in Anspruch nehmen möchten, füllen Sie Ihren Anmeldebogen bitte entsprechend aus und sorgen selbst für Ihre Unterbringung.

<span id="vorauszahlung"></span>
== 3. Vorauszahlung ==

Die '''Überweisung Ihres Kostenbeitrages''' erwarten wir unbedingt bis zum '''31.05.2026'''. Bitte berechnen Sie den für Sie zutreffenden Gesamtbetrag (Tagungsgebühr plus ggf. Übernachtung plus ggf. Verpflegung) nach den Angaben auf dem Anmeldebogen selbst und überweisen ihn '''zuverlässig und rechtzeitig''' an:

Konto der VBS-AG Inklusion

IBAN: DE22 5206 0410 0203 6921 40

BIC: GENODEF1EK1

Bei Anmeldung nach dem '''22.05.2026''' erhöht sich der Tagungsbeitrag gemäß einem VBS-Beschluss um 20 €. Ausländische Teilnehmerinnen und Teilnehmer können wegen der hohen Gebühren auch während der Tagung ohne Zuschlag zahlen.

<span id="ausfallgebühren"></span>
== 4. Ausfallgebühren ==

Im Falle einer Absage Ihrer Tagungsanmeldung müssen wir eine Bearbeitungsgebühr von 15 € einbehalten. Ihr restlicher Tagungsbeitrag kann Ihnen allerdings nur zurückerstattet werden, wenn Sie sich mindestens zwei Wochen vor Beginn der Tagung abgemeldet haben und keine Forderungen Dritter gegenüber dem Veranstalter bestehen, die aus den Tagungsbeiträgen beglichen werden müssen.

<span id="an--und-abreise"></span>
== 5. An- und Abreise ==

a) mit öffentlichen Verkehrsmitteln:

Vom Bahnhof Friedberg aus erreichen Sie das Hotel, wenn Sie sich in Richtung Stadthalle orientieren.

b) mit dem PKW:

Auf der Internetseite des Hotels (www.hotelstadtfriedberg.de) befindet sich ein Routenplaner, mit dem Sie Ihre Anfahrt individuell berechnen können.

<span id="vbs-mitgliedschaft"></span>
== 6. VBS-Mitgliedschaft ==

Wer noch kein Mitglied im VBS ist, kann das im Zuge dieser Anmeldung werden und muss dann nur den verminderten Tagungspreis für VBS-Mitglieder bezahlen. Die Mitgliedschaft beinhaltet neben ermäßigten Gebühren bei allen VBS-Tagungen auch den vierteljährlichen Bezug der VBS-Verbandszeitschrift „blind sehbehindert“.

<span id="fortbildungsumfang"></span>
== 7. Fortbildungsumfang ==

Der Fortbildungsumfang beträgt 20 Stunden.

LaTeX-Manual Sekundarstufe 2

2026-06-19T17:59:10Z

Henn: /* Analysis */

{{Vorlage:Navigationsleiste LaTeX}}

===Analysis ===
{| border="1"
|- {{highlight1}}
! style="background:#E0E0E0;"|  2D-Matheschrift
! style="background:#E0E0E0;" |  Verbale Beschreibung
! style="background:#E0E0E0;" | [[LaTeX#LaTeX-Online-Editor| LaTeX]]
! style="background:#E0E0E0;" | [[LaTeX#AsciiMath| AsciiMath]]
|-
| <math> n \to \infty </math>
| n geht gegen unendlich
| <code style="color: black;font-weight:550;"> n \to \infty </code>
| <code style="color: black;font-weight:550;"> n -> oo </code></br>(zwei kleine o)
|-
| <math> \lim_{h \to 0} </math>
| Limes h gegen 0
| <code style="color: black;font-weight:550;"> \lim_{h \to 0} </code>
| <code style="color: black;font-weight:550;"> lim_(h -> 0) </code>
|-
| <math> \lim_{x \to x_0} </math>
| Limes x gegen x Index 0
| <code style="color: black;font-weight:550;"> \lim_{x \to x_0} </code>
| <code style="color: black;font-weight:550;"> lim_(x -> x_0) </code>
|-
| <math> f'(x), f''(x) </math>
| f Strich von x, f zwei Strich von x
| <code style="color: black;font-weight:550;"> f'(x), f<nowiki>''</nowiki>(x) </code>
| <code style="color: black;font-weight:550;"> f'(x), f<nowiki>''</nowiki>(x) </code>
|-
| <math>\sum_{i=0}^n A_n </math>
| Summe von i gleich 0 bis n über A Index n
| <code style="color: black;font-weight:550;"> \sum_{i =0}^n A_n </code>
| <code style="color: black;font-weight:550;"> sum_(i =0)^n A_n </code>
|-
| <math>\int_a^b f(x) dx </math>
| Integral von a bis b über f von x dx
| <code style="color: black;font-weight:550;"> \int_a^b f(x) dx </code>
| <code style="color: black;font-weight:550;"> int_a^b f(x) dx </code>
|}

===Stochastik ===
{| border="1"
|- {{highlight1}}
! style="background:#E0E0E0;"|  2D-Matheschrift
! style="background:#E0E0E0;" |  Verbale Beschreibung
! style="background:#E0E0E0;" | [[LaTeX#LaTeX-Online-Editor| LaTeX]]
! style="background:#E0E0E0;" | [[LaTeX#AsciiMath| AsciiMath]]
! style="background:#E0E0E0;" | [[LaTeX#LaTeX-Abk.C3.BCrzungen| LaTeX-Abkürzung]]
|-
| <math> n! </math>
| n Fakultät
| <code style="color: black;font-weight:550;"> n! </code>
| <code style="color: black;font-weight:550;"> n! </code>
|
|-
| <math>{n \choose k} </math>
| Binomialkoeffizient n über k
| <code style="color: black;font-weight:550;"> { n \choose k} </code> oder </br><code style="color: black;font-weight:550;"> \binom{n}{k} </code>
| <code style="color: black;font-weight:550;"> ((n),(k)) </code>
|
|-
| <math>\sigma \qquad \Omega </math>
| klein Sigma groß Omega
| <code style="color: black;font-weight:550;"> \sigma   \Omega</code>
| <code style="color: black;font-weight:550;"> sigma   Omega </code>
| <code style="color: black;font-weight:550;"> ~s   ~W </code>
|}

===Analytische Geometrie===
{| border="1"
|- {{highlight1}}
! style="background:#E0E0E0;"|  2D-Matheschrift
! style="background:#E0E0E0;" |  Verbale Beschreibung
! style="background:#E0E0E0;" | [[LaTeX#LaTeX-Online-Editor| LaTeX]]
! style="background:#E0E0E0;" | [[LaTeX#AsciiMath| AsciiMath]]
|-
| <math>\vec{p} = \begin{pmatrix} x; & y; & z-3 \end{pmatrix}</math>
| Vektor p ist gleich Zeilenvektor x ; y ; z-3 Vektorende
| <code style="color: black;font-weight:550;"> \vec{p} = \begin{pmatrix} x; & y; & z-3 \end{pmatrix}</code>
| <code style="color: black;font-weight:550;"> vec(p) = </code><br> <code style="color: black;font-weight:550;"> (x; y; z-3) </code>
|-
| <math>\vec{q} = \begin{pmatrix} -5 \\ 0,5 \\ k+4 \end{pmatrix} </math>
| Vektor q ist gleich Spaltenvektor -5 0,5 k+4 Vektorende
| <code style="color: black;font-weight:550;"> \vec{q} = \begin{pmatrix} -5 \\ 0,5 \\ k+4 \end{pmatrix} </code>
| <code style="color: black;font-weight:550;"> vec(q) = ((-5)(0,5)(k+4)) </code>
|-
| <math>\vec{p} \times \vec{q} </math>
| Vektorprodukt (Kreuzprodukt) der Vektoren p und q
| <code style="color: black;font-weight:550;"> \vec{p} \times \vec{q} </code>
| <code style="color: black;font-weight:550;"> vec(p) times vec(q) </code>
|-
| <math> \begin{pmatrix} a&b&c \\ d&e&f \end{pmatrix} </math>
| 2 Kreuz 3 Matrix Zeilenanfang a b c Zeilenende Zeilenanfang d e f Zeilenende Matrixende
| <code style="color: black;font-weight:550;"> \begin{pmatrix} a & b & c \\ d & e & f \end{pmatrix} </code>
| <code style="color: black;font-weight:550;"> ((a, b, c)</code> <br> <code style="color: black;font-weight:550;"> (d, e, f)) </code>
|-
| <math>\begin{pmatrix} a&b&c \\ d&e&f \end{pmatrix}</math>
| Alternative Schreibweise
| <code style="color: black;font-weight:550;"> \matrix{a & b & c \\ d & e & f} </code>
|<code style="color: black;font-weight:550;"> \mat{a & b & c \\ d & e & f} </code>
|}

[[Kategorie:LaTeX]]

Präsentieren mit Marp

2026-06-12T14:18:15Z

Henn: /* Verlinkungen */

== Warum etwas neues? ==
Ein neuer Ansatz neben dem klassischen Präsentieren mittels Powerpoint ist die Nutzung eines auf Markdown basiertem Präsentationssystems. Die Auszeichnungssprache [https://de.wikipedia.org/wiki/Markdown Markdown] besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in einem Texteditor erstellt und anschließend mit einer Konvertierungssoftware in HTML und PDF exportiert. Für die Konvertierung gibt es verschiedene Softwarepakete, durch das Testen der Endprodukte auf Barrierefreiheit hat sich Marp als Favorit herauskristalisiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themes überzeugen.

Marp gibt es in verschiedenen Varianten, interessant sind vor allem das Plugin für VisualStudio Code und die Kommandozeilenversion. Hier gehe ich insbesondere auf die Kommandozeilenversion ein, die in Kombination mit der Nutzung des Menübandes für Word für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen gut und sicher zu nutzen ist.

Vorbereitung: [[Installation von Marp CLI (ansteuerbar mit Word)|Installation von Marp inklusive Menüband für Word]] (eigene Seite)

# [[Präsentieren mit Marp#Voreinstellung und Vorbereitung|Voreinstellungen in Word]]
# [[Präsentieren mit Marp#Gestaltung der Präsentation|Gestaltung der Präsentation]]
# [[Präsentieren mit Marp#3. Durchführung der Präsentation|Durchführung der Präsentation]]
# [[Präsentieren mit Marp#4. Tipps und Tricks für Profis|Tipps und Tricks für Profis]]

== 1. Voreinstellung und Vorbereitung ==
Die Präsentation kann direkt in Word erstellt werden, der Export nach html und PDF erfolgt über das Marp-Menüband. Damit dies sauber funktioniert, muss folgender Punkt in den Word Optionen '''deaktiviert''' sein:

'''Dokumentprüfung, Autokorrekturoptionen, Autoformat während der Eingabe, Während der Eingabe übernehmen: Rahmenlinien'''

== 2. Gestaltung der Präsentation ==
Der Aufbau einer Präsentation ist sehr einfach.

=== 1. Kopf ===
---
marp: true
---
Der Kopf muss den Ausdruck marp: true enthalten. Optional lassen sich noch weitere Parameter setzen, dies ist für den Anfang jedoch nicht erforderlich. [[Präsentieren mit Marp#2.3 Kopfanpassungen|Hier]] folgen aber noch weitere Erläuterungen

=== 2. Foliengestaltung ===
Jede Folie wird durch Zeilen mit drei Minuszeichen begrenzt. Vor dem Folienwechsel sollte immer eine Leerzeile stehen.
--- (Folienwechsel)
# Titel der Folie
- Stichpunkt
- Stichpunkt

--- (nächste Folie)
Als Orientierung, welche Anzahl an Stichpunkten sinnvoll ist, kann man den Schülerinnen und Schülern eine "Handvoll Stichpunkte" - also fünf Stichpunkte - pro Folie nennen.

Möchte man mit Unterüberschriften arbeiten, so kann mit ## Unterüberschrift eine Überschrift der Ebene 2 hinzugefügt werden. Für Stichpunkte gibt es auch die Option mit "Aufblättern" zu arbeiten, davon raten wir jedoch blinden Schülerinnen und Schülern eher ab, da die Kontrolle und Bedienung dadurch etwas erschwert wird. Möchte man dies dennoch, so können die Stichpunkte mit einem * angekündigt werden.

Mit Markdown lassen sich auch Formatierungen wie Kursivdruck oder Fettdruck erzeugen: ** erzeugt einen fetten Text, * erzeugt einen kursiven Text.
---
# Titel der Folie
* Stichpunkt 1
* Stichpunkt 2
* **besonders wichtiges Argument**
---

==== 2.1 Bilder einfügen ====
Bilder sind für Präsentationen vor einem sehenden Publikum eine gute Hilfe, Stimmungen und zusätzliche Informationen zu vermitteln. Auch wenn mittels Google Bildersuche oder diversen KI Bildgeneratoren vielleicht in Zukunft auch eine Gestaltung ohne sehende Hilfe möglich ist, so empfehlen wir doch sehr, dass Bilder in einer hohen Auflösung von einer sehenden Person auf Anweisung des Erstellers herausgesucht werden. Wichtig ist, die Bilder in den gleichen Ordner wie die Textdatei der Präsentation abzulegen und mit einem kurzen, eindeutligen Dateinamen zu benennen.

Marp bietet für Bilder verschiedene Einfügeoptionen. Es ist sinnvoll, die Syntax mit den Schülerinnen und Schülern zu besprechen, da dann auch nachträglich Anpassungen vorgenommen werden können.

Hier zunächst die Grundstruktur:
![bg Kurzbeschreibung](bildname.jpg)
'''Achtung: Der Bildname darf keine Leerzeichen enthalten!'''

Durch ![bg] - bg steht für Background - wird bei der Konvertierung ein Bild in den Hintergrund einer Folie gelegt. In runden Klammern folgt der exakte Dateiname mit Endung (ggf. im Explorer die Ansicht anpassen, so dass die Endungen immer angezeigt werden). Vor die schließende eckige Klammer kann mit wenigen Worten eine Bildbeschreibung eingefügt werden, die später auch in der html-Datei eingebaut wird.

Ohne weitere Zusätze wird das Bild über die komplette Folienbreite und Folienhöhe eingefügt. Hierbei gibt es keine Verzerrung, es wird aber entweder oben/unten oder rechts/links "beschnitten", so dass es die Folie vollständig ausfüllt.

Anhand des [https://unsplash.com/de/fotos/ein-mann-der-auf-dem-gipfel-eines-berges-neben-einem-see-steht-BcWAKeBRbvE Fotos von Deepak Nautiyal auf Unsplash] soll hier kurz veranschaulicht werden, was das bedeutet.

'''Originalbild (hochkant):'''

[[Datei:Blauroter-vogel.jpg|alternativtext=blau-roter Vogel|rahmenlos|533x533px]]

Hier nun die Einbindung als Hintergrund einer Folie:
![bg blauroter Vogel](blauroter-vogel.jpg)
[[Datei:Zuschnitt-vogel.png|alternativtext=Zuschnitt des Vogelbildes auf Präsentationsformat (unten und oben abgeschnitten, die Füße sind nicht mehr zu sehen)|rahmenlos|535x535px]]

Für ein Bild im Hochkantformat ist das komplette Ausfüllen der Folie nicht sinnvoll, da in der Regel von oben und unten viel zu viel beschnitten werden muss. Entweder entscheidet man sich für eine Seite (linke oder rechte Hälfte der Folie) oder gibt mit "fit" eine Zusatzanweisung, dass das Bild komplett zu sehen sein soll.
![bg fit blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-fit.png|alternativtext=Das Bild des blauroten Vogels ist mittig auf der Folie platziert und komplett zu sehen, rechts und links breite weiße Balken.|rahmenlos|521x521px]]

Nun ist das Bild vollständig auf der Folie zu sehen, allerdings bietet es sich für Hochkantbilder wirklich deutlich mehr an, nur eine Hälfte der Folie damit zu füllen.
![bg left blauroter Vogel](blauroter-vogel.jpg) oder ![bg right blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-left.png|alternativtext=Das Bild des blauroten Vogels ist auf die linke Hälfte der Folie eingepasst, rechts steht der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]][[Datei:BlauroterVogel-right.png|alternativtext=Der blaurote Vogel ist auf der rechten Hälfte der Folie zu sehen, links der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]]

Durch "right" bzw. "left" kann man die Folienhälfte auswählen. Auch hier hat man die Option, das Bild bei Bedarf (wenn alle Details auch in den Randbereichen sichtbar sein sollen) mit dem "fit" Zusatz einzupassen.

Für die Schülerinnen und Schüler hat sich je nach Geschmack ![bg left] bzw. ![bg right] als beste Option herauskristallisiert.

==== 2.2 Audio und Video ====
In PDF lassen sich weder Audio noch Video einbinden, für html gibt es die Option mittels html-Tags. In der Steuerung ist es nicht optimal, aber mit ein paar Kniffen beherrschbar. Einfügen sollte man ein Video immer auf einer eigener Folie, beim Audiocontroller ist nicht so viel Platz erforderlich, daher kann dort ein Titel noch problemlos hinzugefügt werden.

Wichtig ist, eine Leerzeile über und unter den Eintrag zu setzen.

Wie bei Bildern gilt das gleiche Prinzip: die Video-/Audiodateien müssen im gleichen Ordner wie die Präsentation liegen. Alternativ kann man auch direkte Internetlinks zu Videos hinter src einsetzen. Auch hier gilt: keine Leerzeichen in Dateinamen nutzen.
---

<video src=videodatei.mp4 controls width=100%></video>

---

---
# Titel der Folie

<audio src=audio.mp3 controls></audio>

---

==== 2.3 Kopfanpassungen ====
Im Kopf lassen sich neben dem reinen Aktivieren von Marp weitere Parameter setzen. Hier eine kurze Übersicht der wichtigsten
---
marp: true
class: invert 'Wechsel auf dunkles Farbschema
paginate: true 'Hier werden Seitenzahlen unten rechts hinzugefügt
title: "Titel der Präsentation"
footer: "Fusszeile"
header: "Kopfzeile"
theme: style 'Wenn man einen individuellen Stil möchte
---

==== 2.4 Links, Zitate und Code ====

===== Verlinkungen =====
Um Links innerhalb einer Präsentation zu erstellen, muss der Linktext in eckigen Klammern und die Nummer der Folie in runden Klammern dahinter angegeben werden:
[Springe auf Folie 2](#2)
Internetlinks können direkt einfügt werden, indem du einen Linktext in eckigen und den Link in runde Klammern setzt.
[SBBZ-Ilvesheim](https://sbbz-ilvesheim.de)

===== Zitat =====
Einen Zitatblock kann man mit vorangestelltem Größerzeichen formatieren:
> Zitatblock
> Das ist ein Text
<div>

== 3. Durchführung der Präsentation ==
Für die Durchführung der Präsentation hat man zwei Optionen mit unterschiedlichen Vorteilen. Beide lassen sich mit einem Presenter bedienen.

==== PDF ====
Die PDF hat den Vorteil der einfachen Bedienbarkeit. Folien lassen sich einfach mit den Pfeiltasten weiterblättern (mit PFEIL AB kann man von oben durch die Folie hindurchgehen, das Folienende ist durch mc-ref Grafik ausgezeichnet). Für die Präsentation empfiehlt es sich den Vollbildmodus (STRG+L) zu starten.

Überschriften sind ausgezeichnet, Listen gut auslesbar. Bilder jedoch sind nicht mit dem im Quelltext angegebenen Alternativtext versehen und Videos sowie Audios lassen sich selbstverständlich nicht im PDF Viewer abspielen.

Das Format bietet sich zudem als "Abgabe" bei der Lehrkraft an - hier sind die Bilder direkt eingebettet und die Übergabe einer Datei genügt.

==== HTML ====
Die html-Datei hat andere Vorteile: Bilder haben ihre Bildbeschreibung, Videos und Audios lassen sich abspielen (wenn auch etwas hakelig). Nach dem Abspielen von Video- und Audiodateien kann es sein, dass die Präsentation hängen bleibt und das Weiterblättern nicht mehr möglich ist. In diesem Fall einfach einmal F5 drücken um die Seite frisch zu laden.

Mit ALT+PFEIL RECHTS oder ALT+ BILDAB kann man die nächste Folie aufrufen. Zurückspringen zur vorherigen Folie: ALT+PFEIL LINKS oder ALT+BILDAUF

Achtung! Der Cursor befindet sich zu Beginn nicht auf dem Anfang der Folie - hier jeweils mit STRG+POS1 an den Anfang springen. Hat man die Foliennummerierung aktiviert, kann man das Ende der Folie immer an der Foliennummer erkennen.

Für das Abspielen von Videos gilt: nach dem Abspielen ist der Cursor im Videoplayer gefangen, einmal F5 drücken und dann zur nächsten Folie weiterblättern.

Nutzt man die html-Datei zum Präsentieren, so muss man immer den gesamten Präsentationsorder "mitnehmen", da die Bilder und Videos lediglich verlinkt und damit eingebunden, aber nicht eingebettet sind.

== 4. Tipps und Tricks für Profis ==

===== Codeblöcke =====
Möchte man einen Codeblock einbinden, muss dieser mit drei Backticks (`) angekündigt werden. Danach folgt der Name der Programmiersprache und in einer neuen Zeile der Code und wieder drei Backticks.
```python
@import
if this
then that
```

===== Diagramme =====
Möchte man Mermaid Diagramme in Marp einbauen, so muss zusätzlich das Mermaid Modul hinzugeladen werden. Das ist nur für erfahrenere Nutzer empfehlenswert. Das Skript muss in der Präsentation beispielsweise auf der ersten Folie eingebunden werden, indem folgender Baustein eingefügt wird:
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
</script>

Anschließend kann man über einen html "<nowiki><div>-Tag" das Diagramm setzen: </nowiki><div>
<nowiki>
<div class="mermaid">
graph LR;
a --> b;
b --> c;
c --> a;
</div></nowiki>

==== Folienübergänge ====
Marp bietet einige Optionen für den Übergang zwischen Folien. Diese kann man Präsentationsübergreifend im Kopf festlegen. Alternativ kann man den Übergang durch den Eintrag  auf einer Folie auch nur für einzelne Folien festlegen.

Empfehlenswert, da nicht zu aufdringlich, ist beispielsweise diese Option:
transition: fade

Die Übergänge sind nur in der html Version nutzbar. Hier eine Liste aller Möglichkeiten:
clockwise, counterclockwise, cover, coverflow, cube, cylinder, diamond, drop, explode, fade, fade-out, fall, flip, glow, implode, in-out, iris-in, iris-out, overlap, pivot, pull, push, reveal, revealslide, swap, swipe, swoosh, wipe, zoom

Eine Voransicht des Effektes lässt sich auf https://github.com/marp-team/marp-cli/blob/main/docs/bespoke-transitions/README.md#built-in-transitions einsehen.

=== Theme ändern ===
Möchtest du ein anderes Theme nutzen, so hast du standardmäßig folgende Themes zur Auswahl:

gaia, uncover und default, jeweils mit der Option der Invertierung. Gaia und Uncover bieten wesentlich weniger Platz auf einer Folie, so dass eine Folie leicht überläuft.

Eine weitere Alternative ist, ein eigenes Stilset zu nutzen. Über das Menüband wird dieses automatisch erstellt, wenn du "Exportieren mit Stil" nutzt. Die Vorlage ist mit einer etwas größeren Schriftart und bietet die Möglichkeit einer speziellen Titelfolie. Wichtig: im Kopf muss der Eintrag theme: style gesetzt werden.

=== Titelfolie ===
Um eine Titelfolie mit zentriertem, besonders großem Text zu nutzen, muss man

 auf dieser Folie hinzufügen. Dies kann auch über das Menü vorgenommen werden. Bei anschließendem Exportieren mit Stil wird die Folie dann wie gewünscht erzeugt. Für eine invertierte Darstellung gibt es einen eigenen Button, der stattdessen  einfügt.

=== Hintergrund und Schriftfarbe ===
Auch wenn wir die Nutzung der Standardfarben (Hintergrund weiß oder invertiert) dringend empfehlen, ist es möglich, die Farben anzupassen, ohne in die manuelle Bearbeitung der style.css zu müssen.

Über das Stil-Menü kannst du verschiedene Farben festlegen. Hintergrundfarbe, Schriftfarbe, Farbe der Überschriften der Ebene 1 und Farbe von Hervorhebungen (Fettdruck) in Überschriften. Zusätzlich lässt sich eine andere Schriftart wählen. Diese Einstellungen lassen sich über die Zurücksetzen-Option wieder auf die Standardwerte stellen. Sie werden nur angewandt, wenn Exportieren mit Stil gewählt wird.

=== Gestaltung einzelner Folien ===
Um Anpassungen für nur eine Folie oder einen Abschnitt festzulegen, musst du zu Beginn der Folie einen sogenannten HTML-Kommentar hinzufügen. Unterschieden wird, ob du für alle folgenden Folien diese Anpassung haben möchtest, oder nur für die aktuelle. Für einen Übergang kann das dann so aussehen:

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die nächste Folie: ====
<nowiki></nowiki>

Diese Möglichkeit lässt sich auch auf andere Steuerbefehle anwenden. So kann man beispielsweise temporär mit einer Invertierung arbeiten.

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die aktuelle Folie: ====
<nowiki></nowiki>

Auf diesem Wege lässt sich auch der Footer/Header und die Seitennummerierung auf einzelnen Folien ausblenden. Dies ist insbesondere bei Folien, die nur ein Bild enthalten, sinnvoll.

<nowiki></nowiki>

<nowiki></nowiki>

Informatik

2026-06-11T16:49:15Z

Henn:

== [[Informatik als Unterrichtsfach|Lernpfad Know-How-Computer]] ==

* Der Know-How-Computer ist ein Klassiker aus der Rubrik "Informatik ohne Strom". Für seine Hardware reichen ein Blatt Papier, ein Stift und ein paar Streichhölzer aus.
* Auf ZUM.de (Zentrale für Unterrichtsmedien im Internet) gibt es einen barrierefreien Lernpfad Know-How-Computer, der anschaulich und handlungsorientiert zu den Anfängen und Grundlagen des Computerbaus und der Programmierung von Maschinen führt. Eine Entdeckungstour für alle, die be-greifen wollen, wie ein Computer in seinem Innersten funktioniert.
* Und wer sich dafür interessiert, um was es - über das Programmieren hinaus - sonst noch so in der Fachwissenschaft Informatik geht, der erhält in den hinteren Kapiteln einen kleinen Einblick. Sie sind so eine Art "Schnupperkurs" in das Fach Informatik. Da geht es um Themen wie die Von-Neumann-Rechnerarchitektur, die Grammatik formaler Sprachen, Parser und endliche Automaten - immer anschaulich erklärt am Beispiel des Know-How-Computers.

== Programmierung ==

* mit Sonic Pi

== Struktogramme (Nassi-Shneiderman-Diagramme) ==
[[Datei:Struktogramm.png|alternativtext=Einfaches Struktogramm mit einer Fallunterscheidung|rahmenlos|365x365px]]

* Ein Struktogramm ist ein Diagrammtyp zur Darstellung von Programmentwürfen unabhängig von der Programmiersprache. Im Unterricht werden für sehende Schülerinnen und Schüler visuelle Baukastensysteme genutzt, welche über die Maus einfach zusammengebastelt werden können. LaTeX kann dazu für blinde und hochgradig sehbehinderte Schülerinnen und Schüler eine Alternative darstellen. [[Struktogramme mit LaTeX]]
* Eine neue, wesentlich einfachere Version ist eine Eingabe über Pseudocode und eine Ausgabe mit Braillefont und einem Standardfont. Es ist noch im Entwicklungsstatus, kann aber schon getestet werden! Bald mehr. https://pages.mbz-ilvesheim.de/barbara.henn/struktogrammer-pseudocode

== Netzwerkkomponenten ==

* Auf Tactiles hat Onno Flach einen schöne Idee zum Aufbau eines Netzes eingestellt. Zur Verbindung der einzelnen Komponenten können kurze Netzwerkkabel mit RJ45 Stecker genutzt werden. Der Remix darunter ist eine Adaption zur Nutzung auf Duploplatten
* https://tactiles.eu/3d-model/network-components/
* https://tactiles.eu/3d-model/network-components-remix/

Installation von Marp CLI (ansteuerbar mit Word)

2026-06-11T16:43:43Z

Henn: Änderung 8310 von Henn (Diskussion) rückgängig gemacht.

https://github.com/marp-team/marp-cli/releases/

Download der Zip-Datei der aktuellsten Windowsversion und Abspeichern der entpackten marp.exe unter C:\Program Files\marp-cli\marp.exe (Administratorenrechte zum Erstellen des Ordners und dem Verschieben erforderlich!!)

[https://nextcloud.augenbit.de/index.php/s/tsYq5GowQZSZ7jM/download Download Menüband]

Ablegen des Menübandes im STARTUP-Ordner von Word (erreichbar über %appdata%, Microsoft, Word).

[[Datei:MarpMenueband1.1neu.png|alternativtext=Ansicht des Marp Menübandes für Word|rahmenlos|856x856px]]

Neuerungen in der V1.1 des Menübandes:

* Erweiterung des Kopfes (Nutzung eigener Themedatei)
* Härtung des gesamten Codes
* Kopf ist nun auch im Nachhinein zu bearbeiten, der Block am Beginn des Dokuments wird dann entsprechend edititert
* Barrierefreiheit der Dialogfelder wurde erhöht (Komboboxen werden nun bei Änderung angesagt)
* Bei Leerzeichen in Bilder, Audio und Video Dateinamen wird automatisch das erforderliche Zeichen ersetzt (meine Bilder.jpg wird zu meine%20Bilder.jpg), sodass eine Wandlung möglich ist.
* Exportieren mit Stil erstellt eine rudimentäre style.css (falls nicht schon eine eigene vorhanden), die eine etwas größere Schrift und bessere Darstellungsmöglichkeiten von Tabellen bietet, Titelfolienlayout unterstützt und sonst auf dem Standardtheme basiert.
* Über das Stilmenü lassen sich individuelle Farbkombinationen für Hintergrund, Schrift, Überschrift 1 und Hervorhebungen in der Überschrift auswählen, zudem kann die Schriftart geändert werden
* Bei "Übergänge" kann eine Transition für den Folienübergang gewählt werden.
* Funktionen für Fortgeschrittene: Tabellenvorlage, Codeblockvorlage, Script um Mermaid Diagramme einbinden zu können.

=== Bedienung: ===
Aufruf des Menüs: ALT+#

Kopf: K

Bild: B

neue Folie: FL

Link: L

Audio: A

Video: V

Hilfe: H

Export: EX

Export mit Stil: ES

Titelfolie: TT

Titelfolie inverst: TI

Stil: ST

Übergänge: Ü

Tabellen: TB

Codeblock: C

Mermaid-Script: MM

== Funktionalität ==

=== Gruppe Gestaltung ===

===== Kopf =====
Im Kopf lassen sich Startparameter festlegen. Diese werden in den Steuerungskopf der Datei geschrieben. Der Block wird bei erstmaliger Nutzung angelegt.

---

marp: true

---

[[Datei:MarpMenuKopf.png|alternativtext=Dialogfeld Kopf Marp Menü|rahmenlos|532x532px]]

* Dunkler Hintergrund aktiviert das Inverse Schema (class: invert)
* Seitenzahlen aktiviert die Foliennummerierung (paginate: true)
* Titel der Präsentation erscheint als Name im Tab des Browsers bzw. in der Fensterleiste der PDF
* Fußzeile und Kopfzeile
* eigene Stildatei ermöglicht Anpassungen an Folienübergängen, Schriftart, Farben.

==== Bild ====
Über dieses Dialogfenster lassen sich Bilder einfügen. Der Dateiname muss zwingend mit Dateiendung eingegeben werden (.jpg oder .png). Die Position kann über das Kombinationsfeld ausgewählt werden (rechts, links, Vollbild), die Kurzbeschreibung erscheint in der html Datei am Ende als Alternativtext. Leerzeichen werden seit dieser Version durch die passenden Steuerungszeichen ersetzt, sind also kein Problem mehr.

Über die Checkbox "Bild an die Folie anpassen" kann zusätzlich der Parameter "fit" eingefügt werden.

[[Datei:BildMarpMenü.png|alternativtext=Ansicht des Bilddialogs beim Marpmenü|rahmenlos|500x500px]]

==== neue Folie ====
Dies fügt eine Leerzeile, den Folientrenner --- und eine neue Zeile ein.

==== Link ====
Der Baustein [Linktext](https:\\linkadresse) wird eingefügt. Der Linktext in den eckigen Klammern erscheint sichtbar in der Präsentation, die linkadresse muss vollständig eingefügt werden.

==== Audio und Video ====
[[Datei:AudioMarpMenü.png|alternativtext=Ansicht Audio Dialog Marpmenü|rahmenlos|400x400px]][[Datei:VideoMarpMenue.png|alternativtext=Ansicht Video Dialog Marp Menü|rahmenlos|413x413px]]

Hier muss wie beim Bild der gesamte Dateiname eingegeben werden. Leerzeichen werden seit dieser Version durch die passenden Steuerungszeichen ersetzt, sind also kein Problem mehr.

==== Hilfe ====
Hier finden sich die wichtigsten Auszeichnungsmöglichkeiten.

[[Datei:HilfeMarpMenue.png|alternativtext=Hilfefenster des Marp-Menüs|rahmenlos|319x319px]]

==== Exportoptionen ====
[[Datei:ExportMarpMenue.png|alternativtext=Buttons für den Export aus dem Marp Menü|rahmenlos|200x200px]]

Es gibt zwei Optionen für den Export. Möchte man einfach das Standardtheme, welches der Entwickler von Marp entworfen hat, Gaia oder Uncover, so genügt es einfach zu Exportieren. Es werden immer eine PDF und eine HTML Datei erzeugt. Zusätzlich wird das "Zwischenprodukt" Markdown mit der Endung .md geschrieben.

Exportieren mit Stil bietet in der Grundeinstellung das Standardtheme mit etwas größerer Schrift und besserer Folienausnutzung bei Tabellen. Um zentrierte Titelfolien erstellen zu können, ist hier eine zusätzliche Klasse eingefügt, welches den Titel, etwas größer und zentriert auf der so ausgezeichneten Folie platziert. Außerdem lassen sich individuelle Farb- und Schriftartanpassungen über den Stildialog einbinden.

Im Hintergrund wird eine .css Datei geschrieben, die im Präsentationsordner liegt und für den Export dann genutzt wird.

==== Titelfolie und Titelfolie invers ====
[[Datei:TitelfolieMarpMenue.png|alternativtext=Ansicht Titelfolie zentrierter Text |rahmenlos]][[Datei:TitelInversMarpMenue.png|alternativtext=Ansicht inverse Titelfolie mit zentriertem Text|rahmenlos]]

Um solche Titelfolien zu erzeugen muss auf der gewünschten Folie <nowiki></nowiki> oder <nowiki></nowiki> geschrieben werden. Dies übernehmen die beiden Buttons. Wichtig: Die Ausrichtung funktioniert nur bei Export mit Stil!

==== Stil ====
In diesem Dialogfenster lassen sich Farben anpassen (Farben aus Ausklappliste auswählen oder als HEX-Code eingeben)

Hintergrundfarbe, Schriftfarbe, Überschrift 1 und Hervorhebungen in Überschriften lassen sich so festlegen. Sind die Standardwerte gesetzt, so kann man weiterhin über class: invert die Invertierung aktivieren. Man kann natürlich auch über das Menü ein eigenes dunkles Schema entwickeln. Wichtig ist aber in diesem Falle, die Farbkombination vorab visuell prüfen zu lassen.

Neben der Farbanpassung kann auch die Schriftart für den Text aus einer Ausklappliste gewählt werden.
[[Datei:StilMarpMenue.png|alternativtext=Stil Dialog Marp-Menü|rahmenlos|500x500px]]

Diese Anpassungen greifen nur, wenn Exportieren mit Stil gewählt wird.

==== Übergänge ====
[[Datei:ÜbergängeMarpMenue.png|alternativtext=Auswahlfenster Folienübergänge MarpMenü|rahmenlos]]

Marp bietet einige vorgefertigten Folienübergänge, diese lassen sich über dieses Dialogfenster auswählen. Empfohlen wird von mir fade, da dies dezent und aufwertend erscheint. Die Übergänge haben nur Auswirkungen auf die html Datei, nicht die PDF.

==== Tabelle ====
Über einen Abfrage Dialog (Wieviele Zeilen, wie viele Spalten, Header ja/nein) kann die Grundstruktur einer Markdown Tabelle eingefügt werden.

Die Leerzeichen zwischen den | müssen dann durch den gewünschten Text ersetzt werden. Eine Tabellenvorlage mit 3 Spalten und 2 Zeilen und Header sieht dann so aus:

| | | |

| --- | --- | --- |

| | | |

gefüllt:

|Kopf1|Kopf2|Kopf3|

| --- | --- | --- |

|Zeile1|Zeile1|Zeile1|

==== Codeblock ====
Hier wird exemplarisch ein Python Codeblock eingefügt (Sprache einfach anpassen für korrektes Highlighting). In die Zeile unter den Sprachnamen vor den nächsten ``` dann den gewünschten Code schreiben.

```python

```

==== Mermaid Script ====
Um Mermaid Diagramme einbinden zu können, muss ein Script zusätzlich eingebaut werden. Dies muss irgendwo in der Präsentation stehen, nur nicht im Kopf. Dieser Block wird über das Menü eingefügt:

<script type="module">
import mermaid from '<nowiki>https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.esm.min.mjs'</nowiki>;
mermaid.initialize({ startOnLoad: true });
</script>

Dann kann über ein div auf einer Folie ein Diagramm erzeugt werden.
Beispiel:
<nowiki><div class="mermaid">
graph LR;
a --> b;
b --> c;
c --> a;
</div></nowiki>

Installation von Marp CLI (ansteuerbar mit Word)

2026-06-11T15:51:52Z

Henn:

https://github.com/marp-team/marp-cli/releases/

Download der Zip-Datei der aktuellsten Windowsversion und Abspeichern der entpackten marp.exe unter C:\Program Files\marp-cli\marp.exe (Administratorenrechte zum Erstellen des Ordners und dem Verschieben erforderlich!!)

Download Menüband

Ablegen des Menübandes im STARTUP-Ordner von Word (erreichbar über %appdata%, Microsoft, Word).

[[Datei:MarpMenueband1.1neu.png|alternativtext=Ansicht des Marp Menübandes für Word|rahmenlos|856x856px]]

Neuerungen in der V1.1 des Menübandes:

* Erweiterung des Kopfes (Nutzung eigener Themedatei)
* Härtung des gesamten Codes
* Kopf ist nun auch im Nachhinein zu bearbeiten, der Block am Beginn des Dokuments wird dann entsprechend edititert
* Barrierefreiheit der Dialogfelder wurde erhöht (Komboboxen werden nun bei Änderung angesagt)
* Bei Leerzeichen in Bilder, Audio und Video Dateinamen wird automatisch das erforderliche Zeichen ersetzt (meine Bilder.jpg wird zu meine%20Bilder.jpg), sodass eine Wandlung möglich ist.
* Exportieren mit Stil erstellt eine rudimentäre style.css (falls nicht schon eine eigene vorhanden), die eine etwas größere Schrift und bessere Darstellungsmöglichkeiten von Tabellen bietet, Titelfolienlayout unterstützt und sonst auf dem Standardtheme basiert.
* Über das Stilmenü lassen sich individuelle Farbkombinationen für Hintergrund, Schrift, Überschrift 1 und Hervorhebungen in der Überschrift auswählen, zudem kann die Schriftart geändert werden
* Bei "Übergänge" kann eine Transition für den Folienübergang gewählt werden.
* Funktionen für Fortgeschrittene: Tabellenvorlage, Codeblockvorlage, Script um Mermaid Diagramme einbinden zu können.

=== Bedienung: ===
Aufruf des Menüs: ALT+#

Kopf: K

Bild: B

neue Folie: FL

Link: L

Audio: A

Video: V

Hilfe: H

Export: EX

Export mit Stil: ES

Titelfolie: TT

Titelfolie inverst: TI

Stil: ST

Übergänge: Ü

Tabellen: TB

Codeblock: C

Mermaid-Script: MM

== Funktionalität ==

=== Gruppe Gestaltung ===

===== Kopf =====
Im Kopf lassen sich Startparameter festlegen. Diese werden in den Steuerungskopf der Datei geschrieben. Der Block wird bei erstmaliger Nutzung angelegt.

---

marp: true

---

[[Datei:MarpMenuKopf.png|alternativtext=Dialogfeld Kopf Marp Menü|rahmenlos|532x532px]]

* Dunkler Hintergrund aktiviert das Inverse Schema (class: invert)
* Seitenzahlen aktiviert die Foliennummerierung (paginate: true)
* Titel der Präsentation erscheint als Name im Tab des Browsers bzw. in der Fensterleiste der PDF
* Fußzeile und Kopfzeile
* eigene Stildatei ermöglicht Anpassungen an Folienübergängen, Schriftart, Farben.

==== Bild ====
Über dieses Dialogfenster lassen sich Bilder einfügen. Der Dateiname muss zwingend mit Dateiendung eingegeben werden (.jpg oder .png). Die Position kann über das Kombinationsfeld ausgewählt werden (rechts, links, Vollbild), die Kurzbeschreibung erscheint in der html Datei am Ende als Alternativtext. Leerzeichen werden seit dieser Version durch die passenden Steuerungszeichen ersetzt, sind also kein Problem mehr.

Über die Checkbox "Bild an die Folie anpassen" kann zusätzlich der Parameter "fit" eingefügt werden.

[[Datei:BildMarpMenü.png|alternativtext=Ansicht des Bilddialogs beim Marpmenü|rahmenlos|500x500px]]

==== neue Folie ====
Dies fügt eine Leerzeile, den Folientrenner --- und eine neue Zeile ein.

==== Link ====
Der Baustein [Linktext](https:\\linkadresse) wird eingefügt. Der Linktext in den eckigen Klammern erscheint sichtbar in der Präsentation, die linkadresse muss vollständig eingefügt werden.

==== Audio und Video ====
[[Datei:AudioMarpMenü.png|alternativtext=Ansicht Audio Dialog Marpmenü|rahmenlos|400x400px]][[Datei:VideoMarpMenue.png|alternativtext=Ansicht Video Dialog Marp Menü|rahmenlos|413x413px]]

Hier muss wie beim Bild der gesamte Dateiname eingegeben werden. Leerzeichen werden seit dieser Version durch die passenden Steuerungszeichen ersetzt, sind also kein Problem mehr.

==== Hilfe ====
Hier finden sich die wichtigsten Auszeichnungsmöglichkeiten.

[[Datei:HilfeMarpMenue.png|alternativtext=Hilfefenster des Marp-Menüs|rahmenlos|319x319px]]

==== Exportoptionen ====
[[Datei:ExportMarpMenue.png|alternativtext=Buttons für den Export aus dem Marp Menü|rahmenlos|200x200px]]

Es gibt zwei Optionen für den Export. Möchte man einfach das Standardtheme, welches der Entwickler von Marp entworfen hat, Gaia oder Uncover, so genügt es einfach zu Exportieren. Es werden immer eine PDF und eine HTML Datei erzeugt. Zusätzlich wird das "Zwischenprodukt" Markdown mit der Endung .md geschrieben.

Exportieren mit Stil bietet in der Grundeinstellung das Standardtheme mit etwas größerer Schrift und besserer Folienausnutzung bei Tabellen. Um zentrierte Titelfolien erstellen zu können, ist hier eine zusätzliche Klasse eingefügt, welches den Titel, etwas größer und zentriert auf der so ausgezeichneten Folie platziert. Außerdem lassen sich individuelle Farb- und Schriftartanpassungen über den Stildialog einbinden.

Im Hintergrund wird eine .css Datei geschrieben, die im Präsentationsordner liegt und für den Export dann genutzt wird.

==== Titelfolie und Titelfolie invers ====
[[Datei:TitelfolieMarpMenue.png|alternativtext=Ansicht Titelfolie zentrierter Text |rahmenlos]][[Datei:TitelInversMarpMenue.png|alternativtext=Ansicht inverse Titelfolie mit zentriertem Text|rahmenlos]]

Um solche Titelfolien zu erzeugen muss auf der gewünschten Folie <nowiki></nowiki> oder <nowiki></nowiki> geschrieben werden. Dies übernehmen die beiden Buttons. Wichtig: Die Ausrichtung funktioniert nur bei Export mit Stil!

==== Stil ====
In diesem Dialogfenster lassen sich Farben anpassen (Farben aus Ausklappliste auswählen oder als HEX-Code eingeben)

Hintergrundfarbe, Schriftfarbe, Überschrift 1 und Hervorhebungen in Überschriften lassen sich so festlegen. Sind die Standardwerte gesetzt, so kann man weiterhin über class: invert die Invertierung aktivieren. Man kann natürlich auch über das Menü ein eigenes dunkles Schema entwickeln. Wichtig ist aber in diesem Falle, die Farbkombination vorab visuell prüfen zu lassen.

Neben der Farbanpassung kann auch die Schriftart für den Text aus einer Ausklappliste gewählt werden.
[[Datei:StilMarpMenue.png|alternativtext=Stil Dialog Marp-Menü|rahmenlos|500x500px]]

Diese Anpassungen greifen nur, wenn Exportieren mit Stil gewählt wird.

==== Übergänge ====
[[Datei:ÜbergängeMarpMenue.png|alternativtext=Auswahlfenster Folienübergänge MarpMenü|rahmenlos]]

Marp bietet einige vorgefertigten Folienübergänge, diese lassen sich über dieses Dialogfenster auswählen. Empfohlen wird von mir fade, da dies dezent und aufwertend erscheint. Die Übergänge haben nur Auswirkungen auf die html Datei, nicht die PDF.

==== Tabelle ====
Über einen Abfrage Dialog (Wieviele Zeilen, wie viele Spalten, Header ja/nein) kann die Grundstruktur einer Markdown Tabelle eingefügt werden.

Die Leerzeichen zwischen den | müssen dann durch den gewünschten Text ersetzt werden. Eine Tabellenvorlage mit 3 Spalten und 2 Zeilen und Header sieht dann so aus:

| | | |

| --- | --- | --- |

| | | |

gefüllt:

|Kopf1|Kopf2|Kopf3|

| --- | --- | --- |

|Zeile1|Zeile1|Zeile1|

==== Codeblock ====
Hier wird exemplarisch ein Python Codeblock eingefügt (Sprache einfach anpassen für korrektes Highlighting). In die Zeile unter den Sprachnamen vor den nächsten ``` dann den gewünschten Code schreiben.

```python

```

==== Mermaid Script ====
Um Mermaid Diagramme einbinden zu können, muss ein Script zusätzlich eingebaut werden. Dies muss irgendwo in der Präsentation stehen, nur nicht im Kopf. Dieser Block wird über das Menü eingefügt:

<script type="module">
import mermaid from '<nowiki>https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.esm.min.mjs'</nowiki>;
mermaid.initialize({ startOnLoad: true });
</script>

Dann kann über ein div auf einer Folie ein Diagramm erzeugt werden.
Beispiel:
<nowiki><div class="mermaid">
graph LR;
a --> b;
b --> c;
c --> a;
</div></nowiki>

Informatik

2026-06-10T19:36:50Z

Henn:

== [[Informatik als Unterrichtsfach|Lernpfad Know-How-Computer]] ==

* Der Know-How-Computer ist ein Klassiker aus der Rubrik "Informatik ohne Strom". Für seine Hardware reichen ein Blatt Papier, ein Stift und ein paar Streichhölzer aus.
* Auf ZUM.de (Zentrale für Unterrichtsmedien im Internet) gibt es einen barrierefreien Lernpfad Know-How-Computer, der anschaulich und handlungsorientiert zu den Anfängen und Grundlagen des Computerbaus und der Programmierung von Maschinen führt. Eine Entdeckungstour für alle, die be-greifen wollen, wie ein Computer in seinem Innersten funktioniert.
* Und wer sich dafür interessiert, um was es - über das Programmieren hinaus - sonst noch so in der Fachwissenschaft Informatik geht, der erhält in den hinteren Kapiteln einen kleinen Einblick. Sie sind so eine Art "Schnupperkurs" in das Fach Informatik. Da geht es um Themen wie die Von-Neumann-Rechnerarchitektur, die Grammatik formaler Sprachen, Parser und endliche Automaten - immer anschaulich erklärt am Beispiel des Know-How-Computers.

== Programmierung ==

* mit Sonic Pi

== Struktogramme (Nassi-Shneiderman-Diagramme) ==
[[Datei:Struktogramm.png|alternativtext=Einfaches Struktogramm mit einer Fallunterscheidung|rahmenlos|365x365px]]

* Ein Struktogramm ist ein Diagrammtyp zur Darstellung von Programmentwürfen unabhängig von der Programmiersprache. Im Unterricht werden für sehende Schülerinnen und Schüler visuelle Baukastensysteme genutzt, welche über die Maus einfach zusammengebastelt werden können. LaTeX kann dazu für blinde und hochgradig sehbehinderte Schülerinnen und Schüler eine Alternative darstellen. [[Struktogramme mit LaTeX]]
* Eine neue, wesentlich einfachere Version ist eine Eingabe über Pseudocode und eine Ausgabe mit Braillefont und einem Standardfont. Es ist noch im Entwicklungsstatus, kann aber schon getestet werden! Bald mehr. https://b-g-h.github.io/struktogramm-braille/

== Netzwerkkomponenten ==

* Auf Tactiles hat Onno Flach einen schöne Idee zum Aufbau eines Netzes eingestellt. Zur Verbindung der einzelnen Komponenten können kurze Netzwerkkabel mit RJ45 Stecker genutzt werden. Der Remix darunter ist eine Adaption zur Nutzung auf Duploplatten
* https://tactiles.eu/3d-model/network-components/
* https://tactiles.eu/3d-model/network-components-remix/

Präsentieren mit Marp

2026-06-09T12:32:29Z

Henn: /* Gestaltung der Präsentation */

== Warum etwas neues? ==
Ein neuer Ansatz neben dem klassischen Präsentieren mittels Powerpoint ist die Nutzung eines auf Markdown basiertem Präsentationssystems. Die Auszeichnungssprache [https://de.wikipedia.org/wiki/Markdown Markdown] besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in einem Texteditor erstellt und anschließend mit einer Konvertierungssoftware in HTML und PDF exportiert. Für die Konvertierung gibt es verschiedene Softwarepakete, durch das Testen der Endprodukte auf Barrierefreiheit hat sich Marp als Favorit herauskristalisiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themes überzeugen.

Marp gibt es in verschiedenen Varianten, interessant sind vor allem das Plugin für VisualStudio Code und die Kommandozeilenversion. Hier gehe ich insbesondere auf die Kommandozeilenversion ein, die in Kombination mit der Nutzung des Menübandes für Word für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen gut und sicher zu nutzen ist.

Vorbereitung: [[Installation von Marp CLI (ansteuerbar mit Word)|Installation von Marp inklusive Menüband für Word]] (eigene Seite)

# [[Präsentieren mit Marp#Voreinstellung und Vorbereitung|Voreinstellungen in Word]]
# [[Präsentieren mit Marp#Gestaltung der Präsentation|Gestaltung der Präsentation]]
# [[Präsentieren mit Marp#3. Durchführung der Präsentation|Durchführung der Präsentation]]
# [[Präsentieren mit Marp#4. Tipps und Tricks für Profis|Tipps und Tricks für Profis]]

== 1. Voreinstellung und Vorbereitung ==
Die Präsentation kann direkt in Word erstellt werden, der Export nach html und PDF erfolgt über das Marp-Menüband. Damit dies sauber funktioniert, muss folgender Punkt in den Word Optionen '''deaktiviert''' sein:

'''Dokumentprüfung, Autokorrekturoptionen, Autoformat während der Eingabe, Während der Eingabe übernehmen: Rahmenlinien'''

== 2. Gestaltung der Präsentation ==
Der Aufbau einer Präsentation ist sehr einfach.

=== 1. Kopf ===
---
marp: true
---
Der Kopf muss den Ausdruck marp: true enthalten. Optional lassen sich noch weitere Parameter setzen, dies ist für den Anfang jedoch nicht erforderlich. [[Präsentieren mit Marp#2.3 Kopfanpassungen|Hier]] folgen aber noch weitere Erläuterungen

=== 2. Foliengestaltung ===
Jede Folie wird durch Zeilen mit drei Minuszeichen begrenzt. Vor dem Folienwechsel sollte immer eine Leerzeile stehen.
--- (Folienwechsel)
# Titel der Folie
- Stichpunkt
- Stichpunkt

--- (nächste Folie)
Als Orientierung, welche Anzahl an Stichpunkten sinnvoll ist, kann man den Schülerinnen und Schülern eine "Handvoll Stichpunkte" - also fünf Stichpunkte - pro Folie nennen.

Möchte man mit Unterüberschriften arbeiten, so kann mit ## Unterüberschrift eine Überschrift der Ebene 2 hinzugefügt werden. Für Stichpunkte gibt es auch die Option mit "Aufblättern" zu arbeiten, davon raten wir jedoch blinden Schülerinnen und Schülern eher ab, da die Kontrolle und Bedienung dadurch etwas erschwert wird. Möchte man dies dennoch, so können die Stichpunkte mit einem * angekündigt werden.

Mit Markdown lassen sich auch Formatierungen wie Kursivdruck oder Fettdruck erzeugen: ** erzeugt einen fetten Text, * erzeugt einen kursiven Text.
---
# Titel der Folie
* Stichpunkt 1
* Stichpunkt 2
* **besonders wichtiges Argument**
---

==== 2.1 Bilder einfügen ====
Bilder sind für Präsentationen vor einem sehenden Publikum eine gute Hilfe, Stimmungen und zusätzliche Informationen zu vermitteln. Auch wenn mittels Google Bildersuche oder diversen KI Bildgeneratoren vielleicht in Zukunft auch eine Gestaltung ohne sehende Hilfe möglich ist, so empfehlen wir doch sehr, dass Bilder in einer hohen Auflösung von einer sehenden Person auf Anweisung des Erstellers herausgesucht werden. Wichtig ist, die Bilder in den gleichen Ordner wie die Textdatei der Präsentation abzulegen und mit einem kurzen, eindeutligen Dateinamen zu benennen.

Marp bietet für Bilder verschiedene Einfügeoptionen. Es ist sinnvoll, die Syntax mit den Schülerinnen und Schülern zu besprechen, da dann auch nachträglich Anpassungen vorgenommen werden können.

Hier zunächst die Grundstruktur:
![bg Kurzbeschreibung](bildname.jpg)
'''Achtung: Der Bildname darf keine Leerzeichen enthalten!'''

Durch ![bg] - bg steht für Background - wird bei der Konvertierung ein Bild in den Hintergrund einer Folie gelegt. In runden Klammern folgt der exakte Dateiname mit Endung (ggf. im Explorer die Ansicht anpassen, so dass die Endungen immer angezeigt werden). Vor die schließende eckige Klammer kann mit wenigen Worten eine Bildbeschreibung eingefügt werden, die später auch in der html-Datei eingebaut wird.

Ohne weitere Zusätze wird das Bild über die komplette Folienbreite und Folienhöhe eingefügt. Hierbei gibt es keine Verzerrung, es wird aber entweder oben/unten oder rechts/links "beschnitten", so dass es die Folie vollständig ausfüllt.

Anhand des [https://unsplash.com/de/fotos/ein-mann-der-auf-dem-gipfel-eines-berges-neben-einem-see-steht-BcWAKeBRbvE Fotos von Deepak Nautiyal auf Unsplash] soll hier kurz veranschaulicht werden, was das bedeutet.

'''Originalbild (hochkant):'''

[[Datei:Blauroter-vogel.jpg|alternativtext=blau-roter Vogel|rahmenlos|533x533px]]

Hier nun die Einbindung als Hintergrund einer Folie:
![bg blauroter Vogel](blauroter-vogel.jpg)
[[Datei:Zuschnitt-vogel.png|alternativtext=Zuschnitt des Vogelbildes auf Präsentationsformat (unten und oben abgeschnitten, die Füße sind nicht mehr zu sehen)|rahmenlos|535x535px]]

Für ein Bild im Hochkantformat ist das komplette Ausfüllen der Folie nicht sinnvoll, da in der Regel von oben und unten viel zu viel beschnitten werden muss. Entweder entscheidet man sich für eine Seite (linke oder rechte Hälfte der Folie) oder gibt mit "fit" eine Zusatzanweisung, dass das Bild komplett zu sehen sein soll.
![bg fit blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-fit.png|alternativtext=Das Bild des blauroten Vogels ist mittig auf der Folie platziert und komplett zu sehen, rechts und links breite weiße Balken.|rahmenlos|521x521px]]

Nun ist das Bild vollständig auf der Folie zu sehen, allerdings bietet es sich für Hochkantbilder wirklich deutlich mehr an, nur eine Hälfte der Folie damit zu füllen.
![bg left blauroter Vogel](blauroter-vogel.jpg) oder ![bg right blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-left.png|alternativtext=Das Bild des blauroten Vogels ist auf die linke Hälfte der Folie eingepasst, rechts steht der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]][[Datei:BlauroterVogel-right.png|alternativtext=Der blaurote Vogel ist auf der rechten Hälfte der Folie zu sehen, links der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]]

Durch "right" bzw. "left" kann man die Folienhälfte auswählen. Auch hier hat man die Option, das Bild bei Bedarf (wenn alle Details auch in den Randbereichen sichtbar sein sollen) mit dem "fit" Zusatz einzupassen.

Für die Schülerinnen und Schüler hat sich je nach Geschmack ![bg left] bzw. ![bg right] als beste Option herauskristallisiert.

==== 2.2 Audio und Video ====
In PDF lassen sich weder Audio noch Video einbinden, für html gibt es die Option mittels html-Tags. In der Steuerung ist es nicht optimal, aber mit ein paar Kniffen beherrschbar. Einfügen sollte man ein Video immer auf einer eigener Folie, beim Audiocontroller ist nicht so viel Platz erforderlich, daher kann dort ein Titel noch problemlos hinzugefügt werden.

Wichtig ist, eine Leerzeile über und unter den Eintrag zu setzen.

Wie bei Bildern gilt das gleiche Prinzip: die Video-/Audiodateien müssen im gleichen Ordner wie die Präsentation liegen. Alternativ kann man auch direkte Internetlinks zu Videos hinter src einsetzen. Auch hier gilt: keine Leerzeichen in Dateinamen nutzen.
---

<video src=videodatei.mp4 controls width=100%></video>

---

---
# Titel der Folie

<audio src=audio.mp3 controls></audio>

---

==== 2.3 Kopfanpassungen ====
Im Kopf lassen sich neben dem reinen Aktivieren von Marp weitere Parameter setzen. Hier eine kurze Übersicht der wichtigsten
---
marp: true
class: invert 'Wechsel auf dunkles Farbschema
paginate: true 'Hier werden Seitenzahlen unten rechts hinzugefügt
title: "Titel der Präsentation"
footer: "Fusszeile"
header: "Kopfzeile"
theme: style 'Wenn man einen individuellen Stil möchte
---

==== 2.4 Links, Zitate und Code ====

===== Verlinkungen =====
Um Links innerhalb einer Präsentation zu erstellen, muss der Linktext in eckigen Klammern und die Nummer der Folie in runden Klammern dahinter angegeben werden:
[Springe auf Folie 2](#2)
Internetlinks können direkt einfügt werden, indem du einen Linktext in eckigen und den Link in runde Klammern setzt.
[SBBZ-Ilvesheim](https:\\sbbz-ilvesheim.de)

===== Zitat =====
Einen Zitatblock kann man mit vorangestelltem Größerzeichen formatieren:
> Zitatblock
> Das ist ein Text
<div>

== 3. Durchführung der Präsentation ==
Für die Durchführung der Präsentation hat man zwei Optionen mit unterschiedlichen Vorteilen. Beide lassen sich mit einem Presenter bedienen.

==== PDF ====
Die PDF hat den Vorteil der einfachen Bedienbarkeit. Folien lassen sich einfach mit den Pfeiltasten weiterblättern (mit PFEIL AB kann man von oben durch die Folie hindurchgehen, das Folienende ist durch mc-ref Grafik ausgezeichnet). Für die Präsentation empfiehlt es sich den Vollbildmodus (STRG+L) zu starten.

Überschriften sind ausgezeichnet, Listen gut auslesbar. Bilder jedoch sind nicht mit dem im Quelltext angegebenen Alternativtext versehen und Videos sowie Audios lassen sich selbstverständlich nicht im PDF Viewer abspielen.

Das Format bietet sich zudem als "Abgabe" bei der Lehrkraft an - hier sind die Bilder direkt eingebettet und die Übergabe einer Datei genügt.

==== HTML ====
Die html-Datei hat andere Vorteile: Bilder haben ihre Bildbeschreibung, Videos und Audios lassen sich abspielen (wenn auch etwas hakelig). Nach dem Abspielen von Video- und Audiodateien kann es sein, dass die Präsentation hängen bleibt und das Weiterblättern nicht mehr möglich ist. In diesem Fall einfach einmal F5 drücken um die Seite frisch zu laden.

Mit ALT+PFEIL RECHTS oder ALT+ BILDAB kann man die nächste Folie aufrufen. Zurückspringen zur vorherigen Folie: ALT+PFEIL LINKS oder ALT+BILDAUF

Achtung! Der Cursor befindet sich zu Beginn nicht auf dem Anfang der Folie - hier jeweils mit STRG+POS1 an den Anfang springen. Hat man die Foliennummerierung aktiviert, kann man das Ende der Folie immer an der Foliennummer erkennen.

Für das Abspielen von Videos gilt: nach dem Abspielen ist der Cursor im Videoplayer gefangen, einmal F5 drücken und dann zur nächsten Folie weiterblättern.

Nutzt man die html-Datei zum Präsentieren, so muss man immer den gesamten Präsentationsorder "mitnehmen", da die Bilder und Videos lediglich verlinkt und damit eingebunden, aber nicht eingebettet sind.

== 4. Tipps und Tricks für Profis ==

===== Codeblöcke =====
Möchte man einen Codeblock einbinden, muss dieser mit drei Backticks (`) angekündigt werden. Danach folgt der Name der Programmiersprache und in einer neuen Zeile der Code und wieder drei Backticks.
```python
@import
if this
then that
```

===== Diagramme =====
Möchte man Mermaid Diagramme in Marp einbauen, so muss zusätzlich das Mermaid Modul hinzugeladen werden. Das ist nur für erfahrenere Nutzer empfehlenswert. Das Skript muss in der Präsentation beispielsweise auf der ersten Folie eingebunden werden, indem folgender Baustein eingefügt wird:
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
</script>

Anschließend kann man über einen html "<nowiki><div>-Tag" das Diagramm setzen: </nowiki><div>
<nowiki>
<div class="mermaid">
graph LR;
a --> b;
b --> c;
c --> a;
</div></nowiki>

==== Folienübergänge ====
Marp bietet einige Optionen für den Übergang zwischen Folien. Diese kann man Präsentationsübergreifend im Kopf festlegen. Alternativ kann man den Übergang durch den Eintrag  auf einer Folie auch nur für einzelne Folien festlegen.

Empfehlenswert, da nicht zu aufdringlich, ist beispielsweise diese Option:
transition: fade

Die Übergänge sind nur in der html Version nutzbar. Hier eine Liste aller Möglichkeiten:
clockwise, counterclockwise, cover, coverflow, cube, cylinder, diamond, drop, explode, fade, fade-out, fall, flip, glow, implode, in-out, iris-in, iris-out, overlap, pivot, pull, push, reveal, revealslide, swap, swipe, swoosh, wipe, zoom

Eine Voransicht des Effektes lässt sich auf https://github.com/marp-team/marp-cli/blob/main/docs/bespoke-transitions/README.md#built-in-transitions einsehen.

=== Theme ändern ===
Möchtest du ein anderes Theme nutzen, so hast du standardmäßig folgende Themes zur Auswahl:

gaia, uncover und default, jeweils mit der Option der Invertierung. Gaia und Uncover bieten wesentlich weniger Platz auf einer Folie, so dass eine Folie leicht überläuft.

Eine weitere Alternative ist, ein eigenes Stilset zu nutzen. Über das Menüband wird dieses automatisch erstellt, wenn du "Exportieren mit Stil" nutzt. Die Vorlage ist mit einer etwas größeren Schriftart und bietet die Möglichkeit einer speziellen Titelfolie. Wichtig: im Kopf muss der Eintrag theme: style gesetzt werden.

=== Titelfolie ===
Um eine Titelfolie mit zentriertem, besonders großem Text zu nutzen, muss man

 auf dieser Folie hinzufügen. Dies kann auch über das Menü vorgenommen werden. Bei anschließendem Exportieren mit Stil wird die Folie dann wie gewünscht erzeugt. Für eine invertierte Darstellung gibt es einen eigenen Button, der stattdessen  einfügt.

=== Hintergrund und Schriftfarbe ===
Auch wenn wir die Nutzung der Standardfarben (Hintergrund weiß oder invertiert) dringend empfehlen, ist es möglich, die Farben anzupassen, ohne in die manuelle Bearbeitung der style.css zu müssen.

Über das Stil-Menü kannst du verschiedene Farben festlegen. Hintergrundfarbe, Schriftfarbe, Farbe der Überschriften der Ebene 1 und Farbe von Hervorhebungen (Fettdruck) in Überschriften. Zusätzlich lässt sich eine andere Schriftart wählen. Diese Einstellungen lassen sich über die Zurücksetzen-Option wieder auf die Standardwerte stellen. Sie werden nur angewandt, wenn Exportieren mit Stil gewählt wird.

=== Gestaltung einzelner Folien ===
Um Anpassungen für nur eine Folie oder einen Abschnitt festzulegen, musst du zu Beginn der Folie einen sogenannten HTML-Kommentar hinzufügen. Unterschieden wird, ob du für alle folgenden Folien diese Anpassung haben möchtest, oder nur für die aktuelle. Für einen Übergang kann das dann so aussehen:

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die nächste Folie: ====
<nowiki></nowiki>

Diese Möglichkeit lässt sich auch auf andere Steuerbefehle anwenden. So kann man beispielsweise temporär mit einer Invertierung arbeiten.

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die aktuelle Folie: ====
<nowiki></nowiki>

Auf diesem Wege lässt sich auch der Footer/Header und die Seitennummerierung auf einzelnen Folien ausblenden. Dies ist insbesondere bei Folien, die nur ein Bild enthalten, sinnvoll.

<nowiki></nowiki>

<nowiki></nowiki>

Präsentieren mit Marp

2026-06-09T12:31:59Z

Henn: /* Gestaltung einzelner Folien */

== Warum etwas neues? ==
Ein neuer Ansatz neben dem klassischen Präsentieren mittels Powerpoint ist die Nutzung eines auf Markdown basiertem Präsentationssystems. Die Auszeichnungssprache [https://de.wikipedia.org/wiki/Markdown Markdown] besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in einem Texteditor erstellt und anschließend mit einer Konvertierungssoftware in HTML und PDF exportiert. Für die Konvertierung gibt es verschiedene Softwarepakete, durch das Testen der Endprodukte auf Barrierefreiheit hat sich Marp als Favorit herauskristalisiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themes überzeugen.

Marp gibt es in verschiedenen Varianten, interessant sind vor allem das Plugin für VisualStudio Code und die Kommandozeilenversion. Hier gehe ich insbesondere auf die Kommandozeilenversion ein, die in Kombination mit der Nutzung des Menübandes für Word für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen gut und sicher zu nutzen ist.

Vorbereitung: [[Installation von Marp CLI (ansteuerbar mit Word)|Installation von Marp inklusive Menüband für Word]] (eigene Seite)

# [[Präsentieren mit Marp#Voreinstellung und Vorbereitung|Voreinstellungen in Word]]
# [[Präsentieren mit Marp#Gestaltung der Präsentation|Gestaltung der Präsentation]]
# [[Präsentieren mit Marp#3. Durchführung der Präsentation|Durchführung der Präsentation]]
# [[Präsentieren mit Marp#4. Tipps und Tricks für Profis|Tipps und Tricks für Profis]]

== Voreinstellung und Vorbereitung ==
Die Präsentation kann direkt in Word erstellt werden, der Export nach html und PDF erfolgt über das Marp-Menüband. Damit dies sauber funktioniert, muss folgender Punkt in den Word Optionen '''deaktiviert''' sein:

'''Dokumentprüfung, Autokorrekturoptionen, Autoformat während der Eingabe, Während der Eingabe übernehmen: Rahmenlinien'''

== Gestaltung der Präsentation ==
Der Aufbau einer Präsentation ist sehr einfach.

=== 1. Kopf ===
---
marp: true
---
Der Kopf muss den Ausdruck marp: true enthalten. Optional lassen sich noch weitere Parameter setzen, dies ist für den Anfang jedoch nicht erforderlich. [[Präsentieren mit Marp#2.3 Kopfanpassungen|Hier]] folgen aber noch weitere Erläuterungen

=== 2. Foliengestaltung ===
Jede Folie wird durch Zeilen mit drei Minuszeichen begrenzt. Vor dem Folienwechsel sollte immer eine Leerzeile stehen.
--- (Folienwechsel)
# Titel der Folie
- Stichpunkt
- Stichpunkt

--- (nächste Folie)
Als Orientierung, welche Anzahl an Stichpunkten sinnvoll ist, kann man den Schülerinnen und Schülern eine "Handvoll Stichpunkte" - also fünf Stichpunkte - pro Folie nennen.

Möchte man mit Unterüberschriften arbeiten, so kann mit ## Unterüberschrift eine Überschrift der Ebene 2 hinzugefügt werden. Für Stichpunkte gibt es auch die Option mit "Aufblättern" zu arbeiten, davon raten wir jedoch blinden Schülerinnen und Schülern eher ab, da die Kontrolle und Bedienung dadurch etwas erschwert wird. Möchte man dies dennoch, so können die Stichpunkte mit einem * angekündigt werden.

Mit Markdown lassen sich auch Formatierungen wie Kursivdruck oder Fettdruck erzeugen: ** erzeugt einen fetten Text, * erzeugt einen kursiven Text.
---
# Titel der Folie
* Stichpunkt 1
* Stichpunkt 2
* **besonders wichtiges Argument**
---

==== 2.1 Bilder einfügen ====
Bilder sind für Präsentationen vor einem sehenden Publikum eine gute Hilfe, Stimmungen und zusätzliche Informationen zu vermitteln. Auch wenn mittels Google Bildersuche oder diversen KI Bildgeneratoren vielleicht in Zukunft auch eine Gestaltung ohne sehende Hilfe möglich ist, so empfehlen wir doch sehr, dass Bilder in einer hohen Auflösung von einer sehenden Person auf Anweisung des Erstellers herausgesucht werden. Wichtig ist, die Bilder in den gleichen Ordner wie die Textdatei der Präsentation abzulegen und mit einem kurzen, eindeutligen Dateinamen zu benennen.

Marp bietet für Bilder verschiedene Einfügeoptionen. Es ist sinnvoll, die Syntax mit den Schülerinnen und Schülern zu besprechen, da dann auch nachträglich Anpassungen vorgenommen werden können.

Hier zunächst die Grundstruktur:
![bg Kurzbeschreibung](bildname.jpg)
'''Achtung: Der Bildname darf keine Leerzeichen enthalten!'''

Durch ![bg] - bg steht für Background - wird bei der Konvertierung ein Bild in den Hintergrund einer Folie gelegt. In runden Klammern folgt der exakte Dateiname mit Endung (ggf. im Explorer die Ansicht anpassen, so dass die Endungen immer angezeigt werden). Vor die schließende eckige Klammer kann mit wenigen Worten eine Bildbeschreibung eingefügt werden, die später auch in der html-Datei eingebaut wird.

Ohne weitere Zusätze wird das Bild über die komplette Folienbreite und Folienhöhe eingefügt. Hierbei gibt es keine Verzerrung, es wird aber entweder oben/unten oder rechts/links "beschnitten", so dass es die Folie vollständig ausfüllt.

Anhand des [https://unsplash.com/de/fotos/ein-mann-der-auf-dem-gipfel-eines-berges-neben-einem-see-steht-BcWAKeBRbvE Fotos von Deepak Nautiyal auf Unsplash] soll hier kurz veranschaulicht werden, was das bedeutet.

'''Originalbild (hochkant):'''

[[Datei:Blauroter-vogel.jpg|alternativtext=blau-roter Vogel|rahmenlos|533x533px]]

Hier nun die Einbindung als Hintergrund einer Folie:
![bg blauroter Vogel](blauroter-vogel.jpg)
[[Datei:Zuschnitt-vogel.png|alternativtext=Zuschnitt des Vogelbildes auf Präsentationsformat (unten und oben abgeschnitten, die Füße sind nicht mehr zu sehen)|rahmenlos|535x535px]]

Für ein Bild im Hochkantformat ist das komplette Ausfüllen der Folie nicht sinnvoll, da in der Regel von oben und unten viel zu viel beschnitten werden muss. Entweder entscheidet man sich für eine Seite (linke oder rechte Hälfte der Folie) oder gibt mit "fit" eine Zusatzanweisung, dass das Bild komplett zu sehen sein soll.
![bg fit blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-fit.png|alternativtext=Das Bild des blauroten Vogels ist mittig auf der Folie platziert und komplett zu sehen, rechts und links breite weiße Balken.|rahmenlos|521x521px]]

Nun ist das Bild vollständig auf der Folie zu sehen, allerdings bietet es sich für Hochkantbilder wirklich deutlich mehr an, nur eine Hälfte der Folie damit zu füllen.
![bg left blauroter Vogel](blauroter-vogel.jpg) oder ![bg right blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-left.png|alternativtext=Das Bild des blauroten Vogels ist auf die linke Hälfte der Folie eingepasst, rechts steht der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]][[Datei:BlauroterVogel-right.png|alternativtext=Der blaurote Vogel ist auf der rechten Hälfte der Folie zu sehen, links der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]]

Durch "right" bzw. "left" kann man die Folienhälfte auswählen. Auch hier hat man die Option, das Bild bei Bedarf (wenn alle Details auch in den Randbereichen sichtbar sein sollen) mit dem "fit" Zusatz einzupassen.

Für die Schülerinnen und Schüler hat sich je nach Geschmack ![bg left] bzw. ![bg right] als beste Option herauskristallisiert.

==== 2.2 Audio und Video ====
In PDF lassen sich weder Audio noch Video einbinden, für html gibt es die Option mittels html-Tags. In der Steuerung ist es nicht optimal, aber mit ein paar Kniffen beherrschbar. Einfügen sollte man ein Video immer auf einer eigener Folie, beim Audiocontroller ist nicht so viel Platz erforderlich, daher kann dort ein Titel noch problemlos hinzugefügt werden.

Wichtig ist, eine Leerzeile über und unter den Eintrag zu setzen.

Wie bei Bildern gilt das gleiche Prinzip: die Video-/Audiodateien müssen im gleichen Ordner wie die Präsentation liegen. Alternativ kann man auch direkte Internetlinks zu Videos hinter src einsetzen. Auch hier gilt: keine Leerzeichen in Dateinamen nutzen.
---

<video src=videodatei.mp4 controls width=100%></video>

---

---
# Titel der Folie

<audio src=audio.mp3 controls></audio>

---

==== 2.3 Kopfanpassungen ====
Im Kopf lassen sich neben dem reinen Aktivieren von Marp weitere Parameter setzen. Hier eine kurze Übersicht der wichtigsten
---
marp: true
class: invert 'Wechsel auf dunkles Farbschema
paginate: true 'Hier werden Seitenzahlen unten rechts hinzugefügt
title: "Titel der Präsentation"
footer: "Fusszeile"
header: "Kopfzeile"
theme: style 'Wenn man einen individuellen Stil möchte
---

==== 2.4 Links, Zitate und Code ====

===== Verlinkungen =====
Um Links innerhalb einer Präsentation zu erstellen, muss der Linktext in eckigen Klammern und die Nummer der Folie in runden Klammern dahinter angegeben werden:
[Springe auf Folie 2](#2)
Internetlinks können direkt einfügt werden, indem du einen Linktext in eckigen und den Link in runde Klammern setzt.
[SBBZ-Ilvesheim](https:\\sbbz-ilvesheim.de)

===== Zitat =====
Einen Zitatblock kann man mit vorangestelltem Größerzeichen formatieren:
> Zitatblock
> Das ist ein Text
<div>

== 3. Durchführung der Präsentation ==
Für die Durchführung der Präsentation hat man zwei Optionen mit unterschiedlichen Vorteilen. Beide lassen sich mit einem Presenter bedienen.

==== PDF ====
Die PDF hat den Vorteil der einfachen Bedienbarkeit. Folien lassen sich einfach mit den Pfeiltasten weiterblättern (mit PFEIL AB kann man von oben durch die Folie hindurchgehen, das Folienende ist durch mc-ref Grafik ausgezeichnet). Für die Präsentation empfiehlt es sich den Vollbildmodus (STRG+L) zu starten.

Überschriften sind ausgezeichnet, Listen gut auslesbar. Bilder jedoch sind nicht mit dem im Quelltext angegebenen Alternativtext versehen und Videos sowie Audios lassen sich selbstverständlich nicht im PDF Viewer abspielen.

Das Format bietet sich zudem als "Abgabe" bei der Lehrkraft an - hier sind die Bilder direkt eingebettet und die Übergabe einer Datei genügt.

==== HTML ====
Die html-Datei hat andere Vorteile: Bilder haben ihre Bildbeschreibung, Videos und Audios lassen sich abspielen (wenn auch etwas hakelig). Nach dem Abspielen von Video- und Audiodateien kann es sein, dass die Präsentation hängen bleibt und das Weiterblättern nicht mehr möglich ist. In diesem Fall einfach einmal F5 drücken um die Seite frisch zu laden.

Mit ALT+PFEIL RECHTS oder ALT+ BILDAB kann man die nächste Folie aufrufen. Zurückspringen zur vorherigen Folie: ALT+PFEIL LINKS oder ALT+BILDAUF

Achtung! Der Cursor befindet sich zu Beginn nicht auf dem Anfang der Folie - hier jeweils mit STRG+POS1 an den Anfang springen. Hat man die Foliennummerierung aktiviert, kann man das Ende der Folie immer an der Foliennummer erkennen.

Für das Abspielen von Videos gilt: nach dem Abspielen ist der Cursor im Videoplayer gefangen, einmal F5 drücken und dann zur nächsten Folie weiterblättern.

Nutzt man die html-Datei zum Präsentieren, so muss man immer den gesamten Präsentationsorder "mitnehmen", da die Bilder und Videos lediglich verlinkt und damit eingebunden, aber nicht eingebettet sind.

== 4. Tipps und Tricks für Profis ==

===== Codeblöcke =====
Möchte man einen Codeblock einbinden, muss dieser mit drei Backticks (`) angekündigt werden. Danach folgt der Name der Programmiersprache und in einer neuen Zeile der Code und wieder drei Backticks.
```python
@import
if this
then that
```

===== Diagramme =====
Möchte man Mermaid Diagramme in Marp einbauen, so muss zusätzlich das Mermaid Modul hinzugeladen werden. Das ist nur für erfahrenere Nutzer empfehlenswert. Das Skript muss in der Präsentation beispielsweise auf der ersten Folie eingebunden werden, indem folgender Baustein eingefügt wird:
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
</script>

Anschließend kann man über einen html "<nowiki><div>-Tag" das Diagramm setzen: </nowiki><div>
<nowiki>
<div class="mermaid">
graph LR;
a --> b;
b --> c;
c --> a;
</div></nowiki>

==== Folienübergänge ====
Marp bietet einige Optionen für den Übergang zwischen Folien. Diese kann man Präsentationsübergreifend im Kopf festlegen. Alternativ kann man den Übergang durch den Eintrag  auf einer Folie auch nur für einzelne Folien festlegen.

Empfehlenswert, da nicht zu aufdringlich, ist beispielsweise diese Option:
transition: fade

Die Übergänge sind nur in der html Version nutzbar. Hier eine Liste aller Möglichkeiten:
clockwise, counterclockwise, cover, coverflow, cube, cylinder, diamond, drop, explode, fade, fade-out, fall, flip, glow, implode, in-out, iris-in, iris-out, overlap, pivot, pull, push, reveal, revealslide, swap, swipe, swoosh, wipe, zoom

Eine Voransicht des Effektes lässt sich auf https://github.com/marp-team/marp-cli/blob/main/docs/bespoke-transitions/README.md#built-in-transitions einsehen.

=== Theme ändern ===
Möchtest du ein anderes Theme nutzen, so hast du standardmäßig folgende Themes zur Auswahl:

gaia, uncover und default, jeweils mit der Option der Invertierung. Gaia und Uncover bieten wesentlich weniger Platz auf einer Folie, so dass eine Folie leicht überläuft.

Eine weitere Alternative ist, ein eigenes Stilset zu nutzen. Über das Menüband wird dieses automatisch erstellt, wenn du "Exportieren mit Stil" nutzt. Die Vorlage ist mit einer etwas größeren Schriftart und bietet die Möglichkeit einer speziellen Titelfolie. Wichtig: im Kopf muss der Eintrag theme: style gesetzt werden.

=== Titelfolie ===
Um eine Titelfolie mit zentriertem, besonders großem Text zu nutzen, muss man

 auf dieser Folie hinzufügen. Dies kann auch über das Menü vorgenommen werden. Bei anschließendem Exportieren mit Stil wird die Folie dann wie gewünscht erzeugt. Für eine invertierte Darstellung gibt es einen eigenen Button, der stattdessen  einfügt.

=== Hintergrund und Schriftfarbe ===
Auch wenn wir die Nutzung der Standardfarben (Hintergrund weiß oder invertiert) dringend empfehlen, ist es möglich, die Farben anzupassen, ohne in die manuelle Bearbeitung der style.css zu müssen.

Über das Stil-Menü kannst du verschiedene Farben festlegen. Hintergrundfarbe, Schriftfarbe, Farbe der Überschriften der Ebene 1 und Farbe von Hervorhebungen (Fettdruck) in Überschriften. Zusätzlich lässt sich eine andere Schriftart wählen. Diese Einstellungen lassen sich über die Zurücksetzen-Option wieder auf die Standardwerte stellen. Sie werden nur angewandt, wenn Exportieren mit Stil gewählt wird.

=== Gestaltung einzelner Folien ===
Um Anpassungen für nur eine Folie oder einen Abschnitt festzulegen, musst du zu Beginn der Folie einen sogenannten HTML-Kommentar hinzufügen. Unterschieden wird, ob du für alle folgenden Folien diese Anpassung haben möchtest, oder nur für die aktuelle. Für einen Übergang kann das dann so aussehen:

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die nächste Folie: ====
<nowiki></nowiki>

Diese Möglichkeit lässt sich auch auf andere Steuerbefehle anwenden. So kann man beispielsweise temporär mit einer Invertierung arbeiten.

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die aktuelle Folie: ====
<nowiki></nowiki>

Auf diesem Wege lässt sich auch der Footer/Header und die Seitennummerierung auf einzelnen Folien ausblenden. Dies ist insbesondere bei Folien, die nur ein Bild enthalten, sinnvoll.

<nowiki></nowiki>

<nowiki></nowiki>

Präsentieren mit Marp

2026-06-09T12:31:42Z

Henn: /* Für alle folgenden Folien: */

== Warum etwas neues? ==
Ein neuer Ansatz neben dem klassischen Präsentieren mittels Powerpoint ist die Nutzung eines auf Markdown basiertem Präsentationssystems. Die Auszeichnungssprache [https://de.wikipedia.org/wiki/Markdown Markdown] besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in einem Texteditor erstellt und anschließend mit einer Konvertierungssoftware in HTML und PDF exportiert. Für die Konvertierung gibt es verschiedene Softwarepakete, durch das Testen der Endprodukte auf Barrierefreiheit hat sich Marp als Favorit herauskristalisiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themes überzeugen.

Marp gibt es in verschiedenen Varianten, interessant sind vor allem das Plugin für VisualStudio Code und die Kommandozeilenversion. Hier gehe ich insbesondere auf die Kommandozeilenversion ein, die in Kombination mit der Nutzung des Menübandes für Word für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen gut und sicher zu nutzen ist.

Vorbereitung: [[Installation von Marp CLI (ansteuerbar mit Word)|Installation von Marp inklusive Menüband für Word]] (eigene Seite)

# [[Präsentieren mit Marp#Voreinstellung und Vorbereitung|Voreinstellungen in Word]]
# [[Präsentieren mit Marp#Gestaltung der Präsentation|Gestaltung der Präsentation]]
# [[Präsentieren mit Marp#3. Durchführung der Präsentation|Durchführung der Präsentation]]
# [[Präsentieren mit Marp#4. Tipps und Tricks für Profis|Tipps und Tricks für Profis]]

== Voreinstellung und Vorbereitung ==
Die Präsentation kann direkt in Word erstellt werden, der Export nach html und PDF erfolgt über das Marp-Menüband. Damit dies sauber funktioniert, muss folgender Punkt in den Word Optionen '''deaktiviert''' sein:

'''Dokumentprüfung, Autokorrekturoptionen, Autoformat während der Eingabe, Während der Eingabe übernehmen: Rahmenlinien'''

== Gestaltung der Präsentation ==
Der Aufbau einer Präsentation ist sehr einfach.

=== 1. Kopf ===
---
marp: true
---
Der Kopf muss den Ausdruck marp: true enthalten. Optional lassen sich noch weitere Parameter setzen, dies ist für den Anfang jedoch nicht erforderlich. [[Präsentieren mit Marp#2.3 Kopfanpassungen|Hier]] folgen aber noch weitere Erläuterungen

=== 2. Foliengestaltung ===
Jede Folie wird durch Zeilen mit drei Minuszeichen begrenzt. Vor dem Folienwechsel sollte immer eine Leerzeile stehen.
--- (Folienwechsel)
# Titel der Folie
- Stichpunkt
- Stichpunkt

--- (nächste Folie)
Als Orientierung, welche Anzahl an Stichpunkten sinnvoll ist, kann man den Schülerinnen und Schülern eine "Handvoll Stichpunkte" - also fünf Stichpunkte - pro Folie nennen.

Möchte man mit Unterüberschriften arbeiten, so kann mit ## Unterüberschrift eine Überschrift der Ebene 2 hinzugefügt werden. Für Stichpunkte gibt es auch die Option mit "Aufblättern" zu arbeiten, davon raten wir jedoch blinden Schülerinnen und Schülern eher ab, da die Kontrolle und Bedienung dadurch etwas erschwert wird. Möchte man dies dennoch, so können die Stichpunkte mit einem * angekündigt werden.

Mit Markdown lassen sich auch Formatierungen wie Kursivdruck oder Fettdruck erzeugen: ** erzeugt einen fetten Text, * erzeugt einen kursiven Text.
---
# Titel der Folie
* Stichpunkt 1
* Stichpunkt 2
* **besonders wichtiges Argument**
---

==== 2.1 Bilder einfügen ====
Bilder sind für Präsentationen vor einem sehenden Publikum eine gute Hilfe, Stimmungen und zusätzliche Informationen zu vermitteln. Auch wenn mittels Google Bildersuche oder diversen KI Bildgeneratoren vielleicht in Zukunft auch eine Gestaltung ohne sehende Hilfe möglich ist, so empfehlen wir doch sehr, dass Bilder in einer hohen Auflösung von einer sehenden Person auf Anweisung des Erstellers herausgesucht werden. Wichtig ist, die Bilder in den gleichen Ordner wie die Textdatei der Präsentation abzulegen und mit einem kurzen, eindeutligen Dateinamen zu benennen.

Marp bietet für Bilder verschiedene Einfügeoptionen. Es ist sinnvoll, die Syntax mit den Schülerinnen und Schülern zu besprechen, da dann auch nachträglich Anpassungen vorgenommen werden können.

Hier zunächst die Grundstruktur:
![bg Kurzbeschreibung](bildname.jpg)
'''Achtung: Der Bildname darf keine Leerzeichen enthalten!'''

Durch ![bg] - bg steht für Background - wird bei der Konvertierung ein Bild in den Hintergrund einer Folie gelegt. In runden Klammern folgt der exakte Dateiname mit Endung (ggf. im Explorer die Ansicht anpassen, so dass die Endungen immer angezeigt werden). Vor die schließende eckige Klammer kann mit wenigen Worten eine Bildbeschreibung eingefügt werden, die später auch in der html-Datei eingebaut wird.

Ohne weitere Zusätze wird das Bild über die komplette Folienbreite und Folienhöhe eingefügt. Hierbei gibt es keine Verzerrung, es wird aber entweder oben/unten oder rechts/links "beschnitten", so dass es die Folie vollständig ausfüllt.

Anhand des [https://unsplash.com/de/fotos/ein-mann-der-auf-dem-gipfel-eines-berges-neben-einem-see-steht-BcWAKeBRbvE Fotos von Deepak Nautiyal auf Unsplash] soll hier kurz veranschaulicht werden, was das bedeutet.

'''Originalbild (hochkant):'''

[[Datei:Blauroter-vogel.jpg|alternativtext=blau-roter Vogel|rahmenlos|533x533px]]

Hier nun die Einbindung als Hintergrund einer Folie:
![bg blauroter Vogel](blauroter-vogel.jpg)
[[Datei:Zuschnitt-vogel.png|alternativtext=Zuschnitt des Vogelbildes auf Präsentationsformat (unten und oben abgeschnitten, die Füße sind nicht mehr zu sehen)|rahmenlos|535x535px]]

Für ein Bild im Hochkantformat ist das komplette Ausfüllen der Folie nicht sinnvoll, da in der Regel von oben und unten viel zu viel beschnitten werden muss. Entweder entscheidet man sich für eine Seite (linke oder rechte Hälfte der Folie) oder gibt mit "fit" eine Zusatzanweisung, dass das Bild komplett zu sehen sein soll.
![bg fit blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-fit.png|alternativtext=Das Bild des blauroten Vogels ist mittig auf der Folie platziert und komplett zu sehen, rechts und links breite weiße Balken.|rahmenlos|521x521px]]

Nun ist das Bild vollständig auf der Folie zu sehen, allerdings bietet es sich für Hochkantbilder wirklich deutlich mehr an, nur eine Hälfte der Folie damit zu füllen.
![bg left blauroter Vogel](blauroter-vogel.jpg) oder ![bg right blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-left.png|alternativtext=Das Bild des blauroten Vogels ist auf die linke Hälfte der Folie eingepasst, rechts steht der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]][[Datei:BlauroterVogel-right.png|alternativtext=Der blaurote Vogel ist auf der rechten Hälfte der Folie zu sehen, links der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]]

Durch "right" bzw. "left" kann man die Folienhälfte auswählen. Auch hier hat man die Option, das Bild bei Bedarf (wenn alle Details auch in den Randbereichen sichtbar sein sollen) mit dem "fit" Zusatz einzupassen.

Für die Schülerinnen und Schüler hat sich je nach Geschmack ![bg left] bzw. ![bg right] als beste Option herauskristallisiert.

==== 2.2 Audio und Video ====
In PDF lassen sich weder Audio noch Video einbinden, für html gibt es die Option mittels html-Tags. In der Steuerung ist es nicht optimal, aber mit ein paar Kniffen beherrschbar. Einfügen sollte man ein Video immer auf einer eigener Folie, beim Audiocontroller ist nicht so viel Platz erforderlich, daher kann dort ein Titel noch problemlos hinzugefügt werden.

Wichtig ist, eine Leerzeile über und unter den Eintrag zu setzen.

Wie bei Bildern gilt das gleiche Prinzip: die Video-/Audiodateien müssen im gleichen Ordner wie die Präsentation liegen. Alternativ kann man auch direkte Internetlinks zu Videos hinter src einsetzen. Auch hier gilt: keine Leerzeichen in Dateinamen nutzen.
---

<video src=videodatei.mp4 controls width=100%></video>

---

---
# Titel der Folie

<audio src=audio.mp3 controls></audio>

---

==== 2.3 Kopfanpassungen ====
Im Kopf lassen sich neben dem reinen Aktivieren von Marp weitere Parameter setzen. Hier eine kurze Übersicht der wichtigsten
---
marp: true
class: invert 'Wechsel auf dunkles Farbschema
paginate: true 'Hier werden Seitenzahlen unten rechts hinzugefügt
title: "Titel der Präsentation"
footer: "Fusszeile"
header: "Kopfzeile"
theme: style 'Wenn man einen individuellen Stil möchte
---

==== 2.4 Links, Zitate und Code ====

===== Verlinkungen =====
Um Links innerhalb einer Präsentation zu erstellen, muss der Linktext in eckigen Klammern und die Nummer der Folie in runden Klammern dahinter angegeben werden:
[Springe auf Folie 2](#2)
Internetlinks können direkt einfügt werden, indem du einen Linktext in eckigen und den Link in runde Klammern setzt.
[SBBZ-Ilvesheim](https:\\sbbz-ilvesheim.de)

===== Zitat =====
Einen Zitatblock kann man mit vorangestelltem Größerzeichen formatieren:
> Zitatblock
> Das ist ein Text
<div>

== 3. Durchführung der Präsentation ==
Für die Durchführung der Präsentation hat man zwei Optionen mit unterschiedlichen Vorteilen. Beide lassen sich mit einem Presenter bedienen.

==== PDF ====
Die PDF hat den Vorteil der einfachen Bedienbarkeit. Folien lassen sich einfach mit den Pfeiltasten weiterblättern (mit PFEIL AB kann man von oben durch die Folie hindurchgehen, das Folienende ist durch mc-ref Grafik ausgezeichnet). Für die Präsentation empfiehlt es sich den Vollbildmodus (STRG+L) zu starten.

Überschriften sind ausgezeichnet, Listen gut auslesbar. Bilder jedoch sind nicht mit dem im Quelltext angegebenen Alternativtext versehen und Videos sowie Audios lassen sich selbstverständlich nicht im PDF Viewer abspielen.

Das Format bietet sich zudem als "Abgabe" bei der Lehrkraft an - hier sind die Bilder direkt eingebettet und die Übergabe einer Datei genügt.

==== HTML ====
Die html-Datei hat andere Vorteile: Bilder haben ihre Bildbeschreibung, Videos und Audios lassen sich abspielen (wenn auch etwas hakelig). Nach dem Abspielen von Video- und Audiodateien kann es sein, dass die Präsentation hängen bleibt und das Weiterblättern nicht mehr möglich ist. In diesem Fall einfach einmal F5 drücken um die Seite frisch zu laden.

Mit ALT+PFEIL RECHTS oder ALT+ BILDAB kann man die nächste Folie aufrufen. Zurückspringen zur vorherigen Folie: ALT+PFEIL LINKS oder ALT+BILDAUF

Achtung! Der Cursor befindet sich zu Beginn nicht auf dem Anfang der Folie - hier jeweils mit STRG+POS1 an den Anfang springen. Hat man die Foliennummerierung aktiviert, kann man das Ende der Folie immer an der Foliennummer erkennen.

Für das Abspielen von Videos gilt: nach dem Abspielen ist der Cursor im Videoplayer gefangen, einmal F5 drücken und dann zur nächsten Folie weiterblättern.

Nutzt man die html-Datei zum Präsentieren, so muss man immer den gesamten Präsentationsorder "mitnehmen", da die Bilder und Videos lediglich verlinkt und damit eingebunden, aber nicht eingebettet sind.

== 4. Tipps und Tricks für Profis ==

===== Codeblöcke =====
Möchte man einen Codeblock einbinden, muss dieser mit drei Backticks (`) angekündigt werden. Danach folgt der Name der Programmiersprache und in einer neuen Zeile der Code und wieder drei Backticks.
```python
@import
if this
then that
```

===== Diagramme =====
Möchte man Mermaid Diagramme in Marp einbauen, so muss zusätzlich das Mermaid Modul hinzugeladen werden. Das ist nur für erfahrenere Nutzer empfehlenswert. Das Skript muss in der Präsentation beispielsweise auf der ersten Folie eingebunden werden, indem folgender Baustein eingefügt wird:
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
</script>

Anschließend kann man über einen html "<nowiki><div>-Tag" das Diagramm setzen: </nowiki><div>
<nowiki>
<div class="mermaid">
graph LR;
a --> b;
b --> c;
c --> a;
</div></nowiki>

==== Folienübergänge ====
Marp bietet einige Optionen für den Übergang zwischen Folien. Diese kann man Präsentationsübergreifend im Kopf festlegen. Alternativ kann man den Übergang durch den Eintrag  auf einer Folie auch nur für einzelne Folien festlegen.

Empfehlenswert, da nicht zu aufdringlich, ist beispielsweise diese Option:
transition: fade

Die Übergänge sind nur in der html Version nutzbar. Hier eine Liste aller Möglichkeiten:
clockwise, counterclockwise, cover, coverflow, cube, cylinder, diamond, drop, explode, fade, fade-out, fall, flip, glow, implode, in-out, iris-in, iris-out, overlap, pivot, pull, push, reveal, revealslide, swap, swipe, swoosh, wipe, zoom

Eine Voransicht des Effektes lässt sich auf https://github.com/marp-team/marp-cli/blob/main/docs/bespoke-transitions/README.md#built-in-transitions einsehen.

=== Theme ändern ===
Möchtest du ein anderes Theme nutzen, so hast du standardmäßig folgende Themes zur Auswahl:

gaia, uncover und default, jeweils mit der Option der Invertierung. Gaia und Uncover bieten wesentlich weniger Platz auf einer Folie, so dass eine Folie leicht überläuft.

Eine weitere Alternative ist, ein eigenes Stilset zu nutzen. Über das Menüband wird dieses automatisch erstellt, wenn du "Exportieren mit Stil" nutzt. Die Vorlage ist mit einer etwas größeren Schriftart und bietet die Möglichkeit einer speziellen Titelfolie. Wichtig: im Kopf muss der Eintrag theme: style gesetzt werden.

=== Titelfolie ===
Um eine Titelfolie mit zentriertem, besonders großem Text zu nutzen, muss man

 auf dieser Folie hinzufügen. Dies kann auch über das Menü vorgenommen werden. Bei anschließendem Exportieren mit Stil wird die Folie dann wie gewünscht erzeugt. Für eine invertierte Darstellung gibt es einen eigenen Button, der stattdessen  einfügt.

=== Hintergrund und Schriftfarbe ===
Auch wenn wir die Nutzung der Standardfarben (Hintergrund weiß oder invertiert) dringend empfehlen, ist es möglich, die Farben anzupassen, ohne in die manuelle Bearbeitung der style.css zu müssen.

Über das Stil-Menü kannst du verschiedene Farben festlegen. Hintergrundfarbe, Schriftfarbe, Farbe der Überschriften der Ebene 1 und Farbe von Hervorhebungen (Fettdruck) in Überschriften. Zusätzlich lässt sich eine andere Schriftart wählen. Diese Einstellungen lassen sich über die Zurücksetzen-Option wieder auf die Standardwerte stellen. Sie werden nur angewandt, wenn Exportieren mit Stil gewählt wird.

=== Gestaltung einzelner Folien ===
Um Anpassungen für nur eine Folie oder einen Abschnitt festzulegen, musst du zu Beginn der Folie einen sogenannten HTML-Kommentar hinzufügen. Unterschieden wird, ob du für alle folgenden Folien diese Anpassung haben möchtest, oder nur für die aktuelle. Für einen Übergang kann das dann so aussehen:

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die nächste Folie: ====
<nowiki></nowiki>

Diese Möglichkeit lässt sich auch auf andere Steuerbefehle anwenden. So kann man beispielsweise temporär mit einer Invertierung arbeiten.

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die aktuelle Folie: ====
<nowiki></nowiki>

Auf diesem Wege lässt sich auch der Footer/Header und die Seitennummerierung auf einzelnen Folien ausblenden. Dies ist insbesondere bei Folien, die nur ein Bild enthalten, sinnvoll.

<nowiki></nowiki>

<nowiki></nowiki>

Präsentieren mit Marp

2026-06-09T12:31:30Z

Henn: /* 4. Tipps und Tricks für Profis */

== Warum etwas neues? ==
Ein neuer Ansatz neben dem klassischen Präsentieren mittels Powerpoint ist die Nutzung eines auf Markdown basiertem Präsentationssystems. Die Auszeichnungssprache [https://de.wikipedia.org/wiki/Markdown Markdown] besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in einem Texteditor erstellt und anschließend mit einer Konvertierungssoftware in HTML und PDF exportiert. Für die Konvertierung gibt es verschiedene Softwarepakete, durch das Testen der Endprodukte auf Barrierefreiheit hat sich Marp als Favorit herauskristalisiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themes überzeugen.

Marp gibt es in verschiedenen Varianten, interessant sind vor allem das Plugin für VisualStudio Code und die Kommandozeilenversion. Hier gehe ich insbesondere auf die Kommandozeilenversion ein, die in Kombination mit der Nutzung des Menübandes für Word für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen gut und sicher zu nutzen ist.

Vorbereitung: [[Installation von Marp CLI (ansteuerbar mit Word)|Installation von Marp inklusive Menüband für Word]] (eigene Seite)

# [[Präsentieren mit Marp#Voreinstellung und Vorbereitung|Voreinstellungen in Word]]
# [[Präsentieren mit Marp#Gestaltung der Präsentation|Gestaltung der Präsentation]]
# [[Präsentieren mit Marp#3. Durchführung der Präsentation|Durchführung der Präsentation]]
# [[Präsentieren mit Marp#4. Tipps und Tricks für Profis|Tipps und Tricks für Profis]]

== Voreinstellung und Vorbereitung ==
Die Präsentation kann direkt in Word erstellt werden, der Export nach html und PDF erfolgt über das Marp-Menüband. Damit dies sauber funktioniert, muss folgender Punkt in den Word Optionen '''deaktiviert''' sein:

'''Dokumentprüfung, Autokorrekturoptionen, Autoformat während der Eingabe, Während der Eingabe übernehmen: Rahmenlinien'''

== Gestaltung der Präsentation ==
Der Aufbau einer Präsentation ist sehr einfach.

=== 1. Kopf ===
---
marp: true
---
Der Kopf muss den Ausdruck marp: true enthalten. Optional lassen sich noch weitere Parameter setzen, dies ist für den Anfang jedoch nicht erforderlich. [[Präsentieren mit Marp#2.3 Kopfanpassungen|Hier]] folgen aber noch weitere Erläuterungen

=== 2. Foliengestaltung ===
Jede Folie wird durch Zeilen mit drei Minuszeichen begrenzt. Vor dem Folienwechsel sollte immer eine Leerzeile stehen.
--- (Folienwechsel)
# Titel der Folie
- Stichpunkt
- Stichpunkt

--- (nächste Folie)
Als Orientierung, welche Anzahl an Stichpunkten sinnvoll ist, kann man den Schülerinnen und Schülern eine "Handvoll Stichpunkte" - also fünf Stichpunkte - pro Folie nennen.

Möchte man mit Unterüberschriften arbeiten, so kann mit ## Unterüberschrift eine Überschrift der Ebene 2 hinzugefügt werden. Für Stichpunkte gibt es auch die Option mit "Aufblättern" zu arbeiten, davon raten wir jedoch blinden Schülerinnen und Schülern eher ab, da die Kontrolle und Bedienung dadurch etwas erschwert wird. Möchte man dies dennoch, so können die Stichpunkte mit einem * angekündigt werden.

Mit Markdown lassen sich auch Formatierungen wie Kursivdruck oder Fettdruck erzeugen: ** erzeugt einen fetten Text, * erzeugt einen kursiven Text.
---
# Titel der Folie
* Stichpunkt 1
* Stichpunkt 2
* **besonders wichtiges Argument**
---

==== 2.1 Bilder einfügen ====
Bilder sind für Präsentationen vor einem sehenden Publikum eine gute Hilfe, Stimmungen und zusätzliche Informationen zu vermitteln. Auch wenn mittels Google Bildersuche oder diversen KI Bildgeneratoren vielleicht in Zukunft auch eine Gestaltung ohne sehende Hilfe möglich ist, so empfehlen wir doch sehr, dass Bilder in einer hohen Auflösung von einer sehenden Person auf Anweisung des Erstellers herausgesucht werden. Wichtig ist, die Bilder in den gleichen Ordner wie die Textdatei der Präsentation abzulegen und mit einem kurzen, eindeutligen Dateinamen zu benennen.

Marp bietet für Bilder verschiedene Einfügeoptionen. Es ist sinnvoll, die Syntax mit den Schülerinnen und Schülern zu besprechen, da dann auch nachträglich Anpassungen vorgenommen werden können.

Hier zunächst die Grundstruktur:
![bg Kurzbeschreibung](bildname.jpg)
'''Achtung: Der Bildname darf keine Leerzeichen enthalten!'''

Durch ![bg] - bg steht für Background - wird bei der Konvertierung ein Bild in den Hintergrund einer Folie gelegt. In runden Klammern folgt der exakte Dateiname mit Endung (ggf. im Explorer die Ansicht anpassen, so dass die Endungen immer angezeigt werden). Vor die schließende eckige Klammer kann mit wenigen Worten eine Bildbeschreibung eingefügt werden, die später auch in der html-Datei eingebaut wird.

Ohne weitere Zusätze wird das Bild über die komplette Folienbreite und Folienhöhe eingefügt. Hierbei gibt es keine Verzerrung, es wird aber entweder oben/unten oder rechts/links "beschnitten", so dass es die Folie vollständig ausfüllt.

Anhand des [https://unsplash.com/de/fotos/ein-mann-der-auf-dem-gipfel-eines-berges-neben-einem-see-steht-BcWAKeBRbvE Fotos von Deepak Nautiyal auf Unsplash] soll hier kurz veranschaulicht werden, was das bedeutet.

'''Originalbild (hochkant):'''

[[Datei:Blauroter-vogel.jpg|alternativtext=blau-roter Vogel|rahmenlos|533x533px]]

Hier nun die Einbindung als Hintergrund einer Folie:
![bg blauroter Vogel](blauroter-vogel.jpg)
[[Datei:Zuschnitt-vogel.png|alternativtext=Zuschnitt des Vogelbildes auf Präsentationsformat (unten und oben abgeschnitten, die Füße sind nicht mehr zu sehen)|rahmenlos|535x535px]]

Für ein Bild im Hochkantformat ist das komplette Ausfüllen der Folie nicht sinnvoll, da in der Regel von oben und unten viel zu viel beschnitten werden muss. Entweder entscheidet man sich für eine Seite (linke oder rechte Hälfte der Folie) oder gibt mit "fit" eine Zusatzanweisung, dass das Bild komplett zu sehen sein soll.
![bg fit blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-fit.png|alternativtext=Das Bild des blauroten Vogels ist mittig auf der Folie platziert und komplett zu sehen, rechts und links breite weiße Balken.|rahmenlos|521x521px]]

Nun ist das Bild vollständig auf der Folie zu sehen, allerdings bietet es sich für Hochkantbilder wirklich deutlich mehr an, nur eine Hälfte der Folie damit zu füllen.
![bg left blauroter Vogel](blauroter-vogel.jpg) oder ![bg right blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-left.png|alternativtext=Das Bild des blauroten Vogels ist auf die linke Hälfte der Folie eingepasst, rechts steht der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]][[Datei:BlauroterVogel-right.png|alternativtext=Der blaurote Vogel ist auf der rechten Hälfte der Folie zu sehen, links der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]]

Durch "right" bzw. "left" kann man die Folienhälfte auswählen. Auch hier hat man die Option, das Bild bei Bedarf (wenn alle Details auch in den Randbereichen sichtbar sein sollen) mit dem "fit" Zusatz einzupassen.

Für die Schülerinnen und Schüler hat sich je nach Geschmack ![bg left] bzw. ![bg right] als beste Option herauskristallisiert.

==== 2.2 Audio und Video ====
In PDF lassen sich weder Audio noch Video einbinden, für html gibt es die Option mittels html-Tags. In der Steuerung ist es nicht optimal, aber mit ein paar Kniffen beherrschbar. Einfügen sollte man ein Video immer auf einer eigener Folie, beim Audiocontroller ist nicht so viel Platz erforderlich, daher kann dort ein Titel noch problemlos hinzugefügt werden.

Wichtig ist, eine Leerzeile über und unter den Eintrag zu setzen.

Wie bei Bildern gilt das gleiche Prinzip: die Video-/Audiodateien müssen im gleichen Ordner wie die Präsentation liegen. Alternativ kann man auch direkte Internetlinks zu Videos hinter src einsetzen. Auch hier gilt: keine Leerzeichen in Dateinamen nutzen.
---

<video src=videodatei.mp4 controls width=100%></video>

---

---
# Titel der Folie

<audio src=audio.mp3 controls></audio>

---

==== 2.3 Kopfanpassungen ====
Im Kopf lassen sich neben dem reinen Aktivieren von Marp weitere Parameter setzen. Hier eine kurze Übersicht der wichtigsten
---
marp: true
class: invert 'Wechsel auf dunkles Farbschema
paginate: true 'Hier werden Seitenzahlen unten rechts hinzugefügt
title: "Titel der Präsentation"
footer: "Fusszeile"
header: "Kopfzeile"
theme: style 'Wenn man einen individuellen Stil möchte
---

==== 2.4 Links, Zitate und Code ====

===== Verlinkungen =====
Um Links innerhalb einer Präsentation zu erstellen, muss der Linktext in eckigen Klammern und die Nummer der Folie in runden Klammern dahinter angegeben werden:
[Springe auf Folie 2](#2)
Internetlinks können direkt einfügt werden, indem du einen Linktext in eckigen und den Link in runde Klammern setzt.
[SBBZ-Ilvesheim](https:\\sbbz-ilvesheim.de)

===== Zitat =====
Einen Zitatblock kann man mit vorangestelltem Größerzeichen formatieren:
> Zitatblock
> Das ist ein Text
<div>

== 3. Durchführung der Präsentation ==
Für die Durchführung der Präsentation hat man zwei Optionen mit unterschiedlichen Vorteilen. Beide lassen sich mit einem Presenter bedienen.

==== PDF ====
Die PDF hat den Vorteil der einfachen Bedienbarkeit. Folien lassen sich einfach mit den Pfeiltasten weiterblättern (mit PFEIL AB kann man von oben durch die Folie hindurchgehen, das Folienende ist durch mc-ref Grafik ausgezeichnet). Für die Präsentation empfiehlt es sich den Vollbildmodus (STRG+L) zu starten.

Überschriften sind ausgezeichnet, Listen gut auslesbar. Bilder jedoch sind nicht mit dem im Quelltext angegebenen Alternativtext versehen und Videos sowie Audios lassen sich selbstverständlich nicht im PDF Viewer abspielen.

Das Format bietet sich zudem als "Abgabe" bei der Lehrkraft an - hier sind die Bilder direkt eingebettet und die Übergabe einer Datei genügt.

==== HTML ====
Die html-Datei hat andere Vorteile: Bilder haben ihre Bildbeschreibung, Videos und Audios lassen sich abspielen (wenn auch etwas hakelig). Nach dem Abspielen von Video- und Audiodateien kann es sein, dass die Präsentation hängen bleibt und das Weiterblättern nicht mehr möglich ist. In diesem Fall einfach einmal F5 drücken um die Seite frisch zu laden.

Mit ALT+PFEIL RECHTS oder ALT+ BILDAB kann man die nächste Folie aufrufen. Zurückspringen zur vorherigen Folie: ALT+PFEIL LINKS oder ALT+BILDAUF

Achtung! Der Cursor befindet sich zu Beginn nicht auf dem Anfang der Folie - hier jeweils mit STRG+POS1 an den Anfang springen. Hat man die Foliennummerierung aktiviert, kann man das Ende der Folie immer an der Foliennummer erkennen.

Für das Abspielen von Videos gilt: nach dem Abspielen ist der Cursor im Videoplayer gefangen, einmal F5 drücken und dann zur nächsten Folie weiterblättern.

Nutzt man die html-Datei zum Präsentieren, so muss man immer den gesamten Präsentationsorder "mitnehmen", da die Bilder und Videos lediglich verlinkt und damit eingebunden, aber nicht eingebettet sind.

== 4. Tipps und Tricks für Profis ==

===== Codeblöcke =====
Möchte man einen Codeblock einbinden, muss dieser mit drei Backticks (`) angekündigt werden. Danach folgt der Name der Programmiersprache und in einer neuen Zeile der Code und wieder drei Backticks.
```python
@import
if this
then that
```

===== Diagramme =====
Möchte man Mermaid Diagramme in Marp einbauen, so muss zusätzlich das Mermaid Modul hinzugeladen werden. Das ist nur für erfahrenere Nutzer empfehlenswert. Das Skript muss in der Präsentation beispielsweise auf der ersten Folie eingebunden werden, indem folgender Baustein eingefügt wird:
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
</script>

Anschließend kann man über einen html "<nowiki><div>-Tag" das Diagramm setzen: </nowiki><div>
<nowiki>
<div class="mermaid">
graph LR;
a --> b;
b --> c;
c --> a;
</div></nowiki>

==== Folienübergänge ====
Marp bietet einige Optionen für den Übergang zwischen Folien. Diese kann man Präsentationsübergreifend im Kopf festlegen. Alternativ kann man den Übergang durch den Eintrag  auf einer Folie auch nur für einzelne Folien festlegen.

Empfehlenswert, da nicht zu aufdringlich, ist beispielsweise diese Option:
transition: fade

Die Übergänge sind nur in der html Version nutzbar. Hier eine Liste aller Möglichkeiten:
clockwise, counterclockwise, cover, coverflow, cube, cylinder, diamond, drop, explode, fade, fade-out, fall, flip, glow, implode, in-out, iris-in, iris-out, overlap, pivot, pull, push, reveal, revealslide, swap, swipe, swoosh, wipe, zoom

Eine Voransicht des Effektes lässt sich auf https://github.com/marp-team/marp-cli/blob/main/docs/bespoke-transitions/README.md#built-in-transitions einsehen.

=== Theme ändern ===
Möchtest du ein anderes Theme nutzen, so hast du standardmäßig folgende Themes zur Auswahl:

gaia, uncover und default, jeweils mit der Option der Invertierung. Gaia und Uncover bieten wesentlich weniger Platz auf einer Folie, so dass eine Folie leicht überläuft.

Eine weitere Alternative ist, ein eigenes Stilset zu nutzen. Über das Menüband wird dieses automatisch erstellt, wenn du "Exportieren mit Stil" nutzt. Die Vorlage ist mit einer etwas größeren Schriftart und bietet die Möglichkeit einer speziellen Titelfolie. Wichtig: im Kopf muss der Eintrag theme: style gesetzt werden.

=== Titelfolie ===
Um eine Titelfolie mit zentriertem, besonders großem Text zu nutzen, muss man

 auf dieser Folie hinzufügen. Dies kann auch über das Menü vorgenommen werden. Bei anschließendem Exportieren mit Stil wird die Folie dann wie gewünscht erzeugt. Für eine invertierte Darstellung gibt es einen eigenen Button, der stattdessen  einfügt.

=== Hintergrund und Schriftfarbe ===
Auch wenn wir die Nutzung der Standardfarben (Hintergrund weiß oder invertiert) dringend empfehlen, ist es möglich, die Farben anzupassen, ohne in die manuelle Bearbeitung der style.css zu müssen.

Über das Stil-Menü kannst du verschiedene Farben festlegen. Hintergrundfarbe, Schriftfarbe, Farbe der Überschriften der Ebene 1 und Farbe von Hervorhebungen (Fettdruck) in Überschriften. Zusätzlich lässt sich eine andere Schriftart wählen. Diese Einstellungen lassen sich über die Zurücksetzen-Option wieder auf die Standardwerte stellen. Sie werden nur angewandt, wenn Exportieren mit Stil gewählt wird.

=== Gestaltung einzelner Folien ===
Um Anpassungen für nur eine Folie oder einen Abschnitt festzulegen, musst du zu Beginn der Folie einen sogenannten HTML-Kommentar hinzufügen. Unterschieden wird, ob du für alle folgenden Folien diese Anpassung haben möchtest, oder nur für die aktuelle. Für einen Übergang kann das dann so aussehen:

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die nächste Folie: ====
<nowiki></nowiki>

Diese Möglichkeit lässt sich auch auf andere Steuerbefehle anwenden. So kann man beispielsweise temporär mit einer Invertierung arbeiten.

==== Für alle folgenden Folien: ====
<nowiki></nowiki>

==== Für die aktuelle Folie: ====
<nowiki></nowiki>

Auf diesem Wege lässt sich auch der Footer/Header und die Seitennummerierung auf einzelnen Folien ausblenden. Dies ist insbesondere bei Folien, die nur ein Bild enthalten, sinnvoll.

<nowiki></nowiki>

<nowiki></nowiki>

Präsentieren mit Marp

2026-06-09T12:30:45Z

Henn: /* Warum was neues? */

== Warum etwas neues? ==
Ein neuer Ansatz neben dem klassischen Präsentieren mittels Powerpoint ist die Nutzung eines auf Markdown basiertem Präsentationssystems. Die Auszeichnungssprache [https://de.wikipedia.org/wiki/Markdown Markdown] besticht durch seine einfachen klaren Strukturen und die damit verbundene Kontrolle über das Endprodukt.

Die Präsentation wird in einem Texteditor erstellt und anschließend mit einer Konvertierungssoftware in HTML und PDF exportiert. Für die Konvertierung gibt es verschiedene Softwarepakete, durch das Testen der Endprodukte auf Barrierefreiheit hat sich Marp als Favorit herauskristalisiert. Auch hier ist nicht alles fehlerfrei, aber sowohl PDF als auch HTML lassen sich gut bedienen und die Kontrolloptionen über Bildpositionierung und Erweiterungsmöglichkeiten mit eigenen Themes überzeugen.

Marp gibt es in verschiedenen Varianten, interessant sind vor allem das Plugin für VisualStudio Code und die Kommandozeilenversion. Hier gehe ich insbesondere auf die Kommandozeilenversion ein, die in Kombination mit der Nutzung des Menübandes für Word für Schülerinnen und Schüler jedes Bildungsganges der allgemeinen Schulen gut und sicher zu nutzen ist.

Vorbereitung: [[Installation von Marp CLI (ansteuerbar mit Word)|Installation von Marp inklusive Menüband für Word]] (eigene Seite)

# [[Präsentieren mit Marp#Voreinstellung und Vorbereitung|Voreinstellungen in Word]]
# [[Präsentieren mit Marp#Gestaltung der Präsentation|Gestaltung der Präsentation]]
# [[Präsentieren mit Marp#3. Durchführung der Präsentation|Durchführung der Präsentation]]
# [[Präsentieren mit Marp#4. Tipps und Tricks für Profis|Tipps und Tricks für Profis]]

== Voreinstellung und Vorbereitung ==
Die Präsentation kann direkt in Word erstellt werden, der Export nach html und PDF erfolgt über das Marp-Menüband. Damit dies sauber funktioniert, muss folgender Punkt in den Word Optionen '''deaktiviert''' sein:

'''Dokumentprüfung, Autokorrekturoptionen, Autoformat während der Eingabe, Während der Eingabe übernehmen: Rahmenlinien'''

== Gestaltung der Präsentation ==
Der Aufbau einer Präsentation ist sehr einfach.

=== 1. Kopf ===
---
marp: true
---
Der Kopf muss den Ausdruck marp: true enthalten. Optional lassen sich noch weitere Parameter setzen, dies ist für den Anfang jedoch nicht erforderlich. [[Präsentieren mit Marp#2.3 Kopfanpassungen|Hier]] folgen aber noch weitere Erläuterungen

=== 2. Foliengestaltung ===
Jede Folie wird durch Zeilen mit drei Minuszeichen begrenzt. Vor dem Folienwechsel sollte immer eine Leerzeile stehen.
--- (Folienwechsel)
# Titel der Folie
- Stichpunkt
- Stichpunkt

--- (nächste Folie)
Als Orientierung, welche Anzahl an Stichpunkten sinnvoll ist, kann man den Schülerinnen und Schülern eine "Handvoll Stichpunkte" - also fünf Stichpunkte - pro Folie nennen.

Möchte man mit Unterüberschriften arbeiten, so kann mit ## Unterüberschrift eine Überschrift der Ebene 2 hinzugefügt werden. Für Stichpunkte gibt es auch die Option mit "Aufblättern" zu arbeiten, davon raten wir jedoch blinden Schülerinnen und Schülern eher ab, da die Kontrolle und Bedienung dadurch etwas erschwert wird. Möchte man dies dennoch, so können die Stichpunkte mit einem * angekündigt werden.

Mit Markdown lassen sich auch Formatierungen wie Kursivdruck oder Fettdruck erzeugen: ** erzeugt einen fetten Text, * erzeugt einen kursiven Text.
---
# Titel der Folie
* Stichpunkt 1
* Stichpunkt 2
* **besonders wichtiges Argument**
---

==== 2.1 Bilder einfügen ====
Bilder sind für Präsentationen vor einem sehenden Publikum eine gute Hilfe, Stimmungen und zusätzliche Informationen zu vermitteln. Auch wenn mittels Google Bildersuche oder diversen KI Bildgeneratoren vielleicht in Zukunft auch eine Gestaltung ohne sehende Hilfe möglich ist, so empfehlen wir doch sehr, dass Bilder in einer hohen Auflösung von einer sehenden Person auf Anweisung des Erstellers herausgesucht werden. Wichtig ist, die Bilder in den gleichen Ordner wie die Textdatei der Präsentation abzulegen und mit einem kurzen, eindeutligen Dateinamen zu benennen.

Marp bietet für Bilder verschiedene Einfügeoptionen. Es ist sinnvoll, die Syntax mit den Schülerinnen und Schülern zu besprechen, da dann auch nachträglich Anpassungen vorgenommen werden können.

Hier zunächst die Grundstruktur:
![bg Kurzbeschreibung](bildname.jpg)
'''Achtung: Der Bildname darf keine Leerzeichen enthalten!'''

Durch ![bg] - bg steht für Background - wird bei der Konvertierung ein Bild in den Hintergrund einer Folie gelegt. In runden Klammern folgt der exakte Dateiname mit Endung (ggf. im Explorer die Ansicht anpassen, so dass die Endungen immer angezeigt werden). Vor die schließende eckige Klammer kann mit wenigen Worten eine Bildbeschreibung eingefügt werden, die später auch in der html-Datei eingebaut wird.

Ohne weitere Zusätze wird das Bild über die komplette Folienbreite und Folienhöhe eingefügt. Hierbei gibt es keine Verzerrung, es wird aber entweder oben/unten oder rechts/links "beschnitten", so dass es die Folie vollständig ausfüllt.

Anhand des [https://unsplash.com/de/fotos/ein-mann-der-auf-dem-gipfel-eines-berges-neben-einem-see-steht-BcWAKeBRbvE Fotos von Deepak Nautiyal auf Unsplash] soll hier kurz veranschaulicht werden, was das bedeutet.

'''Originalbild (hochkant):'''

[[Datei:Blauroter-vogel.jpg|alternativtext=blau-roter Vogel|rahmenlos|533x533px]]

Hier nun die Einbindung als Hintergrund einer Folie:
![bg blauroter Vogel](blauroter-vogel.jpg)
[[Datei:Zuschnitt-vogel.png|alternativtext=Zuschnitt des Vogelbildes auf Präsentationsformat (unten und oben abgeschnitten, die Füße sind nicht mehr zu sehen)|rahmenlos|535x535px]]

Für ein Bild im Hochkantformat ist das komplette Ausfüllen der Folie nicht sinnvoll, da in der Regel von oben und unten viel zu viel beschnitten werden muss. Entweder entscheidet man sich für eine Seite (linke oder rechte Hälfte der Folie) oder gibt mit "fit" eine Zusatzanweisung, dass das Bild komplett zu sehen sein soll.
![bg fit blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-fit.png|alternativtext=Das Bild des blauroten Vogels ist mittig auf der Folie platziert und komplett zu sehen, rechts und links breite weiße Balken.|rahmenlos|521x521px]]

Nun ist das Bild vollständig auf der Folie zu sehen, allerdings bietet es sich für Hochkantbilder wirklich deutlich mehr an, nur eine Hälfte der Folie damit zu füllen.
![bg left blauroter Vogel](blauroter-vogel.jpg) oder ![bg right blauroter Vogel](blauroter-vogel.jpg)
[[Datei:BlauroterVogel-left.png|alternativtext=Das Bild des blauroten Vogels ist auf die linke Hälfte der Folie eingepasst, rechts steht der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]][[Datei:BlauroterVogel-right.png|alternativtext=Der blaurote Vogel ist auf der rechten Hälfte der Folie zu sehen, links der Titel "Das ist ein blau-roter Vogel"|rahmenlos|640x640px]]

Durch "right" bzw. "left" kann man die Folienhälfte auswählen. Auch hier hat man die Option, das Bild bei Bedarf (wenn alle Details auch in den Randbereichen sichtbar sein sollen) mit dem "fit" Zusatz einzupassen.

Für die Schülerinnen und Schüler hat sich je nach Geschmack ![bg left] bzw. ![bg right] als beste Option herauskristallisiert.

==== 2.2 Audio und Video ====
In PDF lassen sich weder Audio noch Video einbinden, für html gibt es die Option mittels html-Tags. In der Steuerung ist es nicht optimal, aber mit ein paar Kniffen beherrschbar. Einfügen sollte man ein Video immer auf einer eigener Folie, beim Audiocontroller ist nicht so viel Platz erforderlich, daher kann dort ein Titel noch problemlos hinzugefügt werden.

Wichtig ist, eine Leerzeile über und unter den Eintrag zu setzen.

Wie bei Bildern gilt das gleiche Prinzip: die Video-/Audiodateien müssen im gleichen Ordner wie die Präsentation liegen. Alternativ kann man auch direkte Internetlinks zu Videos hinter src einsetzen. Auch hier gilt: keine Leerzeichen in Dateinamen nutzen.
---

<video src=videodatei.mp4 controls width=100%></video>

---

---
# Titel der Folie

<audio src=audio.mp3 controls></audio>

---

==== 2.3 Kopfanpassungen ====
Im Kopf lassen sich neben dem reinen Aktivieren von Marp weitere Parameter setzen. Hier eine kurze Übersicht der wichtigsten
---
marp: true
class: invert 'Wechsel auf dunkles Farbschema
paginate: true 'Hier werden Seitenzahlen unten rechts hinzugefügt
title: "Titel der Präsentation"
footer: "Fusszeile"
header: "Kopfzeile"
theme: style 'Wenn man einen individuellen Stil möchte
---

==== 2.4 Links, Zitate und Code ====

===== Verlinkungen =====
Um Links innerhalb einer Präsentation zu erstellen, muss der Linktext in eckigen Klammern und die Nummer der Folie in runden Klammern dahinter angegeben werden:
[Springe auf Folie 2](#2)
Internetlinks können direkt einfügt werden, indem du einen Linktext in eckigen und den Link in runde Klammern setzt.
[SBBZ-Ilvesheim](https:\\sbbz-ilvesheim.de)

===== Zitat =====
Einen Zitatblock kann man mit vorangestelltem Größerzeichen formatieren:
> Zitatblock
> Das ist ein Text
<div>

== 3. Durchführung der Präsentation ==
Für die Durchführung der Präsentation hat man zwei Optionen mit unterschiedlichen Vorteilen. Beide lassen sich mit einem Presenter bedienen.

==== PDF ====
Die PDF hat den Vorteil der einfachen Bedienbarkeit. Folien lassen sich einfach mit den Pfeiltasten weiterblättern (mit PFEIL AB kann man von oben durch die Folie hindurchgehen, das Folienende ist durch mc-ref Grafik ausgezeichnet). Für die Präsentation empfiehlt es sich den Vollbildmodus (STRG+L) zu starten.

Überschriften sind ausgezeichnet, Listen gut auslesbar. Bilder jedoch sind nicht mit dem im Quelltext angegebenen Alternativtext versehen und Videos sowie Audios lassen sich selbstverständlich nicht im PDF Viewer abspielen.

Das Format bietet sich zudem als "Abgabe" bei der Lehrkraft an - hier sind die Bilder direkt eingebettet und die Übergabe einer Datei genügt.

==== HTML ====
Die html-Datei hat andere Vorteile: Bilder haben ihre Bildbeschreibung, Videos und Audios lassen sich abspielen (wenn auch etwas hakelig). Nach dem Abspielen von Video- und Audiodateien kann es sein, dass die Präsentation hängen bleibt und das Weiterblättern nicht mehr möglich ist. In diesem Fall einfach einmal F5 drücken um die Seite frisch zu laden.

Mit ALT+PFEIL RECHTS oder ALT+ BILDAB kann man die nächste Folie aufrufen. Zurückspringen zur vorherigen Folie: ALT+PFEIL LINKS oder ALT+BILDAUF

Achtung! Der Cursor befindet sich zu Beginn nicht auf dem Anfang der Folie - hier jeweils mit STRG+POS1 an den Anfang springen. Hat man die Foliennummerierung aktiviert, kann man das Ende der Folie immer an der Foliennummer erkennen.

Für das Abspielen von Videos gilt: nach dem Abspielen ist der Cursor im Videoplayer gefangen, einmal F5 drücken und dann zur nächsten Folie weiterblättern.

Nutzt man die html-Datei zum Präsentieren, so muss man immer den gesamten Präsentationsorder "mitnehmen", da die Bilder und Videos lediglich verlinkt und damit eingebunden, aber nicht eingebettet sind.

== 4. Tipps und Tricks für Profis ==

===== Codeblöcke =====
Möchte man einen Codeblock einbinden, muss dieser mit drei Backticks (`) angekündigt werden. Danach folgt der Name der Programmiersprache und in einer neuen Zeile der Code und wieder drei Backticks.
```python
@import
if this
then that
```

===== Diagramme =====
Möchte man Mermaid Diagramme in Marp einbauen, so muss zusätzlich das Mermaid Modul hinzugeladen werden. Das ist nur für erfahrenere Nutzer empfehlenswert. Das Skript muss in der Präsentation beispielsweise auf der ersten Folie eingebunden werden, indem folgender Baustein eingefügt wird:
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
</script>

Anschließend kann man über einen html "<nowiki><div>-Tag" das Diagramm setzen: </nowiki><div>
<nowiki>
<div class="mermaid">
graph LR;
a --> b;
b --> c;
c --> a;
</div></nowiki>

==== Folienübergänge ====
Marp bietet einige Optionen für den Übergang zwischen Folien. Diese kann man Präsentationsübergreifend im Kopf festlegen. Alternativ kann man den Übergang durch den Eintrag  auf einer Folie auch nur für einzelne Folien festlegen.

Empfehlenswert, da nicht zu aufdringlich, ist beispielsweise diese Option:
transition: fade

Die Übergänge sind nur in der html Version nutzbar. Hier eine Liste aller Möglichkeiten:
clockwise, counterclockwise, cover, coverflow, cube, cylinder, diamond, drop, explode, fade, fade-out, fall, flip, glow, implode, in-out, iris-in, iris-out, overlap, pivot, pull, push, reveal, revealslide, swap, swipe, swoosh, wipe, zoom

Eine Voransicht des Effektes lässt sich auf https://github.com/marp-team/marp-cli/blob/main/docs/bespoke-transitions/README.md#built-in-transitions einsehen.

=== Theme ändern ===
Möchtest du ein anderes Theme nutzen, so hast du standardmäßig folgende Themes zur Auswahl:

gaia, uncover und default, jeweils mit der Option der Invertierung. Gaia und Uncover bieten wesentlich weniger Platz auf einer Folie, so dass eine Folie leicht überläuft.

Eine weitere Alternative ist, ein eigenes Stilset zu nutzen. Über das Menüband wird dieses automatisch erstellt, wenn du "Exportieren mit Stil" nutzt. Die Vorlage ist mit einer etwas größeren Schriftart und bietet die Möglichkeit einer speziellen Titelfolie. Wichtig: im Kopf muss der Eintrag theme: style gesetzt werden.

=== Titelfolie ===
Um eine Titelfolie mit zentriertem, besonders großem Text zu nutzen, muss man

 auf dieser Folie hinzufügen. Dies kann auch über das Menü vorgenommen werden. Bei anschließendem Exportieren mit Stil wird die Folie dann wie gewünscht erzeugt. Für eine invertierte Darstellung gibt es einen eigenen Button, der stattdessen  einfügt.

=== Hintergrund und Schriftfarbe ===
Auch wenn wir die Nutzung der Standardfarben (Hintergrund weiß oder invertiert) dringend empfehlen, ist es möglich, die Farben anzupassen, ohne in die manuelle Bearbeitung der style.css zu müssen.

Über das Stil-Menü kannst du verschiedene Farben festlegen. Hintergrundfarbe, Schriftfarbe, Farbe der Überschriften der Ebene 1 und Farbe von Hervorhebungen (Fettdruck) in Überschriften. Zusätzlich lässt sich eine andere Schriftart wählen. Diese Einstellungen lassen sich über die Zurücksetzen-Option wieder auf die Standardwerte stellen. Sie werden nur angewandt, wenn Exportieren mit Stil gewählt wird.

=== Gestaltung einzelner Folien ===
Um Anpassungen für nur eine Folie oder einen Abschnitt festzulegen, musst du zu Beginn der Folie einen sogenannten HTML-Kommentar hinzufügen. Unterschieden wird, ob du für alle folgenden Folien diese Anpassung haben möchtest, oder nur für die aktuelle. Für einen Übergang kann das dann so aussehen:

==== Für alle folgenden Folien: ====


==== Für die nächste Folie: ====


Diese Möglichkeit lässt sich auch auf andere Steuerbefehle anwenden. So kann man beispielsweise temporär mit einer Invertierung arbeiten.

==== Für alle folgenden Folien: ====


==== Für die aktuelle Folie: ====


Auf diesem Wege lässt sich auch der Footer/Header und die Seitennummerierung auf einzelnen Folien ausblenden. Dies ist insbesondere bei Folien, die nur ein Bild enthalten, sinnvoll.

Hauptseite

2026-06-09T12:29:32Z

Henn: /* Fachspezifische Hinweise */

=Augenbit=
[[Datei:Augenbit-Start.png|alternativtext=Vernetzung dargestellt durch Spinnennetz mit Logos: Ecdl, Augenbit und co|rechts|rahmenlos|323x323px]]
Augenbit wurde eingerichtet von der Arbeitsgemeinschaft Informationstechnologie des [https://www.vbs.eu/ VBS] (Verband für Blinden- und Sehbehindertenpädagogik e. V.). Dieses Wiki versteht sich als eine Informations-, Arbeits- und Diskussionsplattform für alle, die sich dem Thema "Informationstechnische Bildung für blinde und sehbehinderte Menschen"
verbunden fühlen.

Wer gerne mitarbeiten möchte kann dies nach persönlichen Anmeldung bei der Leitung der AG per E-Mail unter Angabe des Benutzernamens an [mailto:webmaster@augenbit.de webmaster@augenbit.de] tun.

Viel Spaß wünscht das Augenbit-Team!
==Informationen und Hinweise==
* '''NEU -''' [[Tagung 2026 der AG IT]] gemeinsam mit der AG Inklusion vom 19.-21. Juni 2026. - '''NEU'''
* [[Tagung 2025 der AG IT]] gemeinsam mit der AG Mathe/Naturwissenschaften.
* Materialien zu den [[Workshops der VBS-AGs auf dem Kongress 2023]].
*Materialien zu den Veranstaltungen der [[VBS-AG IT|VBS AG Informationstechnologie]]
* 3D-Modelle und Abbildungen sind unter [https://tactiles.eu tactiles.eu] zu finden
* Eine Anleitung zum Editieren von Seiten auf Augenbit findet sich [https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide/de hier]

==Digitales 1x1==

* [[Text]] E-Buchstandard für die Textübertragung, Menübändern als Hilfe zur Erstellung, Arbeitstechniken für Schülerinnen und Schüler, individuelle Formatvorlagen und mehr. Umgang mit Word oder PDF - alles rund um diese Themen findet sich hier.

* [[Tabellen]] Ob in Word oder Excel - Tabellen sind sehr hilfreich aber auch herausfordernd.

* [[Abbildungen]] Mehr zu optimierten Abbildungen, taktilen Abbildungen und Bildbeschreibungen

* [[Screenreader]] und [[Vergrößerungssoftware]] Mehr zu NVDA, JAWS, Magic und Zoomtext - Informationen rund um Hilfsmittelsoftware für blinde und sehbehinderte Schülerinnen und Schüler.

* [[Nachschlagewerke]] Infos über mehr oder weniger barrierefreie Wörterbücher und andere Nachschlagewerke

* [[iPad]] als Hilfsmittel

* [[Betriebssystem]] Mehr zur Konfiguration und Nutzung von Windows, Mac, iOS, Android und Co

* [[Präsentationsmedien]] Hier finden sich Informationen rund um Powerpoint (aus [[ECDL 2010|ECDL]] und Co)

* [http://screenreader.ssilv.de/kurzanleitung-zum-surfen-im-internet-mit-einem-screenreader/ Internet] Link zu <nowiki>https://screenreader.ssilv.de</nowiki>

==Fachspezifische Hinweise==

* [[Mathematik]] Alles rund um das Thema "Mathematik im Unterricht mit Blinden und Sehbehinderten"
* [[Musik und Tonbearbeitung]] Mehr zu Musiknotenschrift und Audioschnitt
* [[Naturwissenschaften]] Chemieschreibweisen, Messinstrumente, 3D-Vorlagen und mehr
* [[Erdkunde]] digitale Karten
* [[Informatik]]

* [[Informatik als Unterrichtsfach]]

== [[Hardware]] ==
* '''[[Interaktive Whiteboards]]''' im gemeinsamen Unterricht bei sehgeschädigten Schülerinnen und Schülern

==Software==
===Lernsoftware===
* '''[[Lernprogramme]]''' - Infos über die Zugänglichkeit von Lernprogrammen.

==Hilfe==
* '''Allgemeine Einführung''' zum Thema "Wiki": http://de.wikipedia.org/wiki/Wikipedia:Hilfe

* '''Hilfe zur Benutzung''' und Konfiguration der Wiki Software:[http://meta.wikimedia.org/wiki/Help:Contents Benutzerhandbuch]

* '''Benutzerhandbuch''' zum MediaWiki (Deutsch): http://meta.wikimedia.org/wiki/Hilfe:Handbuch

* '''Lernpfad Wiki-Kurs''' auf ZUM.de: https://unterrichten.zum.de/wiki/Lernpfad_Wiki-Kurs

* '''''[[Spielwiese]]''''' zum Testen und Ausprobieren dieses Wikis
* '''''[[Spielwiese3]]''''' zum Testen und Ausprobieren dieses Wikis

Informatik

2026-06-09T12:28:15Z

Henn:

== [[Informatik als Unterrichtsfach|Lernpfad Know-How-Computer]] ==

* Der Know-How-Computer ist ein Klassiker aus der Rubrik "Informatik ohne Strom". Für seine Hardware reichen ein Blatt Papier, ein Stift und ein paar Streichhölzer aus.
* Auf ZUM.de (Zentrale für Unterrichtsmedien im Internet) gibt es einen barrierefreien Lernpfad Know-How-Computer, der anschaulich und handlungsorientiert zu den Anfängen und Grundlagen des Computerbaus und der Programmierung von Maschinen führt. Eine Entdeckungstour für alle, die be-greifen wollen, wie ein Computer in seinem Innersten funktioniert.
* Und wer sich dafür interessiert, um was es - über das Programmieren hinaus - sonst noch so in der Fachwissenschaft Informatik geht, der erhält in den hinteren Kapiteln einen kleinen Einblick. Sie sind so eine Art "Schnupperkurs" in das Fach Informatik. Da geht es um Themen wie die Von-Neumann-Rechnerarchitektur, die Grammatik formaler Sprachen, Parser und endliche Automaten - immer anschaulich erklärt am Beispiel des Know-How-Computers.

== Programmierung ==

* mit Sonic Pi

== Struktogramme (Nassi-Shneiderman-Diagramme) ==
[[Datei:Struktogramm.png|alternativtext=Einfaches Struktogramm mit einer Fallunterscheidung|rahmenlos|365x365px]]

* Ein Struktogramm ist ein Diagrammtyp zur Darstellung von Programmentwürfen unabhängig von der Programmiersprache. Im Unterricht werden für sehende Schülerinnen und Schüler visuelle Baukastensysteme genutzt, welche über die Maus einfach zusammengebastelt werden können. LaTeX kann dazu für blinde und hochgradig sehbehinderte Schülerinnen und Schüler eine Alternative darstellen. [[Struktogramme mit LaTeX]]

== Netzwerkkomponenten ==

* Auf Tactiles hat Onno Flach einen schöne Idee zum Aufbau eines Netzes eingestellt. Zur Verbindung der einzelnen Komponenten können kurze Netzwerkkabel mit RJ45 Stecker genutzt werden. Der Remix darunter ist eine Adaption zur Nutzung auf Duploplatten
* https://tactiles.eu/3d-model/network-components/
* https://tactiles.eu/3d-model/network-components-remix/

Hauptseite

2026-06-09T12:26:57Z

Henn: /* Fachspezifische Hinweise */

=Augenbit=
[[Datei:Augenbit-Start.png|alternativtext=Vernetzung dargestellt durch Spinnennetz mit Logos: Ecdl, Augenbit und co|rechts|rahmenlos|323x323px]]
Augenbit wurde eingerichtet von der Arbeitsgemeinschaft Informationstechnologie des [https://www.vbs.eu/ VBS] (Verband für Blinden- und Sehbehindertenpädagogik e. V.). Dieses Wiki versteht sich als eine Informations-, Arbeits- und Diskussionsplattform für alle, die sich dem Thema "Informationstechnische Bildung für blinde und sehbehinderte Menschen"
verbunden fühlen.

Wer gerne mitarbeiten möchte kann dies nach persönlichen Anmeldung bei der Leitung der AG per E-Mail unter Angabe des Benutzernamens an [mailto:webmaster@augenbit.de webmaster@augenbit.de] tun.

Viel Spaß wünscht das Augenbit-Team!
==Informationen und Hinweise==
* '''NEU -''' [[Tagung 2026 der AG IT]] gemeinsam mit der AG Inklusion vom 19.-21. Juni 2026. - '''NEU'''
* [[Tagung 2025 der AG IT]] gemeinsam mit der AG Mathe/Naturwissenschaften.
* Materialien zu den [[Workshops der VBS-AGs auf dem Kongress 2023]].
*Materialien zu den Veranstaltungen der [[VBS-AG IT|VBS AG Informationstechnologie]]
* 3D-Modelle und Abbildungen sind unter [https://tactiles.eu tactiles.eu] zu finden
* Eine Anleitung zum Editieren von Seiten auf Augenbit findet sich [https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide/de hier]

==Digitales 1x1==

* [[Text]] E-Buchstandard für die Textübertragung, Menübändern als Hilfe zur Erstellung, Arbeitstechniken für Schülerinnen und Schüler, individuelle Formatvorlagen und mehr. Umgang mit Word oder PDF - alles rund um diese Themen findet sich hier.

* [[Tabellen]] Ob in Word oder Excel - Tabellen sind sehr hilfreich aber auch herausfordernd.

* [[Abbildungen]] Mehr zu optimierten Abbildungen, taktilen Abbildungen und Bildbeschreibungen

* [[Screenreader]] und [[Vergrößerungssoftware]] Mehr zu NVDA, JAWS, Magic und Zoomtext - Informationen rund um Hilfsmittelsoftware für blinde und sehbehinderte Schülerinnen und Schüler.

* [[Nachschlagewerke]] Infos über mehr oder weniger barrierefreie Wörterbücher und andere Nachschlagewerke

* [[iPad]] als Hilfsmittel

* [[Betriebssystem]] Mehr zur Konfiguration und Nutzung von Windows, Mac, iOS, Android und Co

* [[Präsentationsmedien]] Hier finden sich Informationen rund um Powerpoint (aus [[ECDL 2010|ECDL]] und Co)

* [http://screenreader.ssilv.de/kurzanleitung-zum-surfen-im-internet-mit-einem-screenreader/ Internet] Link zu <nowiki>https://screenreader.ssilv.de</nowiki>

==Fachspezifische Hinweise==

* [[Mathematik]] Alles rund um das Thema "Mathematik im Unterricht mit Blinden und Sehbehinderten"

* [[Musik und Tonbearbeitung]] Mehr zu Musiknotenschrift und Audioschnitt

* [[Naturwissenschaften]] Chemieschreibweisen, Messinstrumente, 3D-Vorlagen und mehr
* [[Erdkunde]] digitale Karten
* [[Informatik]]

* [[Informatik als Unterrichtsfach]]

== [[Hardware]] ==
* '''[[Interaktive Whiteboards]]''' im gemeinsamen Unterricht bei sehgeschädigten Schülerinnen und Schülern

==Software==
===Lernsoftware===
* '''[[Lernprogramme]]''' - Infos über die Zugänglichkeit von Lernprogrammen.

==Hilfe==
* '''Allgemeine Einführung''' zum Thema "Wiki": http://de.wikipedia.org/wiki/Wikipedia:Hilfe

* '''Hilfe zur Benutzung''' und Konfiguration der Wiki Software:[http://meta.wikimedia.org/wiki/Help:Contents Benutzerhandbuch]

* '''Benutzerhandbuch''' zum MediaWiki (Deutsch): http://meta.wikimedia.org/wiki/Hilfe:Handbuch

* '''Lernpfad Wiki-Kurs''' auf ZUM.de: https://unterrichten.zum.de/wiki/Lernpfad_Wiki-Kurs

* '''''[[Spielwiese]]''''' zum Testen und Ausprobieren dieses Wikis
* '''''[[Spielwiese3]]''''' zum Testen und Ausprobieren dieses Wikis

Informatik

2026-06-09T12:02:50Z

Henn: /* Struktogramme (Nassi-Shneiderman-Diagramme) */

== Programmierung ==
mit Sonic Pi

== Struktogramme (Nassi-Shneiderman-Diagramme) ==
[[Datei:Struktogramm.png|alternativtext=Einfaches Struktogramm mit einer Fallunterscheidung|rahmenlos|365x365px]]

Ein Struktogramm ist ein Diagrammtyp zur Darstellung von Programmentwürfen unabhängig von der Programmiersprache. Im Unterricht werden für sehende Schülerinnen und Schüler visuelle Baukastensysteme genutzt, welche über die Maus einfach zusammengebastelt werden können. LaTeX kann dazu für blinde und hochgradig sehbehinderte Schülerinnen und Schüler eine Alternative darstellen.

[[Struktogramme mit LaTeX]]

== Netzwerkkomponenten ==
Auf Tactiles hat Onno Flach einen schöne Idee zum Aufbau eines Netzes eingestellt. Zur Verbindung der einzelnen Komponenten können kurze Netzwerkkabel mit RJ45 Stecker genutzt werden. Der Remix darunter ist eine Adaption zur Nutzung auf Duploplatten.

https://tactiles.eu/3d-model/network-components/

https://tactiles.eu/3d-model/network-components-remix/

Informatik

2026-06-09T12:02:16Z

Henn:

== Programmierung ==
mit Sonic Pi

== Struktogramme (Nassi-Shneiderman-Diagramme) ==
[[Index.php?title=Datei:Struktogramm.png|verweis=https://augenbit.de/wiki/Datei:Struktogramm.png|alternativtext=Einfaches Struktogramm mit einer Fallunterscheidung|rahmenlos|365x365px]]

Ein Struktogramm ist ein Diagrammtyp zur Darstellung von Programmentwürfen unabhängig von der Programmiersprache. Im Unterricht werden für sehende Schülerinnen und Schüler visuelle Baukastensysteme genutzt, welche über die Maus einfach zusammengebastelt werden können. LaTeX kann dazu für blinde und hochgradig sehbehinderte Schülerinnen und Schüler eine Alternative darstellen.

[[Struktogramme mit LaTeX]]

== Netzwerkkomponenten ==
Auf Tactiles hat Onno Flach einen schöne Idee zum Aufbau eines Netzes eingestellt. Zur Verbindung der einzelnen Komponenten können kurze Netzwerkkabel mit RJ45 Stecker genutzt werden. Der Remix darunter ist eine Adaption zur Nutzung auf Duploplatten.

https://tactiles.eu/3d-model/network-components/

https://tactiles.eu/3d-model/network-components-remix/