Informatics 43 Introduction to Software Engineering
description
Transcript of Informatics 43 Introduction to Software Engineering
![Page 1: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/1.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 1
Informatics 43Introduction to Software Engineering
Lecture 7
Duplication of course material for any commercial purpose without the explicit written permission of the professor is prohibited.
![Page 2: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/2.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 2
Today’s lecture
• Designs• Abstraction• Design notations• Class diagrams• Use case diagrams• Storyboards
![Page 3: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/3.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 3
Designs
![Page 4: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/4.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 4
Designs
![Page 5: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/5.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 5
Designs
![Page 6: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/6.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 6
Designs
![Page 7: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/7.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 7
Designs
![Page 8: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/8.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 8
Designs
![Page 9: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/9.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 9
Designs
![Page 10: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/10.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 10
Designs
![Page 11: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/11.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 11
Purpose of designs
• Designs to think
• Designs to talk
• Designs to prescribe
![Page 12: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/12.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 12
Today’s lecture
• Designs• Abstraction• Design notations• Class diagrams• Use case diagrams• Storyboards
![Page 13: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/13.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 13
Abstraction
• Abstractions are formed by reducing the information content of a concept or an observable phenomenon, typically to retain only information which is relevant for a particular purpose– what do I need to know– what do I not need to know
• Every design notation supports a certain kind of abstraction
![Page 14: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/14.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 14
Designs
![Page 15: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/15.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 15
Designs
![Page 16: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/16.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 16
Designs
![Page 17: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/17.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 17
Today’s lecture
• Designs• Abstraction• Design notations• Class diagrams• Use case diagrams• Storyboards
![Page 18: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/18.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 18
Examples – class diagrams
![Page 19: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/19.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 19
Examples – class diagrams
![Page 20: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/20.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 20
Examples – state transition diagrams
![Page 21: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/21.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 21
Examples – user interfaces
![Page 22: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/22.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 22
Examples – user interfaces
![Page 23: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/23.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 23
Examples – user interfaces
[balsamiq]
![Page 24: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/24.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 24
Examples – pseudo code
![Page 25: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/25.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 25
Examples – entity relationship diagrams
![Page 26: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/26.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 26
Examples – entity relationship diagrams
![Page 27: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/27.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 27
Examples – architecture diagrams
![Page 28: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/28.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 28
Examples – architecture diagrams
![Page 29: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/29.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 29
Examples – storyboard
![Page 30: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/30.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 30
Examples – storyboard
![Page 31: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/31.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 31
Examples – sequence diagrams
![Page 32: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/32.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 32
Examples – sequence diagrams
![Page 33: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/33.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 33
Examples – communicating sequential processes
![Page 34: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/34.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 34
Today’s lecture
• Designs• Abstraction• Design notations• Class diagrams• Use case diagrams• Storyboards
![Page 35: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/35.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 35
Class diagrams
• UML class diagrams show the classes of the system, their inter-relationships, and the operations and attributes of the classes
• Typically used:– model domain concepts– create a detailed, object oriented design of the code
![Page 36: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/36.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 36
Example class diagram
![Page 37: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/37.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 37
Example class diagram
![Page 38: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/38.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 38
Example class diagram
![Page 39: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/39.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 39
Today’s lecture
• Designs• Abstraction• Design notations• Class diagrams• Use case diagrams• Storyboards
![Page 40: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/40.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 40
Use case example
![Page 41: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/41.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 41
Use case example
![Page 42: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/42.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 42
Use case example
![Page 43: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/43.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 43
Today’s lecture
• Designs• Abstraction• Design notations• Class diagrams• Use case diagrams• Storyboards
![Page 44: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/44.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 44
Storyboard example
![Page 45: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/45.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 45
Storyboard example
![Page 46: Informatics 43 Introduction to Software Engineering](https://reader035.fdocuments.us/reader035/viewer/2022062520/56816112550346895dd06e93/html5/thumbnails/46.jpg)
Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and
sdcl.ics.uci.edu 46
Storyboard example