Übungsaufgabe UML Aktivitätsdiagramm: WebApp Seite zusammenstellen
https://oer-informatik.de/uml-aktivitaetsdiagramm-uebung-webapp
https://bildung.social/@oerinformatik/113691157190055022
tl/dr; (ca. 6 min Lesezeit): Übungsaufgabe zu UML-Aktivitätsdiagrammen: Eine Website wird aufgerufen, Daten gesammelt und gerendert. Eine Beispiellösung wird am Ende der Seite gegeben. (Zuletzt geändert am 21.12.2024)
Bevor Du diese Aufgabe versuchst zu lösen, solltest Du sicher stellen, dass Du mit den Notationmitteln des UML Aktivitätsidiagramms vertraut bist - z.B. in dem Du diesen Artikel zum UML-Aktivitätsdiagramm liest.
Aktivitäten beim Aufruf einer WebApp:
Es soll eine WebApp erstellt werden, die es den Besuchern des Kongresses ermöglicht, eine Übersicht der Sessions zu erhalten (und diese zu buchen, was aber nicht Bestandteil dieser Aufgabenstellung ist). Hierzu wurden in einem Brainstorming die folgenden Punkte notiert:
Der Besucher gibt im Browser die URL der WebApp ein
Der Browser sendet einen Request an die WebApp.
Die WebApp baut als Startseite ein Dashboard zusammen, dass aus mehreren Komponenten besteht.
Die Webapp stellt eine Anfrage an die Datenbank zusammen, welche Sessions der Besucher als Favoriten markiert hat.
Gleichzeitig stellt die Webapp eine Anfrage an die Datenbank zusammen, welche Sessions der Besucher gebucht hat.
Gleichzeitig erstellt die WebApp einen Log-Eintrag über den Zugriff, den die WebApp selbst speichert (nicht in der Datenbank). Auf Beendigung des Loggens wird nicht gewartet.
Auf jede der eingegangenen Anfragen antwortet die Datenbank einzeln mit den jeweiligen Datensätzen.
Wenn alle Antworten in der Webapp eingetroffen sind, wird ein Template geladen in Abhängigkeit von dem Gerät, von dem aus die WebApp aufgerufen wird:
Falls es sich um ein Mobiltelefon handelt, wird das Mobiltelefon-Template geladen, andernfalls das Desktop-Template.
Die gesamten Daten werden von der Webapp in das geladene Template integriert und an den Browser geschickt.
Der Browser rendert die Seite und stellt sie dar.
Stelle für die oben genannten Aktivitäten ein UML-Aktivitätsdiagramm zusammen, aus dem neben dem Kontrollfluss auch die Verantwortungsbereiche hervorgehen. Erstelle zunächst nur den Kontrollfluss, der ohne den Datenfluss darzustellen.
Zu einfach? Dann nutze die verschiedenen Möglichkeiten der UML, um ergänzend zum Kontrollfluss den relevanten Datenfluss als Objekte oder Pin-notiert darzustellen.
Beispiellösung
Wer nach der Bearbeitung das eigene Ergebnis vergleichen will, der kann sich folgende Beispiellösung anschauen:
Hinweis zur Lösung: Bewertung mit 20 Punkten:
13 Aktivitäten: 13P
FlowEnd: 1P
Fork/Join: 3P
Bedingung: 3P
Abzüge: - keine Verantwortungsbereiche (Swimlanes) -2P
keine / Falsche Pfeile -2P
Aktivitäten als Rechteck (wie Objekte), also keine abgerundete Ecken -2P
Guards (Bedingungen) nicht in eckigen Klammern -1P
Zusammenführung von Decision nicht in Merge Node -1P
Hinweis zur Nachnutzung als Open Educational Resource (OER)
Dieser Artikel und seine Texte, Bilder, Grafiken, Code und sonstiger Inhalt sind - sofern nicht anders angegeben - lizenziert unter CC BY 4.0. Nennung gemäß TULLU-Regel bitte wie folgt: “Übungsaufgabe UML Aktivitätsdiagramm: WebApp Seite zusammenstellen” von Hannes Stein, Lizenz: CC BY 4.0. Der Artikel wurde unter https://oer-informatik.de/uml-aktivitaetsdiagramm-uebung-webapp veröffentlicht, die Quelltexte sind in weiterverarbeitbarer Form verfügbar im Repository unter https://gitlab.com/oer-informatik/uml/umlaktivitaet. Stand: 21.12.2024.
[Kommentare zum Artikel lesen, schreiben] / [Artikel teilen] / [gitlab-Issue zum Artikel schreiben]
