βΆ BinΓ€rdateien
+ HinzufΓΌgen
#import "@preview/polylux:0.4.0": slide, enable-handout-mode
// ββ Farbpalette ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#let C-BLUE = rgb("#0d47a1")
#let C-MID = rgb("#1565c0")
#let C-LIGHT = rgb("#e3f2fd")
#let C-AMBER = rgb("#e65100")
#let C-AMBER-L = rgb("#fff3e0")
#let C-GREEN = rgb("#2e7d32")
#let C-GREEN-L = rgb("#e8f5e9")
#let C-RED = rgb("#b71c1c")
#let C-RED-L = rgb("#fce4ec")
#let C-YELLOW = rgb("#fff8e1")
#let C-WHITE = white
#let C-DARK = rgb("#212121")
#let C-GREY = rgb("#757575")
// ββ Globale Einstellungen βββββββββββββββββββββββββββββββββββββββββββββββββββββ
#set page(paper: "presentation-16-9", fill: C-WHITE, margin: 0pt)
#set text(font: "Fira Sans", size: 19pt, fill: C-DARK)
#set list(indent: 0.5em, spacing: 0.7em)
// ββ Hilfs-Komponenten βββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#let make-header(title) = block(
fill: C-BLUE, width: 100%,
inset: (x: 1.4em, y: 0.55em),
)[
#text(fill: C-WHITE, size: 25pt, weight: "bold")[#title]
]
#let make-footer = block(
fill: C-LIGHT, width: 100%,
inset: (x: 1.4em, y: 0.4em),
)[
#text(size: 13pt, fill: C-GREY)[Roboter im Alltag Β· 9. Klasse]
]
#let body(content) = pad(x: 1.4em, top: 0.9em, bottom: 0.2em)[#content]
#let content-slide(title, content) = slide[
#set page(footer: make-footer)
#make-header(title)
#body(content)
]
#let think-slide(question, task: none, time: none) = slide[
#set page(fill: C-AMBER)
#align(center + horizon)[
#text(size: 30pt, fill: C-WHITE)[π€]
#v(0.4em)
#block(width: 80%)[
#text(size: 28pt, weight: "bold", fill: C-WHITE)[#question]
]
#if task != none [
#v(0.6em)
#block(
fill: white.transparentize(85%), inset: (x: 1.2em, y: 0.6em), radius: 8pt, width: 70%,
)[
#text(size: 19pt, fill: C-WHITE)[#task]
]
]
#if time != none [
#v(0.5em)
#text(size: 16pt, fill: white.transparentize(20%))[β± #time]
]
]
]
#let infobox(color: C-LIGHT, title: none, content) = block(
fill: color, width: 100%,
inset: 0.8em, radius: 6pt,
stroke: (left: 4pt + C-BLUE),
)[
#if title != none [#text(weight: "bold")[#title \ ]]
#content
]
#let step-box(n, content) = grid(
columns: (auto, 1fr), gutter: 0.6em,
block(fill: C-BLUE, inset: (x: 0.6em, y: 0.4em), radius: 6pt)[
#text(fill: white, weight: "bold")[#n]
],
align(horizon)[#content],
)
#let section-slide(part, title, subtitle, fill: C-MID, text-muted: rgb("#90caf9"), text-sub: rgb("#bbdefb")) = slide[
#set page(fill: fill)
#align(center + horizon)[
#text(size: 18pt, fill: text-muted)[#part]
#v(0.2em)
#text(size: 38pt, weight: "bold", fill: C-WHITE)[#title]
#v(0.2em)
#text(size: 20pt, fill: text-sub)[#subtitle]
]
]
#let table-header(..cells) = table.header(
..cells.pos().map(c => table.cell(fill: C-BLUE)[
#text(fill: white, weight: "bold", size: 14pt)[#c]
])
)
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// TITELFOLIE
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#slide[
#set page(fill: C-BLUE)
#align(center + horizon)[
#text(size: 16pt, fill: rgb("#90caf9"))[π€ Roboter im Alltag]
#v(0.5em)
#text(size: 38pt, weight: "bold", fill: C-WHITE)[Staubsaugroboter und Sicherheit]
#v(0.3em)
#text(size: 22pt, fill: rgb("#bbdefb"))[
Daten Β· PrivatsphΓ€re Β· Schutz
]
#v(0.8em)
#block(fill: rgb("#1565c0"), inset: (x: 1.2em, y: 0.5em), radius: 6pt)[
#text(size: 15pt, fill: rgb("#90caf9"))[9. Klasse Β· Informatik]
]
]
]
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// AGENDA
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#content-slide("Heutiger Ablauf")[
#v(0.4em)
#grid(columns: 2, gutter: 0.8em,
step-box("1", [*Einstieg* β Was wΓΌrdet ihr einbauen?]),
step-box("2", [*Marktanalyse* β Echte Roboter im Vergleich]),
step-box("3", [*Daten* β Was weiΓ mein Roboter?]),
step-box("4", [*Video* β DJI-SicherheitslΓΌcke]),
step-box("5", [*BSI* β Kaufberatung]),
step-box("6", [*Debatte* β Kamera verbieten?]),
)
]
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// PHASE 1 β EINSTIEG
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#section-slide("Phase 1", "π‘ Einstieg", "Von eurem LEGO-Roboter zum echten GerΓ€t")
#think-slide(
"Wenn ihr euren LEGO-Staubsaugroboter verbessern dΓΌrftet β was wΓΌrdet ihr einbauen?",
task: [Sammelt Ideen: Welche Funktionen fehlen eurem EV3-Roboter noch?],
time: "3 Minuten",
)
#content-slide("Funktion β benΓΆtigte Daten")[
#v(0.3em)
#table(
columns: (1fr, 1fr),
inset: 0.7em,
stroke: 0.5pt + C-GREY,
table-header("Funktion", "BenΓΆtigte Daten"),
[Hinderniserkennung], [Abstandsdaten (Ultraschall)],
[Kamera], [Bilder / Videos],
[App-Steuerung], [Standort, Nutzungsdaten],
[Kartierung], [Wohnungsgrundriss],
[Sprachsteuerung], [Sprachaufnahmen],
[Automatische Entleerung], [FΓΌllstandsdaten],
)
#v(0.5em)
#infobox(color: C-AMBER-L)[
#text(weight: "bold", fill: C-AMBER)[Leitfrage:] Je intelligenter der Roboter, desto *mehr Daten* sammelt er.
]
]
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// PHASE 2 β MARKTANALYSE
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#section-slide("Phase 2", "π Marktanalyse", "Was kΓΆnnen echte Staubsaugroboter?")
#content-slide("Gruppenauftrag: Hersteller recherchieren")[
#grid(columns: (1fr, 1fr), gutter: 1em,
[
*Eure Gruppe untersucht einen Hersteller:*
#v(0.5em)
- π¦ Roborock
- π§ iRobot
- π© Ecovacs
- π¨ Dreame
- π₯ DJI
- πͺ Miele
- π« Rowenta
- β¬ Xiaomi
- π² Samsung
],
[
#infobox(title: "π Recherche-Fragen")[
- Welches Modell? Preis?
- Welche Funktionen?
- Welche Daten werden gesammelt?
- Cloud oder lokal?
- Datenschutz-Infos?
]
#v(0.3em)
#text(size: 15pt, fill: C-GREY)[β Arbeitsblatt Marktanalyse]
]
)
]
#think-slide(
"Welche Funktion wΓΌrdet ihr nutzen? Welche nicht?",
task: [PrΓ€sentiert eure Ergebnisse im Plenum.\
Jede Gruppe hat 3 Minuten.],
time: "15 Minuten PrΓ€sentation",
)
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// PHASE 3 β DATENSAMMLUNG
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#section-slide("Phase 3", "π Datensammlung", "Was weiΓ mein Staubsaugroboter ΓΌber mich?")
#content-slide("Welche Daten sammelt ein Staubsaugroboter?")[
#grid(columns: (1fr, 1fr, 1fr), gutter: 0.8em,
infobox(title: "π§ Technische Daten")[
- Akkustand
- Fahrwege
- Sensorwerte
- Reinigungszeiten
],
infobox(title: "π Wohnungsdaten")[
- Grundrisse
- RaumgrΓΆΓen
- MΓΆbelpositionen
- Hindernisse
],
infobox(title: "π€ NutzerΒdaten")[
- App-Nutzung
- Standortdaten
- Sprachdaten
- Fotos / Videos
],
)
]
#think-slide(
"Welche dieser Daten wΓΌrdet ihr Fremden freiwillig geben?",
task: [Diskutiert kurz: Was ist harmlos β was geht zu weit?],
time: "2 Minuten",
)
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// PHASE 4 β VIDEO
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#section-slide("Phase 4", "πΉ Video", "DJI-SicherheitslΓΌcke")
#content-slide("Arbeitsauftrag wΓ€hrend des Videos")[
#grid(columns: (1fr, 1fr), gutter: 1em,
[
*Beantwortet wΓ€hrend des Schauens:*
#v(0.4em)
#step-box("1", [Welche Daten konnte der Entwickler sehen?])
#v(0.3em)
#step-box("2", [Warum war das so problematisch?])
#v(0.3em)
#step-box("3", [War die Γbertragung verschlΓΌsselt?])
#v(0.3em)
#step-box("4", [Wo lag die eigentliche SicherheitslΓΌcke?])
#v(0.3em)
#step-box("5", [Welche Folgen kΓΆnnte das haben?])
],
[
#infobox(color: C-AMBER-L, title: "π Tipp")[
Macht Stichpunkte auf dem\
*Arbeitsblatt Videoanalyse*.
]
]
)
]
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// PHASE 5 β VIDEOAUSWERTUNG
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#section-slide("Phase 5", "π Auswertung", "Was haben wir gelernt?")
#content-slide("Was der Entwickler sehen konnte")[
#grid(columns: (1fr, 1fr), gutter: 1em,
[
*Sichtbare Daten (~7.000 GerΓ€te):*
#v(0.4em)
- Grundrisse der Wohnungen
- Live-Kamerabilder
- Akkuladestatus
- Seriennummern
- Aktuelle ReinigungsaktivitΓ€ten
],
[
#infobox(color: C-RED-L, title: "β Das eigentliche Problem")[
*Nicht* die VerschlΓΌsselung!\
\
Sondern: *Fehlende Zugriffs-\
kontrolle* auf dem Server.\
\
Ein Token = GeneralschlΓΌssel\
fΓΌr alle GerΓ€te.
]
]
)
]
#content-slide("Analogie: Lehrerzimmer")[
#align(center + horizon)[
#block(width: 80%)[
#infobox(color: C-LIGHT, title: "π« Vergleich mit dem Schulfach")[
Alle Klassenarbeiten liegen im *Lehrerzimmer*.\
\
Die TΓΌr ist *abgeschlossen* β das ist TLS-VerschlΓΌsselung β
\
\
Aber *jeder SchΓΌler* bekommt denselben SchlΓΌssel.\
β Das ist das eigentliche Problem: keine Zugriffskontrolle β
]
]
#v(1em)
#text(fill: C-GREY, size: 16pt)[
Technisch: fehlende Access Control Lists (ACL) auf dem MQTT-Server
]
]
]
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// PHASE 6 β BSI
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#section-slide(
"Phase 6", "π‘οΈ BSI", "Sicher einkaufen mit Verstand",
fill: C-GREEN,
text-muted: rgb("#a5d6a7"),
text-sub: rgb("#c8e6c9"),
)
#content-slide("BSI-Fragen vor dem Kauf")[
#grid(columns: (1fr, 1fr), gutter: 0.8em,
infobox(title: "π Software & Updates")[
- Wie lange gibt es Updates?
- Automatische Sicherheits-\
patches?
],
infobox(title: "π± App & Berechtigungen")[
- Ist eine App Pflicht?
- Welche Zugriffsrechte?
- Welche Daten erhebt die App?
],
infobox(title: "βοΈ Cloud & Speicher")[
- Cloud oder lokal?
- Wo stehen die Server?
- EU-Datenschutz (DSGVO)?
],
infobox(title: "βοΈ Offline-Nutzung")[
- Auch ohne Internet nutzbar?
- Lokale Steuerung mΓΆglich?
],
)
#v(0.3em)
#text(size: 15pt, fill: C-GREY)[β Arbeitsblatt BSI-Empfehlungen]
]
#think-slide(
"Welche drei Fragen haltet ihr fΓΌr die wichtigsten β und warum?",
task: [Markiert in der Gruppe und bereitet eine kurze BegrΓΌndung vor.],
time: "10 Minuten",
)
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// PHASE 7 β KAUFBERATUNG
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#section-slide(
"Phase 7", "π Kaufberatung",
"Datenschutz-Check",
fill: C-GREEN,
text-muted: rgb("#a5d6a7"),
text-sub: rgb("#c8e6c9"),
)
#content-slide("Datenschutz-Check: Bewertungsraster")[
#v(0.2em)
#table(
columns: (1fr, auto),
inset: 0.7em,
stroke: 0.5pt + C-GREY,
table-header("Kriterium", "Punkte (max.)"),
[Lange Updateversorgung (β₯ 3 Jahre)], [3],
[Ohne Cloud nutzbar], [3],
[Keine Kamera verbaut], [2],
[Wenige App-Berechtigungen], [2],
[Server in der EU (DSGVO)], [2],
[Transparente DatenschutzerklΓ€rung], [2],
[Lokal steuerbar (kein Cloud-Zwang)], [2],
)
]
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// PHASE 8 β DEBATTE
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#section-slide("Phase 8", "π¬ Debatte", "Kamera verbieten?")
#slide[
#set page(fill: C-RED)
#align(center + horizon)[
#text(size: 20pt, fill: white.transparentize(30%))[These:]
#v(0.4em)
#block(width: 85%)[
#text(size: 34pt, weight: "bold", fill: C-WHITE)[
βStaubsaugroboter mit Kamera sollten verboten werden."
]
]
#v(0.8em)
#block(
fill: white.transparentize(80%), inset: (x: 1.5em, y: 0.7em),
radius: 8pt, width: 75%,
)[
#text(size: 18pt, fill: C-WHITE)[
Positioniert euch im Raum und begrΓΌndet eure Haltung.
]
]
]
]
#content-slide("Raumlinie")[
#v(0.5em)
#align(center)[
#grid(
columns: (1fr,) * 5, gutter: 0.4em,
..("Stimme\nzu", "Stimme\neher zu", "Unent-\nschieden", "Stimme\neher nicht zu", "Stimme\nnicht zu").map(label =>
block(fill: C-LIGHT, inset: 0.8em, radius: 6pt, width: 100%)[
#align(center)[#text(size: 15pt)[#label]]
]
)
)
]
#v(0.8em)
#infobox(color: C-YELLOW)[
*Eure Argumente:* Was spricht fΓΌr ein Verbot? Was dagegen?\
Denkt an Sicherheit, Nutzen, Datenschutz und Alternativen.
]
]
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
// PHASE 9 β ABSCHLUSS
// ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#section-slide(
"Phase 9", "π Abschluss",
"Euer Verbraucherplakat",
fill: C-GREEN,
text-muted: rgb("#a5d6a7"),
text-sub: rgb("#c8e6c9"),
)
#content-slide("Aufgabe: Verbraucherplakat")[
#grid(columns: (1fr, 1fr), gutter: 1em,
[
*βDer sichere Staubsaugroboter"*
#v(0.5em)
Euer Plakat enthΓ€lt:
#v(0.3em)
#step-box("1", [Welche Funktionen sind sinnvoll?])
#v(0.3em)
#step-box("2", [Welche Daten werden gesammelt?])
#v(0.3em)
#step-box("3", [Worauf sollte man beim Kauf achten?])
#v(0.3em)
#step-box("4", [Drei Kaufempfehlungen nach BSI])
],
[
#infobox(color: C-GREEN-L, title: "π― Ziel")[
Stellt euch vor, ihr schreibt\
einen Ratgeber fΓΌr eure Eltern\
oder jΓΌngere Geschwister.
]
#v(0.4em)
#infobox(color: C-YELLOW, title: "β±οΈ Zeit")[
15 Minuten β dann kurze\
Vorstellung pro Gruppe
]
]
)
]
// ββ Abschlussfolie ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
#slide[
#set page(fill: C-BLUE)
#align(center + horizon)[
#text(size: 16pt, fill: rgb("#90caf9"))[Das nehmen wir mit:]
#v(0.6em)
#grid(columns: (1fr, 1fr, 1fr), gutter: 0.8em,
block(fill: rgb("#1565c0"), inset: 1em, radius: 8pt)[
#text(fill: C-WHITE, weight: "bold")[π VerschlΓΌsselung\nallein reicht nicht]
],
block(fill: rgb("#1565c0"), inset: 1em, radius: 8pt)[
#text(fill: C-WHITE, weight: "bold")[π BSI-Fragen\nvor dem Kauf]
],
block(fill: rgb("#1565c0"), inset: 1em, radius: 8pt)[
#text(fill: C-WHITE, weight: "bold")[π€ Kamera = Wanze\nin der Wohnung?]
],
)
#v(0.8em)
#text(size: 20pt, fill: rgb("#bbdefb"))[
Daten sind das neue Γl β und euer Wohnzimmer ist die Quelle.
]
]
]
ZurΓΌcksetzen Projekt herunterladen PDF herunterladen βΆ