Dialog Sie können UML-Diagramme verwenden, um Benutzeranforderungen und Entwurf der Anwendung zu modellieren, sodass Sie ...

Dialog

Sie können UML-Diagramme verwenden, um Benutzeranforderungen und Entwurf der Anwendung zu modellieren, sodass Sie die Anwendung leichter mit Ihrem Team und mit Beteiligten besprechen können. Außerdem können Sie dadurch sicherstellen, dass die Anforderungen der Benutzer erfüllt werden, und Sie erzielen eine bessere Architektur, weniger Fehler, einen leichter verwaltbaren Code sowie geringere Entwicklungskosten. 

Visual Studio bietet eine integrierte Umgebung, in der Sie die Arbeit an Ihren Modellen nachverfolgen können, indem Sie Team Foundation Server-Arbeitsaufgaben mit Modellelementen verknüpfen. UML-Diagramme sind Teilansichten des Modells, die sich innerhalb eines Modellierungsprojekts befinden, das Sie in die Versionskontrolle einchecken können. Dadurch wird die Nachverfolgbarkeit zwischen den Modellen, der IDE und dem Code gewährleistet, ganz gleich, ob Sie eine neue Projektmappe entwerfen oder eine vorhandene Projektmappe aktualisieren. 

Das iterative Erstellen von Modellen bietet folgende Vorteile:
- Identifizieren neuer oder sich entwickelnde Anforderungen an die Anwendung
- Erstellen einer Architektur mit Ebenen und geeigneten Abstraktionen für einen objektorientierten Ansatz
- Entwickeln der Ablaufsteuerung zwischen Komponenten und Klassen

Betrachten wir die Modellierungsdiagramme für die PetShop-Webanwendung, damit wir den Entwurf und die Anforderungen besser verstehen.



Aktion
PetShopModeling-Projekt im Projektmappen-Explorer erweitern.

"Order Use Cases.usecasediagram" öffnen.

Dialog
Dieses Anwendungsfalldiagramm zeigt uns die Benutzer und deren Ziele für das System. Diese werden durch Akteure bzw. Anwendungsfälle dargestellt.




Aktion
"Petshop Online.componentdiagram" im PetShopModeling-Projekt öffnen.

Dialog
Ein Komponentendiagramm beschreibt die Struktur des Systems auf hoher Ebene sowie die Dienste, mit denen Teile des System untereinander kommunizieren. Anhand dieses Diagramms können Sie die Systemarchitektur gemeinsam mit den Ebenendiagrammen und Klassendiagrammen beschreiben. 

Zuvor haben wir den Code so umgestaltet, dass er dem Ebenendiagramm entspricht, das vom Architekt des Teams zum Beschreiben der beabsichtigten Architektur erstellt wurde. In unserem Komponentendiagramm fehlt jedoch die PaymentGateway-Komponente, die wir in unserem verwendeten Code umgestaltet haben. Wir denken, dass es wichtig ist, diese Komponenten in das Diagramm aufzunehmen, damit unser Modell unsere Schritte widerspiegelt. Also werden wir einen Fehler für diese Aufgabe öffnen. 



Aktion
Kommentar hinzufügen und diesen mit der Order Processing-Komponente im Werkzeugkasten verbinden. Text "wir müssen die PaymentGateway-Komponente dem Diagramm hinzufügen" hinzufügen

Klick mit der rechten Maustaste auf die Order Processing-Komponente. Auswahl von "Arbeitsaufgabe erstellen", "Fehler". 

Kopieren des Kommentartexts in den Fehlertitel. 

Fehler speichern.

Dialog
Wie Sie sehen, können wir auf einfache Weise eine Verknüpfung zwischen dieser Komponente und einem Fehler erstellen, sodass die Person, die diesen Fehler behebt, das Diagramm direkt vom Fehler aus öffnen kann. Mit dieser Aufgabe sind wir fertig. Werfen wir deshalb einen Blick auf das nächste Diagramm.



Aktion
Im PetShopModeling-Projekt "Shopping Cart Order Flow.activitydiagram" öffnen.

Dialog
Aktivitätsdiagramme beschreiben das dynamische Verhalten eines Systems.



Aktion
Im PetShopModeling-Projekt "Order System.classdiagram" öffnen.

Dialog
Aktualisieren wir jetzt dieses Klassendiagramm und fügen wir die PaymentProcessor-Klasse hinzu. Wir können ein Reverse-Engineering für Klassen auf das Diagramm ausführen, indem wir diese aus dem Projektmappen-Explorer ziehen. Dadurch werden Klassen wie das Diagramm zum Modell hinzugefügt.



Aktion
In Projektmappen-Explorer unter dem PaymentGateway-Projekt den PaymentProcessor.cs-Knoten erweitern.

Die PaymentProcessor-Klasse in das Klassendiagramm ziehen. Die Klasse wird außerdem wie das Diagramm zum Modell hinzugefügt.r

Dialog
Wie wir gezeigt haben, können UML-Diagramme dabei helfen, Ihre Anwendungen visuell darzustellen und deren Erfordernisse und Design anderen zu vermitteln. Wir haben außerdem gezeigt, dass wir Arbeit erstellen und anhand des Designs verfolgen können, da unsere Modelle in den Code und die Visual Studio-Entwicklungsumgebung integriert sind. Weitere Informationen finden Sie in unseren anderen Videos in Visual Studio.