LS 1.1: Fach- und Präsentationsschicht unterscheiden

Ich kann...

In diesem Lernschritt lerne ich Folgendes:

Ich kann (fachliche Kompetenzen):

• den Unterschied zwischen Fachschicht und Präsentationsschicht erklären,
• typische Aufgaben der Präsentationsschicht beschreiben,
• grundlegende Funktionen der Fachschicht benennen,
• ein Beispiel für die Trennung von Fach- und Präsentationsschicht erläutern,
• eine grafische Darstellung der Schichtenarchitektur anfertigen.

Ich kann (überfachliche Kompetenzen):

• meine Ergebnisse strukturiert und nachvollziehbar präsentieren.

Einstieg

Diskutieren Sie im Plenum:

• Benennen Sie die erkennbaren Rollen im dargestellten Szenario.
• Beschreiben Sie die typischen Aufgaben dieser Rollen im Ablauf.
• Analysieren Sie die Zusammenarbeit durch Kommunikations- und Anweisungsstrukturen.
• Übertragen Sie das Szenario auf die Ihnen bekannte Webentwicklung mit HTML, CSS und JavaScript. Verwenden Sie dabei – auch wenn sie Ihnen noch nicht vertraut sind – die Begriffe „Präsentationsschicht“ und „Fachschicht“.

Aufgabe 1: Beschreiben Sie die Präsentations- und Fachschicht

Hören Sie sich den Podcast an. Diskutieren Sie anschließend mit Ihrem Lernpartner, Ihrer Lernpartnerin folgende Aspekte:

• Benennen Sie die zwei Schichten, die im Podcast erläutert werden.
• Beschreiben Sie die Aufgaben dieser Schichten sowie deren Analogie zum Restaurant.
• Ergänzen Sie Ihre Erkenntnisse aus dem Einstieg (Bildanalyse & Webentwicklung mit HTML, CSS, JavaScript).

Notieren Sie Ihre Antworten im Journal in Stichpunkten.

Aufgabe 2: Ordnen Sie die Fach- und Präsentationsschicht einer Softwareanwendung zu

Erstellen Sie gemeinsam in der Gruppe ein Übersichtsblatt zur Präsentations- und Fachschicht anhand einer bekannten App (z. B. WhatsApp oder Spotify). Definieren Sie zunächst beide Schichten und erläutern Sie deren Aufgaben. Untersuchen Sie anschließend die gewählte App und ordnen Sie deren Funktionen der jeweiligen Schicht zu. Analysieren Sie dazu auch die Begriffe Button, TouchableOpacity, useState, fetch, calculateSteps() und AsyncStorage, und begründen Sie Ihre Zuordnung.

Schauen Sie im Technikkapitel des Kursbuchs die zu analysierenden Begriffe nach, um Ihre Zuordnung zu überprüfen oder zu vertiefen.

Laden Sie Ihr Übersichtsblatt in Ihren Studierendenordner hoch.

Reflexion