Aufgabe 15 - Vom Diagramm zum Code

Aufgabe 15 - Vom Diagramm zum Code

Worum geht es?

Die grafische Notation wird in lauffähigen Code übersetzt, und zwar exakt statt ungefähr (siehe Kapitel Statik-Modellierung - UML-Klassendiagramme). Das ist eine Kernkompetenz aus dem Lehrplan: “die grafische Notation einer Problembeschreibung in einer Programmiersprache umsetzen”.

In dieser Übung üben Sie:

• Übersetzen: Klassendiagramm -> JavaScript-Klassen, 1:1.
• Rückrichtung: bestehenden Code als Diagramm dokumentieren.

Benötigte Unterlagen

• VS Code, Browser-Konsole,
• das Klassendiagramm “Turnier” (wird im Unterricht ausgeteilt): Turnier (Name, Datum; Teams verwalten, Spielplan erzeugen), Team (Name, Spielerliste, staerke()), SpielerIn (Name, Skill 1-10) mit Multiplizitäten Turnier 1..* Team und Team 1..* SpielerIn (mind. 2 SpielerInnen pro Team).

Arbeitsaufträge

Teil A - Diagramm -> Code

1. Setzen Sie alle drei Klassen exakt nach Diagramm um: gleiche Namen, private Felder, wo - steht, öffentliche Methoden, wo + steht.
2. staerke() eines Teams = Durchschnitts-Skill seiner SpielerInnen.
3. spielplan() des Turniers: jede Paarung genau einmal (jeder gegen jeden), Ausgabe z. B. Adler vs. Falken.
4. Halten Sie sich an die Multiplizitäten: Ein Team mit weniger als 2 SpielerInnen darf nicht ins Turnier aufgenommen werden.

Teil B - Testlauf

Legen Sie ein Turnier mit vier Teams zu je 2-3 SpielerInnen an, geben Sie alle Teamstärken sortiert aus und drucken Sie den Spielplan (bei 4 Teams: 6 Spiele. Stimmt Ihre Anzahl?).

Teil C - Code -> Diagramm

Zeichnen Sie zu Ihrer Lösung von Aufgabe 12 (Shop) das Klassendiagramm, mit Sichtbarkeiten und der Beziehung zwischen Warenkorb und Produkt samt Multiplizität.

Abgabe

turnier.js mit Testlauf sowie das Shop-Diagramm aus Teil C.