Tables CSCI 201L Jeffrey Miller, Ph.D. HTTP :// WWW - SCF. USC. EDU /~ CSCI 201 USC CSCI 201L.
CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL...
Transcript of CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL...
![Page 1: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/1.jpg)
CSCI 375ARCHITECTURAL DESIGN
![Page 2: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/2.jpg)
Today’s planArchitectural Design!
![Page 3: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/3.jpg)
Modern Web-based SystemAmazon.com
Internet
PaymentProcessor
Shipper Amazon
![Page 4: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/4.jpg)
System’s Architecture is composed of•Computing devices•Networks•Software
•Protocols
![Page 5: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/5.jpg)
Computing DevicesServersPersonal Computers
![Page 6: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/6.jpg)
NetworksNetwork is a collection of:◦ Hardware◦ Software◦ Transmission media
Lets devices communicate with each otherKinds:◦ LAN◦ Internet Backbone◦ WAN◦ WWW
![Page 7: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/7.jpg)
SoftwareTwo main types:◦ Applications◦ Systems Software
Internet
PaymentProcessor
Shipper Amazon
Software:• OS• Browsers• Plugins• Apps
Software:• OS• Web server• Applications• DBMS
![Page 8: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/8.jpg)
ProtocolsNetwork Protocols◦ Dictate how messages are transmitted
Web Protocols◦ URL◦ HTML◦ XML◦ HTTP(S)
![Page 9: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/9.jpg)
Architectural ConceptsWe discussed earlier:◦ Technological Architecture◦ Application architecture
![Page 10: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/10.jpg)
Architectural ConceptsSaasWeb ServicesDistributed Architecture
![Page 11: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/11.jpg)
Distributed Architecture
View Layer Domain Layer Data Layer
User Request
Formattedresponse
Informationrequest
Unformattedresponse
Data accessrequest
Data accessresponse
![Page 12: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/12.jpg)
Modeling the ArchitectureArchitectural Diagrams◦ Location Diagrams◦ Network Diagrams◦ Deployment Diagrams
![Page 13: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/13.jpg)
Location Diagrams
https://www.flickr.com/photos/nrcgov/36631031412
![Page 14: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/14.jpg)
Network Diagrams
Internet
PaymentProcessor
Shipper Amazon
![Page 15: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/15.jpg)
Activity: Spring Breaks ‘r’ Us
![Page 16: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/16.jpg)
Deployment Diagrams<<device>> Application server
<<asp server>> Microsoft IIS 7.0
Reporting subsystem
Sales subsystem
Customer Account
subsystem
Order Fulfillment subsystemMarketing
subsystem
<<device>> DB server
<<dbms>> Microsoft SQL Server 2013
<<schema>>Customers
<<schema>>Products
<<schema>>Orders
<<protocol>>SQL
![Page 17: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/17.jpg)
Describing the EnvironmentWe need to think about:◦ External systems◦ Technological Architecture
![Page 18: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/18.jpg)
Key Questions1. What features of existing/proposed system that will support or
constrain the system?2. What external systems and databases will you have to interact
with?3. What devices will be used to automate inputs and outputs4. What UI will be used?
![Page 19: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/19.jpg)
RMO Environment Description
Internet
Supply ChainManagement server
Retail StoreServer
Web storefrontserver
Phone & mail-orderserver
firewall
GigabitLAN
VPN gateway (manuf. & distr.)
VPN(retail stores)
Credit verification server
VPNgateway
VPNgateway
Distribution and Manufacturing
workstations
Retail storeworkstations
Customerdevices
![Page 20: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/20.jpg)
Planned Updates to RMO systemSupport for mobile devicesUpdates to support Web TechnologyDirect interface with Social Media
Possible use of external service providers to host all or some of the CSMS
![Page 21: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/21.jpg)
How will these updates impact system?Support for mobile devicesUpdates to support Web TechnologyDirect interface with Social Media
SecurityPossible use of external service providers to host all or some of the CSMS
![Page 22: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/22.jpg)
How will these updates impact system?
Internet
Webservers
Databaseservers
Content management
servers
Applicationservers
firewall
GigabitLAN
VPN gateway (manuf. & distr.)
VPN(retail stores)
Paymentservers
VPNgateway
VPNgateway
Distribution and Manufacturing
Employee devices
Retail storeEmployee devices
Customerdevices
App storesCertificateservers
Socialnetworking
![Page 23: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/23.jpg)
Designing Application ComponentsApplication Component Boundaries◦ Where does one component start and another end?◦ Top-down approach:
◦ Break whole into smaller related parts◦ Factoring
◦ Bottom-up approach:◦ Group functions together ◦ Grouping
![Page 24: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/24.jpg)
Designing Application Components
View Layer Domain Layer Data Layer
User Request
Formattedresponse
Informationrequest
Unformattedresponse
Data accessrequest
Data accessresponse
![Page 25: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/25.jpg)
Deployment Diagram<<device>> Application server
<<web page server>> Microsoft IIS 7.0
Customer view layer
(smart phone)
Phone salesRep view
layer
Manager View layer
Customer view layer
(laptop/deskto)
Store sale repView layer
(POS)
Shipping rep view layer
(tablet)
Customer view layer
(tablet)
Customer view layer
(tablet)
Shipping repView layer(desktop)
CSMS customerUse cases
(business layer)
<<asp server>> Microsoft IIS 7.0 <<device>> Database server
<<dbms>> SQL Server 2013
<<schema>>CSMS domain
classes
<<protocol>>SQL
<<protocol>>ASP.NET
![Page 26: CSCI 375 - Canadacarruths/Courses/CSCI375/Lectures/11ArchDesign… · CSCI 375 ARCHITECTURAL DESIGN. Today’s plan Architectural Design! Modern Web-based System Amazon.com Internet](https://reader036.fdocuments.us/reader036/viewer/2022070809/5f07c1377e708231d41e93d5/html5/thumbnails/26.jpg)
Activity: On the Spot Courier ServicesAt end: add Deployment diagram