uml timing diagram tutorial

UML is a primary language for software engineering since it can be utilized to screen capture, design, and record assorted forms of program software. It provides a simple way for software engineers to describe a system’s requirements and characteristics and make sure that other engineers have the same clear way of thinking about the system.

As far as UML diagrams are concerned, timing diagrams are one of the types of diagrams that help depict how a system behaves in space-time. You apply UML timing diagrams in situations where you need to implement real-time systems and where time plays an important role. They ensure the system runs efficiently. So, they're very important!

In this article
  1. What Is a Timing Diagram?
  2. Basic Concepts of Timing Diagrams?
  3. How to Draw a UML Timing Diagram
  4. Timing Diagram Examples
  5. Conclusion

What Is a Timing Diagram?

As far as software engineering is concerned, timing diagrams dive into the overall operation of a software system's aspects of time. Time duration and time state of various elements about timing help in providing a good understanding of how the different parts in the system work about time.

The usage of timing diagrams in UML is meant to represent all those aspects that deserve the attention of a real-time engineer or any other situation where time is a parameter not to be neglected. As a graphical representation of the clock cycle of a system, timing diagrams ensure the system is not just functional but also efficient.

Now that we're familiar with the general concept of UML timing diagrams, let's take a closer look at the constituent parts of such a diagram and the best practices for their development. UML timing diagrams capture the temporal aspects of a software system's operation, highlighting key elements such as:

  1. Timing constraints
  2. Duration of events
  3. States of system elements
  4. Sequences of interactions
  5. Message deliveries
  6. Timing of function executions

Thus, compared to other forms of documentation, UML timing diagrams cover all these aspects and provide a more complete view of the system at a glance, thus making it easier to validate and improve the performance of a system.

Basic Concepts of Timing Diagrams

In this section, we shall describe some of the basic constructs that are used in the UML timing diagram. These are the basic elements that assist in conceptual modeling and drawing the time-related aspects of software systems.

Having learned these basic elements, it will be easier for us to create and understand timing diagrams. Here’s a breakdown of these elements:


Indicates that an element that exists in the system is temporal, and thus exists at only a specific time. A vertical line with the box on top of it means a lifeline.

lifeline example 1

For example, items like “Web Browser,” and “Web Server” are considered lifelines in the diagram.

State Timeline

A way of visualizing the different states through which an element moves in time. It is portrayed by the cross-sectional bands within the lifeline.

state timeline example

In this example, the state transitions are labeled as “Login Request”, the State “Authentication”, the eventual State “Logout” etc on the lifelines.

Multiple Compartments

Facilitates arrangements and separations of various items or characteristics in one figure. Each compartment is separated by a vertical dashed line which goes from top to bottom of the figure.

multiple compartments example 1

For instance, in the example above, the upper compartment symbolizes state transitions of the first web server. The lower compartment symbolizes the state changes of the second web server.

Timeline and Constraints

Illustrates when various activities in the system must take place about others.

timeline and constraints-example 1

Here, you can see the timeline going from left to right, and constraints like Idle will then Authentication before Communication.

State Lifeline

The state lifeline component is very important in representing the different states and the transitions of an element within a system at different times. The state lifeline captures the sequence of the steps that an element goes through as it passes from one state to another, effectively illustrating the dynamics of the system.

state lifeline example 1

Value Lifeline

The value lifeline is effective in using timing diagrams as we can determine how an element is being affected over time by inputs or events. In a way, it is like seeing a face and a figure morphing to express the moods of the characters in a film.

value lifeline example 1

Putting It All Together

When used together the State Lifeline and Value Lifeline components in timing diagrams give us an overall view of how, in terms of state and state values, an element under consideration transforms within any system of interest at any given point in time concerning its state transitions.

state and value lifeline example 1

How to Draw a UML Timing Diagram

Step 1:Choosing the System

The first thing you must understand is the organization of the system that you are using, and clarify the objective of the timing diagram, including the actors, interactions, and any timing constraints or behaviors.

Step 2:Choose a UML Tool

You must find a UML tool that supports the use of timing diagrams. Tools like EdrawMax or Visio are preferable choices.

Step 3:Define the Lifelines

The first component of the system is lifelines. Specify the lifelines of the system and give each lifeline a name. You can place the lifelines of different objects in one timing diagram in a vertically stacked manner.

Step 4:Include Messages and Timing Constraints

Draw messages between the lifelines to indicate the interactions exchanged between them. When labeling the arrows, ensure that you write the direction of the message flow. Insert time tags to reflect how long each activity will take or when it will occur.

Step 5:Specify Timing Behaviors

Now analyze your system and specify any timing behaviors that affect the system. Some significant behaviors include:

  • Identify synchronization points in the system where multiple interactions need to align their timing.
  • Show the occurrence of events within the system and indicate their timing on the timing diagram.
  • Note any time constraints or deadlines that govern the system's behavior.
Step 6:Review and Refine the Diagram

After drawing the diagram, revise it and ensure that it depicts your system and its timing characteristics and behaviors. Select the text that still needs changes and modifications.

Timing Diagram Examples

Let’s discuss some useful examples of timing diagrams.

1. Timing Diagram for Vehicle Toll System

In this example, we used a timing diagram to illustrate the interactions and timing constraints in a vehicle toll system. The lifelines represent the actors involved in the system, such as the toll plaza, car, and ticket machine.

The car arrives, and the barrier is closed. When the user inserts a coin into the ticket machine, it validates the coin and raises the barrier. After a duration of T 8s, the barrier drops again and the machine returns to the idle state.

2. Timing diagram for Operations of AND Gate

The timing diagram shows multiple transitions in the input values (A and B). At each transition, the output (Z) reflects the logic. The output Z is only high (logical 1) when both inputs A and B are high (logical 1).

If at least one of the inputs is low (logical 0), the output Z is low (logical 0). In essence, the timing diagram visually confirms that the AND gate's output only activates (goes high) when both of its inputs are active (high).

3. Timing Diagram for Elevator System

We have two lanes in this timing diagram. The first one is for the elevator status, and the second one is for the user action. Initially, both are idle. The user walks up to the card reader to identify it, and then he/she swipes the card within a second.

The elevator then takes three seconds to respond and begins to head towards the requested floor. Both return to inactive after four seconds, implying that the user has probably stepped in the elevator and the door is perhaps shut.


In conclusion, this article has described what time diagrams are in UML, and why they are important for managing temporal aspects of system behavior. We have started with the simplest components of timing diagrams like lifelines, messages, events, and time constraints and thereby explained how they altogether provide a picture of the system.

The main focus of the article was to touch upon the concepts of uml timing diagrams and the tools/techniques employed by software developers for system design. Through the use of timing diagram, practitioners can describe, analyze, and document timing constraints, thus improving the performance of software systems.

edrawmax logoEdrawMax Desktop
Simple alternative to Visio
210+ types of diagrams
10K+ free templates & 26k+ symbols
10+ AI diagram generators
10+ export formats
edrawmax logoEdrawMax Online
Edit diagrams anywhere, anytime
Personal cloud & Dropbox integration
Enterprise-level data security
Team management and collaboration

Freya Jul 04, 24
Share article: