WARNING

1. WARNING • These slides are not optimized for printing or exam preparation. These are for lecture delivery only. • These slides are made for PowerPoint 2010. They may not show up well on other PowerPoint versions. You can download PowerPoint 2010 viewer from here. • These slides contain a lot of animations. For optimal results, watch in slideshow mode.

2. WAITING WAITING WAITING WAITING WAITING WAITING TEAMMATE WAITING WAITING TEAMMATE working

5. But not like scrum

7. The View from the Top: Architecture CS2103/T, Lecture 4, Part 1, [Feb 7, 2014]

8. Architecture Architecture Architecture Architecture Architecture Architecture Architecture Architecture Architecture The View from the Top: Architecture Architecture Architecture Architecture CS2103/T, Lecture 4, Part 1, [Feb 7, 2014]

9. Architecture • + (important technical decisions)

10. Architecture • + (important technical decisions)

12. TEAMMATES

13. Architecture • + (important technical decisions)

14. Architecture a c d b

15. Architecture a c d b

17. The architect

18. The architect

19. The architect

20. Architecture a c d b

21. styles Architecture a c d b

22. styles Architecture a c d b

23. styles Architecture n-tier | Client-server| Transaction processing | service-oriented | pipes and filters

24. styles Architecture n-tier | Client-server| Transaction processing | service-oriented | pipes and filters GUI Console FTP Access Tier n UI Encryption Tier 2 Logic Network Protocol Tier 1 Storage Hardware Access Tier 0

25. styles Architecture n-tier | Client-server| Transaction processing | service-oriented | pipes and filters Client n Client 1 Client 2 Server Mobile Browser Game Client 2 Game Client 1 Browser 2 Browser 1 Network Web Game Server Web Server

26. styles Architecture n-tier | Client-server| Transaction processing | service-oriented | pipes and filters T1 Transaction executor 1 T5 Transaction creator 1 T2 T4 Dispatcher Transaction creator n T3 T6 Transaction executor n A1 Account Manager A5 Teller1 A2 C4 Dispatcher Teller n C3 Currency Mgt System A6

27. styles Architecture n-tier | Client-server| Transaction processing | service-oriented | pipes and filters xml data eBookShop Internet xml data Web services Internet xml data

28. styles Architecture n-tier | Client-server| Transaction processing | service-oriented | pipes and filters

29. Architecture a c d b

30. Architecture a c d API [Application Programming Interface] b

33. UI A C B

34. UI A C B

35. UI A C B

36. UI A C B

37. Define APIs systematically to match features UI A C B

38. System: Minesweeper Use case: 01 - play game Actors: Player MSS: 1. Player starts a new game. 2. Minesweeper shows the mine field with all cells initially hidden. 3. Player marks or clears a hidden cell. 4. Minesweeper shows the updated mine field. Steps 3-4 are repeated until the game is either won or lost. 5. Minesweeper shows the result. Use case ends.

39. System: Minesweeper Use case: 01 - play game Actors: Player MSS: 1. Player starts a new game. 2. Minesweeper shows the mine field with all cells initially hidden. 3. Player marks or clears a hidden cell. 4. Minesweeper shows the updated mine field. Steps 3-4 are repeated until the game is either won or lost. 5. Minesweeper shows the result. Use case ends. The architect

40. System: Minesweeper Use case: 01 - play game Actors: Player MSS: 1. Player starts a new game. 2. Minesweeper shows the mine field with all cells initially hidden. 3. Player marks or clears a hidden cell. 4. Minesweeper shows the updated mine field. Steps 3-4 are repeated until the game is either won or lost. 5. Minesweeper shows the result. Use case ends.

41. UI MSLogic History Storage

42. UI Sequence Diagrams [interactions between components for a given scenario]

43. :UI operation returned value Sequence Diagrams [interactions between components for a given scenario]

44. :UI

45. :UI

46. :UI

47. :UI

48. :UI