SE310 Analysis and Design of Software Systems

Standard Design Chart Types and Notation Review and Overview

February 23, 2019  Sam Siewert System Block Diagram Simple Interfacing between Major Hardware and Software Elements (Components or Subsystems) with User Interaction Shown E.g. CU Boulder Space Grant DATA-CHASER Mission (STS-85)

 Sam Siewert 2 Application Block Diagram

Hardware shows standard platform(s), Software, and User Interaction Label Interface Dataflow and Protocols E.g. Contacts App on AOS

App Android App HCI

Java & C++ AOS methods SQLite AOS v X.Y Android Debug Bridge SQL ADB NDK (USB) Debugger

Smart Phone

 Sam Siewert 3 System of Systems Block Diagram Complex Systems that are Systems of Systems or Integration of Subsystems that can also stand alone (E.g. Drone Net) E.g. IEEE SOSE (Drone Net IEEE Aerospace - presentation, paper)

 Sam Siewert 4 Block Diagram Resources

There is no standard for Block Diagrams

Traditional Engineering Diagram that is Interdisciplinary

SysML - An Extension to UML for Systems http://www.omgsysml.org/ https://en.wikipedia.org/wiki/Block_diagram

 Sam Siewert 5 Traditional SA/SD – Useful, But Not OO

Data Flow Diagrams – Stores, Flows, Processes, External Entities Data [Messages] Between Processes and is Transformed - Related http://en.wikipedia.org/wiki/Data_flow_diagram Control Flow Diagrams

Entity Relationship Diagrams – Lacks Operations, but Defines Entities [Objects] and Relationships http://en.wikipedia.org/wiki/Entity%E2%80%93relationship_model State Machines [used in UML, but Typically for Each Process in DFD]

Flow-Charts, Control Flow Graphs – Detailed http://en.wikipedia.org/wiki/Finite-state_machine Procedural Design [Interaction, Logic] http://en.wikipedia.org/wiki/Flowchart  Sam Siewert 6 Flowchart - SA/SD

ISO 5807:1985

Procedural http://flowgorit hm.org/ https://code2fl ow.com/ http://raptor.m artincarlisle.co m/ https://en.wikipedia.org/wiki/Flowchart  Sam Siewert 7 DFD - Data Flow Diagram

DeMarco, Tom. "Structure analysis and system specification." Pioneers and Their Contributions to Software Engineering. Springer, Berlin, Heidelberg, 1979. 255-288.

Data transformation https://en.wikipedia.org/wiki/Data_flow_diagram Smart Draw DFD DFD - Easy to Understand, Natural for Transformation Architectures, Simple notation, https://www.draw.io/ Function (Process) abstraction, Can be leveled (DFDs compose Function or Process at a higher level)

 Sam Siewert 8 ERD - Entity Relationship Diagram [Database Schemas]

Chen, Peter Pin-Shan. "The entity-relationship model — toward a unified view of data." Readings in artificial intelligence and databases. 1988. 98-111.

Smart Draw ERD https://erdplus.com

MySQL Workbench - CS317

Navicat alternative to https://www.smartdraw.com/entity-relationship-diagram/ Workbench https://en.wikipedia.org/wiki/Entity%E2%80%93relationship_model

 Sam Siewert 9 State Machine (Extended Finite SM)

Mealy Machine – Most common Moore Machine – Alternate notation

State Charts Real-Time Event Driven State https://en.wikipedia.org/wiki/Moore_machine Machines https://en.wikipedia.org/wiki/Mealy_machine

SDL - Extended Finite State Machine AADL, TASTE

https://en.wikipedia.org/wiki/Specification_and_Description_Language  Sam Siewert 10 Petri Nets (FYI - Not on Exams) Peterson, James L. "Petri net theory and the modeling of systems." (1981).

