SlideShare una empresa de Scribd logo
1 de 34
Chapter 19 Design Modeling for WebApps Software Engineering: A Practitioner’s Approach, 6th edition by Roger S. Pressman
Design & WebApps ,[object Object],[object Object],[object Object],[object Object]
Design & WebApp Quality ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Quality Dimensions for End-Users ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Quality Dimensions for End-Users ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WebApp Design Goals ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WebApp Design Goals ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WebE Design Pyramid
WebApp Interface Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Effective WebApp Interfaces ,[object Object],[object Object],[object Object],[object Object]
Interface Design Principles-I ,[object Object],[object Object],[object Object],[object Object],[object Object]
Interface Design Principles-II ,[object Object],[object Object],[object Object],[object Object],[object Object]
Interface Design Principles-III ,[object Object],[object Object],[object Object],[object Object]
Interface Design Workflow-I ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Mapping User Objectives
Interface Design Workflow-II ,[object Object],[object Object],[object Object],[object Object],[object Object]
Aesthetic Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Content Design ,[object Object],[object Object],[object Object],[object Object],[object Object]
Design of Content Objects
Architecture Design ,[object Object],[object Object],[object Object],[object Object]
Content Architecture Hierarchical structure Grid  structure Linear structure Network structure
MVC Architecture ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
MVC Architecture
Navigation Design ,[object Object],[object Object],[object Object],[object Object]
Navigation Semantic Units ,[object Object],[object Object],[object Object],NN 1 NN 2 NN 4 NN 3 link 13 link 12 link 34 link 24 NSU
Creating an NSU
Navigation Syntax ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Component-Level Design ,[object Object],[object Object],[object Object],[object Object],[object Object]
Hypermedia Design Patterns-I ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hypermedia Design Patterns-II ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Patterns Repositories ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
OOHDM ,[object Object]
Conceptual Schema
Design Metrics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente

Lecture 9 understanding requirements
Lecture 9   understanding requirementsLecture 9   understanding requirements
Lecture 9 understanding requirementsIIUI
 
Sr_Dev_Ops_Engineer
Sr_Dev_Ops_EngineerSr_Dev_Ops_Engineer
Sr_Dev_Ops_EngineerErik McCarty
 
Software engineering
Software engineeringSoftware engineering
Software engineeringsweetysweety8
 
Software engineering
Software engineeringSoftware engineering
Software engineeringStella526835
 
Information Technology - Module 4: Software and Information Systems Building ...
Information Technology - Module 4: Software and Information Systems Building ...Information Technology - Module 4: Software and Information Systems Building ...
Information Technology - Module 4: Software and Information Systems Building ...El Bucho
 
10 solution architecture concepts
10 solution architecture concepts10 solution architecture concepts
10 solution architecture conceptsPaul Preiss
 
Migration Strategies & Methodologies
Migration Strategies & MethodologiesMigration Strategies & Methodologies
Migration Strategies & MethodologiesSaqib Raza
 
Chapter 08
Chapter 08Chapter 08
Chapter 08guru3188
 
Chapter 01 software engineering pressman
Chapter 01  software engineering pressmanChapter 01  software engineering pressman
Chapter 01 software engineering pressmanRohitGoyal183
 
Requirement analysis
Requirement analysisRequirement analysis
Requirement analysiscsk selva
 
Software Architecture and Design Introduction
Software Architecture and Design IntroductionSoftware Architecture and Design Introduction
Software Architecture and Design IntroductionUsman Khan
 

La actualidad más candente (20)

Lecture 9 understanding requirements
Lecture 9   understanding requirementsLecture 9   understanding requirements
Lecture 9 understanding requirements
 
Sr_Dev_Ops_Engineer
Sr_Dev_Ops_EngineerSr_Dev_Ops_Engineer
Sr_Dev_Ops_Engineer
 
Software engineering
Software engineeringSoftware engineering
Software engineering
 
Soa 1 7.ppsx
Soa 1 7.ppsxSoa 1 7.ppsx
Soa 1 7.ppsx
 
Software engineering
Software engineeringSoftware engineering
Software engineering
 
Information Technology - Module 4: Software and Information Systems Building ...
Information Technology - Module 4: Software and Information Systems Building ...Information Technology - Module 4: Software and Information Systems Building ...
Information Technology - Module 4: Software and Information Systems Building ...
 
