Architecture diagram, so easy?

Hello, I'm Goku.

drawing skills

This picture is from Geek Time.

from geek time

understand the architecture

To accurately understand the definition of architecture, the key is to sort out three groups of concepts that are easily confused: system and subsystem modules and components framework and architecture.

Systems and Subsystems

A system generally refers to a group composed of a group of related individuals, operating according to certain rules, and able to complete the work that individual components cannot do alone. It means "overall," "whole," or "union."

Modules and Components

A software module (Module) is a set of consistent and closely related software organizations. It includes two parts of program and data structure respectively. Modern software development often utilizes modules as units of composition. A module's interface expresses the functionality provided by the module and the elements required to invoke it. Modules are units that may be written separately. This makes them reusable and allows people to collaborate, write and study different modules simultaneously. A software component is defined as a self-contained, programmable, reusable, language-independent unit of software that can be easily used to assemble applications.

Framework and Architecture

Software framework (Software framework) usually refers to a software component specification to achieve a certain industry standard or to complete a specific basic task, and also refers to a software product that provides the basic functions required by the specification in order to achieve a certain software component specification.

Points to note when drawing architecture diagrams

Recently, I am drawing the technical architecture diagram of the project. What should I pay attention to?

  • Who: Who will draw, usually architects or senior engineers.
  • Who Care: Development within the team, technical leadership of the company.
  • Complexity: Not all details need to be shown on the diagram. Draw only the most important parts to avoid clutter.
  • Hierarchy: arrange the system according to different levels.
  • Tools: You can use some drawing tools to help draw beautiful pictures, such as ProcessOn, Draw.io, Lucidchart, Microsoft Visio, etc.
  • Explanation: Some information may not be fully presented on the picture, and some text explanations can be added next to it to ensure that others can understand it.
  • Keep it updated: The architecture of your project changes over time, so check periodically to see if the diagram needs to be updated.

My favorite drawing tool is still ProcessOn, and most of my articles are drawn with this tool.

Business Architecture Diagram

Definition : Describe what business functions the system provides to users. When drawing, it is biased towards business functions and weakens technical content.

Drawing skills : display similar businesses in a group, and mark them with dotted lines or the same background.

picture

Architecture diagram of the middle platform

Middle-end architecture diagram (system architecture diagram)

Definition: Comprehensive, including front-end, back-end, third-party platforms, etc.

Data center architecture diagram

Definition : More descriptions of data transfer, storage, data support, etc.

picture

Data center architecture diagram

Cloud platform architecture diagram

picture

Cloud platform architecture diagram

Smart Park Architecture Diagram

picture

Smart Park Architecture Diagram

Technical Architecture Diagram

Definition : Describe which technologies are used and how these components are used together.

picture

Technical Architecture Diagram

picture

PassJava technology architecture diagram

picture

Technical Architecture Diagram

Deployment Architecture Diagram

Definition : Describe how the back-end system is deployed, mainly including computer room information, network information, and hardware information.

Usage scenario : overall architecture design. Operation and maintenance planning and optimization.

Drawing skills : use icons instead of blocks, which looks more beautiful and easy to understand.

picture

from geek time

picture

From Orient Securities

Guess you like

Origin juejin.im/post/7264006773467955237