E-Commerce Website Activity Diagram | UML

Activity Diagram for E-Commerce Website | UML

The Activity Diagram for E-Commerce Website is one of the behavioral diagrams based on UML. It shows the system’s behavior by presenting the flow of activities from one process to another. The possible flow of activities can be in order, split, or continuous.

The E-commerce Website Activity Diagram is build-up of activities, decisions, and paths. It uses symbols to define the overall workflow of activity diagram.

Activity Diagram illustrates the E-Commerce Website’s behavior in terms of interacting with its users. UML Activity Diagram also gives bright ideas and guides the project proponents throughout the software development.

E-commerce Website Activity Diagram: Project Name and Details

E-commerce : questions à se poser ... x
E-commerce : questions à se poser avant de créer un site marchand ?

The table shows the project name and details of activity diagram of e-commerce website. It has the complete information of the project.

Name:E-commerce Website Activity Diagram
Abstract:The E-commerce Website Activity Diagram represents the behavior of the project in terms of its activities. It contains the important details on the activities and constraint done in the project.
UML Diagram:Activity Diagram
Users:Admin, Sellers, and Buyers
Tools Used:Diagram tools that provides activity diagram symbols.
E-commerce Website Activity Diagram: Project Name and Details

Importance of E-commerce Website Activity Diagram

The importance of E-commerce Website Activity Diagram is that it enables interaction between developers and clients. This is done by helping them visualize the system’s functionality in various degrees of detail.

The activity diagram involves major activities to define the workflow of the project. These activities comes with user decisions that results to more effective interaction. Being a programmer, these are the important roles that the E-commerce Website should have.

UML Activity Diagram for E-commerce Website

The UML Activity Diagram for E-commerce Website is one of the methods used for project development. It represents the software’s major activities and constraints that leads to paths that the project includes. They were labelled properly to guide programmers and users about the behavior of E-commerce Website.

Additionally, activity diagram depicts software operations as a series of actions. These diagrams are used to document and define the system processes and use cases. It can clarify difficult use cases to simplify and improve any process. An activity diagram also models the system’s actions, functions, and processes.

Activity diagrams provide the same basic goals as the other UML diagrams. It illustrates the system’s dynamic behavior. The flow of messages from one object to another is shown in other UML diagrams. The activity diagram on the other hand, shows the flow of processes from one activity to another.

E-commerce Website Activity Diagram: Benefits

The E-commerce Website Activity Diagram Benefits are as follows:

  • Helps in understanding how the project’s algorithm works.
  • It describe the steps that a UML use case takes.
  • Shows how users and the system interact in a process or workflow.
  • Clarify difficult use cases to simplify and improve any process.

Activity Diagram for E-commerce Website [PDF]

The Activity Diagram for E-commerce Website is given to expound its ideas. Its’ activity diagrams are shown in different scenarios and is based on its users.

E-Commerce Website Activity Diagram (Seller Side) – The E-Commerce Website concept is to host the sellers to sell their products in the website. Then with use of the website, customer can easily access their desired products with just logging in into it. Here’s the potential series of activities using the E-Commerce Website concept.

Activity Diagrams for E-Commerce Website System (Seller Side)
E-Commerce Website Activity Diagram (Seller Side)

In creating the E-Commerce Website UML Activity Diagram, you have to be familiar with the activities involved in e-commerce. That is because, the Activity Diagram is used to illustrate the structure of the website and will be one of the basis in developing it. You have to be cautious in designing it so you wont make errors while creating it.

As can you see through the illustration, there are several flow of activity between the user and the website. This means that these activities are included when doing an e-commerce transaction. But bear in mind that these activates were traditional so if you want to add new to your project, you may innovate this idea.

E-Commerce Website Activity Diagram (Seller and Buyer Side) – This diagram shows the flow of activities when a buyer and seller get to communicate through the website. It clarifies the included processes and the exchange of request between the buyer and the website as well as the seller.