10 solution architecture concepts
10 solution architecture concepts10 solution architecture concepts
10 solution architecture concepts
 
Ch07
Ch07Ch07
Ch07
 
Migration Strategies & Methodologies
Migration Strategies & MethodologiesMigration Strategies & Methodologies
Migration Strategies & Methodologies
 
Chapter 08
Chapter 08Chapter 08
Chapter 08
 
Slides chapter 1
Slides chapter 1Slides chapter 1
Slides chapter 1
 
Sda 6
Sda   6Sda   6
Sda 6
 
Web Engineering
Web EngineeringWeb Engineering
Web Engineering
 
Software Engineering
Software EngineeringSoftware Engineering
Software Engineering
 
Chapter 01 software engineering pressman
Chapter 01  software engineering pressmanChapter 01  software engineering pressman
Chapter 01 software engineering pressman
 
Chapter 13
Chapter 13Chapter 13
Chapter 13
 
Requirement analysis
Requirement analysisRequirement analysis
Requirement analysis
 
Chapter five HCI
Chapter five HCIChapter five HCI
Chapter five HCI
 
Sdpl1
Sdpl1Sdpl1
Sdpl1
 
Software Architecture and Design Introduction
Software Architecture and Design IntroductionSoftware Architecture and Design Introduction
Software Architecture and Design Introduction
 

Destacado (6)

Oo hdm powerpoint 1
Oo hdm powerpoint 1Oo hdm powerpoint 1
Oo hdm powerpoint 1
 
Metodologia oohdm
Metodologia oohdmMetodologia oohdm
Metodologia oohdm
 
oohdm
oohdmoohdm
oohdm
 
Architectural Design
Architectural DesignArchitectural Design
Architectural Design
 
Chapter 5 software design
Chapter 5 software designChapter 5 software design
Chapter 5 software design
 
Architecture design in software engineering
Architecture design in software engineeringArchitecture design in software engineering
Architecture design in software engineering
 

Similar a Slides chapter 19

1.Design Modelling for Web Apps.pdf software engineering
1.Design Modelling for Web Apps.pdf software engineering1.Design Modelling for Web Apps.pdf software engineering
1.Design Modelling for Web Apps.pdf software engineeringSukhmanSingh91
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website designRavi Bhadauria
 
Front-end vs. Back-end Development Understanding the Differences and Synergy....
Front-end vs. Back-end Development Understanding the Differences and Synergy....Front-end vs. Back-end Development Understanding the Differences and Synergy....
Front-end vs. Back-end Development Understanding the Differences and Synergy....Savior_Marketing
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User ExperienceJeremy Johnson
 
Web application architecture guide how it works types, components, best pract...
Web application architecture guide how it works types, components, best pract...Web application architecture guide how it works types, components, best pract...
Web application architecture guide how it works types, components, best pract...Katy Slemon
 
When to use Ajax
When to use AjaxWhen to use Ajax
When to use Ajaxmikepadilla
 
WebE_chapter_16.ppt
WebE_chapter_16.pptWebE_chapter_16.ppt
WebE_chapter_16.pptUsamaPatel9
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.abhishek106899
 
Design Model & User Interface Design in Software Engineering
Design Model & User Interface Design in Software EngineeringDesign Model & User Interface Design in Software Engineering
Design Model & User Interface Design in Software EngineeringMeghaj Mallick
 
Real Blog Writer - Basic Point of Design a Website.pdf
Real Blog Writer - Basic Point of Design a Website.pdfReal Blog Writer - Basic Point of Design a Website.pdf
Real Blog Writer - Basic Point of Design a Website.pdfRealBlogWriter
 
A Comprehensive Guide to Web Application Architecture
A Comprehensive Guide to Web Application ArchitectureA Comprehensive Guide to Web Application Architecture
A Comprehensive Guide to Web Application Architecturestevefary
 
Web Application Architecture: A Comprehensive Guide for Success in 2023
Web Application Architecture: A Comprehensive Guide for Success in 2023Web Application Architecture: A Comprehensive Guide for Success in 2023
Web Application Architecture: A Comprehensive Guide for Success in 2023stevefary
 
