Technical diagrams and tools for drawing them - digitalideation/studio_webmobile2_2021 GitHub Wiki
Your task
- Draw a system architecture diagram for your project
- Draw a sequence diagram for your project
You are free to use any tool you want. Below you can find some suggestions. The diagrams can change as your project evolves.
Diagrams
Diagrams are an important part of a technical documentation. They help someone new to the project (or your future self) to get a quick understanding of your system. They can also help you when you plan your system before you start implementing. Diagrams can be drawn a different levels of abstraction and focus on different parts of your system. In this course, you are required to hand-in a sequence diagram describing the communication and a system architecture diagram that shows the most important components in your system and how they related to each other.
- UML modelling language. A modelling language that offers multiple standard ways to model a system, for example with sequence diagrams.
- Sequence diagram (in German)
- There is no standard way for system architecture diagrams. It should contain at least the most important parts of your system (client, server, databases, etc.) and how they communicated with each other. Optionally, it can also contain information on the technologies used in the components.
Tools for drawing diagrams
Examples
As reference, here are a system architecture and a sequence diagram for the project in Studio Web & Mobile 1.
