Scribd
Upload
18 views

Lab#3

Uploaded by

sanober shahin
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
18 views

Lab#3

Uploaded by

sanober shahin
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Lab # 3

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.

2. The User Interface View:

SWE-208: Software Design and Architecture


Lab # 3

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
https://online.visual-paradigm.com/diagrams/features/wireframe-tool/wired-ui-diagram-tool/

1. Use the above link and 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 other online tool too for this task).

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

SWE-208: Software Design and Architecture

You might also like