How to Maximize User Experience with Effective Front-End Technology Choices
How to Maximize User Experience with Effective Front-End Technology ChoicesHow to Maximize User Experience with Effective Front-End Technology Choices
How to Maximize User Experience with Effective Front-End Technology ChoicesMinds Task Technologies
 
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Brenna Mickey
 
Requirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebRequirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebMichael Maclennan
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2inshu1890
 
Web Design Solutions
Web Design Solutions Web Design Solutions
Web Design Solutions APARNA SANAKA
 

Similar a Slides chapter 19 (20)

1.Design Modelling for Web Apps.pdf software engineering
1.Design Modelling for Web Apps.pdf software engineering1.Design Modelling for Web Apps.pdf software engineering
1.Design Modelling for Web Apps.pdf software engineering
 
Web Engineering
Web EngineeringWeb Engineering
Web Engineering
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website design
 
Front-end vs. Back-end Development Understanding the Differences and Synergy....
Front-end vs. Back-end Development Understanding the Differences and Synergy....Front-end vs. Back-end Development Understanding the Differences and Synergy....
Front-end vs. Back-end Development Understanding the Differences and Synergy....
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
Web application architecture guide how it works types, components, best pract...
Web application architecture guide how it works types, components, best pract...Web application architecture guide how it works types, components, best pract...
Web application architecture guide how it works types, components, best pract...
 
Web design
Web designWeb design
Web design
 
When to use Ajax
When to use AjaxWhen to use Ajax
When to use Ajax
 
WebE_chapter_16.ppt
WebE_chapter_16.pptWebE_chapter_16.ppt
WebE_chapter_16.ppt
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.
 
Design Model & User Interface Design in Software Engineering
Design Model & User Interface Design in Software EngineeringDesign Model & User Interface Design in Software Engineering
Design Model & User Interface Design in Software Engineering
 
User-centred design
User-centred designUser-centred design
User-centred design
 
Real Blog Writer - Basic Point of Design a Website.pdf
Real Blog Writer - Basic Point of Design a Website.pdfReal Blog Writer - Basic Point of Design a Website.pdf
Real Blog Writer - Basic Point of Design a Website.pdf
 
A Comprehensive Guide to Web Application Architecture
A Comprehensive Guide to Web Application ArchitectureA Comprehensive Guide to Web Application Architecture
A Comprehensive Guide to Web Application Architecture
 
Web Application Architecture: A Comprehensive Guide for Success in 2023
Web Application Architecture: A Comprehensive Guide for Success in 2023Web Application Architecture: A Comprehensive Guide for Success in 2023
Web Application Architecture: A Comprehensive Guide for Success in 2023
 
How to Maximize User Experience with Effective Front-End Technology Choices
How to Maximize User Experience with Effective Front-End Technology ChoicesHow to Maximize User Experience with Effective Front-End Technology Choices
How to Maximize User Experience with Effective Front-End Technology Choices
 
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop
 
Requirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebRequirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial Web
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2
 
Web Design Solutions
Web Design Solutions Web Design Solutions
Web Design Solutions
 

Más de Priyanka Shetty

Más de Priyanka Shetty (12)

Slides chapters 24-25
Slides chapters 24-25Slides chapters 24-25
Slides chapters 24-25
 
Slides chapters 21-23
Slides chapters 21-23Slides chapters 21-23
Slides chapters 21-23
 
Slides chapters 13-14
Slides chapters 13-14Slides chapters 13-14
Slides chapters 13-14
 
Slides chapters 6-7
Slides chapters 6-7Slides chapters 6-7
Slides chapters 6-7
 
Slides chapter 15
Slides chapter 15Slides chapter 15
Slides chapter 15
 
Slides chapter 11
Slides chapter 11Slides chapter 11
Slides chapter 11
 
Slides chapter 8
Slides chapter 8Slides chapter 8
Slides chapter 8
 
Slides chapter 5
Slides chapter 5Slides chapter 5
Slides chapter 5
 
Slides chapter 2
Slides chapter 2Slides chapter 2
Slides chapter 2
 
Slides chapters 28-32
Slides chapters 28-32Slides chapters 28-32
Slides chapters 28-32
 
Slides chapters 26-27
Slides chapters 26-27Slides chapters 26-27
Slides chapters 26-27
 
Personal Hygiene
Personal HygienePersonal Hygiene
Personal Hygiene
 

Slides chapter 19