Scalable And Usable Web Applications
-
Upload
clint-edmonson -
Category
Technology
-
view
3.174 -
download
1
Transcript of Scalable And Usable Web Applications
![Page 1: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/1.jpg)
ArcReady:Architecting for Scalable and Usable Web Applications
![Page 2: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/2.jpg)
Agenda
• SESSION 1: Architecting for Scalable Web Applications
• 15 Min Break
• SESSION 2: Architecting for Usable Web Applications
• Evals & Raffle
![Page 4: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/4.jpg)
SESSION 1:Architecting for
Scalable Web Applications
![Page 5: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/5.jpg)
So you have a scalability problem?
Congratulations!
![Page 6: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/6.jpg)
Scalability <> Performance
![Page 7: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/7.jpg)
Scalability is how your application behaves as the number of users
increases
![Page 8: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/8.jpg)
Performance is how your application behaves when there is just one user
![Page 9: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/9.jpg)
Number of Requests
Cost
per
Req
uest
![Page 10: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/10.jpg)
Load <> Stress
![Page 11: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/11.jpg)
Load is how many simultaneous users your application can serve
![Page 12: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/12.jpg)
Stress is how well your application behaves when resources become
limited
![Page 13: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/13.jpg)
Where are the scalability limits?
NetworkDatabaseWeb serverCode
![Page 14: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/14.jpg)
Pattern: Nickel Defense
![Page 15: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/15.jpg)
Pattern: Scale Up
![Page 16: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/16.jpg)
CASE STUDY: Scaling up with IIS7 at Dell.com
![Page 17: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/17.jpg)
Simplified server management
Fewer servers, reduced costs
Improved performance
Deploy Windows Server® 2008 Enterprise operating system with Internet Information Services 7.0
Implement fully automated server and application deployment
Simplify management of servers that run Dell.com
Reduce number of servers and rate of server growth
Improve site performance to maintain good user experience
Dell simplifies server management, lowers costs, and increases Dell.com Performance
“Our vision for the Dell.com architecture absolutely requires the new features in Windows Server 2008,
which is key to our ability to simplify our online commerce environment.”
Ben May, Senior Systems Engineer, Dell
![Page 18: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/18.jpg)
PATTERN: Scale Out
![Page 19: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/19.jpg)
PATTERN: Specialize
Web Services Image ServerWeb Application
![Page 20: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/20.jpg)
PATTERN: Split the application
msdn.microsoft.com technet.microsoft.commicrosoft.com
![Page 21: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/21.jpg)
PATTERN: Split the database 1
Reference Transaction
![Page 22: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/22.jpg)
PATTERN: Split the database 2
Write Copy
Read CopyRead Copy
![Page 23: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/23.jpg)
PATTERN: Geo Distribution
![Page 24: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/24.jpg)
PATTERN: Offload the work
![Page 25: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/25.jpg)
Anti-patterns
• Spending all your time looking at the code• Caching everything (twice!)• Services calling services (especially across the
network)
![Page 26: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/26.jpg)
DEMO: Team System Load Testing
![Page 27: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/27.jpg)
Discussion: “Scale Later”
![Page 28: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/28.jpg)
BREAK:15 Minutes
![Page 29: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/29.jpg)
SESSION 2:Architecting for
Usable Web Applications
![Page 30: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/30.jpg)
PART 1: What’s the
Secret Formula?
![Page 31: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/31.jpg)
What’s your favorite application?
![Page 32: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/32.jpg)
What application do you use the most?
![Page 33: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/33.jpg)
Usable
Effective Satisfying Efficient
Useful
Adaptive
Reliable
Cost-effective
Desirable
![Page 34: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/34.jpg)
User NeedsUser Needs
Interaction DesignInteraction Design
Information DesignInformation Design
Visual DesignVisual Design
Experiences that create value!Experiences that create value!
++
++
++
Experience EngineeringExperience Engineering
![Page 35: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/35.jpg)
PART 2: What is our
palette?
![Page 36: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/36.jpg)
Application Archetypes
Information /Reference
E-Commerce
Data Viewer/Editor
Utility Entertainment
DocumentViewer/Editor
![Page 37: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/37.jpg)
UX Continuum
SharePoint ASP.NET+AJAX Gadgets RIAs Infopath OBA Winforms WPF XNA
Ubiquity Richness Next Generation
![Page 38: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/38.jpg)
SharePoint Sites
![Page 39: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/39.jpg)
Standards Based Web Apps(ASP.NET + AJAX & Mashups)
![Page 40: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/40.jpg)
Gadgets
![Page 41: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/41.jpg)
Rich Internet Applications(Silverlight)
![Page 42: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/42.jpg)
Infopath Forms
![Page 43: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/43.jpg)
Office Business Applications
![Page 44: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/44.jpg)
Standards Based Windows Applications(Winforms)
![Page 45: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/45.jpg)
WPF Applications
![Page 46: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/46.jpg)
XNA Applications
![Page 47: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/47.jpg)
DEMO: UX IQ
![Page 48: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/48.jpg)
PART 3: Best
Practices
![Page 49: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/49.jpg)
Form follows function
![Page 50: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/50.jpg)
Create a set of design tenets
![Page 51: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/51.jpg)
Use the appropriate level of fidelity
![Page 52: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/52.jpg)
DEMO: ProtoXAML
![Page 53: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/53.jpg)
Build with the customer and user’s inputBuild with the customer and user’s input
![Page 54: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/54.jpg)
Build for ease of use
..but don’t forget the power users
70 20 10
![Page 55: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/55.jpg)
Plan for concurrency
![Page 56: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/56.jpg)
Balance the computing loadBalance the computing load
![Page 57: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/57.jpg)
Balance security Balance security
with usabilitywith usability
![Page 58: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/58.jpg)
Build for supportability & maintenanceBuild for supportability & maintenance
![Page 59: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/59.jpg)
What are some of your best practices?
![Page 61: Scalable And Usable Web Applications](https://reader038.fdocuments.us/reader038/viewer/2022102815/554d8851b4c90567188b4f73/html5/thumbnails/61.jpg)
© 2008 microsoft corporation. all rights reserved.this presentation is for informational purposes only. microsoft makes no warranties, express or implied, in this summary.