DGB 4: Einfache Programme oder Webanwendungen zur Problemlösung erstellen
14.1 Lernziele
- ein einfaches Problem analysieren und in eine digitale Lösung übersetzen.
- geeignete Werkzeuge für einfache Programme oder Webanwendungen auswählen.
- Eingaben, Verarbeitung und Ausgaben in einem Programm beschreiben.
- einfache Programme mit Variablen, Eingaben, Ausgaben und Kontrollstrukturen erstellen.
- einfache Webanwendungen mit Formularen, Buttons und Ausgabebereichen gestalten.
- Funktionen digitaler Werkzeuge zielgerichtet zur Problemlösung einsetzen.
- Programme oder Webanwendungen schrittweise planen und umsetzen.
- Fehler durch Testen und Debuggen erkennen und beheben.
- Programme oder Webanwendungen iterativ verbessern und erweitern.
- Benutzerfreundlichkeit, Verständlichkeit und Zweckmäßigkeit eigener Lösungen beurteilen.
- geeignete Beispiele aus Alltag, Schule und Freizeit in digitale Anwendungen übertragen.
- eigene Ergebnisse dokumentieren und verständlich präsentieren.
14.2 Lerninhalte
Die Lerninhalte zeigen, wie aus einem konkreten Bedarf eine digitale Anwendung entsteht, indem Probleme analysiert, Abläufe geplant, geeignete Werkzeuge ausgewählt und einfache Programme oder Webanwendungen schrittweise entwickelt, getestet und verbessert werden.
Vom Problem zur digitalen Lösung
Der Ausgangspunkt jeder Anwendung ist eine Aufgabe, die durch strukturierte Eingaben, klare Regeln und passende Ausgaben so beschrieben wird, dass sie mit einem Programm oder einer Webanwendung bearbeitet werden kann. Programmieren beginnt nicht mit Code, sondern mit einer Fragestellung. Diese kann aus dem Schulalltag, aus der Freizeit oder aus organisatorischen Situationen stammen. Wichtig ist, dass das Problem überschaubar ist und mit klaren Schritten bearbeitet werden kann.
Ein einfaches Beispiel ist ein Punkte-Rechner für ein Quiz. Die Anwendung soll Antworten zählen und am Ende eine Rückmeldung geben. Ein anderes Beispiel ist ein Hausübungs-Planer, der Aufgaben nach Fächern sortiert. Ebenso denkbar ist ein Vokabeltrainer, ein Temperatur- Umrechner, ein Trinkprotokoll oder ein Zufallsgenerator für Gruppenbildungen. Problemfelder: Rechnen, Planen, Ordnen, Abfragen, Erinnern, Entscheiden Alltagsideen: Notenrechner, Lernquiz, Stundenplanhilfe, Einkaufshelfer, Zufallslos, Timer Grundfragen: Was soll lösen, Wer nutzt, Welche Eingabe, Welche Ausgabe, Welche Regeln, Wie prüfen Schülerinnen und Schüler sollen erkennen, dass digitale Anwendungen dann sinnvoll sind, wenn sie einen klaren Zweck erfüllen. Nicht jede Idee braucht ein komplexes System, aber viele kleine Probleme lassen sich durch einfache Anwendungen nützlich lösen.
Geeignete Werkzeuge auswählen
Die Wahl des Werkzeugs beeinflusst stark, wie leicht eine Anwendung entwickelt, verstanden und erweitert werden kann, weshalb Zweck, Vorkenntnisse und gewünschte Produktform bei der Auswahl bewusst mitgedacht werden sollen. Für einfache Programme eignen sich blockbasierte und textbasierte Werkzeuge. Blockbasierte Umgebungen wie Scratch oder Blockly helfen beim Einstieg, weil Strukturen sichtbar und Syntaxfehler reduziert werden. Textbasierte Sprachen wie Python eignen sich gut für kleine Programme mit Eingaben, Berechnungen und logischen Entscheidungen. Für einfache Webanwendungen kommen HTML, CSS und JavaScript oder leicht bedienbare Bauumgebungen infrage. Ein Quiz lässt sich etwa in Scratch als interaktives Projekt umsetzen. Ein Rechenhelfer kann gut in Python programmiert werden. Eine Webanwendung mit Eingabefeld und Button, zum Beispiel ein BMI-Rechner oder ein Vokabeltester, passt gut zu einer kleinen HTML-JavaScript- Lösung. Die Werkzeugwahl sollte also nicht zufällig, sondern auf die Aufgabe abgestimmt sein. Werkzeuge: Scratch, Blockly, Python, HTML, CSS, JavaScript Auswahlkriterien: Ziel, Schwierigkeit, Bedienung, Darstellung, Erweiterbarkeit, Vorwissen Passende Produkte: Quiz, Rechner, Formularseite, Infotool, Simulation, Lernhilfe Wichtig ist dabei die Einsicht, dass kein Werkzeug für alles gleich gut geeignet ist. Gute digitale Gestaltung beginnt oft mit der Frage, welches Werkzeug die Aufgabe am besten unterstützt.
Eingabe, Verarbeitung und Ausgabe umsetzen
Jede digitale Anwendung arbeitet mit einem Grundmuster aus Eingabe, Verarbeitung und Ausgabe, wodurch Informationen aufgenommen, nach Regeln bearbeitet und in einer verständlichen Form wieder bereitgestellt werden. Eingaben können Zahlen, Texte, Auswahloptionen oder Klicks sein. Die Verarbeitung umfasst Berechnungen, Vergleiche, Entscheidungen oder Sortierungen. Die Ausgabe zeigt schließlich ein Ergebnis, eine Rückmeldung, eine Warnung oder eine visualisierte Information. Dieses Grundprinzip hilft Schülerinnen und Schülern, Anwendungen logisch zu planen.
Ein Taschenrechner nimmt Zahlen und Rechenzeichen als Eingabe, verarbeitet diese nach Rechenregeln und gibt das Ergebnis aus. Ein Klassenarbeits-Planer fragt Datum, Fach und Thema ab, speichert oder sortiert die Angaben und zeigt einen geordneten Überblick. Ein Vokabeltrainer nimmt Antworten entgegen und meldet richtig oder falsch zurück. EVA-Elemente: Eingabe, Verarbeitung, Ausgabe, Rückmeldung, Prüfung, Speicherung Eingaben: Zahl, Text, Klick, Auswahl, Datum, Taste Ausgaben: Ergebnis, Warnung, Liste, Meldung, Punktestand, Grafik Die bewusste Arbeit mit diesem Muster erleichtert es, Anwendungen übersichtlich zu entwerfen. Wer klar zwischen Eingabe, Verarbeitung und Ausgabe unterscheidet, versteht den inneren Aufbau eines Programms besser.
Einfache Programme planen und strukturieren
Überschaubare Programme gelingen besser, wenn Abläufe vor dem Codieren in Teilschritte zerlegt und als Skizze, Pseudocode oder Ablaufplan vorgedacht werden, statt sofort mit einzelnen Befehlen zu beginnen. Zur Planung gehört, das Ziel zu klären, Eingaben festzulegen, Ausgaben zu beschreiben und wichtige Verarbeitungsschritte zu ordnen. So entstehen klare Zwischenziele. Ein Programm wird leichter beherrschbar, wenn es nicht als unüberschaubares Ganzes, sondern als Folge kleiner Aufgaben verstanden wird. Ein Zufallszahlenspiel kann etwa in folgende Schritte zerlegt werden: Zahl erzeugen, Eingabe abfragen, vergleichen, Rückmeldung ausgeben, eventuell wiederholen. Ein Webformular kann in die Schritte Eingabe anzeigen, Werte lesen, prüfen, Ergebnis berechnen und Ausgabe darstellen unterteilt werden. Solche Planungen schaffen Übersicht und vermeiden viele spätere Fehler. Planungshilfen: Skizze, Ablaufplan, Pseudocode, Notiz, Testfall, Struktur Teilschritte: starten, eingeben, prüfen, berechnen, ausgeben, beenden Planungsfragen: Was zuerst, Was dann, Was prüfen, Was speichern, Was zeigen, Was wiederholen Gerade bei ersten eigenen Anwendungen ist gute Planung ein wichtiger Lernschritt. Sie hilft, Unsicherheit zu reduzieren und macht sichtbar, dass Programmieren auch ein Denk- und Entwurfsprozess ist.
Typische Bausteine einfacher Anwendungen
Schon mit wenigen Grundbausteinen lassen sich viele nützliche digitale Anwendungen erstellen, wenn Variablen, Eingaben, Bedingungen, Schleifen und Ausgaben sinnvoll kombiniert und auf ein konkretes Ziel bezogen werden. Zu den wichtigsten Bausteinen gehören Variablen zum Speichern von Werten, Eingabefelder oder Tastatureingaben, Bedingungen für Entscheidungen, Schleifen für Wiederholungen und Ausgabebereiche für Rückmeldungen. In Webanwendungen kommen zusätzlich Buttons, Formularelemente und einfache Layouts hinzu. Ein BMI-Rechner braucht zwei Eingaben, eine Berechnung und eine Rückmeldung. Ein
Notenrechner nutzt mehrere Zahlen, vergleicht den Durchschnitt mit Grenzwerten und gibt eine passende Einschätzung aus. Ein Terminplaner arbeitet vielleicht mit Listen oder geordneten Ausgaben. Ein Spiel nutzt Eingaben, Punktestände und Reaktionen auf richtige oder falsche Aktionen. Bausteine: Variable, Eingabe, Button, Bedingung, Schleife, Ausgabe Elemente: Feld, Menü, Liste, Textbox, Anzeige, Meldung Anwendungen: Rechner, Quiz, Planer, Timer, Tester, Generator Schülerinnen und Schüler sollen sehen, dass bereits mit einfachen Bausteinen funktionale Produkte entstehen können. Der kreative Teil liegt oft darin, diese Bausteine passend zu kombinieren.
Webanwendungen als interaktive Oberflächen
Webanwendungen eignen sich besonders gut für kleine interaktive Lösungen, weil Eingaben, Buttons, Texte und Ausgaben direkt auf einer Seite sichtbar zusammenwirken und dadurch Funktion und Gestaltung leicht miteinander verbunden werden können. Eine einfache Webanwendung besteht meist aus einer Benutzeroberfläche und einer kleinen Logik im Hintergrund. Die Oberfläche zeigt Felder, Texte oder Buttons, während das Script auf Eingaben reagiert und Ausgaben aktualisiert. Gerade für Schulprojekte ist das hilfreich, weil das Ergebnis schnell sichtbar und präsentierbar ist. Ein Beispiel ist ein Punkte-Rechner mit zwei Eingabefeldern und einem Ergebnisfeld. Ein anderes Beispiel ist ein Vokabeltest mit einer Frage, einem Eingabefeld und einer Rückmeldung. Auch ein Essensplan, ein Umfrageformular oder eine einfache Entscheidungsseite „Was passt zu mir?“ lassen sich als Webanwendung umsetzen. Webelemente: Formular, Button, Feld, Anzeige, Liste, Meldung Interaktionen: klicken, eingeben, auswählen, absenden, zurücksetzen, anzeigen Webideen: BMI-Rechner, Umfrage, Quizseite, Lernhilfe, Termincheck, Auswahltool Der besondere Lernwert liegt darin, dass technische Funktion und visuelle Gestaltung gemeinsam bedacht werden müssen. Eine Webanwendung soll nicht nur funktionieren, sondern auch für Nutzerinnen und Nutzer verständlich und bedienbar sein.
Iteratives Entwickeln und schrittweises Erweitern
Digitale Anwendungen werden robuster und verständlicher, wenn sie in kleinen lauffähigen Versionen wachsen, die jeweils getestet, verbessert und erst danach um weitere Funktionen ergänzt werden. Iterative Entwicklung bedeutet, mit einer einfachen Grundversion zu starten und diese schrittweise auszubauen. So können Fehler früh erkannt werden, und jede Erweiterung bleibt überschaubar. Diese Arbeitsweise verhindert Überforderung und unterstützt systematisches Lernen. Ein Quiz beginnt vielleicht nur mit einer Frage. Später kommen mehrere Fragen, ein Punktestand und eine Abschlussmeldung hinzu. Ein Rechner startet mit einer einzelnen
Rechenoperation und wird erst danach um weitere Funktionen ergänzt. Eine Webanwendung zeigt zuerst nur eine Eingabe und eine einfache Ausgabe, bevor Gestaltung, Prüfungen und Zusatzfunktionen ergänzt werden. Entwicklungsphasen: Grundversion, Test, Erweiterung, Korrektur, Verbesserung, Endfassung Zwischenschritte: Eingabe, Berechnung, Rückmeldung, Prüfung, Gestaltung, Zusatzfunktion Lernvorteile: Übersicht, Motivation, Kontrolle, Stabilität, Nachvollziehbarkeit, Erfolgserlebnis Schülerinnen und Schüler sollen erfahren, dass gute Anwendungen nicht sofort perfekt sein müssen. Der Entwicklungsprozess selbst ist Teil der Lösung und fördert Ausdauer, Genauigkeit und Problemlösekompetenz.
Testen, Debuggen und Verbessern
Auch einfache Anwendungen enthalten häufig Fehler oder Unklarheiten, weshalb Testen und Debuggen unverzichtbar sind, um die Funktion, Zuverlässigkeit und Verständlichkeit der Lösung zu prüfen und gezielt zu verbessern. Beim Testen wird überprüft, ob eine Anwendung mit verschiedenen Eingaben richtig arbeitet. Dabei helfen normale Fälle, Grenzwerte und unerwartete Eingaben. Debuggen bedeutet, Fehlerursachen zu finden und zu beheben. Das kann ein Rechenfehler, eine falsche Bedingung, eine unklare Ausgabe oder ein ungünstig gewählter Standardwert sein. Ein Notenrechner sollte nicht nur mit üblichen Zahlen getestet werden, sondern auch mit leeren Eingaben oder unzulässigen Werten. Ein Webformular muss prüfen, ob Felder leer bleiben dürfen. Ein Quiz sollte auch dann sinnvoll reagieren, wenn jemand eine unerwartete Antwort eingibt oder eine Frage überspringt. Fehlerarten: Syntaxfehler, Logikfehler, Eingabefehler, Anzeigeproblem, Grenzfehler, Bedienfehler Testformen: Standardfall, Grenzwert, Leereingabe, Sonderfall, Wiederholung, Fehlversuch Verbesserungen: korrigieren, vereinfachen, ergänzen, absichern, umbenennen, präzisieren Die Arbeit an Fehlern ist ein zentraler Lernmoment. Sie zeigt, dass Programmieren nicht nur aus Ideen besteht, sondern auch aus genauer Prüfung und bewusster Überarbeitung.
Benutzerfreundlichkeit und Zweckmäßigkeit
Eine gute digitale Lösung ist nicht nur technisch funktional, sondern auch so gestaltet, dass Eingaben verständlich, Ausgaben hilfreich und Bedienwege möglichst klar, kurz und passend für die Zielgruppe sind. Benutzerfreundlichkeit bedeutet, dass eine Anwendung leicht zu verstehen und zu bedienen ist. Dazu gehören klare Beschriftungen, übersichtliche Anordnung, sinnvolle Rückmeldungen und ein angemessener Umfang. Gerade bei einfachen Anwendungen wird dieser Aspekt oft unterschätzt, obwohl er entscheidend für den Nutzen ist. Ein Eingabefeld ohne Erklärung verwirrt. Eine Fehlermeldung wie „ungültige Eingabe“ hilft weniger als „Bitte gib eine Zahl zwischen 1 und 10 ein“. Ein Rechner mit zu vielen Farben oder Schaltflächen lenkt eher ab. Eine Webanwendung für jüngere Lernende braucht vielleicht größere Buttons und einfachere Sprache als ein Tool für ältere Schülerinnen und Schüler.
Qualitätsmerkmale: Klarheit, Übersicht, Lesbarkeit, Rückmeldung, Einfachheit, Passung Nutzerfragen: Was tun, Wo klicken, Was fehlt, Warum Fehler, Was bedeutet, Was kommt Verbesserungen: umbenennen, sortieren, vereinfachen, erklären, hervorheben, reduzieren Die bewusste Auseinandersetzung mit Benutzerfreundlichkeit verbindet technische und gestalterische Kompetenz. Anwendungen werden dadurch nicht nur funktionierend, sondern auch sinnvoll nutzbar.
Typische Projekte aus Alltag und Schule
Anwendungsnahe Projekte machen den Sinn einfacher Programme oder Webanwendungen besonders sichtbar, weil reale Aufgaben aus Schule, Organisation und Freizeit direkt in digitale Werkzeuge übersetzt und dadurch konkret erfahrbar werden. Für den Unterricht eignen sich kleine, aber lebensnahe Projektideen. Dazu gehören ein Hausübungsplaner, ein Punkte-Rechner für Spiele, ein Quiz zu Lerninhalten, ein Umfrageformular mit Auswertung, ein Vokabeltrainer, ein Ernährungstagebuch oder eine einfache Terminübersicht. Solche Projekte zeigen, dass Programmierung nicht nur technisches Experimentieren, sondern auch alltagsnahe Problemlösung bedeutet. Ein Schulprojekt kann zum Beispiel eine Webanwendung sein, mit der Klassenaktivitäten ausgewählt oder bewertet werden. Eine andere Gruppe erstellt ein Programm, das Lernzeiten addiert und Rückmeldungen gibt. Wieder andere entwickeln einen Sitzordnungs- Zufallsgenerator oder einen Rechner für Ausflugskosten. Gerade diese Nähe zum Alltag erhöht Motivation und Verstehbarkeit. Projektideen: Quiz, Rechner, Planer, Umfrage, Trainer, Generator Schulbezüge: Lernen, Termine, Gruppen, Kosten, Punkte, Organisation Produktziele: helfen, ordnen, informieren, prüfen, erinnern, vereinfachen Solche Anwendungen zeigen besonders deutlich, dass digitale Werkzeuge Probleme nicht nur simulieren, sondern reale Aufgaben unterstützen können. Genau daraus entsteht der Bildungswert dieses Themenbereichs.
14.4 Aufgaben für den Unterricht
14.4.1 Problem finden und digital lösen
Der Einstieg über echte Probleme aus Schule und Alltag erhöht Motivation und Lerntiefe, weil Programme nicht als abstrakte Übung erscheinen, sondern als konkrete Antwort auf überschaubare Bedürfnisse und wiederkehrende Aufgaben. Die Schülerinnen und Schüler sammeln zunächst einfache Probleme, die sich digital lösen lassen, etwa das Auslosen von Gruppen, das Berechnen von Noten, das Merken von Hausübungen oder das Abfragen von Vokabeln. Danach wählt jede Person oder Kleingruppe ein Problem aus und beschreibt schriftlich Ziel, Nutzerinnen und Nutzer, notwendige Eingaben, gewünschte Ausgaben und zentrale Regeln. Erst im zweiten Schritt wird entschieden, ob die Lösung besser als kleines Programm oder als einfache Webanwendung umgesetzt wird. Diese Aufgabe ist besonders wirksam, weil sie Problemlösekompetenz, Zielklarheit und Werkzeugbewusstsein von Anfang an verbindet. Sozialform: Einzelarbeit, Partnerarbeit Material: Problemkarten, Planungsblatt, Rechner Schritte: sammeln, auswählen, beschreiben, entscheiden, vorstellen Fokus: Problembezug, Zielklärung, Werkzeugwahl Ergebnis: Problembeschreibung, Projektidee
14.4.2 EVA-Modell zur Anwendungsskizze
Die Zerlegung einer Anwendung in Eingabe, Verarbeitung und Ausgabe stärkt das technische Grundverständnis, weil Schülerinnen und Schüler früh erkennen, welche Bestandteile jede digitale Lösung braucht und wie daraus ein funktionierender Ablauf entsteht. Die Lehrkraft gibt mehrere kleine Anwendungsbeispiele vor, etwa einen Temperaturumrechner, einen Vokabeltester oder einen Kostenrechner für einen Ausflug. Die Schülerinnen und Schüler ordnen für jedes Beispiel die Bestandteile Eingabe, Verarbeitung und Ausgabe zu und erstellen anschließend für ihre eigene Projektidee eine solche EVA-Skizze. Danach vergleichen sie ihre Lösungen in Partnerarbeit und prüfen, ob wichtige Elemente fehlen oder unklar beschrieben sind. Diese Aufgabe hilft besonders dabei, ungenaue Ideen in klar strukturierte digitale Abläufe zu überführen. Sozialform: Einzelarbeit, Partnerarbeit Material: EVA-Vorlage, Beispielkarten Schritte: zuordnen, skizzieren, vergleichen, ergänzen, sichern Fokus: EVA, Struktur, Anwendungsidee
Ergebnis: EVA-Skizze, Ablaufübersicht
14.4.3 Mini-Rechner schrittweise bauen
Ein kleiner Rechner eignet sich besonders gut für erste eigenständige Anwendungen, weil Eingaben, Verarbeitung und Ausgabe klar sichtbar werden und Erweiterungen in kleinen, überprüfbaren Schritten erfolgen können. Die Schülerinnen und Schüler programmieren zunächst einen sehr einfachen Rechner, etwa für Durchschnitt, Umfang, BMI oder Taschengeldsumme. In Version 1 werden nur Werte eingegeben und ein Ergebnis ausgegeben. In Version 2 kommt eine Prüfung auf ungültige Eingaben hinzu. In Version 3 wird die Rückmeldung verbessert, etwa durch zusätzliche Hinweise oder eine verständlichere Ausgabe. Abschließend reflektieren die Lernenden, wie sich das Programm von einer bloßen Berechnung zu einer nützlicheren Anwendung entwickelt hat. Die Aufgabe ist lernwirksam, weil jede Erweiterung einen klaren Mehrwert zeigt. Sozialform: Einzelarbeit, Austausch Material: Rechner, Entwicklungsblatt Schritte: eingeben, berechnen, prüfen, erweitern, reflektieren Fokus: Variablen, Eingaben, Iteration Ergebnis: Rechnerprogramm, Versionsnotiz
14.4.4 Webformular mit direkter Rückmeldung
Die Erstellung einer kleinen Webanwendung mit Formular und Button verbindet Gestaltung und Funktion besonders anschaulich, weil Benutzeroberfläche und Programmlogik gleichzeitig geplant, umgesetzt und direkt sichtbar getestet werden können. Die Lernenden erstellen eine einfache Webseite mit Eingabefeld, Button und Ausgabebereich, etwa für einen Punkte-Rechner, eine Alterseinschätzung oder einen Lernfortschritts-Check. Zunächst wird die Oberfläche gestaltet, danach die Reaktion auf die Eingabe programmiert. In einer zweiten Runde überarbeiten die Schülerinnen und Schüler Beschriftungen, Fehlermeldungen und Rückmeldungen, damit die Anwendung verständlicher wird. Die Aufgabe eignet sich besonders gut, um den Zusammenhang von HTML, Gestaltung und einfacher Logik zu erleben. Sozialform: Partnerarbeit Material: Rechner, Webeditor, Vorlage Schritte: gestalten, verknüpfen, testen, verbessern, präsentieren Fokus: Formular, Rückmeldung, Benutzeroberfläche Ergebnis: Mini-Webanwendung, Testprotokoll
14.4.5 Quiz als Problemlösung entwickeln
Ein Quizprojekt fördert nachhaltiges Lernen, weil fachlicher Inhalt, Programmstruktur und Nutzerführung gemeinsam bedacht werden müssen und aus einer einfachen Grundidee schrittweise eine funktionierende Anwendung entsteht.
Die Schülerinnen und Schüler erstellen ein Quiz zu einem Unterrichtsthema, etwa Europa, Ernährung, Datenschutz oder Geometrie. In der Grundversion enthält das Quiz nur eine Frage und eine Rückmeldung. Danach wird es zu mehreren Fragen erweitert, ein Punktestand ergänzt und am Ende eine Abschlussmeldung eingebaut. Fortgeschrittene Gruppen können eine Auswahl zwischen Themen oder Schwierigkeitsgraden ergänzen. Diese Aufgabe verbindet fachliches Wiederholen mit echtem Programmiernutzen und zeigt, wie digitale Anwendungen Lernen unterstützen können. Sozialform: Partnerarbeit, Präsentation Material: Themenblatt, Rechner, Planungsbogen Schritte: auswählen, planen, programmieren, testen, vorstellen Fokus: Fragenlogik, Punktestand, Erweiterung Ergebnis: Quizanwendung, Themenprodukt
14.4.6 Anwendung planen mit Pseudocode
Die vorgelagerte Planung in Alltagssprache oder Pseudocode reduziert typische Umsetzungsprobleme, weil Entscheidungen, Reihenfolgen und Wiederholungen zuerst gedanklich geklärt werden, bevor technische Details der Programmiersprache hinzukommen. Die Lehrkraft gibt einen Projektauftrag wie „Erstelle einen Hausübungsplaner“ oder „Baue eine kleine Entscheidungshilfe für passende Lernmethoden“. Die Schülerinnen und Schüler formulieren zunächst in Pseudocode, was das Programm Schritt für Schritt tun soll. Danach markieren sie, wo Eingaben, Bedingungen, Schleifen und Ausgaben vorkommen. Erst im Anschluss wird der Entwurf in Code übertragen. In der Reflexion vergleichen sie, an welchen Stellen der vorgeplante Ablauf geholfen hat und welche Änderungen beim Programmieren nötig wurden. Sozialform: Einzelarbeit, Partnerfeedback Material: Pseudocode-Vorlage, Rechner Schritte: formulieren, ordnen, markieren, übertragen, reflektieren Fokus: Planung, Struktur, Ablaufdenken Ergebnis: Pseudocode, Programmfassung
14.4.7 Testfälle gezielt entwickeln
Die bewusste Entwicklung von Testfällen stärkt Genauigkeit und Qualitätsbewusstsein, weil Schülerinnen und Schüler lernen, Anwendungen nicht nur mit idealen Eingaben zu prüfen, sondern auch auf Fehler, Grenzwerte und unklare Situationen vorzubereiten. Zu einer vorhandenen oder selbst entwickelten Anwendung erstellen die Lernenden zunächst eine Liste geplanter Testfälle. Diese umfasst normale Eingaben, Grenzwerte, leere Eingaben, falsche Formate und unplausible Werte. Danach testen sie ihr Programm oder ihre Webanwendung systematisch und protokollieren, ob das Verhalten korrekt ist. Im Anschluss verbessern sie unklare Rückmeldungen oder fehlerhafte Abläufe. Diese Aufgabe ist besonders lernwirksam, weil sie zeigt, dass gute Anwendungen nicht nur funktionieren, sondern zuverlässig und verständlich reagieren sollen.
Sozialform: Partnerarbeit Material: Testbogen, Anwendung, Rechner Schritte: überlegen, notieren, prüfen, protokollieren, verbessern Fokus: Testen, Grenzfälle, Zuverlässigkeit Ergebnis: Testfallliste, Fehlerbericht
14.4.8 Bedienbarkeit überarbeiten
Die Überarbeitung einer funktionierenden, aber unklaren Anwendung vertieft das Verständnis für Benutzerfreundlichkeit, weil technische Korrektheit allein nicht ausreicht und gute digitale Lösungen auch leicht verständlich und angenehm nutzbar sein müssen. Die Schülerinnen und Schüler erhalten eine einfache Anwendung mit bewusst schwacher Gestaltung, etwa unklaren Beschriftungen, schlechter Anordnung oder wenig hilfreichen Fehlermeldungen. Ihre Aufgabe ist es, diese Anwendung so zu überarbeiten, dass sie für Nutzerinnen und Nutzer besser verständlich wird. Dabei sollen sie Texte vereinfachen, Felder sinnvoll benennen, Rückmeldungen verbessern und unnötige Elemente entfernen. In der Sicherung begründen sie ihre Änderungen mit Blick auf Zielgruppe und Nutzen. So wird Benutzerfreundlichkeit als echter Qualitätsfaktor sichtbar. Sozialform: Partnerarbeit, Plenum Material: Beispielanwendung, Überarbeitungsblatt Schritte: prüfen, umbenennen, ordnen, verbessern, begründen Fokus: Usability, Klarheit, Zielgruppe Ergebnis: überarbeitete Anwendung, Begründung
14.4.9 Peer-Review für Anwendungen
Die gegenseitige Prüfung durch andere erhöht die Qualität einfacher Programme oder Webanwendungen deutlich, weil Funktion, Verständlichkeit und Zweckmäßigkeit aus der Perspektive echter Nutzerinnen und Nutzer sichtbar werden. Die Lernenden testen die Anwendungen anderer Gruppen mithilfe eines übersichtlichen Prüfrasters. Bewertet werden Funktion, Lesbarkeit, Benutzerfreundlichkeit, Problemlösebezug und Verständlichkeit der Rückmeldungen. Die testenden Schülerinnen und Schüler geben konkrete Hinweise, etwa wo Eingaben unklar sind, Fehler schlecht erklärt werden oder das Ergebnis noch hilfreicher dargestellt werden könnte. Danach überarbeitet jede Gruppe ihre Anwendung und notiert, welche Rückmeldungen übernommen wurden. Diese Aufgabe ist besonders wirkungsvoll, weil sie Produktion, Testen und Verbesserung eng miteinander verbindet. Sozialform: Partnerarbeit, Gruppenfeedback Material: Prüfraster, Anwendungen, Kommentarblatt Schritte: testen, bewerten, rückmelden, überarbeiten, dokumentieren Fokus: Nutzerblick, Qualität, Verbesserung Ergebnis: Feedbackbogen, Endfassung
14.4.10 Programm oder Webapp präsentieren
Die Vorstellung eigener Lösungen fördert tiefes Verständnis, weil Schülerinnen und Schüler ihr Produkt nicht nur zeigen, sondern Ziel, Aufbau, Schwierigkeiten und Verbesserungen nachvollziehbar erklären und damit ihren Entwicklungsprozess bewusst reflektieren. Am Ende der Arbeitsphase präsentieren die Gruppen ihre Programme oder Webanwendungen kurz vor der Klasse. Dabei sollen sie erklären, welches Problem gelöst wird, welche Eingaben und Ausgaben vorgesehen sind, welche Werkzeuge verwendet wurden und welche Schwierigkeiten im Entwicklungsprozess aufgetreten sind. Zusätzlich benennen sie mindestens eine Verbesserung, die sie bei mehr Zeit noch umsetzen würden. Diese Präsentationsform macht sichtbar, dass digitale Produktion nicht nur aus dem fertigen Produkt, sondern auch aus Planung, Entscheidungen und Überarbeitung besteht. Sozialform: Präsentation, Plenum Material: Rechner, Beamer, Kurzleitfaden Schritte: vorstellen, erklären, demonstrieren, reflektieren, vergleichen Fokus: Präsentation, Prozess, Problemlösung Ergebnis: Produktvorstellung, Reflexionsnotiz
14.4.11 Alltagstool im Team entwerfen
Die Entwicklung eines kleinen Alltagstools mit offenem Lösungsweg fördert Kreativität und Eigenverantwortung, weil Schülerinnen und Schüler ein reales Bedürfnis erkennen, in ein digitales Produkt übersetzen und ihre Lösung eigenständig anpassen müssen. Die Gruppen erhalten den Auftrag, ein kleines digitales Hilfsmittel für Schule oder Alltag zu entwickeln, etwa einen Zufallsgenerator für Gruppen, eine Lernzeit-Erfassung, eine Packliste für Ausflüge oder einen Preisvergleich für ein Klassenprojekt. Zunächst wird das Problem beschrieben, dann die Anwendung geplant und schließlich mit einem geeigneten Werkzeug umgesetzt. Wichtig ist, dass am Ende sichtbar wird, warum genau diese Lösung hilfreich ist. Die Aufgabe wirkt besonders stark, weil sie Technik mit Sinn, Nutzbarkeit und Kreativität verbindet. Sozialform: Gruppenarbeit Material: Projektblatt, Rechner, Planungsvorlage Schritte: erkennen, planen, umsetzen, testen, erläutern Fokus: Alltagsbezug, Kreativität, Nutzen Ergebnis: Alltagstool, Projektbeschreibung
14.4.12 Vorher-nachher-Entwicklung dokumentieren
Die sichtbare Dokumentation von Entwicklungsschritten stärkt metakognitives Lernen, weil Schülerinnen und Schüler erkennen, wie aus einer ersten einfachen Idee durch Testen, Rückmeldung und Überarbeitung eine bessere und nutzbarere Anwendung entsteht. Die Lernenden halten zu ihrem Projekt mindestens drei Entwicklungsstände fest, etwa Skizze, erste lauffähige Version und verbesserte Endfassung. Zu jedem Stand schreiben sie kurz, was
bereits funktioniert hat, welche Probleme auftraten und was als Nächstes verändert wurde. Am Ende vergleichen sie die Versionen und erläutern, welche Verbesserung für die Qualität der Anwendung am wichtigsten war. Diese Aufgabe macht den Lernprozess selbst sichtbar und fördert ein realistisches Verständnis von digitaler Entwicklungsarbeit. Sozialform: Einzelarbeit, Austausch Material: Dokumentationsblatt, Screenshots, Anwendung Schritte: festhalten, beschreiben, vergleichen, bewerten, abschließen Fokus: Iteration, Prozesssicht, Verbesserung Ergebnis: Entwicklungsdokumentation, Vergleichsübersicht
Grundlage: Digitale Grundbildung IV – Lehrband 4. Klasse, Final V2.0.