SOFTWARE ENGINEERING

Group names
Yasir Siddique BSEM-F17-022

Mateen Nawaz BCSM-F17-028

Muhammad Zeeshan BSEM-F17-160

Table of Contents
Table of Figures.....................................................................................................................2
Abstract..................................................................................................................................3
Project Scope..........................................................................................................................4
Introduction............................................................................................................................5
Prototype................................................................................................................................6
Functional Requirements.......................................................................................................8
PS-FR.....................................................................................................................................8
Description.............................................................................................................................8
Non-Functional Requirements...............................................................................................8
PS-NFR..................................................................................................................................8
Description.............................................................................................................................8
Use cases................................................................................................................................9
UC-001...............................................................................................................................9
UC-002...............................................................................................................................9
UC-003.............................................................................................................................10
UC-004.............................................................................................................................10
UC-005.............................................................................................................................11
UC-006.............................................................................................................................11
UC-007.............................................................................................................................12
Sequence Diagrams..............................................................................................................13
SD-001.............................................................................................................................13
SD-002.............................................................................................................................13
SD-003.............................................................................................................................14
SD-004.............................................................................................................................14
SD-005.............................................................................................................................15
SD-006.............................................................................................................................15
Activity Diagrams................................................................................................................16
AD-001.............................................................................................................................16
AD-002.............................................................................................................................16
AD-003.............................................................................................................................17
AD-004.............................................................................................................................17
AD-005.............................................................................................................................18
AD-006.............................................................................................................................18

1
 Conclusion............................................................................................................................19

Table of Figures

Figure 1 Main Workplace..........................................................................................................6

Figure 2 navigation bar..............................................................................................................7
Figure 3 tool bar.........................................................................................................................7
Figure 4Workspace use case (FR-001)......................................................................................9
Figure 5 Tools use case (FR-002)..............................................................................................9
Figure 6 Filter Use Case (FR-003)...........................................................................................10
Figure 7 Color picker use case (FR-004).................................................................................10
Figure 8 Layers use case (FR-005)..........................................................................................11
Figure 9 Scripts Use Case (FR-006)........................................................................................11
Figure 10 Combine Use Case...................................................................................................12
Figure 11 Workspace Sequence diagram.................................................................................13
Figure 12 Tools Sequence Diagram.........................................................................................13
Figure 13 Filters Sequence Diagram........................................................................................14
Figure 14 Color Picker Sequence Diagram..............................................................................14
Figure 15 Layers Sequence Diagram.......................................................................................15
Figure 16 Script Sequence Diagram........................................................................................15
Figure 17 workspace activity diagram.....................................................................................16
Figure 18 tools activity diagram..............................................................................................16
Figure 19 Filters activity diagram............................................................................................17
Figure 20 color Activity diagram.............................................................................................17
Figure 21 Layer activity diagram.............................................................................................18
Figure 22 script activity diagram.............................................................................................18

2
 Abstract
Adobe Photoshop is known as a raster graphics editor, which is a computer program that lets
users create and edit images and then save them in one of many formats. Photoshop has a
number of tools which users can leverage to manipulate and edit images – the clone tool
duplicates part of an image; the shape tool creates rectangles, circles and lines; the pen tool
creates precise paths that uses anchor points. Other tools include cropping, slicing, magic
wand, lasso, eraser and marquee, among others.

3
 Project Scope
The software provides many image editing features for raster (pixel-based) images as well as
vector graphics. It uses a layer-based editing system that enables image creation and altering
with multiple overlays that support transparency. Layers can also act as masks or filters,
altering underlying colors. Shadows and other effects can be added to the layers. Photoshop
actions include automation features to reduce the need for repetitive tasks. An option known
as Photoshop CC (Creative Cloud) allows users to work on content from any computer.

4
 Introduction
Photoshop was developed in 1987 by the American brothers Thomas and John Knoll, who
sold the distribution license to Adobe Systems Incorporated in 1988. Photoshop is a graphics
editing program by Adobe that is used by professionals and regular consumers. It is usable on
a variety of operating systems and is available in a variety of languages. This program can be
used to create images from scratch or to alter existing images. Photoshop skills are useful and
can lead to gainful employment.
In Adobe Photoshop you can design everything from starch.
 In adobe Photoshop you can create flyers, books cover designs, broacher’s designs
and various other branding and marketing for business.
 Uses in photography for e-commerce websites and online stores. In which you can
edit lifestyle and product images.
 You can also use adobe Photoshop to design, draw maps, satellite views, and
environment, rivers, trees showcase in icon and small graphics. This is mostly use in
gamming apps.
 Adobe Photoshop is used to design website landing pages, website design, and sales
