Internet Banking System in Structurizr DSL by ChatGPT

[galuszkak]

Hey @simonbrowndotje ,

Not sure if you are interested in this discussion but I played a little with ChatGPT and it really looks like it can do some stuff with Structurizr DSL! It make some mistakes, but it takes feedback and add things into it when pointed out like, wrong syntax, or I've asked him to add technological choices because it first did model without any tech choice at all.

Here is my conversation:

---

Me
Could you propose me an architecture of Internet Banking System in Structurizr DSL?

---

ChatGPT
Certainly! Here's an example of an Internet Banking System architecture using Structurizr DSL:

workspace "Internet Banking System" "An example Internet Banking System architecture using the C4 model." {

  model {
    customer = person "Customer" "Bank customer using internet banking services."
    internetBankingSystem = softwareSystem "Internet Banking System" "Provides online banking services to customers." {
      webApplication = container "Web Application" "Allows customers to access banking services online." "Web Application"
      mobileApplication = container "Mobile Application" "Allows customers to access banking services through a mobile app." "Mobile Application"
      apiGateway = container "API Gateway" "Handles incoming requests and routes them to appropriate services." "API Gateway"
      accountService = container "Account Service" "Manages user accounts and transactions." "Microservice"
      paymentService = container "Payment Service" "Handles money transfers and bill payments." "Microservice"
      notificationService = container "Notification Service" "Sends notifications to customers via email or SMS." "Microservice"
      database = container "Database" "Stores account, transaction, and payment data." "Database"
    }

    coreBankingSystem = softwareSystem "Core Banking System" "Processes transactions and manages customer accounts."

    customer -> webApplication "Uses"
    customer -> mobileApplication "Uses"
    webApplication -> apiGateway "Sends requests to"
    mobileApplication -> apiGateway "Sends requests to"
    apiGateway -> accountService "Routes requests to"
    apiGateway -> paymentService "Routes requests to"
    apiGateway -> notificationService "Routes requests to"
    accountService -> database "Reads from and writes to"
    paymentService -> database "Reads from and writes to"
    notificationService -> database "Reads from"
    accountService -> coreBankingSystem "Sends transactions and account updates to"
    paymentService -> coreBankingSystem "Sends transactions and payment updates to"
  }

  views {
    systemContext internetBankingSystem {
      include *
      autoLayout
    }

    container internetBankingSystem {
      include *
      autoLayout
    }
  }

  styles {
    element "Software System" {
      background #1168bd
      color #ffffff
    }
    element "Person" {
      background #08427b
      color #ffffff
    }
    element "Container" {
      background #438dd5
      color #ffffff
    }
  }
}

This architecture represents a simplified version of an Internet Banking System with a web and mobile application frontend, an API Gateway for request handling, and microservices for account management, payments, and notifications. Additionally, a database stores account, transaction, and payment data, while the Core Banking System processes transactions and manages customer accounts.

---

Me
Can you include technological choices in this diagram? What programming languages, database, protocols will be used to build this? And also styles should be inside the views.

---

ChatGPT
I apologize for the mistake with the styles block. Here is an updated version of the Internet Banking System architecture that includes technology choices and the corrected styles block:

workspace "Internet Banking System" "An example Internet Banking System architecture using the C4 model." {

  model {
    customer = person "Customer" "Bank customer using internet banking services."
    internetBankingSystem = softwareSystem "Internet Banking System" "Provides online banking services to customers." {
      webApplication = container "Web Application" "Allows customers to access banking services online." "Angular"
      mobileApplication = container "Mobile Application" "Allows customers to access banking services through a mobile app." "React Native"
      apiGateway = container "API Gateway" "Handles incoming requests and routes them to appropriate services." "Nginx"
      accountService = container "Account Service" "Manages user accounts and transactions." "Java (Spring Boot)"
      paymentService = container "Payment Service" "Handles money transfers and bill payments." "Java (Spring Boot)"
      notificationService = container "Notification Service" "Sends notifications to customers via email or SMS." "Java (Spring Boot)"
      database = container "Database" "Stores account, transaction, and payment data." "PostgreSQL"
    }

    coreBankingSystem = softwareSystem "Core Banking System" "Processes transactions and manages customer accounts."

    customer -> webApplication "Uses"
    customer -> mobileApplication "Uses"
    webApplication -> apiGateway "Sends requests to"
    mobileApplication -> apiGateway "Sends requests to"
    apiGateway -> accountService "Routes requests to"
    apiGateway -> paymentService "Routes requests to"
    apiGateway -> notificationService "Routes requests to"
    accountService -> database "Reads from and writes to"
    paymentService -> database "Reads from and writes to"
    notificationService -> database "Reads from"
    accountService -> coreBankingSystem "Sends transactions and account updates to"
    paymentService -> coreBankingSystem "Sends transactions and payment updates to"
  }

  views {
    systemContext internetBankingSystem {
      include *
      autoLayout
    }

    container internetBankingSystem {
      include *
      autoLayout
    }

    styles {
      element "Software System" {
        background #1168bd
        color #ffffff
      }
      element "Person" {
        background #08427b
        color #ffffff
      }
      element "Container" {
        background #438dd5
        color #ffffff
      }
    }
  }
}

In this example, I've included the following technology choices:

• Web Application: Angular (frontend)
• Mobile Application: React Native (frontend)
• API Gateway: Nginx
• Account Service, Payment Service, Notification Service: Java (Spring Boot) for microservices
• Database: PostgreSQL

These are just examples and can be replaced with your preferred technology stack. The styles block has been moved inside the views block as well.

---

Hope you find this interesting @simonbrowndotje to some degree ;-)

[pccross]

Very cool! Were you using GPT4 for this? I tried entering similar queries into the GPT4 interface hosted by Hugging Face, and I couldn't get anything useful back, so interested to hear which OpenAI interface you ran them through.

[galuszkak]

@pccross I've used both. GPT4 was much more reliable for this task. I've used normal ChatGPT interface (via ChatGPT Plus service), didn't went through Hugging Face.