Bei der folgenden Unterrichtseinheit handelt es sich um den ersten von drei Teilen einer umfangreichen handlungsorientierten Unterrichtssequenz, deren Gegenstand die Entwicklung und Umsetzung einer AJAX-unterstützten Webanwendung nach dem Model-View-Controller Prinzip ist. Als Beispiel dient das ebenso bekannte wie einfache Spiel "Tic Tac Toe". Die Lernenden implementieren eine komplexe Webanwendung, indem sie moderne Internet-Technologien und Software-Werkzeuge zielorientiert miteinander kombinieren und anwenden.
AJAX I: Realisierung der grafischen Benutzerschnittstelle
Unterrichtseinheit
Der erste Teil der dreiteiligen Unterrichtssequenz befasst sich mit der Erstellung der aktiven grafischen Benutzerschnittstelle mithilfe von XHTML, CSS und JavaScript.
- Informationstechnik
- Sekundarstufe II
- etwa 12 Unterrichtsstunden
- entdeckendes Lernen, Ablaufplan
- 2 Arbeitsmaterialien
Beschreibung der Unterrichtseinheit
Den Zugriff auf das komplette Unterrichtsmaterial inklusive aller Texte und Informationen erhalten Sie mit einer Premium-Mitgliedschaft.
Download
-
ajax_teil1_material.zip
In der ZIP-Datei finden Sie alle Arbeitsmaterialien für diese Unterrichtseinheit.
Im Classroom-Manager speichern -
Demoanwendung.zip
Hier finden Sie die Demoversion des Spiels "Tic Tac Toe", die während der gesamten Unterrichtssequenz zur Orientierung dient.
Im Classroom-Manager speichern
Vermittelte Kompetenzen
Fachkompetenz
Die Schülerinnen und Schüler sollen
- die Benutzerschnittstelle mithilfe geeigneter XHTML-Elemente strukturieren.
- die Benutzerschnittstelle mit Cascading Style Sheets (CSS) formatieren.
- Benutzerinteraktionen mithilfe von Event Handlern und dem Document Object Model (DOM) implementieren.
Methodenkompetenz
Die Schülerinnen und Schüler sollen
- Informationen in deutsch- und englischsprachigen Internetforen und -tutorien beschaffen, auswerten und für die Entwicklungsarbeit benutzen.
- die erforderlichen Entwicklungswerkzeuge beschaffen, konfigurieren und benutzen.
Lesen Sie mehr zum Thema:
Informatik,
Programmieren,
Programmiersprache,
PHP,
HTML,
Software,
Computer,
Computeranwendung,
Web-Entwicklung
