Projekt umsetzen Material Dokumentationsheft Prรถsentationsfolien Projekt umsetzen Material Dokumentationsheft Typst wird geladen... + โถBinรคrdateien + Hinzufรผgen // Dokumentation โ Scratch-Projekt #set document(title: "Deine Spielidee umsetzen") #set page( paper: "a4", margin: (x: 1cm, y: 3cm), header: [ #set text(size: 10pt) #grid( columns: (1fr, 1fr), align: (left, right), [Informatik], [Name: #box(width: 5cm, line(length: 100%, stroke: 0.5pt))], ) ], footer: [ #set text(size: 9pt) #grid( columns: (1fr, 1fr), align: (left, right), [Version 1.0], [Mike Barkmin CC-BY-SA], ) ], ) #set page(paper: "a4", margin: (x: 2.5cm, y: 2.5cm)) #set text(font: "Fira Sans") // Farbpalette fรผr freundlicheres Design #let primary-color = rgb("#4A90E2") // Freundliches Blau #let accent-color = rgb("#ba7720") // Frisches Grรผn // โโ Styles โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let section-title(body) = { set text(size: 14pt, weight: "bold") block(above: 1em, below: 0.4em, body) } #let label-line(label, width: 6cm) = { label + " " + box(width: width, line(length: 100%, stroke: 0.5pt)) } #let checkbox-item(body) = { "โ " + body } #let lined-box(num: 2, spacing: 0.8cm, stroke: 0pt) = { let total-height = num * spacing block( width: 100%, height: total-height, inset: 0cm, stroke: stroke, )[ #v(spacing, weak: false) #for i in range(num) [ #v(spacing, weak: true) #line(length: 100%, stroke: 0.5pt + gray) ] ] } #let reflection-block(stunde) = { block( width: 100%, stroke: 2pt + accent-color.lighten(30%), radius: 4pt, height: 1fr, inset: 12pt, [ == #stunde === ๐ฏ Unser Ziel fรผr die Stunde #text( size: 9pt, )[(Hier kannst du das Ziel der Stunde eintragen, z.B. "Ich mรถchte die Kostรผme meiner Figuren anpassen kรถnnen.")] #lined-box(num: 3, spacing: 1cm) #v(6em) === ๐ Reflexion #text(size: 9pt)[(bitte am Ende der Stunde ankreuzen)] #v(0.5em) *Wir haben unser Ziel erreicht:* ๐ ๐ ๐ ๐ก #v(0.5em) #grid( columns: (1fr, 1fr), gutter: 1em, [ *Was lief gut?* #text(size: 9pt)[(Wรคhle aus oder schreibe selbst)] #v(0.3em) #checkbox-item[Wir haben gut zusammengearbeitet.] \ #checkbox-item[Wir haben das Ziel erreicht.] \ #checkbox-item[Wir haben neue Blรถcke ausprobiert.] \ #checkbox-item[Wir haben eine kreative Idee gehabt.] \ Etwas anderes: #lined-box(num: 2, spacing: 1cm) ], [ *Was war schwierig?* #v(0.3em) #checkbox-item[Die Blรถcke zu verstehen.] \ #checkbox-item[Die Figur richtig zu steuern.] \ #checkbox-item[Einen Fehler zu finden.] \ #v(0.8em) Etwas anderes: #lined-box(num: 2, spacing: 1cm) ], ) #v(0.5em) *Was wollen wir in der nรคchsten Stunde besser machen?* #text( size: 9pt, )[Was kรถnnen wir tun, damit es besser lรคuft? Was wollen wir nรคchstes Mal erreichen? Wobei brauchen wir vielleicht Hilfe?] #v(0.3em) #lined-box(num: 4, spacing: 1cm) ], ) } = Dokumentation des Scratch-Projekts #v(1em) #block( stroke: 2pt + primary-color.lighten(30%), radius: 4pt, inset: 0.5cm, )[ == Name des Spiels #text(size: 11pt, fill: gray)[ Wie heiรt dein Spiel? (Du kannst den Namen spรคter auch noch รคndern) ] #lined-box(num: 1, spacing: 1cm) ] #block( stroke: 2pt + primary-color.lighten(60%), radius: 4pt, inset: 0.5cm, )[ == Basisspiel #text(size: 11pt, fill: gray)[Welches Spiel aus dem Game-Center hast du ausgewรคhlt?] #lined-box(num: 1, spacing: 1cm) ] #block( width: 100%, height: 1fr, stroke: 2pt + primary-color.lighten(30%), radius: 4pt, inset: 12pt, [ == Cover zu dem Spiel #text( size: 11pt, fill: gray, )[Zeichne ein Cover zu deinem Spiel. Das kannst du auch spรคter noch machen, z.B. wenn dein Spiel schon etwas weiter entwickelt ist.] ], ) #pagebreak() #block( width: 100%, height: 1fr, stroke: 2pt + primary-color.lighten(30%), radius: 4pt, inset: 12pt, [ == Notizen #text(size: 11pt, fill: gray)[Hier ist Platz fรผr Notizen, Skizzen oder รคhnliches.] ], ) // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // PAGE 4 โ Stunde 1 // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #pagebreak() #reflection-block("Stunde 1") // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // PAGE 5 โ Stunde 2 // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #pagebreak() #reflection-block("Stunde 2") // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // PAGE 6 โ Stunde 3 // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #pagebreak() #reflection-block("Stunde 3") #pagebreak() #block( width: 100%, height: 1fr, stroke: 2pt + accent-color.lighten(30%), radius: 4pt, inset: 12pt, )[ #section-title[๐งช Testphase] #v(0.5em) #text(size: 10pt)[ Tauscht euer Gerรคt mit einer anderen Gruppe. Die andere Gruppe spielt euer Spiel und gibt euch Feedback. ] #v(1em) // โโ Feedback von Tester*in โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ *Feedback von:* #box(width: 1fr, line(length: 100%, stroke: 0.5pt)) #v(1em) *Getestetes Spiel:* #box(width: 1fr, line(length: 100%, stroke: 0.5pt)) #v(1em) *Wie war das Spielerlebnis?* #h(0.5em)๐ Toll #h(1em) ๐ Ok #h(1em) ๐ Schwierig #h(1em) ๐ก Frustrierend #v(1em) #grid( columns: (1fr, 1fr), gutter: 1em, [ *Was hat gut funktioniert?* #lined-box(num: 3, spacing: 1cm) ], [ *Was war verwirrend oder kaputt?* #lined-box(num: 3, spacing: 1cm) ], ) #v(1em) *Mein bester Tipp fรผr die Entwickler:* #lined-box(num: 3, spacing: 1cm) #v(1fr) // Vom Entwickler auszufรผllen #line(length: 100%, stroke: 4pt) #text(size: 11pt)[Jetzt seid ihr wieder an der Reihe! Was nehmt ihr euch aus dem Feedback mit? Was wollt ihr noch verbessern?] // โโ Reaktion der Entwickler โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #section-title[๐ก Was nehmen wir mit?] #text(size: 10pt, fill: gray)[Was wollt ihr nach dem Feedback noch verbessern?] #lined-box(num: 4, spacing: 1cm) ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // PAGE 7 โ Bewertung (2ร, for two students) // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let bewertung-block = { block( width: 100%, stroke: 2pt + accent-color.lighten(30%), height: 1fr, radius: 4pt, inset: 12pt, [ = Bewertung #v(0.5em) #text(size: 9pt)[Die Tabelle wird am Ende vom Lehrer ausgefรผllt] #v(0.5em) *Schรผler*in*: #box(width: 1fr, line(length: 100%, stroke: 0.5pt)) #v(1.0em) *Spiel*: #box(width: 1fr, line(length: 100%, stroke: 0.5pt)) #v(2em) #table( columns: (1fr, auto), stroke: 0.5pt + gray, inset: 12pt, align: (left, center), [Es wurden immer Ziele gesetzt und an diesen gearbeitet.], [๐ฅณ ๐ ๐ ๐ ๐ก], [Es wurde immer die Reflexion angemessen ausgefรผllt.], [๐ฅณ ๐ ๐ ๐ ๐ก], [In den Stunden wurde konzentriert gearbeitet.], [๐ฅณ ๐ ๐ ๐ ๐ก], [Es wurde abwechselnd programmiert.], [๐ฅณ ๐ ๐ ๐ ๐ก], [Es wurden eigene Ideen im Projekt umgesetzt.], [๐ฅณ ๐ ๐ ๐ ๐ก], [Das Projekt ist ansprechend gestaltet und funktioniert ohne Fehler.], [๐ฅณ ๐ ๐ ๐ ๐ก], [Es wurde versucht Probleme eigenstรคndig zu lรถsen.], [๐ฅณ ๐ ๐ ๐ ๐ก], [In der Testphase wurde angemessenes Feedback gegeben.], [๐ฅณ ๐ ๐ ๐ ๐ก], [Die Abschlussprรคsentation des Projekts war verstรคndlich und es wurde auf Nachfragen angemessen eingegangen.], [๐ฅณ ๐ ๐ ๐ ๐ก], ) #v(2em) == Note ], ) } #pagebreak() #bewertung-block ZurรผcksetzenProjekt herunterladenPDF herunterladen Prรถsentationsfolien Typst wird geladen... + โถBinรคrdateien + Hinzufรผgen // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // Prรคsentation: Scratch-Projekt โ Ablauf & Begleitung // Klasse 5/6 ยท 3 Stunden ยท Typst // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #set document(title: "Scratch-Projekt", author: "Mike Barkmin") #set page( paper: "presentation-16-9", margin: 0.5cm, numbering: none, ) #set text(font: "Fira Sans", lang: "de", size: 20pt) // โโ Farben โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let scratch-orange = rgb("#FF8C00") #let scratch-blue = rgb("#4A90E2") #let scratch-green = rgb("#5CB85C") #let scratch-yellow = rgb("#F5C518") #let dark = rgb("#1A1A2E") #let mid = rgb("#16213E") #let card-bg = rgb("#0F3460") #let light-gray = rgb("#F0F4F8") #let white = rgb("#FFFFFF") #let muted = rgb("#94A3B8") // โโ Helper: Vollflรคchiger Hintergrund โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let bg(color, body) = { set page(fill: color) body } // โโ Slide-Wrapper โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let slide(fill: dark, body) = { set page(fill: fill) page()[ #body ] } // โโ Zentrierung โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let center-block(body) = align(center + horizon, block(width: 100%, inset: (x: 40pt), body) ) // โโ Farbiger Badge โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let badge(content, fill: scratch-orange, text-color: white) = box( fill: fill, radius: 6pt, inset: (x: 14pt, y: 6pt), text(fill: text-color, weight: "bold", size: 16pt, content), ) // โโ Karte โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let card(icon, title, body, accent: scratch-blue) = block( fill: card-bg, radius: 10pt, inset: 16pt, width: 100%, )[ #grid( columns: (28pt, 1fr), gutter: 10pt, align: (top, top), text(size: 22pt, icon), stack(spacing: 12pt, text(fill: accent, weight: "bold", size: 15pt, title), text(fill: white.darken(10%), size: 13pt, body), ), ) ] // โโ Stunden-Header โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let stunden-badge(n, color) = box( fill: color, radius: 50pt, inset: (x: 20pt, y: 10pt), text(fill: white, weight: "bold", size: 22pt, "Stunde " + str(n)) ) // โโ Timer-Block โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let timer-card(minutes, label, color: scratch-blue) = block( fill: color.lighten(80%), stroke: 2pt + color, radius: 10pt, inset: 16pt, width: 100%, )[ #align(center)[ #text(fill: color, weight: "bold", size: 40pt, str(minutes) + " min") \ #text(fill: color.darken(20%), size: 14pt, label) ] ] // โโ Bewertungs-Zeile โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #let bew-row(text-content, i) = { let colors = (scratch-blue, scratch-green, scratch-orange, scratch-yellow, rgb("#E91E8C")) let c = colors.at(calc.rem(i, 5)) block( fill: card-bg, radius: 6pt, inset: (x: 12pt, y: 8pt), width: 100%, )[ #grid( columns: (24pt, 1fr), gutter: 8pt, align: (center + horizon, left + horizon), box(fill: c, radius: 4pt, inset: (x: 6pt, y: 3pt), text(fill: white, weight: "bold", size: 11pt, str(i + 1)) ), text(fill: white, size: 13pt, text-content), ) ] } // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 1 ยท Titelfolie // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ // Dekorative Kreise im Hintergrund #place(top + left, dx: -60pt, dy: -60pt, circle(radius: 120pt, fill: scratch-orange.lighten(80%))) #place(bottom + right, dx: 60pt, dy: 60pt, circle(radius: 100pt, fill: scratch-blue.lighten(80%))) #place(top + right, dx: 30pt, dy: 80pt, circle(radius: 50pt, fill: scratch-green.lighten(70%))) #center-block[ #v(1fr) #text(size: 52pt, weight: "bold", fill: white)[ ๐ฑ Scratch-Projekt ] #v(0.5em) #text(size: 24pt, fill: muted)[Spieleentwicklung ยท Klasse 5/6] #v(1em) #stack(dir: ltr, spacing: 10pt, badge("3 Stunden", fill: scratch-orange), badge("Projektarbeit", fill: scratch-blue), badge("Kreativ", fill: scratch-green), ) #v(1fr) #text(size: 13pt, fill: muted)[Mike Barkmin ยท CC-BY-SA] ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 2 ยท รberblick: Was machen wir? // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #place(top + left, dx: 0pt, dy: 0pt, rect(width: 8pt, height: 100%, fill: scratch-orange)) #pad(left: 50pt, top: 40pt, right: 40pt)[ #text(size: 36pt, weight: "bold", fill: white)[Was machen wir?] #v(1.5em) #grid(columns: (1fr, 1fr), gutter: 16pt, card("๐ฎ", "Spiel wรคhlen", "Wรคhlt ein Basisspiel aus dem Game-Center und macht es zu eurem eigenen.", accent: scratch-orange), card("โ๏ธ", "Dokumentieren", "Ihr haltet eure Ideen, Ziele und Fortschritte in der Dokumentation fest.", accent: scratch-yellow), card("๐ป", "Programmieren", "Ihr passt das Spiel an und setzt eigene Ideen mit Scratch-Blรถcken um.", accent: scratch-green), card("๐", "Prรคsentieren", "Am Ende zeigt ihr euer fertiges Spiel der Klasse.", accent: scratch-blue), ) ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 3 ยท Die 3 Stunden auf einen Blick // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #pad(top: 35pt, x: 50pt)[ #text(size: 36pt, weight: "bold", fill: white)[Der Ablauf] #v(1.5em) #grid(columns: (1fr, 1fr, 1fr), gutter: 20pt, // Stunde 1 block(fill: scratch-orange.darken(30%), radius: 12pt, inset: 20pt, width: 100%)[ #stunden-badge(1, scratch-orange) #v(12pt) #text(fill: white, weight: "bold", size: 16pt)[Einstieg & Planung] #v(8pt) #text(fill: white.darken(15%), size: 14pt)[ Basisspiel wรคhlen\ Spielidee entwickeln\ Dokumentation beginnen\ Ziel setzen ] ], // Stunde 2 block(fill: scratch-blue.darken(30%), radius: 12pt, inset: 20pt, width: 100%)[ #stunden-badge(2, scratch-blue) #v(12pt) #text(fill: white, weight: "bold", size: 16pt)[Entwicklung] #v(8pt) #text(fill: white.darken(15%), size: 14pt)[ Spiel anpassen\ Eigene Ideen umsetzen\ Testen & Verbessern\ Reflexion ausfรผllen ] ], // Stunde 3 block(fill: scratch-green.darken(30%), radius: 12pt, inset: 20pt, width: 100%)[ #stunden-badge(3, scratch-green) #v(12pt) #text(fill: white, weight: "bold", size: 16pt)[Abschluss] #v(8pt) #text(fill: white.darken(15%), size: 14pt)[ Letzter Schliff\ Testphase mit Feedback\ Abschlussprรคsentation\ Bewertung ] ], ) ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 4 ยท Die Basisspiele // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #pad(top: 35pt, x: 50pt)[ #text(size: 36pt, weight: "bold", fill: white)[Die Basisspiele] #v(0.5em) #text(fill: muted, size: 16pt)[Wรคhlt ein Spiel aus dem Game-Center und macht es zu eurem!] #v(1.5em) #grid(columns: (1fr, 1fr, 1fr, 1fr), gutter: 14pt, ..("๐๏ธ Autorennen", "๐ฉ Donut-Klicker", "๐ฏ Schieรbude", "๐ Fangspiel", "๐ Suchspiel", "๐ Labyrinth", "โฝ Fuรball", "๐๏ธ Room Designer").map(name => block( fill: card-bg, radius: 10pt, inset: (x: 12pt, y: 14pt), width: 100%, align(center, text(fill: white, size: 15pt, weight: "bold", name)) ) ) ) #v(1em) #align(center)[ #badge("Tipp: Drรผckt 'Remixen' um das Spiel in euren Account zu speichern! ๐พ", fill: scratch-orange) ] ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 5 ยท Die Dokumentation // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #pad(top: 30pt, x: 50pt)[ #text(size: 34pt, weight: "bold", fill: white)[Eure Dokumentation] #v(0.8em) #grid( columns: (1.3fr, 1fr), rows: (auto), gutter: 20pt, // Links: Bestandteile stack(spacing: 10pt, card("๐", "Deckblatt", "Name des Spiels, Cover-Skizze, Scratch-Zugangsdaten", accent: scratch-orange), card("๐ฏ", "Ziel pro Stunde", "Was wollen wir heute erreichen?", accent: scratch-blue), card("๐", "Reflexion", "Was lief gut? Was war schwierig? Was verbessern wir?", accent: scratch-green), ), // Rechts: Hinweis-Box โ feste Hรถhe รผber align verhindert y-Overflow block( fill: scratch-yellow.lighten(70%), stroke: 3pt + scratch-yellow, radius: 12pt, inset: 18pt, width: 100%, )[ #align(center + top)[ #text(size: 30pt)[๐] #text(fill: dark, weight: "bold", size: 15pt)[Am Anfang jeder Stunde:] #block( fill: scratch-yellow.darken(10%), radius: 6pt, inset: (x: 10pt, y: 6pt), width: 100%, )[#text(fill: dark, size: 14pt, weight: "bold")[โ๏ธ Ziel eintragen]] #text(fill: dark, weight: "bold", size: 15pt)[Am Ende jeder Stunde:] #block( fill: scratch-yellow.darken(10%), radius: 6pt, inset: (x: 10pt, y: 6pt), width: 100%, )[#text(fill: dark, size: 14pt, weight: "bold")[๐ Reflexion ausfรผllen]] #text(fill: dark.lighten(20%), size: 12pt)[Das zรคhlt zur Bewertung! โญ] ] ] ) ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 6 ยท Bewertungskriterien // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #pad(top: 30pt, x: 50pt)[ #text(size: 34pt, weight: "bold", fill: white)[Bewertung] #v(0.3em) #text(fill: muted, size: 15pt)[Daran wird euer Projekt bewertet:] #v(1em) #grid(columns: (1fr, 1fr), gutter: 10pt, ..("Ziele setzen und daran arbeiten", "Reflexion sorgfรคltig ausfรผllen", "Konzentriert in den Stunden arbeiten", "Abwechselnd programmieren", "Eigene Ideen umsetzen", "Ansprechendes Projekt ohne Fehler", "Probleme eigenstรคndig lรถsen", "Feedback in der Testphase geben", "Abschlussprรคsentation verstรคndlich").enumerate().map(((i, t)) => bew-row(t, i) ) ) #v(0.5em) #align(center)[ #text(size: 22pt)[๐ฅณ ๐ ๐ ๐ ๐ก] #h(8pt) #text(fill: muted, size: 14pt)[Bewertungsskala des Lehrers] ] ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // โโ AB HIER: BEGLEIT-FOLIEN FรR DEN UNTERRICHT โโโโโโโโโโโโโโโโโโโโโโโโโโ // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 7 ยท Stunde 1 โ Start // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide(fill: scratch-orange.darken(50%))[ #place(bottom + right, dx: 30pt, dy: 30pt, circle(radius: 80pt, fill: scratch-orange.lighten(50%))) #place(top + left, dx: -40pt, dy: -40pt, circle(radius: 60pt, fill: white.transparentize(80%))) #center-block[ #stunden-badge(1, scratch-orange) #v(0.6em) #text(size: 44pt, weight: "bold", fill: white)[Einstieg & Planung] #v(1em) #grid(columns: (1fr, 1fr, 1fr), gutter: 16pt, timer-card(5, "Basisspiel wรคhlen", color: scratch-orange), timer-card(15, "Spielidee entwickeln", color: scratch-orange), timer-card(20, "Programmieren & Dokumentieren", color: scratch-orange), ) #v(1em) #text(fill: scratch-orange.lighten(60%), size: 15pt)[ โฑ Denkt daran: Am Ende der Stunde Reflexion ausfรผllen! ] ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 8 ยท Stunde 1 โ Aufgabe // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #place(top, dx: 0pt, dy: 0pt, rect(width: 100%, height: 6pt, fill: scratch-orange)) #pad(top: 20pt, x: 50pt)[ #stunden-badge(1, scratch-orange) #text(size: 28pt, weight: "bold", fill: white)[Eure Aufgaben jetzt:] #stack(spacing: 14pt, card("1๏ธโฃ", "Scratch รถffnen", "Geht auf scratch.mit.edu und meldet euch mit eurem Account an.", accent: scratch-orange), card("2๏ธโฃ", "Basisspiel wรคhlen & remixen", "Wรคhlt ein Spiel aus dem Game-Center und drรผckt 'Remixen'.", accent: scratch-orange), card("3๏ธโฃ", "Ziel eintragen", "Schreibt in eure Dokumentation, was ihr heute erreichen wollt.", accent: scratch-orange), card("4๏ธโฃ", "Loslegen!", "Passt das Spiel an und setzt eure erste Idee um.", accent: scratch-orange), ) ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 9 ยท Stunde 1 โ Reflexion // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide(fill: mid)[ #place(top, dx: 0pt, dy: 0pt, rect(width: 100%, height: 6pt, fill: scratch-orange)) #center-block[ #text(size: 30pt)[๐] #text(size: 38pt, weight: "bold", fill: white)[Zeit fรผr die Reflexion!] #v(0.5em) #text(fill: muted, size: 18pt)[Nehmt euch 5 Minuten und fรผllt den Reflexions-Teil aus.] #v(1.5em) #grid(columns: (1fr, 1fr, 1fr), gutter: 16pt, block(fill: card-bg, radius: 10pt, inset: 20pt)[ #align(center)[ #text(size: 30pt)[โ ] #v(0.3em) #text(fill: scratch-green, weight: "bold", size: 16pt)[Was lief gut?] #v(0.3em) #text(fill: white, size: 13pt)[Kreuzt an oder schreibt selbst] ] ], block(fill: card-bg, radius: 10pt, inset: 20pt)[ #align(center)[ #text(size: 30pt)[โ] #v(0.3em) #text(fill: scratch-yellow, weight: "bold", size: 16pt)[Was war schwierig?] #v(0.3em) #text(fill: white, size: 13pt)[Kreuzt an oder schreibt selbst] ] ], block(fill: card-bg, radius: 10pt, inset: 20pt)[ #align(center)[ #text(size: 30pt)[๐] #v(0.3em) #text(fill: scratch-blue, weight: "bold", size: 16pt)[Nรคchstes Mal?] #v(0.3em) #text(fill: white, size: 13pt)[Was wollt ihr verbessern?] ] ], ) #badge("Habt ihr euer Ziel erreicht? ๐ ๐ ๐ ๐ก", fill: scratch-orange) ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 10 ยท Stunde 2 โ Start // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide(fill: scratch-blue.darken(50%))[ #place(bottom + right, dx: 30pt, dy: 30pt, circle(radius: 80pt, fill: scratch-blue.lighten(50%))) #center-block[ #stunden-badge(2, scratch-blue) #v(0.6em) #text(size: 44pt, weight: "bold", fill: white)[Entwicklung] #v(1em) #grid(columns: (1fr, 1fr, 1fr), gutter: 16pt, timer-card(5, "Ziel setzen", color: scratch-blue), timer-card(30, "Programmieren & Testen", color: scratch-blue), timer-card(5, "Reflexion ausfรผllen", color: scratch-blue), ) #v(1em) #text(fill: scratch-blue.lighten(60%), size: 15pt)[ ๐ก Tipp: Wechselt euch beim Programmieren ab! ] ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 11 ยท Stunde 2 โ Aufgabe // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #place(top, dx: 0pt, dy: 0pt, rect(width: 100%, height: 6pt, fill: scratch-blue)) #pad(top: 20pt, x: 50pt)[ #stunden-badge(2, scratch-blue) #text(size: 28pt, weight: "bold", fill: white)[Eure Aufgaben jetzt:] #stack(spacing: 14pt, card("1๏ธโฃ", "Ziel eintragen", "Was soll heute fertig werden? Tragt das Ziel in die Dokumentation ein.", accent: scratch-blue), card("2๏ธโฃ", "Eigene Ideen umsetzen", "Passt Figuren, Hintergrรผnde, Sounds oder Spielregeln an.", accent: scratch-blue), card("3๏ธโฃ", "Testen & Verbessern", "Spielt euer Spiel durch. Funktioniert alles? Was kรถnnt ihr verbessern?", accent: scratch-blue), card("4๏ธโฃ", "Reflexion", "Am Ende der Stunde: Reflexion in der Dokumentation ausfรผllen.", accent: scratch-blue), ) ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 12 ยท Stunde 2 โ Reflexion (gleiche Folie wie S1, andere Farbe) // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide(fill: mid)[ #place(top, dx: 0pt, dy: 0pt, rect(width: 100%, height: 6pt, fill: scratch-blue)) #center-block[ #text(size: 30pt)[๐] #text(size: 38pt, weight: "bold", fill: white)[Zeit fรผr die Reflexion!] #v(0.5em) #text(fill: muted, size: 18pt)[Nehmt euch 5 Minuten und fรผllt den Reflexions-Teil aus.] #v(1.5em) #grid(columns: (1fr, 1fr, 1fr), gutter: 16pt, block(fill: card-bg, radius: 10pt, inset: 20pt)[ #align(center)[ #text(size: 30pt)[โ ] #v(0.3em) #text(fill: scratch-green, weight: "bold", size: 16pt)[Was lief gut?] #v(0.3em) #text(fill: white, size: 13pt)[Kreuzt an oder schreibt selbst] ] ], block(fill: card-bg, radius: 10pt, inset: 20pt)[ #align(center)[ #text(size: 30pt)[โ] #v(0.3em) #text(fill: scratch-yellow, weight: "bold", size: 16pt)[Was war schwierig?] #v(0.3em) #text(fill: white, size: 13pt)[Kreuzt an oder schreibt selbst] ] ], block(fill: card-bg, radius: 10pt, inset: 20pt)[ #align(center)[ #text(size: 30pt)[๐] #v(0.3em) #text(fill: scratch-blue, weight: "bold", size: 16pt)[Nรคchstes Mal?] #v(0.3em) #text(fill: white, size: 13pt)[Was wollt ihr verbessern?] ] ], ) #v(1em) #badge("Habt ihr euer Ziel erreicht? ๐ ๐ ๐ ๐ก", fill: scratch-blue) ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 13 ยท Stunde 3 โ Start // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide(fill: scratch-green.darken(50%))[ #place(bottom + right, dx: 30pt, dy: 30pt, circle(radius: 80pt, fill: scratch-green.lighten(50%))) #center-block[ #stunden-badge(3, scratch-green) #v(0.6em) #text(size: 44pt, weight: "bold", fill: white)[Abschluss & Prรคsentation] #v(1em) #grid(columns: (1fr, 1fr, 1fr, 1fr), gutter: 14pt, timer-card(5, "Ziel setzen", color: scratch-green), timer-card(15, "Letzter Schliff", color: scratch-green), timer-card(10, "Testphase", color: scratch-green), timer-card(10, "Prรคsentation", color: scratch-green), ) #v(1em) #text(fill: scratch-green.lighten(60%), size: 15pt)[ ๐ Das ist eure letzte Stunde โ macht euer Spiel fertig! ] ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 14 ยท Stunde 3 โ Testphase // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #place(top, dx: 0pt, dy: 0pt, rect(width: 100%, height: 6pt, fill: scratch-green)) #pad(top: 35pt, x: 50pt)[ #text(size: 32pt, weight: "bold", fill: white)[ ๐งช Testphase โ Gebt euch gegenseitig Feedback! ] #v(1em) #grid(columns: (1fr, 1fr), gutter: 20pt, align: (center + top, center + top), block(fill: scratch-green.darken(40%), radius: 12pt, inset: 22pt)[ #text(fill: scratch-green.lighten(60%), weight: "bold", size: 18pt)[Als Tester*in:] #v(0.8em) #stack(spacing: 8pt, text(fill: white, size: 15pt, "๐พ Spielt das Spiel durch"), text(fill: white, size: 15pt, "โ Was ist unklar?"), text(fill: white, size: 15pt, "๐ Was gefรคllt euch gut?"), text(fill: white, size: 15pt, "๐ก Was kรถnnte besser sein?"), ) ], block(fill: card-bg, radius: 12pt, inset: 22pt)[ #text(fill: scratch-blue.lighten(40%), weight: "bold", size: 18pt)[Als Entwickler*in:] #v(0.8em) #stack(spacing: 8pt, text(fill: white, size: 15pt, "๐ Hรถrt gut zu"), text(fill: white, size: 15pt, "๐ Schreibt Feedback auf"), text(fill: white, size: 15pt, "๐ง Verbessert das Spiel"), text(fill: white, size: 15pt, "๐ค Bedankt euch!"), ) ], ) #v(1em) #align(center)[ #badge("Gutes Feedback ist freundlich, konkret und hilfreich! ๐ฌ", fill: scratch-green) ] ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 15 ยท Abschlussprรคsentation // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #place(top, dx: 0pt, dy: 0pt, rect(width: 100%, height: 6pt, fill: scratch-yellow)) #pad(top: 35pt, x: 50pt)[ #text(size: 34pt, weight: "bold", fill: white)[ ๐ค Abschlussprรคsentation ] #v(0.5em) #text(fill: muted, size: 16pt)[Stellt euer Spiel der Klasse vor!] #v(1.2em) #grid(columns: (1fr, 1fr), gutter: 20pt, stack(spacing: 14pt, card("๐", "Erklรคrt das Spiel", "Wie heiรt euer Spiel? Was ist das Ziel?", accent: scratch-yellow), card("๐ฎ", "Zeigt das Spiel", "Fรผhrt das Spiel kurz vor.", accent: scratch-yellow), card("๐ก", "Erklรคrt eure Ideen", "Was habt ihr verรคndert? Was war eure besondere Idee?", accent: scratch-yellow), ), block( fill: scratch-yellow.lighten(70%), stroke: 3pt + scratch-yellow, radius: 12pt, inset: 20pt, width: 100%, )[ #align(center)[ #text(size: 24pt)[โฑ] #v(0.3em) #text(fill: dark, weight: "bold", size: 18pt)[Ca. 2 Minuten] #v(0.3em) #text(fill: dark, size: 14pt)[pro Gruppe] #v(0.6em) #text(fill: dark.lighten(20%), size: 13pt)[ Alle hรถren zu und\ klatschen am Ende! ๐ ] ] ] ) ] ] // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ // FOLIE 16 ยท Ende / Danke // โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ #slide()[ #place(top + left, dx: -60pt, dy: -60pt, circle(radius: 120pt, fill: scratch-orange.lighten(80%))) #place(bottom + right, dx: 60pt, dy: 60pt, circle(radius: 100pt, fill: scratch-green.lighten(80%))) #center-block[ #text(size: 80pt)[๐] #v(0.3em) #text(size: 46pt, weight: "bold", fill: white)[Gut gemacht!] #v(0.5em) #text(fill: muted, size: 22pt)[Ihr habt euer eigenes Spiel entwickelt.] #v(1.5em) #stack(dir: ltr, spacing: 12pt, badge("Kreativ", fill: scratch-orange), badge("Teamarbeit", fill: scratch-blue), badge("Programmiert", fill: scratch-green), ) #v(2em) #text(fill: muted, size: 13pt)[Mike Barkmin ยท CC-BY-SA] ] ] ZurรผcksetzenProjekt herunterladenPDF herunterladen Projekt umsetzen Teilbare URL erstellen Standalone-Modus Abschnitte auswรคhlen Projekt umsetzen Material Dokumentationsheft Prรถsentationsfolien Teilbare URL kopieren