PIPE (Platform Independent https://en.wikipedia.org/wiki/Petri_net Petri Net Editor)

Protocol analysis and synchronous/asynchronous systems analysis

Petri nets are useful for concurrent systems analysis and decision Problems - Reisig, Wolfgang. Petri nets: an introduction. Vol. 4. Springer Science & Business Media, 2012.  Sam Siewert 11 UML (Quick Reference, Visual Paradigm) https://www.omg.org/spec/UML/About-UML/ State with Use Cases and CRC for Classes 4 Main Behavioral (UC, OIM sequence, Activity, State) 4 Main Structural (Class, Object, Package, Deployment)

4 3 1 2

1 4 3

2

 Sam Siewert 12 UML Use Case - Behavioral, Starting Point Concurrent with Goals and Objectives and Block Diagram Goes well with requirements analysis (tracing) Start here to define project scope & Actors: users, external interfaces

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-use-case-diagram/  Sam Siewert 13 UML Structural Diagrams

Class, Object, Package, Deployment (Component)

 Sam Siewert

14 #1 - UML - CRC level First, use CRC (Class, Responsibility, Collaborator) analysis and create Class diagram with classes and relationships (attributes and methods can come later) 1. Association (Cardinality - 1:1, 1:n, 0..1) 2. Aggregation (may include) 3. Composition (must include) 4. Hierarchy (Super class, sub-class - e.g. Withdrawal is a sub-class of Transaction)

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-class-diagram/  Sam Siewert 15 #1 - UML Class Diagram - Domain Model Second, refine use CRC analysis along with OIM sequence diagrams and create Class diagram with classes, relationships, attributes and methods, and can combine with packages Refinement - additional progress, updates based on Level-0 design walk-throughs, more detail 1. Association (Cardinality - 1:1, 1:n, 0..1) 2. Aggregation (may include) 3. Composition (must include) 4. Hierarchy (Super class, sub-class - e.g. Withdrawal is a sub-class of Transaction)

 Sam Siewert 16 #2 - UML Simple Goal - Show Class instantiation as objects and how objects relate (test instantiation, containers, constructor/destructor, etc.) https://www.visual-paradigm.com/guide/uml-unified-modeling- language/what-is-object-diagram/ Test Class Diagram completed in Level-1 Domain Model

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-object-diagram/  Sam Siewert 17 #3 - UML Useful for Systems with Hardware platforms and Multiple stand-alone software applications or services What you need to ship and configure for a system test

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-deployment-diagram/

 Sam Siewert 18 #3 - Deployment Diagram - Example Shows mixture of software sub-systems and hardware Similar to block diagram with hardware and software blocks

From Kung, OOSE - Example of Deployment diagram for cellular system  Sam Siewert 19 #4 - UML Can be done alone (typically level-2) or combined with a Class Diagram

Module strong cohesion and interface loose coupling

Define directory structure for

CMVC https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-package-diagram/

 Sam Siewert 20 UML Packages with Class Diagram Break up Class Diagram and abstract

 Sam Siewert 21 Class Diagram with Packages

Show detail of cruise control session and interfaces to packages containing related classes

 Sam Siewert 22 UML - FYI Models well concepts of 1) Unit (Module, CSU), 2) Subsystem (CSCI), 3) System (CSC) and Interface Requirements Specificaiton (DoD-2167-A, MIL-STD-498)

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-component-diagram/  Sam Siewert 23 UML Behavioral Diagrams

Use Case, State, , OIM Interaction Sequence

 Sam Siewert

24 #1 - UML Detailed Use Cases Show hierarchy, information flow, actors Relationships between use cases (ovals)

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-use-case-diagram/

 Sam Siewert 25 #2 - UML OIM Message Class only Object only Class with Object instance Level-1 Domain Model with Classes and messages Level-2+ with Objects and Methods

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-sequence-diagram/  Sam Siewert 26 #3 - UML Activity Diagram Flowchart with fork and join for concurrency, Start, Finish Use to model process bars in OIM sequence diagram

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-activity-diagram/  Sam Siewert 27 #4 - UML State Machine (Extended) Useful at any Level (0,1,2, 2+) for Event Driven Architectures and Hybrid Architectures State Machine Hierarchy of States with sub-states

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-state-machine-diagram/  Sam Siewert 28 UML Timing Diagram - FYI Use for time constraints (if you have them) Rate Monotonic Analysis - CEC450 (Example Timing Diagrams)

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-timing-diagram/  Sam Siewert 29 UML - FYI Use instead of or in addition to OIM Sequence Diagram

Use with Object Model

Analysis for Domain Model

https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-communication-diagram/

 Sam Siewert 30