Multi-layer Sequence Diagrams Examples

What is System Sequence Diagram?

A sequence diagram shows object interactions (communications) set in time sequence. It shows the objects and classes tangled in the state and the order of communications exchanged between the objects required to carry out the functionality of the state. They are typically related with use case understandings in the Logical or Rational View of the system under progress. Sequence diagrams are occasionally called event diagrams or even event scenarios.

A sequence diagram displays, as parallel vertical lines which means lifelines, different procedures or objects that live instantaneously, and, as horizontal arrows, the communications exchanged among them, in the same direction in which they happen. This permits the requirement of modest runtime situations in a graphical style.

In short…

Sequence Diagrams includes:

• The interaction or the communication that takes place in an association that either understands a use case (generic diagrams)
• High-level communications or interactions among the users of the system or amongst subsystems. And that’s the reason it’s sometimes identified as system sequence diagrams

Sequence Diagrams at a Glimpse

It shows fundamentals as they interact over time as well as the way they are organized consistent with object or horizontally and time or vertically

Object Dimension

• The horizontal axis displays the elements which are involved in the communication
• Conventionally, the objects which are involved in the process are listed from left to right as stated by after they join in in the message order. Though, the elements which are on the horizontal axis, might appear in any direction

Time Dimension

• The vertical axis characterizes time progressing or developing down the page.

Sequence Diagram Example: 

Add New Bill to the student account and notification of that bill to the student

The requirements:

1. As an admin, I want quick view of students account for students who can see their last payment details as well as next payment details.
2. Also, they can enter and change their automatic billing payment details.
3. They can get notifications about next payment with the installment amount and notifications for new charges applied to their account
4. For staff, I want the view with edit, view, delete and add new buttons.

Tasks: 

1. Create a student view that can have last payment details as well as next payment details like payment amount, paid or due date and time, associated bank account or card etc.
2. Create ‘Edit Payment Details’ button on view page for students that lead them to detailed payment option pages.
3. Set a notification for triggering an event/microflow for following:
1. In a scenario when new charges being applied to the student account
2. Payment due date is a week away
4. For admin(staff) page, create edit, view, delete and add new buttons. ‘Add New Billing Info’ will take them to a new event add page with the text boxes to be filled with info and then a save button.

The Diagram

The alt frame is going to display the message that “Data not found” when the user inserts wrong query about the data. For example, wrong student ID. 

Professor adds exam to the appropriate subject and that notification goes to student about the new added exam

The requirements:

1. As an admin, I want students to get reminders about their important lectures like test/quiz/exam day; events like inauguration day event, career fair event, assignment due day etc. whenever they opt in.
2. Also, announcement from the professor should be immediately displayed on an app with a notification.
3. As an admin, I want a quick view for a weekly schedule in a calendar view for students. It should include classes for the week, assignments/exams/quizzes due as well as events they are registered for.
4. Also, whenever any student registers for any event, it should be displayed on the calendar view

Tasks: 

1. Make a list view or calendar view ‘My Schedule’ page that displays all the classes for a week as well as events for which the students are registered for.
2. Create a microflow for the scenario: on ‘Save’ button on registration page
3. Whenever any students register for any event, add that event details to ‘My Schedule’ page
4. Create microflows:
1. Set a time based microflow that checks the next 7 days period for any lectures: Check if the students are opted in for lectures reminders. If so, send a notification for the upcoming lectures and by clicking on that notification should open the detailed view page for the class
2. Set a time based microflow that checks for the opted in students for any events and send them notifications before a week (as that as a default reminder)
3. Create an ‘Announcement Page’ where professors can post quick announcements.
4. On the ‘Announcement Page’ set a triggered event for ‘Post Announcement’ button for this scenario: Whenever any professor posts any announcements, that triggers a microflow and sends a notification right away for that announcement to all the students.
5. Students will be able to view the ‘Announcement Details’ page by clicking on the notification.

The Diagram

The alt frame is going to display the message that “Data not found” when the user inserts wrong query about the data. For example, wrong subject ID. 

NOTE: I'VE USED MENDIX PLATFORM TO MAKE MY APPLICATION WHICH I DON'T RECOMMEND USING TO YOU GUYS. IT'S SO MUCH COMPLEX AND WE ENDED UP GETTING NOWHERE AFTER FEW PAGES BECAUSE OF UNKNOWN ERRORS.