funnel design.

5
 Prototype

Figure 1 Main Workplace

After creating new project, you will land to main workplace where you will find different
options about different things.

6
First you will find navigation bar at the top of software where you find different options.

Figure 2 navigation bar

In file section you will find many options regarsding many option like open file, import file,
export file, save project, print file and many other things. In edit section you will find basics
and essentials for editing of photographs like merging the object, defining the brush pattern,
scaling of photo and many other. In Image section you will find many properties of any
image like mode of images, adjustment of image, canvas size, and calculations. In layer
section you will find options regarding image layering, masking, layer styling and many other
options of layers. In Type section you will find option of type-toolkit, panel’s orientation and
many other options of text. In view section option like frame size, screen mode, zooming
options, rulers and many other options of view. In Filter section you will find each and every
filter that is belong to any image with these amazing filters you can edit, retouch and enhance
your photographs. And final help tab in which you will find license and any kind of help
regarding this software you will access from here easily.
Secondly Tool kit:

Figure 3 tool bar

You will find tool Kit at the most left of the software in this tool kit photoshop added so
many interesting tool to edit any photograph the line of this tool kit started with some basic
tool like “Marquee” tool for selection, crop tool, polygon tool for desired pointed selection.as
the line goes down in tools, tools become more interesting and more feature-able. All tools
that are used for editing like brush tool, color tool, pen-Tool, and Text tool etc. you will find
here.
Third Main-working area:
Large White Space in the center of software where you create you can create your design and
place images for their designing and editing this workplace also attached with ruler for exact
measuring in your design.
Fourth Properties section:
The properties section can find in most right of the software. In which you firstly found color
properties and swatches which is most essential part of any designing. Below that you will
find layer panel. Layers mostly help in our designing for merging many contents in a single
picture with the help of layer you can easily configured out each and every thing separately
and easily. And you can also find channel panel, in this you can adjust the channels of any
image. Channel is the most basic properties of any image. Every image contains three basic
channel 1. Red, 2. Green and 3. Blue.
This most basic and unique UI help you to get what you want easily. With this simple UI you
can easily understand the pathway of software.

7
 Functional Requirements

PS-FR Description
PS-FR-001 Workspace: It provide Workspace for editing and designing.

PS-FR-002 Tools: It Provide different tools to create design.

PS-FR-003 Filters: It provide list of filters to enhance and retouch

photographs.

PS-FR-004 Color Picker: It provide ranges of colors to demonstrate the

illustration.

PS-FR-005 Layers: It provide series of layers to handle each and every object
Separately.

PS-FR-006 Scripts: It provide series of scripts for image processing.

Non-Functional Requirements

PS-NFR Description
PS-NFR-001 Maintainability: It must be maintainable

PS-NFR-002 Security: It must be secure

PS-NFR-003 Data Integrity: Data must be integrated.

PS-FR-004 Reliability: It must be reliable.

PS-FR-005 Performance: It must have good response time.

8
 Use cases
UC-001

Figure 4Workspace use case (FR-001)

UC-002

Figure 5 Tools use case (FR-002)

9
UC-003

Figure 6 Filter Use Case (FR-003)

UC-004

Figure 7 Color picker use case (FR-004)

10
UC-005

Figure 8 Layers use case (FR-005)

UC-006

Figure 9 Scripts Use Case (FR-006)

11
UC-007

12
Figure 10 Combine Use Case

13
 Sequence Diagrams
SD-001

Figure 11 Workspace Sequence diagram

SD-002

Figure 12 Tools Sequence Diagram

14
SD-003

Figure 13 Filters Sequence Diagram

SD-004

Figure 14 Color Picker Sequence Diagram

15
SD-005

Figure 15 Layers Sequence Diagram

SD-006

Figure 16 Script Sequence Diagram

16
 Activity Diagrams

AD-001

Figure 17 workspace activity diagram

AD-002

Figure 18 tools activity diagram

17
AD-003

Figure 19 Filters activity diagram

AD-004

Figure 20 color Activity diagram

18
AD-005

Figure 21 Layer activity diagram

AD-006

Figure 22 script activity diagram

19
 Conclusion
Adobe Photoshop is the world’s most advanced digital imaging software, used by
photographers, designers, web professionals, and video professionals. The app gives you the
utmost power and creative control for 2D and 3D image manipulation and compositing, video
editing, and image analysis. It is the most widely used software tool for photo editing, image
manipulation, and retouching for numerous image and video file formats. The tools within
Photoshop make it possible to edit both individual images as well as large batches of photos.

20