Coding Bootcamp: Introduction to software architectures

Software architectures

• Architectural design
  
• Detailed Software design
  
• Client-server architecture
  
• 3-tier architecture
  
• Typical web application architecture

Layered Architecture

Architectural design

• Also called High Level Architecture
  
• High-level view of a system

Architectural design example

Detailed Software design

• Depicts relationships among software elements/ components at lower level
  
• E.g. UI design, class diagram, database schema, component diagram

Example: User-interface/ mockup design

Example: Class diagram

Example: Database schema

Example: Component diagram

Client-server architecture

Thick-Thin Client

!

3-tier architecture

!

Typical web application architecture

Static web site

Dynamic web site

Exercise

Define the architecture of popular applications