Lab # 3 SSUET/QR/114

LAB # 3

AVM: Process View and User Interface View

OBJECTIVE
OO modelling using Process View model and User Interface View model.

THEORY:
1. The Process View:
The process view focuses on the dynamic aspects of the system, i.e., its execution time behavior.
This view also derives from the logical view. It contributes too many nonfunctional requirements
and quality attributes such as scalability and performance requirements.
The process view looks at the system's processes and the communications among them. A
software system can be decomposed into many runtime execution units. How to organize all
execution units at runtime is presented in this view. The quality attributes such as performance,
scalability, concurrency, synchronization, distribution, and system throughput are all addressed
in the process view. This view maps functions, activities, and interactions onto runtime
implementation with a focus on nonfunctional requirements as well as the implementation of the
functional requirements. The process view must also address nonfunctional requirements such as
multithreading and synchronous/asynchronous communications for performance and availability.
The UML activity diagram support this view.

SWE-211(L): Software Design and Architecture

Lab # 3 SSUET/QR/114

2. The User Interface View:

The User Interface (UI) view is an extended view that provides a clear user-computer interface
view and hides implementation details.
This view may be provided as a series of screen snapshots or a dynamic, interactive prototype
demo. Any modification on this view will have direct impact on the scenarios view. The Figure
shows a GUI user interface for an online shopping cart.

Exercise
1. Design the screens of any application of your choice. For e.g. if you are developing a music
streaming application, design your app’s different screens like registration/login, music library,
social sharing, etc.

(You can use any online tool for this task).

2. Convert any one of your app’s screens to code using html/css.

SWE-211(L): Software Design and Architecture