private static void AddComponents(IEnumerable <Component> components, ComponentView componentView)
{
foreach (var component in components)
{
componentView.Add(component);
}
}
public void Test_Add_DoesNothing_WhenTheSpecifiedComponentIsInADifferentContainer()
{
SoftwareSystem softwareSystemA = Model.AddSoftwareSystem("System A", "Description");
Container containerA1 = softwareSystemA.AddContainer("Container A1", "Description", "Tec");
Component componentA1_1 = containerA1.AddComponent("Component A1-1", "Description");
Container containerA2 = softwareSystemA.AddContainer("Container A2", "Description", "Tec");
Component componentA2_1 = containerA2.AddComponent("Component A2-1", "Description");
view = new ComponentView(containerA1, "components", "Description");
view.Add(componentA1_1);
view.Add(componentA2_1);
Assert.Equal(1, view.Elements.Count);
Assert.True(view.Elements.Contains(new ElementView(componentA1_1)));
}
public void Test_AddContainer_ThrowsAnException_WhenTheContainerIsTheScopeOfTheView()
{
SoftwareSystem softwareSystem = Model.AddSoftwareSystem("Software System");
Container container = softwareSystem.AddContainer("Container");
view = new ComponentView(container, "components", "Description");
try
{
view.Add(container);
throw new TestFailedException();
}
catch (ElementNotPermittedInViewException e)
{
Assert.Equal("The container in scope cannot be added to a component view.", e.Message);
}
}
public static Workspace Create()
{
Workspace workspace = new Workspace("Big Bank plc", "This is an example workspace to illustrate the key features of Structurizr, based around a fictional online banking system.");
Model model = workspace.Model;
ViewSet views = workspace.Views;
model.Enterprise = new Enterprise("Big Bank plc");
// people and software systems
Person customer = model.AddPerson(Location.External, "Personal Banking Customer", "A customer of the bank, with personal bank accounts.");
SoftwareSystem internetBankingSystem = model.AddSoftwareSystem(Location.Internal, "Internet Banking System", "Allows customers to view information about their bank accounts, and make payments.");
customer.Uses(internetBankingSystem, "Uses");
SoftwareSystem mainframeBankingSystem = model.AddSoftwareSystem(Location.Internal, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.");
mainframeBankingSystem.AddTags(ExistingSystemTag);
internetBankingSystem.Uses(mainframeBankingSystem, "Uses");
SoftwareSystem emailSystem = model.AddSoftwareSystem(Location.Internal, "E-mail System", "The internal Microsoft Exchange e-mail system.");
internetBankingSystem.Uses(emailSystem, "Sends e-mail using");
emailSystem.AddTags(ExistingSystemTag);
emailSystem.Delivers(customer, "Sends e-mails to");
SoftwareSystem atm = model.AddSoftwareSystem(Location.Internal, "ATM", "Allows customers to withdraw cash.");
atm.AddTags(ExistingSystemTag);
atm.Uses(mainframeBankingSystem, "Uses");
customer.Uses(atm, "Withdraws cash using");
Person customerServiceStaff = model.AddPerson(Location.Internal, "Customer Service Staff", "Customer service staff within the bank.");
customerServiceStaff.AddTags(BankStaffTag);
customerServiceStaff.Uses(mainframeBankingSystem, "Uses");
customer.InteractsWith(customerServiceStaff, "Asks questions to", "Telephone");
Person backOfficeStaff = model.AddPerson(Location.Internal, "Back Office Staff", "Administration and support staff within the bank.");
backOfficeStaff.AddTags(BankStaffTag);
backOfficeStaff.Uses(mainframeBankingSystem, "Uses");
// containers
Container singlePageApplication = internetBankingSystem.AddContainer("Single-Page Application", "Provides all of the Internet banking functionality to customers via their web browser.", "JavaScript and Angular");
singlePageApplication.AddTags(WebBrowserTag);
Container mobileApp = internetBankingSystem.AddContainer("Mobile App", "Provides a limited subset of the Internet banking functionality to customers via their mobile device.", "Xamarin");
mobileApp.AddTags(MobileAppTag);
Container webApplication = internetBankingSystem.AddContainer("Web Application", "Delivers the static content and the Internet banking single page application.", "Java and Spring MVC");
Container apiApplication = internetBankingSystem.AddContainer("API Application", "Provides Internet banking functionality via a JSON/HTTPS API.", "Java and Spring MVC");
Container database = internetBankingSystem.AddContainer("Database", "Stores user registration information, hashed authentication credentials, access logs, etc.", "Relational Database Schema");
database.AddTags(DatabaseTag);
customer.Uses(webApplication, "Uses", "HTTPS");
customer.Uses(singlePageApplication, "Uses", "");
customer.Uses(mobileApp, "Uses", "");
webApplication.Uses(singlePageApplication, "Delivers to the customer's web browser", "");
apiApplication.Uses(database, "Reads from and writes to", "JDBC");
apiApplication.Uses(mainframeBankingSystem, "Uses", "XML/HTTPS");
apiApplication.Uses(emailSystem, "Sends e-mail using", "SMTP");
// components
// - for a real-world software system, you would probably want to extract the components using
// - static analysis/reflection rather than manually specifying them all
Component signinController = apiApplication.AddComponent("Sign In Controller", "Allows users to sign in to the Internet Banking System.", "Spring MVC Rest Controller");
Component accountsSummaryController = apiApplication.AddComponent("Accounts Summary Controller", "Provides customers with a summary of their bank accounts.", "Spring MVC Rest Controller");
Component resetPasswordController = apiApplication.AddComponent("Reset Password Controller", "Allows users to reset their passwords with a single use URL.", "Spring MVC Rest Controller");
Component securityComponent = apiApplication.AddComponent("Security Component", "Provides functionality related to signing in, changing passwords, etc.", "Spring Bean");
Component mainframeBankingSystemFacade = apiApplication.AddComponent("Mainframe Banking System Facade", "A facade onto the mainframe banking system.", "Spring Bean");
Component emailComponent = apiApplication.AddComponent("E-mail Component", "Sends e-mails to users.", "Spring Bean");
apiApplication.Components.Where(c => "Spring MVC Rest Controller".Equals(c.Technology)).ToList().ForEach(c => singlePageApplication.Uses(c, "Makes API calls to", "JSON/HTTPS"));
apiApplication.Components.Where(c => "Spring MVC Rest Controller".Equals(c.Technology)).ToList().ForEach(c => mobileApp.Uses(c, "Makes API calls to", "JSON/HTTPS"));
signinController.Uses(securityComponent, "Uses");
accountsSummaryController.Uses(mainframeBankingSystemFacade, "Uses");
resetPasswordController.Uses(securityComponent, "Uses");
resetPasswordController.Uses(emailComponent, "Uses");
securityComponent.Uses(database, "Reads from and writes to", "JDBC");
mainframeBankingSystemFacade.Uses(mainframeBankingSystem, "Uses", "XML/HTTPS");
emailComponent.Uses(emailSystem, "Sends e-mail using");
model.AddImplicitRelationships();
// deployment nodes and container instances
DeploymentNode developerLaptop = model.AddDeploymentNode("Development", "Developer Laptop", "A developer laptop.", "Microsoft Windows 10 or Apple macOS");
DeploymentNode apacheTomcat = developerLaptop.AddDeploymentNode("Docker Container - Web Server", "A Docker container.", "Docker")
.AddDeploymentNode("Apache Tomcat", "An open source Java EE web server.", "Apache Tomcat 8.x", 1, DictionaryUtils.Create("Xmx=512M", "Xms=1024M", "Java Version=8"));
apacheTomcat.Add(webApplication);
apacheTomcat.Add(apiApplication);
developerLaptop.AddDeploymentNode("Docker Container - Database Server", "A Docker container.", "Docker")
.AddDeploymentNode("Database Server", "A development database.", "Oracle 12c")
.Add(database);
developerLaptop.AddDeploymentNode("Web Browser", "", "Chrome, Firefox, Safari, or Edge").Add(singlePageApplication);
DeploymentNode customerMobileDevice = model.AddDeploymentNode("Live", "Customer's mobile device", "", "Apple iOS or Android");
customerMobileDevice.Add(mobileApp);
DeploymentNode customerComputer = model.AddDeploymentNode("Live", "Customer's computer", "", "Microsoft Windows or Apple macOS");
customerComputer.AddDeploymentNode("Web Browser", "", "Chrome, Firefox, Safari, or Edge").Add(singlePageApplication);
DeploymentNode bigBankDataCenter = model.AddDeploymentNode("Live", "Big Bank plc", "", "Big Bank plc data center");
DeploymentNode liveWebServer = bigBankDataCenter.AddDeploymentNode("bigbank-web***", "A web server residing in the web server farm, accessed via F5 BIG-IP LTMs.", "Ubuntu 16.04 LTS", 4, DictionaryUtils.Create("Location=London and Reading"));
liveWebServer.AddDeploymentNode("Apache Tomcat", "An open source Java EE web server.", "Apache Tomcat 8.x", 1, DictionaryUtils.Create("Xmx=512M", "Xms=1024M", "Java Version=8"))
.Add(webApplication);
DeploymentNode liveApiServer = bigBankDataCenter.AddDeploymentNode("bigbank-api***", "A web server residing in the web server farm, accessed via F5 BIG-IP LTMs.", "Ubuntu 16.04 LTS", 8, DictionaryUtils.Create("Location=London and Reading"));
liveApiServer.AddDeploymentNode("Apache Tomcat", "An open source Java EE web server.", "Apache Tomcat 8.x", 1, DictionaryUtils.Create("Xmx=512M", "Xms=1024M", "Java Version=8"))
.Add(apiApplication);
DeploymentNode primaryDatabaseServer = bigBankDataCenter.AddDeploymentNode("bigbank-db01", "The primary database server.", "Ubuntu 16.04 LTS", 1, DictionaryUtils.Create("Location=London"))
.AddDeploymentNode("Oracle - Primary", "The primary, live database server.", "Oracle 12c");
primaryDatabaseServer.Add(database);
DeploymentNode bigBankdb02 = bigBankDataCenter.AddDeploymentNode("bigbank-db02", "The secondary database server.", "Ubuntu 16.04 LTS", 1, DictionaryUtils.Create("Location=Reading"));
bigBankdb02.AddTags(FailoverTag);
DeploymentNode secondaryDatabaseServer = bigBankdb02.AddDeploymentNode("Oracle - Secondary", "A secondary, standby database server, used for failover purposes only.", "Oracle 12c");
secondaryDatabaseServer.AddTags(FailoverTag);
ContainerInstance secondaryDatabase = secondaryDatabaseServer.Add(database);
model.Relationships.Where(r => r.Destination.Equals(secondaryDatabase)).ToList().ForEach(r => r.AddTags(FailoverTag));
Relationship dataReplicationRelationship = primaryDatabaseServer.Uses(secondaryDatabaseServer, "Replicates data to", "");
secondaryDatabase.AddTags(FailoverTag);
// views/diagrams
SystemLandscapeView systemLandscapeView = views.CreateSystemLandscapeView("SystemLandscape", "The system landscape diagram for Big Bank plc.");
systemLandscapeView.AddAllElements();
systemLandscapeView.PaperSize = PaperSize.A5_Landscape;
SystemContextView systemContextView = views.CreateSystemContextView(internetBankingSystem, "SystemContext", "The system context diagram for the Internet Banking System.");
systemContextView.EnterpriseBoundaryVisible = false;
systemContextView.AddNearestNeighbours(internetBankingSystem);
systemContextView.PaperSize = PaperSize.A5_Landscape;
ContainerView containerView = views.CreateContainerView(internetBankingSystem, "Containers", "The container diagram for the Internet Banking System.");
containerView.Add(customer);
containerView.AddAllContainers();
containerView.Add(mainframeBankingSystem);
containerView.Add(emailSystem);
containerView.PaperSize = PaperSize.A5_Landscape;
ComponentView componentView = views.CreateComponentView(apiApplication, "Components", "The component diagram for the API Application.");
componentView.Add(mobileApp);
componentView.Add(singlePageApplication);
componentView.Add(database);
componentView.AddAllComponents();
componentView.Add(mainframeBankingSystem);
componentView.Add(emailSystem);
componentView.PaperSize = PaperSize.A5_Landscape;
systemLandscapeView.AddAnimation(internetBankingSystem, customer, mainframeBankingSystem, emailSystem);
systemLandscapeView.AddAnimation(atm);
systemLandscapeView.AddAnimation(customerServiceStaff, backOfficeStaff);
systemContextView.AddAnimation(internetBankingSystem);
systemContextView.AddAnimation(customer);
systemContextView.AddAnimation(mainframeBankingSystem);
systemContextView.AddAnimation(emailSystem);
containerView.AddAnimation(customer, mainframeBankingSystem, emailSystem);
containerView.AddAnimation(webApplication);
containerView.AddAnimation(singlePageApplication);
containerView.AddAnimation(mobileApp);
containerView.AddAnimation(apiApplication);
containerView.AddAnimation(database);
componentView.AddAnimation(singlePageApplication, mobileApp);
componentView.AddAnimation(signinController, securityComponent, database);
componentView.AddAnimation(accountsSummaryController, mainframeBankingSystemFacade, mainframeBankingSystem);
componentView.AddAnimation(resetPasswordController, emailComponent, database);
// dynamic diagrams and deployment diagrams are not available with the Free Plan
DynamicView dynamicView = views.CreateDynamicView(apiApplication, "SignIn", "Summarises how the sign in feature works in the single-page application.");
dynamicView.Add(singlePageApplication, "Submits credentials to", signinController);
dynamicView.Add(signinController, "Calls isAuthenticated() on", securityComponent);
dynamicView.Add(securityComponent, "select * from users where username = ?", database);
dynamicView.PaperSize = PaperSize.A5_Landscape;
DeploymentView developmentDeploymentView = views.CreateDeploymentView(internetBankingSystem, "DevelopmentDeployment", "An example development deployment scenario for the Internet Banking System.");
developmentDeploymentView.Environment = "Development";
developmentDeploymentView.Add(developerLaptop);
developmentDeploymentView.PaperSize = PaperSize.A5_Landscape;
DeploymentView liveDeploymentView = views.CreateDeploymentView(internetBankingSystem, "LiveDeployment", "An example live deployment scenario for the Internet Banking System.");
liveDeploymentView.Environment = "Live";
liveDeploymentView.Add(bigBankDataCenter);
liveDeploymentView.Add(customerMobileDevice);
liveDeploymentView.Add(customerComputer);
liveDeploymentView.Add(dataReplicationRelationship);
liveDeploymentView.PaperSize = PaperSize.A5_Landscape;
// colours, shapes and other diagram styling
Styles styles = views.Configuration.Styles;
styles.Add(new ElementStyle(Tags.SoftwareSystem)
{
Background = "#1168bd", Color = "#ffffff"
});
styles.Add(new ElementStyle(Tags.Container)
{
Background = "#438dd5", Color = "#ffffff"
});
styles.Add(new ElementStyle(Tags.Component)
{
Background = "#85bbf0", Color = "#000000"
});
styles.Add(new ElementStyle(Tags.Person)
{
Background = "#08427b", Color = "#ffffff", Shape = Shape.Person, FontSize = 22
});
styles.Add(new ElementStyle(ExistingSystemTag)
{
Background = "#999999", Color = "#ffffff"
});
styles.Add(new ElementStyle(BankStaffTag)
{
Background = "#999999", Color = "#ffffff"
});
styles.Add(new ElementStyle(WebBrowserTag)
{
Shape = Shape.WebBrowser
});
styles.Add(new ElementStyle(MobileAppTag)
{
Shape = Shape.MobileDeviceLandscape
});
styles.Add(new ElementStyle(DatabaseTag)
{
Shape = Shape.Cylinder
});
styles.Add(new ElementStyle(FailoverTag)
{
Opacity = 25
});
styles.Add(new RelationshipStyle(FailoverTag)
{
Opacity = 25, Position = 70
});
// documentation
// - usually the documentation would be included from separate Markdown/AsciiDoc files, but this is just an example
StructurizrDocumentationTemplate template = new StructurizrDocumentationTemplate(workspace);
template.AddContextSection(internetBankingSystem, Format.Markdown,
"Here is some context about the Internet Banking System...\n" +
"\n" +
"\n" +
"### Internet Banking System\n...\n" +
"### Mainframe Banking System\n...\n");
template.AddContainersSection(internetBankingSystem, Format.Markdown,
"Here is some information about the containers within the Internet Banking System...\n" +
"\n" +
"### Web Application\n...\n" +
"### Database\n...\n");
template.AddComponentsSection(webApplication, Format.Markdown,
"Here is some information about the API Application...\n" +
"\n" +
"### Sign in process\n" +
"Here is some information about the Sign In Controller, including how the sign in process works...\n" +
"");
template.AddDevelopmentEnvironmentSection(internetBankingSystem, Format.AsciiDoc,
"Here is some information about how to set up a development environment for the Internet Banking System...\n" +
"image::embed:DevelopmentDeployment[]");
template.AddDeploymentSection(internetBankingSystem, Format.AsciiDoc,
"Here is some information about the live deployment environment for the Internet Banking System...\n" +
"image::embed:LiveDeployment[]");
return(workspace);
}
public void Test_Add_DoesNothing_WhenANullContainerIsSpecified()
{
Assert.Equal(0, view.Elements.Count);
view.Add((Container)null);
Assert.Equal(0, view.Elements.Count);
}
private static Workspace Create(bool usePaidFeatures)
{
Workspace workspace = new Workspace("Big Bank plc", "This is an example workspace to illustrate the key features of Structurizr, based around a fictional online banking system.");
Model model = workspace.Model;
ViewSet views = workspace.Views;
model.Enterprise = new Enterprise("Big Bank plc");
// people and software systems
Person customer = model.AddPerson(Location.External, "Customer", "A customer of the bank.");
SoftwareSystem internetBankingSystem = model.AddSoftwareSystem(Location.Internal, "Internet Banking System", "Allows customers to view information about their bank accounts and make payments.");
customer.Uses(internetBankingSystem, "Uses");
SoftwareSystem mainframeBankingSystem = model.AddSoftwareSystem(Location.Internal, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.");
internetBankingSystem.Uses(mainframeBankingSystem, "Uses");
SoftwareSystem atm = model.AddSoftwareSystem(Location.Internal, "ATM", "Allows customers to withdraw cash.");
atm.Uses(mainframeBankingSystem, "Uses");
customer.Uses(atm, "Withdraws cash using");
Person bankStaff = model.AddPerson(Location.Internal, "Bank Staff", "Staff within the bank.");
bankStaff.Uses(mainframeBankingSystem, "Uses");
// containers
Container webApplication = internetBankingSystem.AddContainer("Web Application", "Provides all of the Internet banking functionality to customers.", "Java and Spring MVC");
Container database = internetBankingSystem.AddContainer("Database", "Stores interesting data.", "Relational Database Schema");
database.AddTags(DatabaseTag);
customer.Uses(webApplication, "Uses", "HTTPS");
webApplication.Uses(database, "Reads from and writes to", "JDBC");
webApplication.Uses(mainframeBankingSystem, "Uses", "XML/HTTPS");
// components
// - for a real-world software system, you would probably want to extract the components using
// - static analysis/reflection rather than manually specifying them all
Component homePageController = webApplication.AddComponent("Home Page Controller", "Serves up the home page.", "Spring MVC Controller");
Component signinController = webApplication.AddComponent("Sign In Controller", "Allows users to sign in to the Internet Banking System.", "Spring MVC Controller");
Component accountsSummaryController = webApplication.AddComponent("Accounts Summary Controller", "Provides customers with an summary of their bank accounts.", "Spring MVC Controller");
Component securityComponent = webApplication.AddComponent("Security Component", "Provides functionality related to signing in, changing passwords, etc.", "Spring Bean");
Component mainframeBankingSystemFacade = webApplication.AddComponent("Mainframe Banking System Facade", "A facade onto the mainframe banking system.", "Spring Bean");
webApplication.Components.Where(c => "Spring MVC Controller".Equals(c.Technology)).ToList().ForEach(c => customer.Uses(c, "Uses", "HTTPS"));
signinController.Uses(securityComponent, "Uses");
accountsSummaryController.Uses(mainframeBankingSystemFacade, "Uses");
securityComponent.Uses(database, "Reads from and writes to", "JDBC");
mainframeBankingSystemFacade.Uses(mainframeBankingSystem, "Uses", "XML/HTTPS");
// deployment nodes and container instances
DeploymentNode developerLaptop = model.AddDeploymentNode("Developer Laptop", "A developer laptop.", "Windows 7 or 10");
developerLaptop.AddDeploymentNode("Docker Container - Web Server", "A Docker container.", "Docker")
.AddDeploymentNode("Apache Tomcat", "An open source Java EE web server.", "Apache Tomcat 8.x", 1, DictionaryUtils.Create("Xmx=512M", "Xms=1024M", "Java Version=8"))
.Add(webApplication);
developerLaptop.AddDeploymentNode("Docker Container - Database Server", "A Docker container.", "Docker")
.AddDeploymentNode("Database Server", "A development database.", "Oracle 12c")
.Add(database);
DeploymentNode liveWebServer = model.AddDeploymentNode("bigbank-web***", "A web server residing in the web server farm, accessed via F5 BIG-IP LTMs.", "Ubuntu 16.04 LTS", 8, DictionaryUtils.Create("Location=London"));
liveWebServer.AddDeploymentNode("Apache Tomcat", "An open source Java EE web server.", "Apache Tomcat 8.x", 1, DictionaryUtils.Create("Xmx=512M", "Xms=1024M", "Java Version=8"))
.Add(webApplication);
DeploymentNode primaryDatabaseServer = model.AddDeploymentNode("bigbank-db01", "The primary database server.", "Ubuntu 16.04 LTS", 1, DictionaryUtils.Create("Location=London"))
.AddDeploymentNode("Oracle - Primary", "The primary, live database server.", "Oracle 12c");
primaryDatabaseServer.Add(database);
DeploymentNode secondaryDatabaseServer = model.AddDeploymentNode("bigbank-db02", "The secondary database server.", "Ubuntu 16.04 LTS", 1, DictionaryUtils.Create("Location=Reading"))
.AddDeploymentNode("Oracle - Secondary", "A secondary, standby database server, used for failover purposes only.", "Oracle 12c");
ContainerInstance secondaryDatabase = secondaryDatabaseServer.Add(database);
model.Relationships.Where(r => r.Destination.Equals(secondaryDatabase)).ToList().ForEach(r => r.AddTags("Failover"));
Relationship dataReplicationRelationship = primaryDatabaseServer.Uses(secondaryDatabaseServer, "Replicates data to", "");
secondaryDatabase.AddTags("Failover");
// views/diagrams
EnterpriseContextView enterpriseContextView = views.CreateEnterpriseContextView("SystemLandscape", "The system landscape diagram for Big Bank plc.");
enterpriseContextView.AddAllElements();
enterpriseContextView.PaperSize = PaperSize.A5_Landscape;
SystemContextView systemContextView = views.CreateSystemContextView(internetBankingSystem, "SystemContext", "The system context diagram for the Internet Banking System.");
systemContextView.AddNearestNeighbours(internetBankingSystem);
systemContextView.PaperSize = PaperSize.A5_Landscape;
ContainerView containerView = views.CreateContainerView(internetBankingSystem, "Containers", "The container diagram for the Internet Banking System.");
containerView.Add(customer);
containerView.AddAllContainers();
containerView.Add(mainframeBankingSystem);
containerView.PaperSize = PaperSize.A5_Landscape;
ComponentView componentView = views.CreateComponentView(webApplication, "Components", "The component diagram for the Web Application");
componentView.AddAllContainers();
componentView.AddAllComponents();
componentView.Add(customer);
componentView.Add(mainframeBankingSystem);
componentView.PaperSize = PaperSize.A5_Landscape;
if (usePaidFeatures)
{
// dynamic diagrams, deployment diagrams and corporate branding are not available with the Free Plan
DynamicView dynamicView = views.CreateDynamicView(webApplication, "SignIn", "Summarises how the sign in feature works.");
dynamicView.Add(customer, "Requests /signin from", signinController);
dynamicView.Add(customer, "Submits credentials to", signinController);
dynamicView.Add(signinController, "Calls isAuthenticated() on", securityComponent);
dynamicView.Add(securityComponent, "select * from users u where username = ?", database);
dynamicView.PaperSize = PaperSize.A5_Landscape;
DeploymentView developmentDeploymentView = views.CreateDeploymentView(internetBankingSystem, "DevelopmentDeployment", "An example development deployment scenario for the Internet Banking System.");
developmentDeploymentView.Add(developerLaptop);
developmentDeploymentView.PaperSize = PaperSize.A5_Landscape;
DeploymentView liveDeploymentView = views.CreateDeploymentView(internetBankingSystem, "LiveDeployment", "An example live deployment scenario for the Internet Banking System.");
liveDeploymentView.Add(liveWebServer);
liveDeploymentView.Add(primaryDatabaseServer);
liveDeploymentView.Add(secondaryDatabaseServer);
liveDeploymentView.Add(dataReplicationRelationship);
liveDeploymentView.PaperSize = PaperSize.A5_Landscape;
}
// colours, shapes and other diagram styling
Styles styles = views.Configuration.Styles;
styles.Add(new ElementStyle(Tags.Element)
{
Color = "#ffffff"
});
styles.Add(new ElementStyle(Tags.SoftwareSystem)
{
Background = "#1168bd"
});
styles.Add(new ElementStyle(Tags.Container)
{
Background = "#438dd5"
});
styles.Add(new ElementStyle(Tags.Component)
{
Background = "#85bbf0", Color = "#000000"
});
styles.Add(new ElementStyle(Tags.Person)
{
Background = "#08427b", Shape = Shape.Person
});
styles.Add(new ElementStyle(DatabaseTag)
{
Shape = Shape.Cylinder
});
styles.Add(new ElementStyle("Failover")
{
Opacity = 25
});
styles.Add(new RelationshipStyle("Failover")
{
Opacity = 25, Position = 70
});
// documentation
// - usually the documentation would be included from separate Markdown/AsciiDoc files, but this is just an example
StructurizrDocumentationTemplate template = new StructurizrDocumentationTemplate(workspace);
template.AddContextSection(internetBankingSystem, Format.Markdown,
"Here is some context about the Internet Banking System...\n" +
"\n" +
"\n" +
"### Internet Banking System\n...\n" +
"### Mainframe Banking System\n...\n");
template.AddContainersSection(internetBankingSystem, Format.Markdown,
"Here is some information about the containers within the Internet Banking System...\n" +
"\n" +
"### Web Application\n...\n" +
"### Database\n...\n");
template.AddComponentsSection(webApplication, Format.Markdown,
"Here is some information about the Web Application...\n" +
"\n" +
"### Sign in process\n" +
"Here is some information about the Sign In Controller, including how the sign in process works...\n" +
"");
template.AddDevelopmentEnvironmentSection(internetBankingSystem, Format.AsciiDoc,
"Here is some information about how to set up a development environment for the Internet Banking System...\n" +
"image::embed:DevelopmentDeployment[]");
template.AddDeploymentSection(internetBankingSystem, Format.AsciiDoc,
"Here is some information about the live deployment environment for the Internet Banking System...\n" +
"image::embed:LiveDeployment[]");
return(workspace);
}
private const string DATABASE_TAG = "database"; // analizar el uso
static void Main(string[] args)
{
// Crear el nuevo espacio de trabajo
Workspace workspace = new Workspace("Arquitectura de Software - Plataforma de Gestion y Monitoreo de Transporte de Carga", "Diseño de la arquitectura de software de proyectos de transformacion digital");
Model model = workspace.Model;
model.Enterprise = new Enterprise("Transport Manangement System");
// Agregar los elementos que contendra el sistema
Person userCompany = model.AddPerson(Location.External, "Empresa", "Empresa que adquiere los servicios de la plataforma de gestion y seguimiento de transporte de carga");
Person userDriver = model.AddPerson(Location.External, "Chofer", "Persona encargada que transporta la carga de los clientes administrando el flujo de la operacion");
Person userOperator = model.AddPerson(Location.External, "Operador", "Persona encargada de adminstrar y monitorear las operaciones");
Person userClient = model.AddPerson(Location.External, "Cliente", "Persona interesada en realizar el seguimiento de su carga");
//
SoftwareSystem tmsSoftwareSystem = model.AddSoftwareSystem(Location.Internal, "TMS Generico", "Plataforma de Gestion y Seguimiento del transporte y logistica de Carga a Nivel Nacional");
SoftwareSystem odooErpSoftwareSystem = model.AddSoftwareSystem(Location.Internal, "Odoo Sh", "ERP: Sistema de Planificacion de Recursos Empresariales");
SoftwareSystem mailServerSoftwareSystem = model.AddSoftwareSystem(Location.Internal, "Servidor de Correos", "Servidor de Correos Interno Microsoft Exchange");
SoftwareSystem fcmSoftwareSystem = model.AddSoftwareSystem(Location.Internal, "Firebase Cloud Messaging ", "Sistema de mensajeria en tiempo real multiplaforma ofrecido por Google");
SoftwareSystem azureBlobStorageSoftwareSystem = model.AddSoftwareSystem(Location.Internal, "Azure Blob Storage", "Servidor de Almacenamiento de archivos en la nube de Microsft Azure");
SoftwareSystem googlMapsPlatoformSoftwareSystem = model.AddSoftwareSystem(Location.Internal, "Google Maps Plataform", "Plataforma web que ofrece un conjunto de APIs (Aplication Interface Programming) para la gestion de mapas, rutas, direcciones, etc. Soportado por Google");
odooErpSoftwareSystem.AddTags(EXISTS_SYSTEM_TAG);
mailServerSoftwareSystem.AddTags(EXISTS_SYSTEM_TAG);
fcmSoftwareSystem.AddTags(EXISTS_SYSTEM_TAG);
azureBlobStorageSoftwareSystem.AddTags(EXISTS_SYSTEM_TAG);
googlMapsPlatoformSoftwareSystem.AddTags(EXISTS_SYSTEM_TAG);
tmsSoftwareSystem.Uses(odooErpSoftwareSystem, "Integra la informacion contable de las operaciones de carga");
tmsSoftwareSystem.Uses(fcmSoftwareSystem, "Administra notificaciones y mensajes en tiempo real");
tmsSoftwareSystem.Uses(azureBlobStorageSoftwareSystem, "Administra los archivos generados por el sistema");
tmsSoftwareSystem.Uses(googlMapsPlatoformSoftwareSystem, "Integra los mapas en las aplicaciones");
tmsSoftwareSystem.Uses(mailServerSoftwareSystem, "Envia correos electronicos usando");
fcmSoftwareSystem.Delivers(userDriver, "Envia notificaciones push a la aplicación movil");
mailServerSoftwareSystem.Delivers(userClient, "Envia Correo electronico a");
userCompany.Uses(tmsSoftwareSystem, "Adquiere los servicios de la plataforma, administra y registra sus propias operaciones, choferes, clientes");
userDriver.Uses(tmsSoftwareSystem, "Oferta sus servicios y administra el flujo de la operacion");
userOperator.Uses(tmsSoftwareSystem, "Adminstrar y monitorear las operaciones, oportunidades de carga, operaciones, rutas, clientes y operadores");
userClient.Uses(tmsSoftwareSystem, "Administra sus operaciones y cotizaciones de nuevos servicios");
// Contenendores
Container mobileApp = tmsSoftwareSystem.AddContainer("Mobile App", "Provee un conjunto de funcionalidades a los choferes como: postulaciones, notificaciones de posibilidades carga, gestion de operaciones, entre otros", "Flutter");
mobileApp.AddTags(MOBILE_APP_TAG);
Container spaOperations = tmsSoftwareSystem.AddContainer("Single-Page Application (Portal Operaciones)", "Provee las funcionalidades de gestion y monitoreo operaciones, oportunidades, rutas de entre otras atraves del navegador web", "Javascript y Angular 9");
spaOperations.AddTags(SINGLE_PAGE_APPLICATION_TAG);
Container spaClients = tmsSoftwareSystem.AddContainer("Single-Page Application (Portal Clientes)", "Provee las funcionalidades de seguimiento de operaciones y cotizaciones atraves del navegador web", "Javascript y Angular 9");
spaClients.AddTags(SINGLE_PAGE_APPLICATION_TAG);
Container webApplication = tmsSoftwareSystem.AddContainer("Web Application", "Entrega el contenido estático y las Single-Page Application de los Portales de Operaciones y Clientes", "NodeJs y Express Framework");
Container apiTmsServicesApplication = tmsSoftwareSystem.AddContainer("API TMS Application", "Provee las funcionalidades de gestion de informacion para los portales via JSON/HTTPS API", "NodeJs y Express Framework");
Container apiAppServicesApplication = tmsSoftwareSystem.AddContainer("API Mobile Application", "Provee las funcionalidades de gestion de informacion para la aplicacion movil via JSON/HTTPS API", "NodeJs y Express Framework");
Container database = tmsSoftwareSystem.AddContainer("Database", "Almacena y Registra la informacion de la gestion de operaciones y procesos asociados como: Oportunidades, Postulaciones, Autenticacion de Usuarios, etc.", "Microsoft Azure SQL Database");
database.AddTags(DATABASE_TAG);
userDriver.Uses(mobileApp, "Visualiza las oportunidades, operaciones, beneficios entre usando", "Flutter");
userOperator.Uses(webApplication, "Visita globaltms.la usando", "HTTPS");
userCompany.Uses(webApplication, "Visita globaltms.la usando", "HTTPS");
userClient.Uses(webApplication, "Visita globaltms.la usando", "HTTPS");
userCompany.Uses(spaOperations, "Administrar sus propias oportunidades, operaciones, rutas, clientes, choferes, entre otros. Usando", "HTTPS");
userOperator.Uses(spaOperations, "Visualiza las oportunidades, operaciones, rutas, clientes, choferes, entre otros. Usando", "HTTPS");
userClient.Uses(spaClients, "Visualiza las operaciones y cotizaciones de nuevos servicios usando", "HTTPS");
webApplication.Uses(spaClients, "Entrega al navegador web del cliente");
webApplication.Uses(spaOperations, "Entrega al navegador web del operador");
spaClients.Uses(googlMapsPlatoformSoftwareSystem, "Integra Mapa de Google en la Aplicacion Web", "HTTPS/XML");
spaOperations.Uses(googlMapsPlatoformSoftwareSystem, "Integra Mapa de Google en la Aplicacion Web", "HTTPS/XML");
mobileApp.Uses(googlMapsPlatoformSoftwareSystem, "Integra Mapa de Google en la Aplicacion Movil", "HTTPS/XML");
apiAppServicesApplication.Uses(database, "Lee y Escribe en", "Tedious MSSQL");
apiTmsServicesApplication.Uses(database, "Lee y Escribe en", "Tedious MSSQL");
apiAppServicesApplication.Uses(azureBlobStorageSoftwareSystem, "Administrar archivos en la nube usando", "HTTPS");
apiTmsServicesApplication.Uses(azureBlobStorageSoftwareSystem, "Administrar archivos en la nube usando", "HTTPS");
apiTmsServicesApplication.Uses(mailServerSoftwareSystem, "Envia correos electronicos usando", "SMTP");
apiTmsServicesApplication.Uses(odooErpSoftwareSystem, "Realiza solicitudes a la API", "HTTP/XML-RPC/JSON-RPC");
apiTmsServicesApplication.Uses(fcmSoftwareSystem, "Emision de mensajes del servidor usando", "HTTPS/JSON");
fcmSoftwareSystem.Uses(mobileApp, "Realiza difusion de los mensajes proveidos por el servidor usando", "HTTPS/JSON");
// EVENTUAL (HASTA AGREGAR LOS COMPONENTES), modificar al momento de agregar los componentes
//spaClients.Uses(apiTmsServicesApplication, "Realiza solicitudes a la API", "HTTPS/JSON");
//spaOperations.Uses(apiTmsServicesApplication, "Realiza solicitudes a la API", "HTTPS/JSON");
//mobileApp.Uses(apiAppServicesApplication, "Realiza solicitudes a la API", "HTTPS/JSON");
// Componentes (API APP SERVICES)
string expressApiController = "Express API Controller";
// Controllers
Component userControllerMobile = apiAppServicesApplication.AddComponent("User Controller", "Permite a los usuarios autenticarse para acceder a la aplicacion movil", "Express API Controller");
Component carrierControllerMobile = apiAppServicesApplication.AddComponent("Carrier Controller", "Permite gestionar los datos relacionados a su perfil", "Express API Controller");
Component unitTransportControllerMobile = apiAppServicesApplication.AddComponent("UnitTransport Controller", "Permite gestionar los datos relacionados a su unidad de transporte", "Express API Controller");
Component loadingOrderControllerMobile = apiAppServicesApplication.AddComponent("LoadingOrder Controller", "Permite gestionar las operaciones vinculadas como tambien el flujo de cada una de ellas", "Express API Controller");
// Services
Component servicePassportAuthenticationMobile = apiAppServicesApplication.AddComponent("Module Passport Authentication", "Provee autenticacion segura del lado del servidor", "Node Module");
Component serviceAzureBlobStorageMobile = apiAppServicesApplication.AddComponent("Service Azure Blob Storage", "Provee los metodos para administrar archivos a la nube de Azure", "Node Module");
// Business
Component userBusinessMobile = apiAppServicesApplication.AddComponent("User Business", "Provee funcionalidades de administracion de usuarios", "Javascript Class");
Component carrierBusinessMobile = apiAppServicesApplication.AddComponent("Carrier Business", "Provee funcionalidades de gestion de informacion de los choferes", "Javascript Class");
Component unitTransportBusinessMobile = apiAppServicesApplication.AddComponent("UnitTransport Business", "Provee funcionalidades de gestion de informacion de las unidades de transporte", "Javascript Class");
Component loadingOrderBusinessMobile = apiAppServicesApplication.AddComponent("LoadingOrder Business", "Provee funcionalidades de gestion del flujo de datos de las ordenes de carga", "Javascript Class");
// Conexion a Base de datos
Component moduleSequelizeOrmAppServicesMobile = apiAppServicesApplication.AddComponent("Module Sequelize ORM", "Provee una capa de abstraccion para la conexiona a la base de datos", "Node Module");
// Relations
apiAppServicesApplication.Components.Where(comp => expressApiController.Equals(comp.Technology))
.ToList()
.ForEach(comp => mobileApp.Uses(comp, "Realiza solicitudes a la API", "HTTPS/JSON"));
userControllerMobile.Uses(servicePassportAuthenticationMobile, "Usa");
carrierControllerMobile.Uses(serviceAzureBlobStorageMobile, "Usa");
unitTransportControllerMobile.Uses(serviceAzureBlobStorageMobile, "Usa");
loadingOrderControllerMobile.Uses(serviceAzureBlobStorageMobile, "Usa");
serviceAzureBlobStorageMobile.Uses(azureBlobStorageSoftwareSystem, "Usa", "HTTPS");
userControllerMobile.Uses(userBusinessMobile, "Usa");
carrierControllerMobile.Uses(carrierBusinessMobile, "Usa");
unitTransportControllerMobile.Uses(unitTransportBusinessMobile, "Usa");
loadingOrderControllerMobile.Uses(loadingOrderBusinessMobile, "Usa");
userBusinessMobile.Uses(moduleSequelizeOrmAppServicesMobile, "Usa");
carrierBusinessMobile.Uses(moduleSequelizeOrmAppServicesMobile, "Usa");
unitTransportBusinessMobile.Uses(moduleSequelizeOrmAppServicesMobile, "Usa");
loadingOrderBusinessMobile.Uses(moduleSequelizeOrmAppServicesMobile, "Usa");
moduleSequelizeOrmAppServicesMobile.Uses(database, "Lee y Escribe en", "MSSQL Tedious");
// Componentes (API TMS SERVICES)
// Controllers
Component userControllerTms = apiTmsServicesApplication.AddComponent("User Controller", "Permite a los usuarios autenticarse para acceder a los portales web", "Express API Controller");
Component carrierControllerTms = apiTmsServicesApplication.AddComponent("Carrier Controller", "Permite gestionar los datos relacionados al perfil del chofer", "Express API Controller");
Component unitTransportControllerTms = apiTmsServicesApplication.AddComponent("UnitTransport Controller", "Permite gestionar los datos relacionados a su unidad de transporte", "Express API Controller");
Component loadingOrderControllerTms = apiTmsServicesApplication.AddComponent("LoadingOrder Controller", "Permite administrar las ordenes de carga", "Express API Controller");
Component opportunityControllerTms = apiTmsServicesApplication.AddComponent("Opportunity Controller", "Permite administrar las oportunidades de carga", "Express API Controller");
Component operationControllerTms = apiTmsServicesApplication.AddComponent("Operation Controller", "Permite administrar las operaciones y su flujo", "Express API Controller");
Component clientControllerTms = apiTmsServicesApplication.AddComponent("Client Controller", "Permite gestionar los datos de clientes", "Express API Controller");
// Services
Component servicePassportAuthenticationTms = apiTmsServicesApplication.AddComponent("Module Passport Authentication", "Provee seguridad en autenticacion de usuario del lado del servidor", "Node Module");
Component serviceAzureBlobStorageTms = apiTmsServicesApplication.AddComponent("Service Azure Blob Storage", "Provee los metodos para administrar archivos a la nube de Azure", "Node Module");
Component serviceFirebaseCloudMessagingTms = apiTmsServicesApplication.AddComponent("Service Firebase Cloud Messaging", "Provee funcionalidades para emitir/recepcionar notificaciones en tiempo real", "API Firebase");
Component serviceOdooApiTms = apiTmsServicesApplication.AddComponent("Service Odoo API", "Provee funcionalidades de integracion con la base de datos de Odoo", "Node Module");
Component serviceMailerTms = apiTmsServicesApplication.AddComponent("Service NodeMailer", "Provee funcionalidades para enviar correos electronicos", "Node Module");
// Business
Component userBusinessTms = apiTmsServicesApplication.AddComponent("User Business", "Provee funcionalidades de administracion de usuarios", "Javascript Class");
Component carrierBusinessTms = apiTmsServicesApplication.AddComponent("Carrier Business", "Provee funcionalidades de gestion de informacion de los choferes", "Javascript Class");
Component unitTransportBusinessTms = apiTmsServicesApplication.AddComponent("UnitTransport Business", "Provee funcionalidades de gestion de informacion de las unidades de transporte", "Javascript Class");
Component opportunityBusinessTms = apiTmsServicesApplication.AddComponent("Opportunity Business", "Provee funcionalidades de gestion del reclutamiento de choferes para las operaciones", "Javascript Class");
Component operationBusinessTms = apiTmsServicesApplication.AddComponent("Operation Business", "Provee funcionalidades de gestion y seguimiento de operaciones", "Javascript Class");
Component clientBusinessTms = apiTmsServicesApplication.AddComponent("Client Business", "Provee funcionalidades de gestion de los clientes", "Javascript Class");
Component loadingOrderBusinessTms = apiTmsServicesApplication.AddComponent("LoadingOrder Business", "Provee funcionalidades de gestion del flujo de datos de las ordenes de carga", "Javascript Class");
// Conexion a Base de datos
Component moduleSequelizeOrmAppServicesTms = apiTmsServicesApplication.AddComponent("Module Sequelize ORM", "Provee una capa de abstraccion para la conexiona a la base de datos", "Node Module");
// Relations
apiTmsServicesApplication.Components.Where(comp => expressApiController.Equals(comp.Technology))
.ToList()
.ForEach(comp => spaOperations.Uses(comp, "Realiza solicitudes a la API", "HTTPS/JSON"));
List <string> excludeControllersForClients = new List <string>
{
"Carrier Controller", "UnitTransport Controller", "Opportunity Controller"
};
apiTmsServicesApplication.Components.Where(comp => expressApiController.Equals(comp.Technology))
.ToList()
.ForEach(comp =>
{
if (!excludeControllersForClients.Contains(comp.Name))
{
spaClients.Uses(comp, "Realiza solicitudes a la API", "HTTPS/JSON");
}
});
userControllerTms.Uses(servicePassportAuthenticationTms, "Usa");
carrierControllerTms.Uses(serviceFirebaseCloudMessagingTms, "Usa");
unitTransportControllerTms.Uses(serviceFirebaseCloudMessagingTms, "Usa");
loadingOrderControllerTms.Uses(serviceAzureBlobStorageTms, "Usa");
loadingOrderControllerTms.Uses(serviceFirebaseCloudMessagingTms, "Usa");
loadingOrderControllerTms.Uses(serviceOdooApiTms, "Usa");
operationControllerTms.Uses(serviceFirebaseCloudMessagingTms, "Usa");
operationControllerTms.Uses(serviceOdooApiTms, "Usa");
opportunityControllerTms.Uses(serviceFirebaseCloudMessagingTms, "Usa");
clientControllerTms.Uses(serviceMailerTms, "Usa");
serviceAzureBlobStorageTms.Uses(azureBlobStorageSoftwareSystem, "Usa", "HTTPS");
serviceMailerTms.Uses(mailServerSoftwareSystem, "Envia correos electronicos usando", "SMTP");
serviceOdooApiTms.Uses(odooErpSoftwareSystem, "Usa", "HTTP/XML-RPC/JSON-RPC");
serviceFirebaseCloudMessagingTms.Uses(fcmSoftwareSystem, "Usa", "HTTPS");
serviceAzureBlobStorageTms.Uses(azureBlobStorageSoftwareSystem, "Usa", "HTTPS");
userControllerTms.Uses(userBusinessTms, "Usa");
carrierControllerTms.Uses(carrierBusinessTms, "Usa");
unitTransportControllerTms.Uses(unitTransportBusinessTms, "Usa");
loadingOrderControllerTms.Uses(loadingOrderBusinessTms, "Usa");
operationControllerTms.Uses(operationBusinessTms, "Usa");
opportunityControllerTms.Uses(opportunityBusinessTms, "Usa");
clientControllerTms.Uses(clientBusinessTms, "Usa");
userBusinessTms.Uses(moduleSequelizeOrmAppServicesTms, "Usa");
carrierBusinessTms.Uses(moduleSequelizeOrmAppServicesTms, "Usa");
unitTransportBusinessTms.Uses(moduleSequelizeOrmAppServicesTms, "Usa");
loadingOrderBusinessTms.Uses(moduleSequelizeOrmAppServicesTms, "Usa");
opportunityBusinessTms.Uses(moduleSequelizeOrmAppServicesTms, "Usa");
operationBusinessTms.Uses(moduleSequelizeOrmAppServicesTms, "Usa");
clientBusinessTms.Uses(moduleSequelizeOrmAppServicesTms, "Usa");
moduleSequelizeOrmAppServicesTms.Uses(database, "Lee y Escribe en", "MSSQL Tedious");
model.AddImplicitRelationships();
// Definir la visualizacion de los diagramas
ViewSet views = workspace.Views;
SystemContextView systemContextView = views.CreateSystemContextView(tmsSoftwareSystem, "Contexto de Sistema", "Diagrama de Contexto de Sistema (Nivel 1)");
systemContextView.EnterpriseBoundaryVisible = false;
systemContextView.AddNearestNeighbours(tmsSoftwareSystem);
systemContextView.PaperSize = PaperSize.A5_Landscape;
/*contextView.AddAllSoftwareSystems();
* contextView.AddAllPeople();*/
ContainerView containerView = views.CreateContainerView(tmsSoftwareSystem, "Contenedores de Sistema", "Diagrama de contenedores de Sistema (Nivel 2)");
containerView.Add(userOperator);
containerView.Add(userClient);
containerView.Add(userCompany);
containerView.Add(userDriver);
containerView.AddAllContainers();
containerView.AddAllSoftwareSystems();
containerView.Remove(tmsSoftwareSystem);
// Componentes for API Mobile Application
ComponentView componentMobileView = views.CreateComponentView(apiAppServicesApplication, "Componentes de Sistema - API Mobile", "Diagrama de Componentes de Sistema (Nivel 3)");
componentMobileView.Add(mobileApp);
componentMobileView.Add(azureBlobStorageSoftwareSystem);
componentMobileView.Add(database);
componentMobileView.AddAllComponents();
componentMobileView.PaperSize = PaperSize.A5_Landscape;
// Componentes for API TMS Application
ComponentView componentTMSView = views.CreateComponentView(apiTmsServicesApplication, "Componentes de Sistema - API TMS", "Diagrama de Componentes de Sistema (Nivel 3)");
componentTMSView.Add(spaClients);
componentTMSView.Add(spaOperations);
componentTMSView.Add(azureBlobStorageSoftwareSystem);
componentTMSView.Add(mailServerSoftwareSystem);
componentTMSView.Add(odooErpSoftwareSystem);
componentTMSView.Add(fcmSoftwareSystem);
componentTMSView.Add(database);
componentTMSView.AddAllComponents();
componentTMSView.PaperSize = PaperSize.A5_Landscape;
// Agregar algo de documentacion
StructurizrDocumentationTemplate template = new StructurizrDocumentationTemplate(workspace);
template.AddContextSection(tmsSoftwareSystem, Format.Markdown, "Definiendo el contexto del sistema de software\n");
// agregando estilos personalizados
Styles styles = views.Configuration.Styles;
styles.Add(new ElementStyle(Tags.SoftwareSystem)
{
Background = "#1168bd", Color = "#ffffff"
});
styles.Add(new ElementStyle(Tags.Person)
{
Background = "#08427b", Color = "#ffffff", Shape = Shape.Person
});
styles.Add(new ElementStyle(Tags.Container)
{
Background = "#438dd5", Color = "#ffffff"
});
styles.Add(new ElementStyle(Tags.Component)
{
Background = "#85bbf0", Color = "#000000"
});
styles.Add(new ElementStyle(EXISTS_SYSTEM_TAG)
{
Background = "#999999", Color = "#ffffff"
});
styles.Add(new ElementStyle(MOBILE_APP_TAG)
{
Shape = Shape.MobileDeviceLandscape
});
styles.Add(new ElementStyle(SINGLE_PAGE_APPLICATION_TAG)
{
Shape = Shape.WebBrowser
});
styles.Add(new ElementStyle(DATABASE_TAG)
{
Shape = Shape.Cylinder
});
// cargar el documento actual (formato JSON)
updateWorkspaceToStructurizr(workspace);
Console.WriteLine("Generated Diagram Sucessfully!");
}
static void Banking()
{
const long workspaceId = 0;
const string apiKey = "";
const string apiSecret = "";
StructurizrClient structurizrClient = new StructurizrClient(apiKey, apiSecret);
Workspace workspace = new Workspace("C4 Model Microservices - Sistema de Monitoreo", "Sistema de Monitoreo del Traslado Aéreo de Vacunas SARS-CoV-2");
Model model = workspace.Model;
ViewSet viewSet = workspace.Views;
// 1. Diagrama de Contexto
SoftwareSystem monitoringSystem = model.AddSoftwareSystem("Monitoreo del Traslado Aéreo de Vacunas SARS-CoV-2", "Permite el seguimiento y monitoreo del traslado aéreo a nuestro país de las vacunas para la COVID-19.");
SoftwareSystem googleMaps = model.AddSoftwareSystem("Google Maps", "Plataforma que ofrece una REST API de información geo referencial.");
SoftwareSystem aircraftSystem = model.AddSoftwareSystem("Aircraft System", "Permite transmitir información en tiempo real por el avión del vuelo a nuestro sistema");
Person ciudadano = model.AddPerson("Ciudadano", "Ciudadano peruano.");
Person periodista = model.AddPerson("Periodista", "Periodista de los diferentes medios de prensa.");
Person developer = model.AddPerson("Developer", "Developer - Open Data.");
ciudadano.Uses(monitoringSystem, "Realiza consultas para mantenerse al tanto de la planificación de los vuelos hasta la llegada del lote de vacunas al Perú");
periodista.Uses(monitoringSystem, "Realiza consultas para mantenerse al tanto de la planificación de los vuelos hasta la llegada del lote de vacunas al Perú");
developer.Uses(monitoringSystem, "Realiza consultas a la REST API para mantenerse al tanto de la planificación de los vuelos hasta la llegada del lote de vacunas al Perú");
monitoringSystem.Uses(aircraftSystem, "Consulta información en tiempo real por el avión del vuelo");
monitoringSystem.Uses(googleMaps, "Usa");
SystemContextView contextView = viewSet.CreateSystemContextView(monitoringSystem, "Contexto", "Diagrama de contexto");
contextView.PaperSize = PaperSize.A4_Landscape;
contextView.AddAllSoftwareSystems();
contextView.AddAllPeople();
// Tags
monitoringSystem.AddTags("SistemaMonitoreo");
googleMaps.AddTags("GoogleMaps");
aircraftSystem.AddTags("AircraftSystem");
ciudadano.AddTags("Ciudadano");
periodista.AddTags("Periodista");
developer.AddTags("Developer");
Styles styles = viewSet.Configuration.Styles;
styles.Add(new ElementStyle("Ciudadano")
{
Background = "#0a60ff", Color = "#ffffff", Shape = Shape.Person
});
styles.Add(new ElementStyle("Periodista")
{
Background = "#08427b", Color = "#ffffff", Shape = Shape.Person
});
styles.Add(new ElementStyle("Developer")
{
Background = "#facc2e", Shape = Shape.Robot
});
styles.Add(new ElementStyle("SistemaMonitoreo")
{
Background = "#008f39", Color = "#ffffff", Shape = Shape.RoundedBox
});
styles.Add(new ElementStyle("GoogleMaps")
{
Background = "#90714c", Color = "#ffffff", Shape = Shape.RoundedBox
});
styles.Add(new ElementStyle("AircraftSystem")
{
Background = "#2f95c7", Color = "#ffffff", Shape = Shape.RoundedBox
});
// 2. Diagrama de Contenedores
Container mobileApplication = monitoringSystem.AddContainer("Mobile App", "Permite a los usuarios visualizar un dashboard con el resumen de toda la información del traslado de los lotes de vacunas.", "Flutter");
Container webApplication = monitoringSystem.AddContainer("Web App", "Permite a los usuarios visualizar un dashboard con el resumen de toda la información del traslado de los lotes de vacunas.", "Flutter Web");
Container landingPage = monitoringSystem.AddContainer("Landing Page", "", "Flutter Web");
Container apiGateway = monitoringSystem.AddContainer("API Gateway", "API Gateway", "Spring Boot port 8080");
Container flightPlanningContext = monitoringSystem.AddContainer("Flight Planning Context", "Bounded Context del Microservicio de Planificación de Vuelos", "Spring Boot port 8081");
Container airportContext = monitoringSystem.AddContainer("Airport Context", "Bounded Context del Microservicio de información de Aeropuertos", "Spring Boot port 8082");
Container aircraftInventoryContext = monitoringSystem.AddContainer("Aircraft Inventory Context", "Bounded Context del Microservicio de Inventario de Aviones", "Spring Boot port 8083");
Container vaccinesInventoryContext = monitoringSystem.AddContainer("Vaccines Inventory Context", "Bounded Context del Microservicio de Inventario de Vacunas", "Spring Boot port 8084");
Container monitoringContext = monitoringSystem.AddContainer("Monitoring Context", "Bounded Context del Microservicio de Monitoreo en tiempo real del status y ubicación del vuelo que transporta las vacunas", "Spring Boot port 8085");
Container messageBus =
monitoringSystem.AddContainer("Bus de Mensajes en Cluster de Alta Disponibilidad", "Transporte de eventos del dominio.", "RabbitMQ");
Container flightPlanningContextDatabase = monitoringSystem.AddContainer("Flight Planning Context DB", "", "Oracle");
Container airportContextDatabase = monitoringSystem.AddContainer("Airport Context DB", "", "Oracle");
Container aircraftInventoryContextDatabase = monitoringSystem.AddContainer("Aircraft Inventory Context DB", "", "Oracle");
Container vaccinesInventoryContextDatabase = monitoringSystem.AddContainer("Vaccines Inventory Context DB", "", "Oracle");
Container monitoringContextDatabase = monitoringSystem.AddContainer("Monitoring Context DB", "", "Oracle");
Container monitoringContextReplicaDatabase = monitoringSystem.AddContainer("Monitoring Context DB Replica", "", "Oracle");
Container monitoringContextReactiveDatabase = monitoringSystem.AddContainer("Monitoring Context Reactive DB", "", "Firebase Cloud Firestore");
ciudadano.Uses(mobileApplication, "Consulta");
ciudadano.Uses(webApplication, "Consulta");
ciudadano.Uses(landingPage, "Consulta");
periodista.Uses(mobileApplication, "Consulta");
periodista.Uses(webApplication, "Consulta");
periodista.Uses(landingPage, "Consulta");
mobileApplication.Uses(apiGateway, "API Request", "JSON/HTTPS");
webApplication.Uses(apiGateway, "API Request", "JSON/HTTPS");
developer.Uses(apiGateway, "API Request", "JSON/HTTPS");
apiGateway.Uses(flightPlanningContext, "API Request", "JSON/HTTPS");
apiGateway.Uses(airportContext, "API Request", "JSON/HTTPS");
apiGateway.Uses(aircraftInventoryContext, "API Request", "JSON/HTTPS");
apiGateway.Uses(vaccinesInventoryContext, "API Request", "JSON/HTTPS");
apiGateway.Uses(monitoringContext, "API Request", "JSON/HTTPS");
flightPlanningContext.Uses(messageBus, "Publica y consume eventos del dominio");
flightPlanningContext.Uses(flightPlanningContextDatabase, "", "JDBC");
airportContext.Uses(messageBus, "Publica y consume eventos del dominio");
airportContext.Uses(airportContextDatabase, "", "JDBC");
aircraftInventoryContext.Uses(messageBus, "Publica y consume eventos del dominio");
aircraftInventoryContext.Uses(aircraftInventoryContextDatabase, "", "JDBC");
vaccinesInventoryContext.Uses(messageBus, "Publica y consume eventos del dominio");
vaccinesInventoryContext.Uses(vaccinesInventoryContextDatabase, "", "JDBC");
monitoringContext.Uses(messageBus, "Publica y consume eventos del dominio");
monitoringContext.Uses(monitoringContextDatabase, "", "JDBC");
monitoringContext.Uses(monitoringContextReplicaDatabase, "", "JDBC");
monitoringContext.Uses(monitoringContextReactiveDatabase, "", "");
monitoringContextDatabase.Uses(monitoringContextReplicaDatabase, "Replica");
monitoringContext.Uses(googleMaps, "API Request", "JSON/HTTPS");
monitoringContext.Uses(aircraftSystem, "API Request", "JSON/HTTPS");
// Tags
mobileApplication.AddTags("MobileApp");
webApplication.AddTags("WebApp");
landingPage.AddTags("LandingPage");
apiGateway.AddTags("APIGateway");
flightPlanningContext.AddTags("FlightPlanningContext");
flightPlanningContextDatabase.AddTags("FlightPlanningContextDatabase");
airportContext.AddTags("AirportContext");
airportContextDatabase.AddTags("AirportContextDatabase");
aircraftInventoryContext.AddTags("AircraftInventoryContext");
aircraftInventoryContextDatabase.AddTags("AircraftInventoryContextDatabase");
vaccinesInventoryContext.AddTags("VaccinesInventoryContext");
vaccinesInventoryContextDatabase.AddTags("VaccinesInventoryContextDatabase");
monitoringContext.AddTags("MonitoringContext");
monitoringContextDatabase.AddTags("MonitoringContextDatabase");
monitoringContextReplicaDatabase.AddTags("MonitoringContextReplicaDatabase");
monitoringContextReactiveDatabase.AddTags("MonitoringContextReactiveDatabase");
messageBus.AddTags("MessageBus");
styles.Add(new ElementStyle("MobileApp")
{
Background = "#9d33d6", Color = "#ffffff", Shape = Shape.MobileDevicePortrait, Icon = ""
});
styles.Add(new ElementStyle("WebApp")
{
Background = "#9d33d6", Color = "#ffffff", Shape = Shape.WebBrowser, Icon = ""
});
styles.Add(new ElementStyle("LandingPage")
{
Background = "#929000", Color = "#ffffff", Shape = Shape.WebBrowser, Icon = ""
});
styles.Add(new ElementStyle("APIGateway")
{
Shape = Shape.RoundedBox, Background = "#0000ff", Color = "#ffffff", Icon = ""
});
styles.Add(new ElementStyle("FlightPlanningContext")
{
Shape = Shape.Hexagon, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("FlightPlanningContextDatabase")
{
Shape = Shape.Cylinder, Background = "#ff0000", Color = "#ffffff", Icon = ""
});
styles.Add(new ElementStyle("AirportContext")
{
Shape = Shape.Hexagon, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("AirportContextDatabase")
{
Shape = Shape.Cylinder, Background = "#ff0000", Color = "#ffffff", Icon = ""
});
styles.Add(new ElementStyle("AircraftInventoryContext")
{
Shape = Shape.Hexagon, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("AircraftInventoryContextDatabase")
{
Shape = Shape.Cylinder, Background = "#ff0000", Color = "#ffffff", Icon = ""
});
styles.Add(new ElementStyle("VaccinesInventoryContext")
{
Shape = Shape.Hexagon, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("VaccinesInventoryContextDatabase")
{
Shape = Shape.Cylinder, Background = "#ff0000", Color = "#ffffff", Icon = ""
});
styles.Add(new ElementStyle("MonitoringContext")
{
Shape = Shape.Hexagon, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("MonitoringContextDatabase")
{
Shape = Shape.Cylinder, Background = "#ff0000", Color = "#ffffff", Icon = ""
});
styles.Add(new ElementStyle("MonitoringContextReplicaDatabase")
{
Shape = Shape.Cylinder, Background = "#ff0000", Color = "#ffffff", Icon = ""
});
styles.Add(new ElementStyle("MonitoringContextReactiveDatabase")
{
Shape = Shape.Cylinder, Background = "#ff0000", Color = "#ffffff", Icon = ""
});
styles.Add(new ElementStyle("MessageBus")
{
Width = 850, Background = "#fd8208", Color = "#ffffff", Shape = Shape.Pipe, Icon = ""
});
ContainerView containerView = viewSet.CreateContainerView(monitoringSystem, "Contenedor", "Diagrama de contenedores");
contextView.PaperSize = PaperSize.A4_Landscape;
containerView.AddAllElements();
// 3. Diagrama de Componentes
Component domainLayer = monitoringContext.AddComponent("Domain Layer", "", "Spring Boot");
Component monitoringController = monitoringContext.AddComponent("Monitoring Controller", "REST API endpoints de monitoreo.", "Spring Boot REST Controller");
Component monitoringApplicationService = monitoringContext.AddComponent("Monitoring Application Service", "Provee métodos para el monitoreo, pertenece a la capa Application de DDD", "Spring Component");
Component flightRepository = monitoringContext.AddComponent("Flight Repository", "Información del vuelo", "Spring Component");
Component vaccineLoteRepository = monitoringContext.AddComponent("VaccineLote Repository", "Información de lote de vacunas", "Spring Component");
Component locationRepository = monitoringContext.AddComponent("Location Repository", "Ubicación del vuelo", "Spring Component");
Component aircraftSystemFacade = monitoringContext.AddComponent("Aircraft System Facade", "", "Spring Component");
apiGateway.Uses(monitoringController, "", "JSON/HTTPS");
monitoringController.Uses(monitoringApplicationService, "Invoca métodos de monitoreo");
monitoringController.Uses(aircraftSystemFacade, "Usa");
monitoringApplicationService.Uses(domainLayer, "Usa", "");
monitoringApplicationService.Uses(flightRepository, "", "JDBC");
monitoringApplicationService.Uses(vaccineLoteRepository, "", "JDBC");
monitoringApplicationService.Uses(locationRepository, "", "JDBC");
flightRepository.Uses(monitoringContextDatabase, "", "JDBC");
vaccineLoteRepository.Uses(monitoringContextDatabase, "", "JDBC");
locationRepository.Uses(monitoringContextDatabase, "", "JDBC");
locationRepository.Uses(monitoringContextReactiveDatabase, "", "");
locationRepository.Uses(googleMaps, "", "JSON/HTTPS");
aircraftSystemFacade.Uses(aircraftSystem, "JSON/HTTPS");
// Tags
domainLayer.AddTags("DomainLayer");
monitoringController.AddTags("MonitoringController");
monitoringApplicationService.AddTags("MonitoringApplicationService");
flightRepository.AddTags("FlightRepository");
vaccineLoteRepository.AddTags("VaccineLoteRepository");
locationRepository.AddTags("LocationRepository");
aircraftSystemFacade.AddTags("AircraftSystemFacade");
styles.Add(new ElementStyle("DomainLayer")
{
Shape = Shape.Component, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("MonitoringController")
{
Shape = Shape.Component, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("MonitoringApplicationService")
{
Shape = Shape.Component, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("MonitoringDomainModel")
{
Shape = Shape.Component, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("FlightStatus")
{
Shape = Shape.Component, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("FlightRepository")
{
Shape = Shape.Component, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("VaccineLoteRepository")
{
Shape = Shape.Component, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("LocationRepository")
{
Shape = Shape.Component, Background = "#facc2e", Icon = ""
});
styles.Add(new ElementStyle("AircraftSystemFacade")
{
Shape = Shape.Component, Background = "#facc2e", Icon = ""
});
ComponentView componentView = viewSet.CreateComponentView(monitoringContext, "Components", "Component Diagram");
componentView.PaperSize = PaperSize.A4_Landscape;
componentView.Add(mobileApplication);
componentView.Add(webApplication);
componentView.Add(apiGateway);
componentView.Add(monitoringContextDatabase);
componentView.Add(monitoringContextReactiveDatabase);
componentView.Add(aircraftSystem);
componentView.Add(googleMaps);
componentView.AddAllComponents();
structurizrClient.UnlockWorkspace(workspaceId);
structurizrClient.PutWorkspace(workspaceId, workspace);
}
private void BuildC4Model()
{
// Add stakeholders en Systemen
SoftwareSystem boekhoudSysteem = model.AddSoftwareSystem(Location.Internal, "Boekhoudsysteem", "Boekhoudsysteem voor midden en kleinbedrijf en ZZP'er");
SoftwareSystem itsmSysteem = model.AddSoftwareSystem(Location.Internal, "ITSM Systeem", "Interne CRM applicatie");
itsmSysteem.AddTags(InternalSystemTag);
boekhoudSysteem.Uses(itsmSysteem, "Haalt abonnement gegevens op");
SoftwareSystem website = model.AddSoftwareSystem(Location.Internal, "Website", $"publieke website van {BedrijfsNaam}");
website.AddTags(WebBrowserTag);
website.Uses(itsmSysteem, "Registreert een abonnement");
SoftwareSystem webshop = model.AddSoftwareSystem(Location.External, "Webshop", $"Webshopkoppeling names klant met Boekhoudsysteem");
webshop.AddTags(ExternalSystemTag);
boekhoudSysteem.Uses(webshop, "krijgt gegevens van");
SoftwareSystem bank = model.AddSoftwareSystem(Location.External, "Bank", $"Bankkoppeling names klant met Boekhoudsysteem");
bank.AddTags(ExternalSystemTag);
boekhoudSysteem.Uses(bank, "krijgt gegevens van");
Person hoofdgebruiker = model.AddPerson(Location.External, "Hoofdgebruiker", "De gebruiker van de klant die het abonnenement heeft afgesloten");
hoofdgebruiker.Uses(boekhoudSysteem, Gebruikt);
hoofdgebruiker.Uses(website, Gebruikt);
Person gebruiker = model.AddPerson(Location.External, "Gebruiker", "De medewerker van de klant");
gebruiker.Uses(boekhoudSysteem, Gebruikt);
Person accountant = model.AddPerson(Location.External, "Accountant", "De accountant van de klant");
accountant.Uses(boekhoudSysteem, Gebruikt);
hoofdgebruiker.InteractsWith(accountant, "Vraagt controle aan bij");
Person helpdesk = model.AddPerson(Location.Internal, "Helpdeskmedewerker", $"Helpdeskmedewerker van {BedrijfsNaam}");
helpdesk.Uses(boekhoudSysteem, Gebruikt);
helpdesk.Uses(itsmSysteem, Gebruikt);
hoofdgebruiker.InteractsWith(helpdesk, "Vraagt hulp van");
// Extra diagram: Systeemlandschap
SystemLandscapeView systemLandscapeView = views.CreateSystemLandscapeView("SystemLandscape", "System Context diagram Boekhoudsysteem.");
systemLandscapeView.AddAllElements();
systemLandscapeView.EnableAutomaticLayout();
// containers
Container coreModule = boekhoudSysteem.AddContainer("Core Module", "Basis module voor inrichting, gebruikers", "C#");
coreModule.AddTags(Tags.Container);
coreModule.Uses(itsmSysteem, "krijgt gegevens van");
Container bankModule = boekhoudSysteem.AddContainer("Bank Module", "Importeren van betaalgegevens", "C#");
bankModule.AddTags(Tags.Container);
bankModule.Uses(bank, "krijgt gegevens van");
Container koppelingModule = boekhoudSysteem.AddContainer("Koppelingen Module", "Module voor inrichten diverse externe koppelingen", "C#");
koppelingModule.AddTags(Tags.Container);
koppelingModule.Uses(webshop, "krijgt gegevens van");
Container boekhoudModule = boekhoudSysteem.AddContainer("Boekhoud Module", "Basis onderdelen van een Boekhoudsysteem zoals dagboeken en rapportages", "C#");
boekhoudModule.AddTags(Tags.Container);
boekhoudModule.Uses(webshop, "krijgt gegevens van");
Container facturatieModule = boekhoudSysteem.AddContainer("Facturatie Module", "Facturatie en Offerte module", "C#");
facturatieModule.AddTags(Tags.Container);
facturatieModule.Uses(boekhoudModule, "geeft verkooporders aan");
Container importModule = boekhoudSysteem.AddContainer("Import Module", "Module voor import en export gegevens", "C#");
importModule.AddTags(Tags.Container);
importModule.Uses(boekhoudModule, "geeft relaties aan");
importModule.Uses(facturatieModule, "geeft artikelen aan");
hoofdgebruiker.Uses(coreModule, Gebruikt);
hoofdgebruiker.Uses(boekhoudModule, Gebruikt);
hoofdgebruiker.Uses(facturatieModule, Gebruikt);
hoofdgebruiker.Uses(bankModule, Gebruikt);
hoofdgebruiker.Uses(koppelingModule, Gebruikt);
hoofdgebruiker.Uses(importModule, Gebruikt);
gebruiker.Uses(boekhoudModule, Gebruikt);
gebruiker.Uses(facturatieModule, Gebruikt);
gebruiker.Uses(bankModule, Gebruikt);
accountant.Uses(boekhoudModule, Gebruikt);
helpdesk.Uses(boekhoudModule, Gebruikt);
Container databaseSystem = boekhoudSysteem.AddContainer("Systeem Database", "Opslag gebruikers, abonnement, administratie gegevens, hashed authentication credentials, access logs, etc.", "Relational Database Schema");
databaseSystem.AddTags(DatabaseTag);
coreModule.Uses(databaseSystem, Gebruikt);
Container databaseAccount = boekhoudSysteem.AddContainer("Boekhouding Database", "Opslag boekhouding per abonnement per administratie", "Relational Database Schema");
databaseAccount.AddTags(DatabaseTag);
boekhoudModule.Uses(databaseAccount, Gebruikt);
facturatieModule.Uses(databaseAccount, Gebruikt);
bankModule.Uses(databaseAccount, Gebruikt);
// Components
Component bankImportView = bankModule.AddComponent("Bank statement Import", "Importscherm bankafschriften", "ASP.Net Webform");
bankImportView.AddTags(WebBrowserTag);
Component bankPaymentLogic = bankModule.AddComponent("Payment logic service", "Businesslaag bankafschriften", "C#");
bankPaymentLogic.AddTags(InternalSystemTag);
Component bankPaymentData = bankModule.AddComponent("Payment data service", "Datalaag bankafschriften", "C#");
bankPaymentData.AddTags(InternalSystemTag);
bankImportView.Uses(bankPaymentLogic, Gebruikt);
bankPaymentLogic.Uses(bankPaymentData, Gebruikt);
bankPaymentLogic.Uses(bank, Gebruikt);
Component bankPaymentView = bankModule.AddComponent("Bank payments", "Betaalopdrachten", "ASP.Net Webform");
bankPaymentView.AddTags(WebBrowserTag);
bankPaymentView.Uses(bankPaymentLogic, Gebruikt);
Component bankInstellingView = bankModule.AddComponent("Instellingen Bankstatements", "Instellingen bankafschriften", "ASP.Net Webform");
bankInstellingView.AddTags(WebBrowserTag);
Component bankInstellingLogic = bankModule.AddComponent("Bankinstellingen logic service", "Businesslaag bankinstellingen", "C#");
bankInstellingLogic.AddTags(InternalSystemTag);
Component bankInstellingData = bankModule.AddComponent("Bankinstellingen data service", "Datalaag bankinstellingen", "C#");
bankInstellingData.AddTags(InternalSystemTag);
bankInstellingView.Uses(bankInstellingLogic, Gebruikt);
bankInstellingLogic.Uses(bankInstellingData, Gebruikt);
bankPaymentData.Uses(databaseAccount, "Leest en schrijft naar", "Linq2Sql");
bankInstellingData.Uses(databaseAccount, "Leest en schrijft naar", "Linq2Sql");
Component importExportView = importModule.AddComponent("Artikel Import", "Importscherm artikelen", "ASP.Net Webform");
importExportView.AddTags(WebBrowserTag);
Component importExportLogic = importModule.AddComponent("Import Export logic service", "Businesslaag import export functionaliteit", "C#");
importExportLogic.AddTags(InternalSystemTag);
Component importExportData = importModule.AddComponent("Import Export data service", "Datalaag import export functionaliteit", "C#");
importExportData.AddTags(InternalSystemTag);
importExportView.Uses(importExportLogic, Gebruikt);
importExportLogic.Uses(importExportData, Gebruikt);
importExportData.Uses(databaseAccount, "Leest en schrijft naar", "Linq2Sql");
// Add Views
SystemContextView contextView = views.CreateSystemContextView(boekhoudSysteem, "SystemContext", "System Context diagram Boekhoudsysteem.");
contextView.AddNearestNeighbours(boekhoudSysteem);
contextView.EnableAutomaticLayout();
ContainerView containerView = views.CreateContainerView(boekhoudSysteem, "Containers", "Het container diagram voor het boekhoudsysteem.");
containerView.EnableAutomaticLayout();
containerView.Add(hoofdgebruiker);
containerView.Add(gebruiker);
containerView.Add(accountant);
containerView.Add(helpdesk);
containerView.AddAllContainers();
containerView.Add(webshop);
containerView.Add(bank);
containerView.Add(itsmSysteem);
ComponentView bankComponentView = views.CreateComponentView(bankModule, "Bank Components", "Component diagram van de Bank module");
bankComponentView.EnableAutomaticLayout();
bankComponentView.Add(databaseAccount);
bankComponentView.AddAllComponents();
bankComponentView.Add(bank);
ComponentView importExportComponentView = views.CreateComponentView(importModule, "Import-Export Components", "Component diagram van de Import Export module.");
importExportComponentView.EnableAutomaticLayout();
importExportComponentView.Add(databaseAccount);
importExportComponentView.AddAllComponents();
// Extra diagram: Deployment
const string Productie = "Productieomgeving";
DeploymentNode productieOmgeving = model.AddDeploymentNode(Productie, $"{BedrijfsNaam}", "", $"{BedrijfsNaam} data center");
DeploymentNode customerComputer = model.AddDeploymentNode(Productie, "Gebruiker's computer", "", "Microsoft Windows or Apple macOS");
customerComputer.AddDeploymentNode("Web Browser", "", "Chrome, Firefox, Edge or IE11").Add(boekhoudModule);
customerComputer.AddTags(WebBrowserTag);
DeploymentNode productieWebServer = productieOmgeving.AddDeploymentNode($"{BedrijfsNaam}-web***", "Een webserver gehost in een webserver farm", "Windows 2019", 2, DictionaryUtils.Create("Location=Amsterdam"));
productieWebServer
.AddDeploymentNode("Microsoft IIS", "Microsoft web server.", "IIS", 1, DictionaryUtils.Create("Xmx=512M", "Xms=1024M", ".Net Framework 4.8"))
.Add(boekhoudModule);
customerComputer.Uses(productieWebServer, Gebruikt, "https");
DeploymentNode primaryDatabaseServer = productieOmgeving
.AddDeploymentNode($"{BedrijfsNaam}-db01", "Primary database server.", "Windows 2019", 1, DictionaryUtils.Create("Location=Amsterdam"))
.AddDeploymentNode("SQL Server - Primary", $"Primary, {Productie} databaseserver.", "SqlServer 2017");
primaryDatabaseServer.Add(databaseSystem);
primaryDatabaseServer.Add(databaseAccount);
DeploymentNode failoverDb = productieOmgeving.AddDeploymentNode($"{BedrijfsNaam}-db02", "Secondary database server.", "Windows 2019", 1, DictionaryUtils.Create("Location=Amsterdam"));
failoverDb.AddTags(FailoverTag);
DeploymentNode secondaryDatabaseServer = failoverDb.AddDeploymentNode("SQL Server - Secondary", "Secondary, standby database server, alleen voor failover.", "SqlServer 2017");
secondaryDatabaseServer.AddTags(FailoverTag);
ContainerInstance secondaryDatabaseSystem = secondaryDatabaseServer.Add(databaseSystem);
ContainerInstance secondaryDatabaseAccount = secondaryDatabaseServer.Add(databaseAccount);
model.Relationships.Where(r => r.Destination.Equals(secondaryDatabaseSystem)).ToList().ForEach(r => r.AddTags(FailoverTag));
model.Relationships.Where(r => r.Destination.Equals(secondaryDatabaseAccount)).ToList().ForEach(r => r.AddTags(FailoverTag));
Relationship dataReplicationRelationship = primaryDatabaseServer.Uses(secondaryDatabaseServer, "Replicates data to", "");
secondaryDatabaseSystem.AddTags(FailoverTag);
secondaryDatabaseAccount.AddTags(FailoverTag);
DeploymentView systeemDeploymentView = views.CreateDeploymentView(boekhoudSysteem, Productie, $"De productieomgeving van {BedrijfsNaam}.");
//systeemDeploymentView.EnableAutomaticLayout();
systeemDeploymentView.Environment = Productie;
systeemDeploymentView.Add(productieOmgeving);
systeemDeploymentView.Add(customerComputer);
systeemDeploymentView.Add(dataReplicationRelationship);
// Set Styling
Styles styles = views.Configuration.Styles;
styles.Add(new ElementStyle(Tags.SoftwareSystem)
{
Background = "#1168bd", Color = "#ffffff"
});
styles.Add(new ElementStyle(Tags.Container)
{
Background = "#438dd5", Color = "#ffffff"
});
styles.Add(new ElementStyle(Tags.Component)
{
Background = "#85bbf0", Color = "#000000"
});
styles.Add(new ElementStyle(Tags.Person)
{
Background = "#08427b", Color = "#ffffff", Shape = Shape.Person
});
styles.Add(new ElementStyle(InternalSystemTag)
{
Background = "#999999", Color = "#ffffff"
});
styles.Add(new ElementStyle(ExternalSystemTag)
{
Background = "#999999", Color = "#ffffff"
});
styles.Add(new ElementStyle(WebBrowserTag)
{
Shape = Shape.WebBrowser
});
styles.Add(new ElementStyle(DatabaseTag)
{
Shape = Shape.Cylinder
});
styles.Add(new ElementStyle(FailoverTag)
{
Opacity = 25
});
styles.Add(new RelationshipStyle(FailoverTag)
{
Opacity = 25, Position = 70
});
}
static void Banking()
{
const long workspaceId = 65772;
const string apiKey = "60814d99-843f-4209-aaf8-5543b56f7d22";
const string apiSecret = "3ee20c69-c531-4ae7-80ec-fdf71168069c";
StructurizrClient structurizrClient = new StructurizrClient(apiKey, apiSecret);
Workspace workspace = new Workspace("Ezlabor", "Ezlabor - C4 Model");
Model model = workspace.Model;
SoftwareSystem EzLaborystem = model.AddSoftwareSystem("Ezlabor System", "Ofrece el contenido estático y la aplicación desde una página de red de freelancers y empleadores");
SoftwareSystem gmailSystem = model.AddSoftwareSystem("Gmail System", "Sistema de correos electrónicos interno de google");
SoftwareSystem stripeSystem = model.AddSoftwareSystem("Stripe System", "Sistema de pagos por internet ");
SoftwareSystem TwilioSystem = model.AddSoftwareSystem("Twilio System", "Sistema de verificiación de cuenta mediante SMS ");
//SoftwareSystem googleMapsApi = model.AddSoftwareSystem("Google Maps API", "Permite a los clientes consultar información de sus cuentas y realizar operaciones.");
Person Empresa = model.AddPerson("Empresa", "Compañia que busca los servicios de un freelancer");
Person Freelancer = model.AddPerson("Freelancer", "Personas especializadas en ciertos rubros que buscan trabajar de manera independiente");
Person Empleador = model.AddPerson("Empleador", "Persona con una microempresa o emprendimiento que necesita del servico de un freelancer");
EzLaborystem.AddTags("Main System");
gmailSystem.AddTags("Gmail API");
//googleMapsApi.AddTags("Google Maps API");
Empresa.Uses(EzLaborystem, "Visita el sitio usando", "[HTTPS]");
Freelancer.Uses(EzLaborystem, "Visita el sitio usando", "[HTTPS]");
Empleador.Uses(EzLaborystem, "Visita el sitio usando", "[HTTPS]");
EzLaborystem.Uses(gmailSystem, "Enviar mensajes de correos electrónicos interno de google");
EzLaborystem.Uses(stripeSystem, "Realiza peticiones a la API");
EzLaborystem.Uses(TwilioSystem, "Realiza peticiones a la API");
gmailSystem.Delivers(Empresa, "Envia mensajes de correo electrónico");
gmailSystem.Delivers(Freelancer, "Envia mensajes de correo electrónico");
gmailSystem.Delivers(Empleador, "Envia mensajes de correo electrónico");
ViewSet viewSet = workspace.Views;
// 1. Diagrama de Contexto
SystemContextView contextView = viewSet.CreateSystemContextView(EzLaborystem, "Contexto", "Diagrama de contexto - Ezlabor");
contextView.PaperSize = PaperSize.A4_Landscape;
contextView.AddAllSoftwareSystems();
contextView.AddAllPeople();
Styles styles = viewSet.Configuration.Styles;
styles.Add(new ElementStyle(Tags.Person)
{
Background = "#0a60ff", Color = "#ffffff", Shape = Shape.Person
});
styles.Add(new ElementStyle("Gmail API")
{
Background = "#90714c", Color = "#ffffff", Shape = Shape.RoundedBox
});
styles.Add(new ElementStyle("Google Maps API")
{
Background = "#a5cdff", Color = "#ffffff", Shape = Shape.RoundedBox
});
// 2. Diagrama de Contenedores
Container webApplication = EzLaborystem.AddContainer("Aplicación Web Responsive", "Permite alos usuarios administrar el perfil, ver los mensajes, ver ofertas laboraler, etc", "Angular, nginx port 80");
Container restApi = EzLaborystem.AddContainer("RESTful API", "Proporciona funcionalidad de red entre freelancers de perros y dueños", "SpringBoot, nginx port 5000");
Container database = EzLaborystem.AddContainer("Base de Datos", "Repositorio de información de los usuarios", "Mysql");
Container LandingPage = EzLaborystem.AddContainer("Landing Page", "Página con información de la StartUp", "Html, CSS y JS");
webApplication.AddTags("WebApp");
restApi.AddTags("API");
database.AddTags("Database");
LandingPage.AddTags("LandingPage");
Empresa.Uses(webApplication, "Usa", "https 443");
Empresa.Uses(LandingPage, "Usa", "https 443");
Freelancer.Uses(webApplication, "Usa", "https 443");
Freelancer.Uses(LandingPage, "Usa", "https 443");
Empleador.Uses(webApplication, "Usa", "https 443");
Empleador.Uses(LandingPage, "Usa", "https 443");
webApplication.Uses(restApi, "Usa", "https 443");
webApplication.Uses(stripeSystem, "https 443");
webApplication.Uses(gmailSystem, "https 443");
webApplication.Uses(TwilioSystem, "https 443");
restApi.Uses(database, "Persistencia de datos");
LandingPage.Uses(webApplication, "Redirige");
styles.Add(new ElementStyle("WebApp")
{
Background = "#9d33d6", Color = "#ffffff", Shape = Shape.WebBrowser, Icon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjM1MyIgaGVpZ2h0PSIyNTAwIiB2aWV3Qm94PSIwIDAgMjU2IDI3MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZD0iTS4xIDQ1LjUyMkwxMjUuOTA4LjY5N2wxMjkuMTk2IDQ0LjAyOC0yMC45MTkgMTY2LjQ1LTEwOC4yNzcgNTkuOTY2LTEwNi41ODMtNTkuMTY5TC4xIDQ1LjUyMnoiIGZpbGw9IiNFMjMyMzciLz48cGF0aCBkPSJNMjU1LjEwNCA0NC43MjVMMTI1LjkwOC42OTd2MjcwLjQ0NGwxMDguMjc3LTU5Ljg2NiAyMC45MTktMTY2LjU1eiIgZmlsbD0iI0I1MkUzMSIvPjxwYXRoIGQ9Ik0xMjYuMTA3IDMyLjI3NEw0Ny43MTQgMjA2LjY5M2wyOS4yODUtLjQ5OCAxNS43MzktMzkuMzQ3aDcwLjMyNWwxNy4yMzMgMzkuODQ1IDI3Ljk5LjQ5OC04Mi4xNzktMTc0LjkxN3ptLjIgNTUuODgybDI2LjQ5NiA1NS4zODNoLTQ5LjgwNmwyMy4zMS01NS4zODN6IiBmaWxsPSIjRkZGIi8+PC9zdmc+"
});
styles.Add(new ElementStyle("API")
{
Background = "#929000", Color = "#ffffff", Shape = Shape.RoundedBox, Icon = "data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNzY3LjggNzY4IiB3aWR0aD0iMjQ5OSIgaGVpZ2h0PSIyNTAwIj48c3R5bGU+LnN0MHtmaWxsOiM3N2JjMWZ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjk4LjMgNDBjLTEwLjggMjUuOC0yNC41IDUwLjMtNDEgNzIuOEM1ODUuMSA0MC42IDQ4Ny4xIDAgMzg1IDAgMTczLjggMCAwIDE3NCAwIDM4NS41IDAgNDkxIDQzLjIgNTkyIDExOS42IDY2NC44bDE0LjIgMTIuNmM2OS40IDU4LjUgMTU3LjMgOTAuNyAyNDggOTAuNyAyMDAuOCAwIDM2OS42LTE1Ny40IDM4My45LTM1OCAxMC41LTk4LjItMTguMy0yMjIuNC02Ny40LTM3MC4xem0tNTI0IDYyN2MtNi4yIDcuNy0xNS43IDEyLjItMjUuNiAxMi4yLTE4LjEgMC0zMi45LTE0LjktMzIuOS0zM3MxNC45LTMzIDMyLjktMzNjNy41IDAgMTQuOSAyLjYgMjAuNyA3LjQgMTQuMSAxMS40IDE2LjMgMzIuMyA0LjkgNDYuNHptNTIyLjQtMTE1LjRjLTk1IDEyNi43LTI5Ny45IDg0LTQyOCA5MC4xIDAgMC0yMy4xIDEuNC00Ni4zIDUuMiAwIDAgOC43LTMuNyAyMC04IDkxLjMtMzEuOCAxMzQuNS0zOCAxOTAtNjYuNSAxMDQuNS01My4yIDIwNy44LTE2OS42IDIyOS4zLTI5MC43QzYyMS45IDM5OC4yIDUwMS4zIDQ5OC4zIDM5MS40IDUzOWMtNzUuMyAyNy44LTIxMS4zIDU0LjgtMjExLjMgNTQuOGwtNS41LTIuOUM4MiA1NDUuOCA3OS4yIDM0NS4xIDI0Ny41IDI4MC4zYzczLjctMjguNCAxNDQuMi0xMi44IDIyMy44LTMxLjggODUtMjAuMiAxODMuMy04NCAyMjMuMy0xNjcuMiA0NC44IDEzMy4xIDk4LjcgMzQxLjUgMi4xIDQ3MC4zeiIvPjwvc3ZnPg=="
});
styles.Add(new ElementStyle("Database")
{
Background = "#ff0000", Color = "#ffffff", Shape = Shape.Cylinder
});
styles.Add(new ElementStyle("LandingPage")
{
Background = "#d1c07b", Color = "#ffffff", Shape = Shape.WebBrowser
});
ContainerView containerView = viewSet.CreateContainerView(EzLaborystem, "Contenedor", "Diagrama de contenedores - EzLabor");
contextView.PaperSize = PaperSize.A4_Landscape;
containerView.AddAllElements();
// 3. Diagrama de Componentes
//Controllers
Component signinController = restApi.AddComponent("Sign in Controller", "Permite a los usuarios ingresar al sistema de Ezlabor", "SpringBoot REST Controller");
Component notificaionSystemController = restApi.AddComponent("Notification System Controller", "Permite al usuario recibir notificaciones", "SpringBoot REST Controller");
Component subscriptionController = restApi.AddComponent("Subscription System Controller", "Permite al usuario recibir notificaciones", "SpringBoot REST Controller");
Component MessageSystemController = restApi.AddComponent("Message System Controller", "Permite a los usuarios comunicarse mediante mensajes det texto", "SpringBoot REST Controller");
Component LocationsController = restApi.AddComponent("Location System Controller", "Permite a los usuarios ver los distintos tipos de localidades", "SpringBoot REST Controller");
Component UserProfileController = restApi.AddComponent("User profile System Controller", "Permite a los usuarios editar su perfil", "SpringBoot REST Controller");
Component HiringController = restApi.AddComponent("Hiring System Controller", "Permite usar los servicios de contratación y reunión que estan disponibles", "SpringBoot REST Controller");
//Services
Component signinService = restApi.AddComponent("Sign in Service", "Permite usar los servicios de sign in que se encuentra en la API");
Component notificaionSystemService = restApi.AddComponent("Notification System Service", "Permite usar el servicio de notificación de la API");
Component subscriptionService = restApi.AddComponent("Subscription System Service", "Permite usar los servicios de subscripción de la API");
Component MessageSystemService = restApi.AddComponent("Message System Service", "Permite usar el servicio de mensajería de la API");
Component LocationsService = restApi.AddComponent("Locations System Service", "Permite usar el servicio de localización de la API");
Component UserProfileService = restApi.AddComponent("User profile System Service", "Permite usar el servicio de perfil de usuario de la API");
Component HiringService = restApi.AddComponent("Hiring System Service", "Permite usar el servicio de contratación de la API");
//Repositories
Component signinRepository = restApi.AddComponent("Sign in Repository", "Permite la comunicación entre el servicio de sign in y la base de datos");
Component notificaionSystemRepository = restApi.AddComponent("Notification System Repository", "Permite la comunicación entre el servicio de notificación y la base de datos");
Component subscriptionRepository = restApi.AddComponent("Subscription System Repository", "Permite la comunicación entre el servicio de subscripción y la base de datos");
Component MessageSystemRepository = restApi.AddComponent("Message System Repository", "Permite la comunicación entre el servicio de mensajería y la base de datos");
Component LocationsRepository = restApi.AddComponent("Location System Repository", "Permite la comunicación entre el servicio localización y la base de datos");
Component UserProfileRepository = restApi.AddComponent("User profile System Repository", "Permite la comunicación entre el servicio de perfil de usuario y la base de datos");
Component HiringRepository = restApi.AddComponent("Hiring System Repository", "Permite la comunicación entre el servicio de contratación y la base de datos");
// Uses
restApi.Components.Where(c => "SpringBoot REST Controller".Equals(c.Technology)).ToList().ForEach(c => webApplication.Uses(c, "Uses", "HTTPS"));
signinController.Uses(signinService, "Uses");
notificaionSystemController.Uses(notificaionSystemService, "Uses");
subscriptionController.Uses(subscriptionService, "Uses");
MessageSystemController.Uses(MessageSystemService, "Uses");
LocationsController.Uses(LocationsService, "Uses");
UserProfileController.Uses(UserProfileService, "Uses");
HiringController.Uses(HiringService, "Uses");
signinService.Uses(signinRepository, "Uses");
notificaionSystemService.Uses(notificaionSystemRepository, "Uses");
subscriptionService.Uses(subscriptionRepository, "Uses");
MessageSystemService.Uses(MessageSystemRepository, "Uses");
LocationsService.Uses(LocationsRepository, "Uses");
UserProfileService.Uses(UserProfileRepository, "Uses");
HiringService.Uses(HiringRepository, "Uses");
signinRepository.Uses(database, "Lee y escribes datos");
notificaionSystemRepository.Uses(database, "Lee y escribes datos");
subscriptionRepository.Uses(database, "Lee y escribes datos");
MessageSystemRepository.Uses(database, "Lee y escribes datos");
LocationsRepository.Uses(database, "Lee y escribes datos");
UserProfileRepository.Uses(database, "Lee y escribes datos");
HiringRepository.Uses(database, "Lee y escribes datos");
ComponentView componentViewForRestApi = viewSet.CreateComponentView(restApi, "Components", "The components diagram for the REST API");
componentViewForRestApi.PaperSize = PaperSize.A4_Landscape;
componentViewForRestApi.AddAllContainers();
componentViewForRestApi.AddAllComponents();
componentViewForRestApi.Add(Empleador);
componentViewForRestApi.Add(Empresa);
componentViewForRestApi.Add(Freelancer);
structurizrClient.UnlockWorkspace(workspaceId);
structurizrClient.PutWorkspace(workspaceId, workspace);
}
static void Banking()
{
const long workspaceId = 0;
const string apiKey = "";
const string apiSecret = "";
StructurizrClient structurizrClient = new StructurizrClient(apiKey, apiSecret);
Workspace workspace = new Workspace("Banking", "Banking - C4 Model");
Model model = workspace.Model;
SoftwareSystem internetBankingSystem = model.AddSoftwareSystem("Internet Banking", "Permite a los clientes consultar información de sus cuentas y realizar operaciones.");
SoftwareSystem mainframeBankingSystem = model.AddSoftwareSystem("Mainframe Banking", "Almacena información del core bancario.");
SoftwareSystem mobileAppSystem = model.AddSoftwareSystem("Mobile App", "Permite a los clientes consultar información de sus cuentas y realizar operaciones.");
SoftwareSystem emailSystem = model.AddSoftwareSystem("SendGrid", "Servicio de envío de notificaciones por email.");
Person cliente = model.AddPerson("Cliente", "Cliente del banco.");
Person cajero = model.AddPerson("Cajero", "Empleado del banco.");
mainframeBankingSystem.AddTags("Mainframe");
mobileAppSystem.AddTags("Mobile App");
emailSystem.AddTags("SendGrid");
cliente.Uses(internetBankingSystem, "Realiza consultas y operaciones bancarias.");
cliente.Uses(mobileAppSystem, "Realiza consultas y operaciones bancarias.");
cajero.Uses(mainframeBankingSystem, "Usa");
internetBankingSystem.Uses(mainframeBankingSystem, "Usa");
internetBankingSystem.Uses(emailSystem, "Envía notificaciones de email");
mobileAppSystem.Uses(internetBankingSystem, "Usa");
emailSystem.Delivers(cliente, "Envía notificaciones de email", "SendGrid");
ViewSet viewSet = workspace.Views;
// 1. Diagrama de Contexto
SystemContextView contextView = viewSet.CreateSystemContextView(internetBankingSystem, "Contexto", "Diagrama de contexto - Banking");
contextView.PaperSize = PaperSize.A4_Landscape;
contextView.AddAllSoftwareSystems();
contextView.AddAllPeople();
//contextView.EnableAutomaticLayout();
Styles styles = viewSet.Configuration.Styles;
styles.Add(new ElementStyle(Tags.Person)
{
Background = "#0a60ff", Color = "#ffffff", Shape = Shape.Person
});
styles.Add(new ElementStyle("Mobile App")
{
Background = "#29c732", Color = "#ffffff", Shape = Shape.MobileDevicePortrait
});
styles.Add(new ElementStyle("Mainframe")
{
Background = "#90714c", Color = "#ffffff", Shape = Shape.RoundedBox
});
styles.Add(new ElementStyle("SendGrid")
{
Background = "#a5cdff", Color = "#ffffff", Shape = Shape.RoundedBox
});
// 2. Diagrama de Contenedores
Container webApplication = internetBankingSystem.AddContainer("Aplicación Web", "Permite a los clientes consultar información de sus cuentas y realizar operaciones.", "ReactJS, nginx port 80");
Container restApi = internetBankingSystem.AddContainer("RESTful API", "Permite a los clientes consultar información de sus cuentas y realizar operaciones.", "Net Core, nginx port 80");
Container worker = internetBankingSystem.AddContainer("Worker", "Manejador del bus de mensajes.", "Net Core");
Container database = internetBankingSystem.AddContainer("Base de Datos", "Repositorio de información bancaria.", "Oracle 12c port 1521");
Container messageBus = internetBankingSystem.AddContainer("Bus de Mensajes", "Transporte de eventos del dominio.", "RabbitMQ");
webApplication.AddTags("WebApp");
restApi.AddTags("API");
worker.AddTags("Worker");
database.AddTags("Database");
messageBus.AddTags("MessageBus");
cliente.Uses(webApplication, "Usa", "https 443");
webApplication.Uses(restApi, "Usa", "https 443");
worker.Uses(restApi, "Usa", "https 443");
worker.Uses(messageBus, "Usa");
worker.Uses(mainframeBankingSystem, "Usa");
restApi.Uses(database, "Usa", "jdbc 1521");
restApi.Uses(messageBus, "Usa");
restApi.Uses(emailSystem, "Usa", "https 443");
mobileAppSystem.Uses(restApi, "Usa");
styles.Add(new ElementStyle("WebApp")
{
Background = "#9d33d6", Color = "#ffffff", Shape = Shape.WebBrowser, Icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K"
});
styles.Add(new ElementStyle("API")
{
Background = "#929000", Color = "#ffffff", Shape = Shape.RoundedBox, Icon = "https://dotnet.microsoft.com/static/images/redesign/downloads-dot-net-core.svg?v=U_8I9gzFF2Cqi5zUNx-kHJuou_BWNurkhN_kSm3mCmo"
});
styles.Add(new ElementStyle("Worker")
{
Icon = "https://dotnet.microsoft.com/static/images/redesign/downloads-dot-net-core.svg?v=U_8I9gzFF2Cqi5zUNx-kHJuou_BWNurkhN_kSm3mCmo"
});
styles.Add(new ElementStyle("Database")
{
Background = "#ff0000", Color = "#ffffff", Shape = Shape.Cylinder, Icon = "https://4.bp.blogspot.com/-5JVtZBLlouA/V2LhWdrafHI/AAAAAAAADeU/_3bo_QH1WGApGAl-U8RkrFzHjdH6ryMoQCLcB/s200/12cdb.png"
});
styles.Add(new ElementStyle("MessageBus")
{
Width = 850, Background = "#fd8208", Color = "#ffffff", Shape = Shape.Pipe, Icon = "https://www.rabbitmq.com/img/RabbitMQ-logo.svg"
});
ContainerView containerView = viewSet.CreateContainerView(internetBankingSystem, "Contenedor", "Diagrama de contenedores - Banking");
contextView.PaperSize = PaperSize.A4_Landscape;
containerView.AddAllElements();
//containerView.EnableAutomaticLayout();
// 3. Diagrama de Componentes
Component transactionController = restApi.AddComponent("Transactions Controller", "Allows users to perform transactions.", "Spring Boot REST Controller");
Component signinController = restApi.AddComponent("SignIn Controller", "Allows users to sign in to the Internet Banking System.", "Spring Boot REST Controller");
Component accountsSummaryController = restApi.AddComponent("Accounts Controller", "Provides customers with an summary of their bank accounts.", "Spring Boot REST Controller");
Component securityComponent = restApi.AddComponent("Security Component", "Provides functionality related to signing in, changing passwords, etc.", "Spring Bean");
Component mainframeBankingSystemFacade = restApi.AddComponent("Mainframe Banking System Facade", "A facade onto the mainframe banking system.", "Spring Bean");
restApi.Components.Where(c => "Spring Boot REST Controller".Equals(c.Technology)).ToList().ForEach(c => webApplication.Uses(c, "Uses", "HTTPS"));
signinController.Uses(securityComponent, "Uses");
accountsSummaryController.Uses(mainframeBankingSystemFacade, "Uses");
securityComponent.Uses(database, "Reads from and writes to", "JDBC");
mainframeBankingSystemFacade.Uses(mainframeBankingSystem, "Uses", "XML/HTTPS");
ComponentView componentViewForRestApi = viewSet.CreateComponentView(restApi, "Components", "The components diagram for the REST API");
componentViewForRestApi.PaperSize = PaperSize.A4_Landscape;
componentViewForRestApi.AddAllContainers();
componentViewForRestApi.AddAllComponents();
componentViewForRestApi.Add(cliente);
componentViewForRestApi.Add(mainframeBankingSystem);
//componentViewForRestApi.EnableAutomaticLayout();
structurizrClient.UnlockWorkspace(workspaceId);
structurizrClient.PutWorkspace(workspaceId, workspace);
}
static void Banking()
{
const long workspaceId = 54351;
const string apiKey = "c289e1d0-d703-4114-bd20-0c57e2e3c18f";
const string apiSecret = "5795af71-0e72-4b66-a286-ac801015b755";
StructurizrClient structurizrClient = new StructurizrClient(apiKey, apiSecret);
Workspace workspace = new Workspace("Inventory", "Inventory - C4 Model");
Model model = workspace.Model;
SoftwareSystem internetBankingSystem = model.AddSoftwareSystem("Inventory", "Permite a los clientes consultar información de sus inventarios.");
Person cliente = model.AddPerson("Cliente", "Cliente de Inventory.");
cliente.Uses(internetBankingSystem, "Realiza consultas sobre sus inventarios.");
ViewSet viewSet = workspace.Views;
// 1. Diagrama de Contexto
SystemContextView contextView = viewSet.CreateSystemContextView(internetBankingSystem, "Contexto", "Diagrama de contexto - Banking");
contextView.PaperSize = PaperSize.A4_Landscape;
contextView.AddAllSoftwareSystems();
contextView.AddAllPeople();
//contextView.EnableAutomaticLayout();
Styles styles = viewSet.Configuration.Styles;
styles.Add(new ElementStyle(Tags.Person)
{
Background = "#0a60ff", Color = "#ffffff", Shape = Shape.Person
});
styles.Add(new ElementStyle("Mobile App")
{
Background = "#29c732", Color = "#ffffff", Shape = Shape.MobileDevicePortrait
});
styles.Add(new ElementStyle("Mainframe")
{
Background = "#90714c", Color = "#ffffff", Shape = Shape.RoundedBox
});
styles.Add(new ElementStyle("SendGrid")
{
Background = "#a5cdff", Color = "#ffffff", Shape = Shape.RoundedBox
});
// 2. Diagrama de Contenedores
Container webApplication = internetBankingSystem.AddContainer("Aplicación Web React", "Permite a los clientes consultar información de sus inventarios", "ReactJS, nginx port 80");
Container webApplicationVue = internetBankingSystem.AddContainer("Aplicación Web Vue", "Permite a los clientes consultar información de sus inventarios", "Vue, nginx port 80");
Container webApplicationAngular = internetBankingSystem.AddContainer("Aplicación Web Angular", "Permite a los clientes consultar información de sus inventarios", "Angular, nginx port 80");
Container restApi = internetBankingSystem.AddContainer("RESTful API", "Permite a los clientes consultar información de sus inventarios", "Nest, nginx port 80");
Container root = internetBankingSystem.AddContainer("ROOT", "Permite integrar los micro-frontends", "Single SPA, nginx port 80");
Container database = internetBankingSystem.AddContainer("Base de Datos", "Repositorio de información de inventarios.", "Postgres port 5432");
Container hearthbeat = internetBankingSystem.AddContainer("HearthBeat", "Verifica cada 10 segundos que el API se este ejecutando", "Nodejs, ngix");
webApplication.AddTags("WebAppReact");
webApplicationVue.AddTags("WebAppVue");
webApplicationAngular.AddTags("WebAppAngular");
restApi.AddTags("API");
database.AddTags("Database");
root.AddTags("Root");
hearthbeat.AddTags("HearthBeat");
cliente.Uses(root, "Usa", "https 443");
root.Uses(webApplicationVue, "Usa", "https 443");
root.Uses(webApplicationAngular, "Usa", "https 443");
root.Uses(webApplication, "Usa", "https 443");
webApplication.Uses(restApi, "Usa", "https 443");
webApplicationVue.Uses(restApi, "Usa", "https 443");
webApplicationAngular.Uses(restApi, "Usa", "https 443");
restApi.Uses(database, "Usa", "typeorm 5432");
hearthbeat.Uses(restApi, "Petición", "https 443");
styles.Add(new ElementStyle("WebAppReact")
{
Background = "#9d33d6", Color = "#ffffff", Shape = Shape.WebBrowser, Icon = "data:image/png;base64,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"
});
styles.Add(new ElementStyle("WebAppVue")
{
Background = "#9d33d6", Color = "#ffffff", Shape = Shape.WebBrowser, Icon = "data:image/png;base64,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"
});
styles.Add(new ElementStyle("WebAppAngular")
{
Background = "#9d33d6", Color = "#ffffff", Shape = Shape.WebBrowser, Icon = "data:image/png;base64,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"
});
styles.Add(new ElementStyle("API")
{
Background = "#929000", Color = "#ffffff", Shape = Shape.RoundedBox, Icon = "data:image/png;base64,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"
});
styles.Add(new ElementStyle("Root")
{
Background = "#929000", Color = "#ffffff", Shape = Shape.RoundedBox, Icon = "data:image/png;base64,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"
});
styles.Add(new ElementStyle("Database")
{
Background = "#ff0000", Color = "#ffffff", Shape = Shape.Cylinder
});
ContainerView containerView = viewSet.CreateContainerView(internetBankingSystem, "Contenedor", "Diagrama de contenedores - Banking");
contextView.PaperSize = PaperSize.A4_Landscape;
containerView.AddAllElements();
//containerView.EnableAutomaticLayout();
// 3. Diagrama de Componentes
Component transactionController = restApi.AddComponent("Products Controller", "Permite a los usuarios manejar sus productos.", "Nest REST Controller");
Component signinController = restApi.AddComponent("Auth Controller", "Permite a los usuarios iniciar sesión en Inventory.", "Nest REST Controller");
Component accountsSummaryController = restApi.AddComponent("Customers Controller", "Proporciona a los clientes un resumen de sus cuentas.", "Nest REST Controller");
Component qualityController = restApi.AddComponent("Quality Controller", "Permite diagnosticar el estado del sistema.", "Nest REST Controller ");
restApi.Components.Where(c => "Nest REST Controller".Equals(c.Technology)).ToList().ForEach(c => webApplication.Uses(c, "Uses", "HTTPS"));
restApi.Components.Where(c => "Nest REST Controller".Equals(c.Technology)).ToList().ForEach(c => webApplicationVue.Uses(c, "Uses", "HTTPS"));
restApi.Components.Where(c => "Nest REST Controller".Equals(c.Technology)).ToList().ForEach(c => webApplicationAngular.Uses(c, "Uses", "HTTPS"));
// accountsSummaryController.Uses(mainframeBankingSystemFacade, "Uses");
transactionController.Uses(database, "Lee y escribe en", "Typeorm");
signinController.Uses(database, "Lee y escribe en", "Typeorm");
accountsSummaryController.Uses(database, "Lee y escribe en", "Typeorm");
hearthbeat.Uses(qualityController, "Usa", "https");
ComponentView componentViewForRestApi = viewSet.CreateComponentView(restApi, "Components", "The components diagram for the REST API");
componentViewForRestApi.PaperSize = PaperSize.A4_Landscape;
componentViewForRestApi.AddAllContainers();
componentViewForRestApi.AddAllComponents();
componentViewForRestApi.Add(cliente);
//componentViewForRestApi.EnableAutomaticLayout();
structurizrClient.UnlockWorkspace(workspaceId);
structurizrClient.PutWorkspace(workspaceId, workspace);
}
public void Test_Add_ThrowsAnException_WhenANullContainerIsSpecified()
{
try
{
view.Add((Container)null);
throw new TestFailedException();
}
catch (ArgumentException ae)
{
Assert.Equal("An element must be specified.", ae.Message);
}
}