Die Architektur folgt dem\u00a0C4-Modell<\/strong>\u00a0(Kontext, Container, Komponenten, Code), wodurch eine hierarchische Sicht auf das System von hochabstrakten Ebenen bis hin zur Bereitstellungsinfrastruktur erm\u00f6glicht wird.<\/p>\n Ziel:<\/strong>\u00a0Das System im Kontext seiner Benutzer und externer Abh\u00e4ngigkeiten darzustellen.<\/p>\n Referenz-Diagramm:<\/strong>\u00a0Bild 4 (Prim\u00e4r) und Bild 1 (vereinfachte Ansicht).<\/p>\n Das\u00a0Internet-Banking-System<\/strong>\u00a0befindet sich innerhalb der Grenzen des\u00a0Big Bank plc<\/strong>\u00a0Unternehmen. Es fungiert als digitaler Kanal f\u00fcr die\u00a0Privatkunden<\/strong>.<\/p>\n Benutzer (Aktoren):<\/strong><\/p>\n Privatkunde:<\/strong>\u00a0Der prim\u00e4re Benutzer, der mit dem System interagiert, um Kontost\u00e4nde einzusehen und Zahlungen vorzunehmen.<\/p>\n<\/li>\n Kundenservice-Mitarbeiter:<\/strong>\u00a0Bankangestellte, die Kunden unterst\u00fctzen (in Bild 4 dargestellt).<\/p>\n<\/li>\n Hintergrund-Team:<\/strong>\u00a0Verwaltungs- und Support-Mitarbeiter (in Bild 4 dargestellt).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Externe Systeme:<\/strong><\/p>\n Mainframe-Bankensystem:<\/strong>\u00a0Das System der Aufzeichnung. Es speichert alle zentralen Bankinformationen (Kunden, Konten, Transaktionen). Das Internet-Bankensystem st\u00fctzt sich darauf, um autoritative Daten zu erhalten.<\/p>\n<\/li>\n E-Mail-System:<\/strong>\u00a0Das interne Microsoft Exchange-System, das zur Versendung von Benachrichtigungen (z.\u202fB. Passwortzur\u00fccksetzungen, Best\u00e4tigungen) an Kunden verwendet wird.<\/p>\n<\/li>\n Geldautomat (ATM):<\/strong>\u00a0Ein eigenst\u00e4ndiges Software-System, das Bargeldabhebungen erm\u00f6glicht (in Bild 4 dargestellt, um das umfassendere \u00d6kosystem zu veranschaulichen).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n Wichtige Beziehung:<\/strong>\u00a0Der Kunde interagiert mit dem Internet-Bankensystem, das wiederum als Fassade f\u00fcr das veraltete Mainframe-System fungiert, um Daten abzurufen und Zahlungen zu verarbeiten.<\/p>\n Ziel:<\/strong>\u00a0Anzeigen der technologischen Entscheidungen auf hoher Ebene und der Verteilung der Verantwortlichkeiten innerhalb des Systems.<\/p>\n Referenz-Diagramm:<\/strong>\u00a0Bild 2.<\/p>\n Das \u201eInternet-Bankensystem\u201c aus Ebene 1 wird in f\u00fcnf verschiedene Container (bereitstellbare Einheiten) zerlegt.<\/p>\n Webanwendung (Java und Spring MVC):<\/strong><\/p>\n Rolle:<\/strong>\u00a0Dient als Einstiegspunkt f\u00fcr Webnutzer.<\/p>\n<\/li>\n Funktion:<\/strong>\u00a0Liefert statische Inhalte (HTML\/CSS\/JS) und die Einseitenanwendung (SPA) \u00fcber HTTPS an den Browser des Kunden.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Einseitenanwendung (JavaScript und Angular):<\/strong><\/p>\n Rolle:<\/strong>\u00a0Die Client-seitige Logik, die im Browser ausgef\u00fchrt wird.<\/p>\n<\/li>\n Funktion:<\/strong>\u00a0Bietet die vollst\u00e4ndige Funktionalit\u00e4t des Internet-Bankings. Es stellt API-Aufrufe an die Backend-Systeme.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Mobile App (Xamarin):<\/strong><\/p>\n Rolle:<\/strong>\u00a0Die Client-seitige Anwendung f\u00fcr mobile Ger\u00e4te.<\/p>\n<\/li>\n Funktion:<\/strong>Bietet eine eingeschr\u00e4nkte Auswahl an Funktionen im Vergleich zur Webanwendung. Es f\u00fchrt au\u00dferdem API-Aufrufe an die Backend-Systeme durch.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n API-Anwendung (Java und Spring MVC):<\/strong><\/p>\n Rolle:<\/strong>Die zentrale Backend-Logik.<\/p>\n<\/li>\n Funktion:<\/strong>Stellt eine JSON\/HTTPS-API bereit. Es verwaltet die Authentifizierung, die Gesch\u00e4ftslogik und die Kommunikation mit externen Systemen (Datenbank, Mainframe, E-Mail).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Datenbank (Oracle-Datenbank-Schema):<\/strong><\/p>\n Rolle:<\/strong>Datenpersistenz.<\/p>\n<\/li>\n Funktion:<\/strong>Speichert Benutzerregistrierungsdaten, gehashte Anmeldeinformationen und Zugriffsprotokolle.Hinweis: Die Kernbankdaten verbleiben im Mainframe.<\/em><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n Wichtige Beziehung:<\/strong>Sowohl die Webanwendung (\u00fcber die SPA) als auch die Mobile App kommunizieren mit derAPI-Anwendung<\/strong>. Die API-Anwendung kommuniziert anschlie\u00dfend mit derDatenbank<\/strong>f\u00fcr lokale Daten und mit demMainframe<\/strong>f\u00fcr die Kernbankdaten.<\/p>\n Ziel:<\/strong>Ein bestimmtes Container (die API-Anwendung) genauer darzustellen, um seine internen Bausteine zu zeigen.<\/p>\n Referenzdiagramm:<\/strong>Bild 3.<\/p>\n Dieses Diagramm zerlegt denAPI-Anwendung<\/strong>Container in logische Komponenten.<\/p>\n Controller (Spring MVC Rest-Controller):<\/strong>\u00a0Diese verarbeiten eingehende HTTP-Anfragen.<\/p>\n Anmelde-Controller:<\/strong>\u00a0Verarbeitet die Benutzerauthentifizierung.<\/p>\n<\/li>\n Passwort-Zur\u00fccksetzungs-Controller:<\/strong>\u00a0Verarbeitet den Ablauf zur Passwortwiederherstellung.<\/p>\n<\/li>\n Kontozusammenfassungs-Controller:<\/strong>\u00a0Ruft Kontendaten f\u00fcr den Benutzer ab.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Komponenten (Spring-Beans):<\/strong>\u00a0Diese enthalten die Gesch\u00e4ftslogik.<\/p>\n Sicherheitskomponente:<\/strong>\u00a0Verarbeitet das Anmelden und \u00c4ndern von Passw\u00f6rtern. Wird vom Anmelde- und Passwort-Zur\u00fccksetzungs-Controller verwendet.<\/p>\n<\/li>\n E-Mail-Komponente:<\/strong>\u00a0Verarbeitet das Senden von E-Mails. Wird vom Passwort-Zur\u00fccksetzungs-Controller verwendet.<\/p>\n<\/li>\n Facade des Mainframe-Bankensystems:<\/strong>\u00a0Eine H\u00fclle um das externe Mainframe-System. Sie \u00fcbersetzt interne API-Aufrufe in das XML\/HTTPS-Format, das vom veralteten Mainframe erforderlich ist. Wird vom Kontozusammenfassungs-Controller verwendet.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n Wichtige Beziehung:<\/strong>\u00a0Die\u00a0Kontozusammenfassungs-Controller<\/strong>\u00a0verwendet die\u00a0Facade des Mainframe-Bankensystems<\/strong>\u00a0um Daten aus dem externen Mainframe abzurufen, was die Trennung der Verantwortlichkeiten zwischen der API-Schicht und der Integrations-Schicht demonstriert.<\/p>\n Ziel:<\/strong>\u00a0Anzuzeigen, wie die Software-Container auf die physische Infrastruktur abgebildet werden.<\/p>\n Referenzdiagramm:<\/strong>\u00a0Bild 5.<\/p>\n Dieses Diagramm veranschaulicht die Laufzeitumgebung.<\/p>\n Kunden-Seite:<\/strong><\/p>\n Mobilger\u00e4t:<\/strong>\u00a0F\u00fchrt die Mobile App (iOS\/Android) aus.<\/p>\n<\/li>\n Computer:<\/strong>\u00a0F\u00fchrt den Web-Browser (Chrome\/Firefox\/Safari\/Edge) aus, der die Single-Page-Anwendung hostet.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Big Bank plc Datenzentrum:<\/strong><\/p>\n Web-Server (bigbank-web<\/strong>*):** Ubuntu 16.04 LTS-Knoten, die laufen\u00a0Apache Tomcat 8.x<\/strong>.<\/p>\n Hostet die\u00a0Web-Anwendung<\/strong>\u00a0und\u00a0API-Anwendung<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Datenbank-Server (bigbank-db01\/02):<\/strong>\u00a0Ubuntu 16.04 LTS-Knoten, die laufen\u00a0Oracle 12c<\/strong>.<\/p>\n Oracle \u2013 Prim\u00e4r:<\/strong>\u00a0Die Hauptdatenbank.<\/p>\n<\/li>\n Oracle \u2013 Sekund\u00e4r:<\/strong>\u00a0Eine Replikation f\u00fcr Redundanz\/h\u00f6here Verf\u00fcgbarkeit.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n Wichtige Beziehung:<\/strong>\u00a0Die Mobile App und der Web-Browser verbinden sich \u00fcber das Internet mit der\u00a0API-Anwendung<\/strong>\u00a0auf Tomcat gehostet. Die API-Anwendung verbindet sich \u00fcber JDBC mit dem Oracle-Datenbank-Cluster.<\/p>\n Basierend auf dieser Fallstudie wurden die folgenden C4-Modellierungsprinzipien angewendet:<\/p>\n Abstraktionsstufen:<\/strong>\u00a0Das Modell bewegt sich erfolgreich von \u201eWer nutzt es?\u201c (Kontext) zu \u201eWoraus ist es aufgebaut?\u201c (Container) zu \u201eWie ist es organisiert?\u201c (Komponenten) zu \u201eWo l\u00e4uft es?\u201c (Bereitstellung).<\/p>\n<\/li>\n Grenzen des Umfangs:<\/strong><\/p>\n Auf Ebene 1 unterscheidet die \u201eBig Bank plc\u201c-Grenze die internen Systeme eindeutig von externen Akteuren.<\/p>\n<\/li>\n Auf Ebene 2 umschlie\u00dft die Grenze des \u201eInternet Banking Systems\u201c die spezifische Software, die entwickelt wird, und trennt sie vom veralteten Mainframe.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Trennung der Anliegen:<\/strong><\/p>\n Frontend vs. Backend:<\/strong>Die Trennung der Single-Page-Anwendung (Frontend) von der API-Anwendung (Backend) erm\u00f6glicht eine unabh\u00e4ngige Entwicklung und Skalierung.<\/p>\n<\/li>\n Daten-Trennung:<\/strong>Vertrauliche Kernbankdaten werden im Mainframe gespeichert, w\u00e4hrend das Internet-Banking-System nur notwendige Benutzerzugangsdaten in seiner eigenen Oracle-Datenbank zwischenspeichert.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Technologieunabh\u00e4ngigkeit (wo angebracht):<\/strong>Die Diagramme legen Technologien (Java, Angular, Oracle) fest, wo sie f\u00fcr die Architekturentscheidung relevant sind, konzentrieren sich jedoch vor allem auf die\u00a0Beziehungen<\/em>und\u00a0Verantwortlichkeiten<\/em>der Bl\u00f6cke.<\/p>\n<\/li>\n Notation:<\/strong>Standard-C4-Notation wird verwendet:<\/p>\n Person:<\/strong>Stabfiguren (oder Kreise in diesem spezifischen Darstellungsstil).<\/p>\n<\/li>\n Software-System\/Container\/Komponente:<\/strong>Abgerundete Rechtecke mit unterschiedlichen Farben (Blau f\u00fcr intern\/prim\u00e4r, Grau f\u00fcr extern\/sekund\u00e4r).<\/p>\n<\/li>\n Beziehungen:<\/strong>Punktierte Pfeile mit Beschriftungen, die das Protokoll beschreiben (z.\u202fB. [HTTPS], [JSON], [JDBC]).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":" 1. Ausf\u00fchrliche Zusammenfassung Diese Fallstudie dokumentiert die Architektur des\u00a0Internet-Banking-System\u00a0f\u00fcr\u00a0Big Bank plc. Das System ist darauf ausgelegt, privaten Bankkunden die M\u00f6glichkeit zu geben, ihre Kontost\u00e4nde einzusehen, ihre Transaktionsgeschichte einzusehen und Zahlungen…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[83,84,87],"tags":[],"class_list":["post-3698","post","type-post","status-publish","format-standard","hentry","category-ai","category-ai-chatbot","category-c4-model"],"yoast_head":"\n
\n2. Ebene 1: System-Kontext-Diagramm<\/h2>\n
Analyse<\/h3>\n
![\"C4](\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\"\/)
<\/p>\n\n
\n
\n
\n3. Ebene 2: Container-Diagramm<\/h2>\n
Analyse<\/h3>\n
![\"C4](\"https:\/\/online.visual-paradigm.com\/repository\/images\/eb7352f8-0099-45f4-85a1-85c9cd3dfade\/c4-model-design\/c4-model-container-diagram-for-internet-banking-system.png\"\/)
<\/p>\n\n
\n
\n
\n
\n
\n
\n4. Ebene 3: Komponentendiagramm<\/h2>\n
Analyse<\/h3>\n
![\"C4](\"https:\/\/online.visual-paradigm.com\/repository\/images\/f8ca52e5-8e0f-45ec-a8fe-d2e2933518e4\/c4-model-design\/c4-model-component-diagram-for-internet-banking-system.png\"\/)
<\/p>\n\n
\n
\n
\n5. Ebene 4: Bereitstellungsdiagramm<\/h2>\n
Analyse<\/h3>\n
![\"C4](\"https:\/\/online.visual-paradigm.com\/repository\/images\/d05814ec-ea32-4f01-a160-b07805252807\/c4-model-design\/c4-model-deployment-diagram-for-internet-banking-system.png\"\/)
<\/p>\n\n
\n
\n
\n
\n
\n6. Wichtige Konzepte und Richtlinien angewendet<\/h2>\n
\n
\n
\n
\n