Module 2

Designing a Web
Application
Module Overview
- Web Applications: Case Studies
- Web Application Design Essentials
- Microsoft

Visual Studio

2010 Tools and Technologies for

Web Application Design
esson 1: Web Applications: Case Studies
- Discussion: Overview of Web Applications and their
Characteristics
- Overview of the Web Application Design Process
Discussion: Overview of Web Applications and
their Characteristics
E-Commerce (Shopping Cart) Site
Search, View product details, Purchase, Checkout
Blog Site
Add, Edit, Manage, Categorize, and Publish posts, Comments
News/Information Site
Dense content, Column layout, Categorization, Search
Business (Non E-Commerce) Site
Branding, Access to business information and contacts
Common Types of Web Applications:
Overview of the Web Application Design Process
- Identify Business Goals
- Determine Requirements
- Create Design Specification
esson 2: Web Application Design Essentials
- Common Design Considerations
- Web Forms and MVC
- Guidelines for Determining When to Use Web Forms and MVC
- Considerations for Using Web Forms with MVC
Common Design Considerations
- Security
- Scalability and Reliability
- Search Engine Optimization (SEO)
- ocalization
- Accessibility
Discussion: Web Forms and MVC
Web Forms:
- Built on top of ASP.NET
- Rapid application
development (RAD)
- Drag and drop development
- HTM generated by the
controls
- Event-driven
- Only one form element
- Viewstate
- Hard to test
MVC:
- Built on top of ASP.NET
- Complete control over the
generated HTM
- Separation of concerns
(Model-View-Controller)
- Easy to test
- No Postback or Viewstate
Guidelines for Determining When to Use Web
Forms and When to Use MVC
Priority Web-Forms MVC
Control over Markup X
RAD X
Unit Testing X
Familiarity with
patterns
X
Considerations for Using Web Forms with MVC
Compatible Features:
-Membership
-Authentication
-Roles
-Configuration
Incompatible Features:
-Server-side Controls
-Page ife Cycle
-Viewstate
esson 3: Microsoft Visual Studio 2010 Tools and
Technologies for Web Application Design
- Overview of the Design View in Visual Studio 2010
- Enterprise ibrary
- IIS SEO Toolkit
Overview of the
Design View in Visual Studio 2010
- Visual Studio 2010 provides easy-to-use design tools to
assist you in implementing your design specification
istBox control in Design view View selector
Enterprise ibrary
- A collection of reusable components (application blocks),
that provide developers with solutions for commonly
needed functionality in an application.
ey Blocks:
- Cryptography
- Data Access
- Exception Handling
- ogging
IIS SEO Toolkit
The IIS SEO Toolkit contains tools for:
- Creating and editing files that assist search engines in
crawling your site.
- Analyzing your site for issues that may impact the proper
indexing of your site by a search engine.
ab: Redesigning the Adventure Works Website
- Exercise 1: Reviewing the Adventure Works Website
Structure
- Exercise 2: Redesigning the Adventure Works Website
- Exercise 3: Adding MVC Capabilities to the Adventure
Works Website
ogon information
Virtual machine 10264A-GEN-DEV
User name Student
Password
Pa$$w0rd
Estimated time: 60 minutes
ab Scenario
ab Review
- What were the key requirements that led you to the
decisions you made?
- Since completing the lab, have you thought of anything
else that may have led you to other conclusions?
Module Review & Takeaways
- Review Questions
- Real-world Issues and Scenarios