DGB 4: Programme und Webanwendungen
← Digitale Grundbildung 4. Klasse
Programmieren wird besonders sinnvoll, wenn damit ein konkretes Problem gelöst wird. Ausgangspunkt ist deshalb nicht eine Programmiersprache, sondern die Frage: Welche Aufgabe soll die Anwendung für welche Person lösen? Danach folgen Planung, Umsetzung, Test und Verbesserung.
Lehrplanbezug
| Bereich | Zuordnung |
|---|---|
| Kompetenzbereich | Produktion |
| Perspektiven | T, I |
| Schwerpunkt | Programmierung einfacher Anwendungen |
| Kompetenz | Alltagsprobleme als digitale Anwendungen modellieren, Eingabe-Verarbeitung-Ausgabe planen, einfache Programme oder Webanwendungen iterativ entwickeln und auf Benutzerfreundlichkeit prüfen. |
Lernziele
Die Schülerinnen und Schüler können:
- ein einfaches Alltagsproblem in Anforderungen übersetzen;
- geeignete digitale Werkzeuge für eine Lösung auswählen;
- Eingabe, Verarbeitung und Ausgabe einer Anwendung planen;
- einfache Programme strukturiert entwerfen;
- typische Bausteine wie Eingabefeld, Variable, Bedingung und Ausgabe kombinieren;
- einfache Webanwendungen als interaktive Oberflächen einordnen;
- Anwendungen iterativ erweitern;
- Testfälle und Fehlersuche gezielt einsetzen;
- Benutzerfreundlichkeit und Zweckmäßigkeit prüfen;
- eine Anwendung dokumentieren und präsentieren;
Lerninhalte
Vom Problem zur digitalen Lösung
Eine gute Anwendung beginnt mit einem Problem: Berechnung wiederholt sich, Informationen müssen gefiltert werden oder ein Quiz soll automatisch ausgewertet werden.
Die Anforderungen werden konkret formuliert: Wer nutzt die Anwendung? Welche Eingaben gibt es? Welches Ergebnis wird erwartet?
Geeignete Werkzeuge auswählen
Für eine kleine Berechnung kann eine Tabellenkalkulation genügen; für interaktive Logik eignet sich eine Programmierumgebung oder Webanwendung. Nicht jedes Problem verlangt eigenen Code.
Werkzeugwahl hängt von Aufgabe, Zeit, vorhandenen Kenntnissen und Zielplattform ab.
Eingabe, Verarbeitung und Ausgabe umsetzen
Das EVA-Prinzip hilft beim Entwurf: Daten werden eingegeben, nach Regeln verarbeitet und als Ergebnis ausgegeben.
Beispiele sind Preisrechner, Punkteauswertung, Einheitenumrechnung oder Formularprüfung.
Einfache Programme planen und strukturieren
Vor dem Programmieren werden Variablen, Bedingungen und Ablauf festgelegt. Pseudocode oder ein Ablaufdiagramm reduziert spätere Logikfehler.
Komplexe Aufgaben werden in kleinere Funktionen oder Teilabläufe zerlegt.
Typische Bausteine einfacher Anwendungen
Eingabefelder, Schaltflächen, Variablen, Berechnungen, Bedingungen und Fehlermeldungen bilden typische Bausteine. Eine Anwendung sollte auch mit ungültigen Eingaben sinnvoll umgehen.
Benutzerinnen und Benutzer benötigen verständliche Rückmeldungen.
Webanwendungen als interaktive Oberflächen
Eine Webanwendung läuft im Browser und kann Formulare, Buttons und dynamische Ausgaben enthalten. HTML strukturiert Inhalte, CSS gestaltet und JavaScript kann Interaktion ermöglichen.
Für den Unterricht genügt ein einfaches Modell; Ziel ist nicht vollständige professionelle Webentwicklung.
Iteratives Entwickeln und schrittweises Erweitern
Zuerst wird die kleinste funktionsfähige Version erstellt. Danach kommen neue Funktionen einzeln hinzu.
Jede Erweiterung wird getestet, damit bestehende Funktionen nicht unbeabsichtigt beschädigt werden.
Testen, Debuggen und Verbessern
Testfälle umfassen typische Eingaben, Randwerte und ungültige Daten. Fehler werden reproduziert, eingegrenzt und gezielt behoben.
Eine funktionierende Anwendung kann anschließend hinsichtlich Verständlichkeit und Bedienung verbessert werden.
Benutzerfreundlichkeit und Zweckmäßigkeit
Beschriftungen, Reihenfolge, Fehlermeldungen und visuelle Klarheit beeinflussen, ob eine Anwendung tatsächlich nutzbar ist. Technik allein entscheidet nicht über Qualität.
Eine einfache Lösung kann besser sein als eine überladene Anwendung mit unnötigen Funktionen.
Typische Projekte aus Alltag und Schule
Geeignet sind Mini-Rechner, Quiz, Lernkarten, Planungshelfer, Formulare, einfache Datenfilter oder kleine Webtools.
Wichtig ist ein begrenzter Umfang, damit Planung, Test und Reflexion vollständig durchgeführt werden können.
Aufgaben für den Unterricht
Problem finden und digital lösen
Arbeitsauftrag: Beschreibt ein kleines reales Problem und formuliert Muss-Funktionen.
Erwartetes Ergebnis: Anforderungsliste.
EVA-Modell zur Anwendungsskizze
Arbeitsauftrag: Ordnet Eingaben, Verarbeitung und Ausgaben eurer Idee zu.
Erwartetes Ergebnis: EVA-Schaubild.
Mini-Rechner schrittweise bauen
Arbeitsauftrag: Entwickelt eine einfache Berechnungsanwendung.
Erwartetes Ergebnis: Mini-Rechner.
Webformular mit direkter Rückmeldung
Arbeitsauftrag: Erstellt ein Formular, das Eingaben prüft und eine Ausgabe erzeugt.
Erwartetes Ergebnis: interaktive Seite.
Quiz als Problemlösung
Arbeitsauftrag: Plant Fragen, Punktelogik und Rückmeldungen.
Erwartetes Ergebnis: Quiz.
Anwendung planen mit Pseudocode
Arbeitsauftrag: Beschreibt den vollständigen Ablauf vor dem Codieren.
Erwartetes Ergebnis: Pseudocode.
Testfälle gezielt entwickeln
Arbeitsauftrag: Formuliert Normal-, Rand- und Fehleingaben.
Erwartetes Ergebnis: Testsatz.
Bedienbarkeit überarbeiten
Arbeitsauftrag: Lasst eine andere Person die Anwendung ohne Erklärung testen und verbessert Stolperstellen.
Erwartetes Ergebnis: UX-Revision.
Peer-Review für Anwendungen
Arbeitsauftrag: Prüft Funktion, Lesbarkeit, Fehlerbehandlung und Zweck.
Erwartetes Ergebnis: Reviewbogen.
Programm oder Webapp präsentieren
Arbeitsauftrag: Erklärt Problem, Lösung, Aufbau und bekannte Grenzen.
Erwartetes Ergebnis: Kurzpräsentation.
Alltagstool im Team entwerfen
Arbeitsauftrag: Entwickelt gemeinsam eine kleine Anwendung mit klaren Rollen.
Erwartetes Ergebnis: Teamprojekt.
Vorher-nachher-Entwicklung dokumentieren
Arbeitsauftrag: Zeigt Ausgangsidee, erste Version, Fehler und Verbesserungen.
Erwartetes Ergebnis: Entwicklungsprotokoll.
Selbstcheck
- Ich kann den Schwerpunkt „Programmierung einfacher Anwendungen“ mit eigenen Worten erklären.
- Ich kann ein einfaches Alltagsproblem in Anforderungen übersetzen.
- Ich kann geeignete digitale Werkzeuge für eine Lösung auswählen.
- Ich kann Eingabe, Verarbeitung und Ausgabe einer Anwendung planen.
- Ich kann einfache Programme strukturiert entwerfen.
- Ich kann typische Bausteine wie Eingabefeld, Variable, Bedingung und Ausgabe kombinieren.