Activity Diagrams for E-Commerce Website System (Both Side)
E-Commerce Website Activity Diagram (Seller and Buyer Side)

The activity diagram for both buyer and seller side is designed based on actual activities that happens when you shop online. The concept was made automatic and accessible with the use of the e-commerce website. Its’ purpose is to provide more convenient way for shoppers to buy their needs without going out and exerting effort to buy something.

You can have the PDF file of this discussion by clicking through the button.

Draw the Activity Diagram for E-Commerce Website using UML Tool

Time needed: 5 minutes.

Steps in creating an Activity Diagram for E-Commerce Website.

  • Step 1: Familiarize Activity Diagram Symbols

    Activity Diagram Symbols – are used to create an Activity Diagram which were presented here. Their symbols and applications must be familiarized before you build the Activity Diagram.
    Activity Diagram Symbols
    • Start – is the beginning of the action is symbolized by a filled circle. A dark circle represents the initial node.
    • Action – is a stage of an activity in which users or software accomplish a certain task. Actions are represented by round-edged rectangles.
    • Decision – represent by a diamond and is used to symbolize a conditional branch in the flow. It has two or more outputs and a single input.
    • Swim Lanes – are the lanes drawn as boundaries, and the activities drawn in the same lane as the organization’s activities. Swim lanes must be arranged in a logical order.
    • Activity Flow – is another name for the connectors in the diagram that illustrate the flow between processes (activity).
    • End or Terminator – is the last phase of the activity. An indicated black circle represents the final node.

    Each of these activity diagram symbols shows the overall System behavior. Emphasizing the System’s behavior would be much easier by using these Activity Diagram symbols.

  • Step 2: Determine the targeted users

    After the symbol familiarization, you’ll need to determine your targeted users. Your targeted users will be the ones to use your project.

    Your project is E-commerce Website, then your users would be the admin, sellers and the customers. You may ask them of the common activities that they do when doing task in recognizing faces. These information will help you in proceeding with the next step.

  • Step 3: Analyze the activities included

    Analyzation is very important in creating an activity diagram. It will help you understand the work of the diagram and avoid the unwanted errors.

    The gathered information from the targeted users are very useful in creating an activity diagram. You just need to evaluate these data and pick the general activities.

    From the general activities, you will see the specific activity that are included in it. But only include the useful activities and decisions (circumstances) related to website management. Then you’re ready for the next step.

  • Step 4: Plot the Activity Diagram

    To plot the activity diagram you will need the users, activities, decisions, and their flows (paths). You will base the flow of activities from the evaluated information to have the exact Activity Diagram.

    To plot your Activity diagram, you need to place first the users involved and the process they will perform.

    Then place the figured activities or steps included in doing the process.

    After that, you will trace the flow or path of activities to know the series of interaction between the user/s and the system.

    Finally, you put the swim lanes or the partition in the plotted diagram to separate the objects’ (users and system) activity. This is to identify what are the activities or decisions that are under them or should be performed.

Additional Knowledge:

The activity diagram works perfectly with the other UML Diagrams which were available also on our site. They are the E-Commerce Website Use Case Diagram, Data Flow Diagram, Entity Relationship Diagram, Class Diagram, Sequence Diagram and many more. These diagrams served as the blueprint designs to foresee the needed functions of a working E-Commerce Website.


It is essential for you to know the diagrams used to design and develop the E-Commerce Website. That is because you cannot perfectly create a fully-functional system without it. But if you create this activity diagram, you will know the activities and scenarios that the system should process and perform. Not only that, you will find out the needed processes and connect them to the other UML Diagrams.

By completing the Activity Diagrams per module or per processes, you will easily achieve your desired system. Just note that the activity diagram for E-Commerce Website stays the same as its concept. You can always improve and innovate the idea but you cannot change its basic concept.


If you have inquiries or suggestions about Activity Diagram for E-commerce Website, just leave us your comments below. We would be glad to hear to concerns and suggestions and be part of your learning.

Keep us updated and Good day!

Leave a Comment