CISC 323 CISC 323 Intro to Software Engineering Intro to Software - - PDF document

SLIDE 1

1 CISC 323 Intro to Software Engineering

✂✁✄✁✆☎✞✝✠✟☛✡✌☞✄✍ ✎✑✏✓✒✆✔ ✁✖✕✗✔ ✘✚✙✜✛ ✎✢✁✄✘✣✎✥✤✜✔ ✁ ✦★✧ ☞☛✩✚✎✥✛ ✩✜✤✪✁✄✫✆✬

CISC 323 Intro to Software Engineering

✭✮✁✄✘✣✎✥✤✜✔ ✁✯✝✌✰✲✱ ✳✴✒✪✎✢✒✌✰ ✧ ✁✆✩✚✎✢✁✆✔ ✁✄✫✵✒✆✩✪✫✷✶✸✩✚✎✢✁✆✔★✹✜✔ ✁✪✎✢✁✆✔ ✕✗✔ ✘✚✙✜✛ ✎✢✁✄✘✣✎✥✤✜✔ ✒✆✺✪✡✄✎✑✻✜✺ ✁✌✼ ✽ ✾ ✿ ❀ ❀ ❁ ❂ ❃★❄ ❁ ❅ ❆ ❀ ❇ ❃ ❅ ❈ ❉ ❊✢❋

• ❍

❋■✽ ❏ ✽ ❑ ❈ ❈ ▲ ▼ ◆ ◆ ❖ ❖ ❖ P ◗ ❃ P ❘ ✿ ❀ ❀ ❁ ❃ ✿ P ◗ ❙ ◆ ❚ ◗ ❅ ❃ ◗ ✽ ❏ ✽

Architectural Style Examples

[Shaw&Garlan]

❯❲❱✮❳ ❨✣❩✮❬✗❭❫❪✮❴❛❵✲❳ ❜ ❝ ❩❡❞ ❬ ❯❲❢✥❭✣❣✣❩❡❞ ❬ ❯❲❤✲✐✣❩❫❪✣❝ ❥✢❦✮❭✮❬■❩✮❴ ❯❲❧✌❭✣❝ ❭❫❥ ♠✚❩❫❪✣❝ ❩❡❞ ❩✮❴ ❯♦♥✑❪✣❝ ❩❡❞ ❨❫❞ ❩✣❝ ❩❡❞ ❯❲❱q♣✄♠ r ✾ ✿ ❀ ❀ ❁ ❂ ❃★❄ ❁ ❅ ❆ ❀ ❇ ❃ ❅ ❈ ❉ ❊✢❋

• ❍

❋■✽ ❏ ✽ ❑ ❈ ❈ ▲ ▼ ◆ ◆ ❖ ❖ ❖ P ◗ ❃ P ❘ ✿ ❀ ❀ ❁ ❃ ✿ P ◗ ❙ ◆ ❚ ◗ ❅ ❃ ◗ ✽ ❏ ✽

Data-Centered Architecture Style

s✉t ✁✆✹✪☞✜✼❫✛ ✎✢☞☛✔ ✻ ✈ ♣✜❜ ❜ ✇✮①✗❬✗❴❫❭✲❝ ❭②❝ ✇④③✣❩⑤❭❡❜ ❜ ✇✮①⑥❳ ❪✮⑦⑧❬✸⑨✣❭❡❞ ❩✮❴⑧❭❫⑩⑥✇✚❪✮⑦✮❬■❝✆❭⑤❬■❩✣❝ ✇✮❶✜❷✥✇✚⑩⑤❨✲✇✚❪✣❩❡❪✲❝ ❬ s✉❸ ✺ ✒✄✘✚☎✚❹✪☞✌✒✆✔ ✫ ✈ ♣✄❷✥❝✑❳ ✐✲❩✓❞ ❩❡❨✣✇✮❬q❳ ❝ ✇✚❞ ❣❺❷✸✇✮✇✚❨✣❩❡❞ ❭✣❝✑❳ ✐✲❩✮❻✄❴✚❳ ❬★❝✑❞ ❳ ③❫❼✣❝ ❩✮❴⑧❴❫❩✮❷✲❳ ❬q❳ ✇❡❪ ⑩❺❭❡❽✲❳ ❪✮⑦

SLIDE 2

2

• ✾

✿ ❀ ❀ ❁ ❂ ❃★❄ ❁ ❅ ❆ ❀ ❇ ❃ ❅ ❈ ❉ ❊✢❋

• ❍

❋■✽ ❏ ✽ ❑ ❈ ❈ ▲ ▼ ◆ ◆ ❖ ❖ ❖ P ◗ ❃ P ❘ ✿ ❀ ❀ ❁ ❃ ✿ P ◗ ❙ ◆ ❚ ◗ ❅ ❃ ◗ ✽ ❏ ✽

Repository

❯✂✁❫❩✲❝✆✇✮❶✌❷✸✇✚⑩⑤❨✲✇❡❪✮❩❫❪✣❝ ❬ ❬q⑨✣❭❡❞ ❩⑤❴❫❭✲❝ ❭ ❯❲❤☎✄ ⑦✆✄ ❻✄❴✮❭✣❝ ❭❡③✣❭✣❬✥❩⑤✇✚❞✌❴❫❭✲❝ ❭ ❬■❝✑❞ ❼✣❷✥❝ ❼❡❞ ❩⑤❬✸⑨✮❭❡❞ ❩✮❴④③✲❣ ⑩⑤❼❡❜ ❝✑❳ ❨❫❜ ❩②❷✸✇❡⑩⑤❨✣✇❡❪✮❩❫❪✣❝ ❬ ❯ ♠✪✇✚❪❫❪✮❩✣❷✥❝ ✇✚❞ ❬⑥❨✣❩❡❞ ⑩⑤❳ ❝ ❷✸✇✚⑩⑤❨✲✇✚❪✣❩❫❪✣❝ ❬✴❝ ✇ ❞ ❩✮❭✮❴✞✝✑①⑥❞ ❳ ❝ ❩②❝ ✇④❞ ❩❡❨✲✇❫❬q❳ ❝ ✇✚❞ ❣

Repository

Example

✟✡✠☞☛☞✌✎✍✑✏ ✒ ✓✑✔✖✕✘✗✚✙ ✓✜✛✢☛☞✣✤✍✑✏ ✍✘✓✚✙✆✗✑✣✜✛✢✥ ✏ ✒ ✦ ✓☞✔ ✗✑✔ ✧✘★✑✏ ✦ ✓✜✧✩✦ ✪✚✔ ✓✤✙ ✦ ✫✑✒ ✓ ✬✮✭ ✗✑✔ ✙ ✓✎✦ ✔ ✓✜✓✯✏ ✙✆✧✩☛☞✌✎✍✑✒ ✓✘✰✱✛✚✗✜✦ ✗✢✙ ✦ ✔ ✪✘✧✩✦ ✪✑✔ ✓ ✍✘✗✚✙ ✙ ✓✜✛✯✕✘✓✜✦ ✲✆✓✜✓☞✣✢✍✚★✘✗✚✙ ✓✚✙ ✬✮✳ ✓✜✓✜✛✑✙✆✦ ☛✯✕✘✓✎✧✩☛☞✣✘✴✘✓☞✔ ✦ ✓✜✛✵✏ ✣✘✦ ☛✢✗✢✙ ✦ ✔ ✓✜✗✑✌ ✦ ★✘✗✜✦✶✧✩✗☞✣✢✕✘✓✤✍✘✗✚✙ ✙ ✓✜✛✢☛✚✴✘✓✑✔✞✗✯✍✑✏ ✍✘✓✢✷ ✷ ☛✜✴✘✓✑✔ ★✘✓✜✗✜✛ ✬✂✸ ✙ ✓✤✔ ✓✑✍✘☛✑✙✹✏ ✦ ☛✺✔ ✫✱✦ ☛✵✔ ✓✑✍✑✔ ✓✚✙ ✓✑✣✘✦✶✗☞✕✜✙ ✦ ✔ ✗✜✧✩✦ ✙ ✫✚✣✘✦ ✗✜✰✱✦ ✔ ✓✜✓

Scanner Parser Semantic Analyzer Code Generator

program text executable code tokens parse tree parse tree

✻ ✼ ✽ ✾ ✾ ✿ ❀ ❁✘❂ ✿ ❃ ❄ ✾ ❅ ❁ ❃ ❆ ❇ ❈✹❉ ❊ ❋ ❉✜● ❍

• ■

❆ ❆ ❏ ❑ ▲ ▲ ▼ ▼ ▼ ◆ ❖ ❁ ◆ P ✽ ✾ ✾ ✿ ❁ ✽ ◆ ❖ ◗ ▲ ❘ ❖ ❃ ❁ ❖

• ❍
• Compiling as Pipe and Filter

Architecture Augmented with Repository

Scanner Parser Semantic Analyzer Code Generator

program text executable code tokens control control

Repository: Parse Tree

Control information passed between phases rather than parse tree

❙ ✼ ✽ ✾ ✾ ✿ ❀ ❁✘❂ ✿ ❃ ❄ ✾ ❅ ❁ ❃ ❆ ❇ ❈✹❉ ❊ ❋ ❉✜● ❍

• ■

❆ ❆ ❏ ❑ ▲ ▲ ▼ ▼ ▼ ◆ ❖ ❁ ◆ P ✽ ✾ ✾ ✿ ❁ ✽ ◆ ❖ ◗ ▲ ❘ ❖ ❃ ❁ ❖

• ❍
• Properties of Repository Architecture

Style

❚❱❯✺❲❨❳ ❩ ❬☎❳ ❭❫❪✖❴✶❵✚❲ ❛❝❜ ☛☞✔✞✧✩☛☞✌✎✍✑✒ ✓✘✰✱✛✚✗✜✦ ✗ ✙ ✦ ✔ ✪✘✧✩✦ ✪✑✔ ✓✚✙ ❞✺✙ ✗✘✴✘✓✚✙✆☛✚✴✘✓☞✔ ★✘✓✜✗✜✛ ☛✚✥✖✍✘✗✚✙ ✙✹✏ ✣✘❡✢✛✚✗✚✦ ✗✢✙ ✦ ✔ ✪✘✧✩✦ ✪✚✔ ✓ ✥ ✔ ☛☞✌❢☛✺✣✘✓✎✧✩☛☞✌✎✍✘☛☞✣✘✓☞✣✘✦✶✦ ☛ ✗✑✣✘☛✚✦ ★✘✓☞✔ ❛❤❣ ✥✞✧✩☛☞✌✎✍✘☛☞✣✘✓☞✣✘✦ ✙✆☛✺✣✱✛✺✏ ✥ ✥ ✓✑✔ ✓☞✣✘✦ ✌✐✗✜✧✘★✑✏ ✣✘✓✚✙ ❞☞✦ ★✑✏ ✙✆☛✜✴✘✓☞✔ ★✘✓✜✗✜✛ ✌✢✏ ❡☞★✘✦❨✕✘✓✎✧✩☛✺✣✜✙✹✏ ✛✚✓✑✔ ✗☞✕✑✒ ✓ ❛❤❣ ✥✞✧✩☛☞✌✎✍✘☛☞✣✘✓☞✣✘✦ ✙✆☛✺✣✱✛✺✏ ✥ ✥ ✓✑✔ ✓☞✣✘✦ ✌✐✗✜✧✘★✑✏ ✣✘✓✚✙ ❞☞✧✩☛✑✙ ✦✶☛✚✥ ✗✜✧✩✧✩✓✚✙ ✙✹✏ ✣✘❡✯✔ ✓✑✍✘☛✑✙✹✏ ✦ ☛☞✔ ✫✢✌✢✏ ❡✺★✘✦ ✕✘✓✤★✑✏ ❡✺★

Repository c1 c2 c3

SLIDE 3

3

• ✼

✽ ✾ ✾ ✿ ❀ ❁✘❂ ✿ ❃ ❄ ✾ ❅ ❁ ❃ ❆ ❇ ❈✹❉ ❊ ❋ ❉✜● ❍

• ■

❆ ❆ ❏ ❑ ▲ ▲ ▼ ▼ ▼ ◆ ❖ ❁ ◆ P ✽ ✾ ✾ ✿ ❁ ✽ ◆ ❖ ◗ ▲ ❘ ❖ ❃ ❁ ❖

• ❍
• Properties of Repository Architecture

Style

❚❱❯✺❲❨❳ ❩ ❬☎❳ ❭❫❪✖❴✶❵✚❲ ❛✂✁☎✄ ❡ ✄ ❞✶✏ ✥✞✧✩☛☞✌✎✍✘☛☞✣✘✓☞✣✘✦ ✙✆✗☞✣✘✛ ✔ ✓✑✍✘☛✑✙✹✏ ✦ ☛☞✔ ✏ ✓✚✙✆☛✺✣✱✛✺✏ ✥ ✥ ✓✑✔ ✓☞✣✘✦ ✌✐✗✜✧✘★✑✏ ✣✘✓✚✙ ❞☞✓✜✗✜✧✘★✱✧✩✗☞✒ ✒✹✦ ☛ ✔ ✓✑✍✘☛✑✙✹✏ ✦ ☛☞✔ ✫✱❡✚☛✚✓✚✙✆☛✚✴✘✓✑✔❨✣✘✓✜✦ ✲✆☛☞✔ ✆ ❛ ✳ ✓✜✓✜✛✢✦ ☛✯✕✘✗☞✒ ✗☞✣✘✧✩✓✎✦ ★✑✏ ✙✆✧✩☛✑✙ ✦✶✴✜✙ ✧✩☛✑✙ ✦✶☛✚✥✖✌✐☛✜✴✑✏ ✣✜❡✢✛✚✗✜✦ ✗✯✕✘✓✜✦ ✲✆✓✜✓☞✣ ✍✚★✘✗✚✙ ✓✚✙ ✪✜✙✹✏ ✣✜❡✯✍✑✏ ✍✘✓✚✙✆✗✑✣✜✛✢✥ ✏ ✒ ✦ ✓☞✔ ✙ ❛✂✁☎✄ ❡ ✄ ❞✶✏ ✥✞✧✞✝✢✌✐✗✟✆ ✓✚✙✡✠☞☛✌☛✌☛✎✧✩✗☞✒ ✒ ✙✆✥ ☛☞✔ ✏ ✣✘✥ ☛☞✔ ✌✐✗✚✦ ✏ ☛☞✣✎✦ ☛✯✔ ✓✑✍✘☛✑✙✹✏ ✦ ☛✺✔ ✫✜❞☞✓✜✗✜✧✘★ ✧✩✗☞✒ ✒✹✦ ✗✟✆ ✓✚✙✡✠✱✌✱✙ ❞☞✦ ☛✚✦ ✗☞✒✘✦ ✏ ✌✐✓✎✍✏✠✐✙ ✄ ✠☞☛☞✌✎✍✘✗✑✔ ✓✎✦ ☛✢✦ ✏ ✌✐✓✢✦ ☛✯✍✘✗✚✙ ✙ ✔ ✓✑✍✘☛✑✙✹✏ ✦ ☛☞✔ ✫✎✥ ✔ ☛☞✌❢✧✌✠ ✦ ☛✢✧✞✝

Repository c1 c2 c3

✑ ✒ ✼ ✽ ✾ ✾ ✿ ❀ ❁✘❂ ✿ ❃ ❄ ✾ ❅ ❁ ❃ ❆ ❇ ❈✹❉ ❊ ❋ ❉✜● ❍

• ■

❆ ❆ ❏ ❑ ▲ ▲ ▼ ▼ ▼ ◆ ❖ ❁ ◆ P ✽ ✾ ✾ ✿ ❁ ✽ ◆ ❖ ◗ ▲ ❘ ❖ ❃ ❁ ❖

• ❍
• Properties of Repository Architecture

Style

❚❱❯✺❲❨❳ ❩ ❬☎❳ ❭❫❪✖❴✶❵✚❲ ❛ ✳ ✓✜✓✜✛✢✦ ☛✢✓☞✣✜✙✩✪✑✔ ✓✤✔ ✓✑✍✘☛✑✙✹✏ ✦ ☛✺✔ ✫✱✧✩✗✑✣ ✙ ✧✩✗☞✒ ✓✎✦ ☛✵✒ ☛✚✗✜✛✢☛✚✥✞✧✩☛☞✌✎✍✘☛☞✣✘✓✑✣✜✦ ✙ ✌✐✗✟✆✘✏ ✣✘❡✵✔ ✓✔✓✺✪✘✓✚✙ ✦ ✙✆☛✚✥❨✏ ✦ ❛❤❣ ✛✚✓✜✗☞✒ ✒ ✫✜❞✺✛✚☛✯✣✘☛✑✦✶✲✆✗✑✣✜✦ ✧✩☛☞✌✎✍✘☛☞✣✘✓✑✣✘✦ ✙ ✲✆✗☞✏ ✦ ✏ ✣✘❡✤✲ ★✑✏ ✒ ✓ ✔ ✓✑✍✘☛✑✙✹✏ ✦ ☛☞✔ ✫✱☛☞✍✘✓☞✔ ✗✜✦ ✓✚✙✆☛✺✣✤✒ ☛☞✣✘❡ ✓☞✪✘✓✑✪✘✓✎☛✑✥✖✔ ✓✌✓☞✪✘✓✚✙ ✦ ✙ ❛✖✕ ★✑✏ ✙✆✗✑✣✘✗☞✒ ✫✜✙✹✏ ✙✐✏ ✙✆✧✩☛☞✌✎✍✑✒ ✓✘✰✜❞☞☛✺✪✘✦ ☛✚✥✶✙ ✧✩☛☞✍✘✓✎☛✚✥✞✦ ★✑✏ ✙✆✧✩☛☞✪✚✔ ✙ ✓

Repository c1 c2 c3

✑ ✑ ✼ ✽ ✾ ✾ ✿ ❀ ❁✘❂ ✿ ❃ ❄ ✾ ❅ ❁ ❃ ❆ ❇ ❈✹❉ ❊ ❋ ❉✜● ❍

• ■

❆ ❆ ❏ ❑ ▲ ▲ ▼ ▼ ▼ ◆ ❖ ❁ ◆ P ✽ ✾ ✾ ✿ ❁ ✽ ◆ ❖ ◗ ▲ ❘ ❖ ❃ ❁ ❖

• ❍
• Properties of Repository

Architecture Style

✗✙✘✛✚✢✜✢✚✤✣ ✥✡✦★✧✖✚✤✩✫✪✛✬✎✭ ✧✖✚ ✮✂✯★✰ ❭ ❲❨❳ ❬ ✰✲✱✴✳ ❴✞❩ ❳ ❪ ✱✞✵ ❳ ✰ ❵ ✵ ✰ ❳ ❲ ✱ ❩ ❬☎❳✐❳ ❲✷✶✺❬ ✱☎✳ ✵ ❬☎❳ ✳ ❲ ✱ ❪✷✸ ❳ ❲✞❪✺✹✺✻ ❲✲✼ ✳ ✱✞✵✡✽ ✽ ❲✢✾ ✿❀✾ ❁❃❂✌❄✔❅❆❅✢❇✞❈ ❉ ❊ ❋✞● ❍☞❋❏■ ❋✞❑❏❋☞▲ ❇☞▲ ❁❃▼ ❋❏◆ ❋✤❖✔❇✞❅✢❄☞■ ❇✡P✺❇❏■ ◗❏❄✞❍ ❘ ❙ ◆ ❄☞❉ ❋❏■ ❊ ❄ ❙❆❚ ❖✟P ❘ ❯ ❱✂❲❀❳✺❳✺❨❬❩ ❭❫❪✲❴✷❵ ❴❜❛✺❝✌❳❬❞✔❴✲❡❜❢ ❛✺❣✺❞✴❢ ❛ ❨❜❳✲❡✲❳✷❵ ❭✫❤❜✐✴❳✷❛❥❩★❩❏❢ ✐❦❳❧❡❥❞✴❛✲❳✺❳✺❨ ❩ ❭❫❵ ❳✲❴✷♠ ❛♥❢ ❛❥♦ ♠ ❴✲❞✔❩❏♠ ♣✺❝✌❩ ♣✷♠ ❳✲❞

Repository c1 c2 c3

q r s t ✉ ✉ ✈ ✇ ①✞② ✈ ③ ④ ✉ ⑤ ① ③ ⑥ ⑦ ⑧☞⑨ ⑩ ❶ ⑨✔❷ r ❷ ❸ ⑥ ⑥ ❹ ❺ ❻ ❻ ❼ ❼ ❼ ❽ ❾ ① ❽ ❿ t ✉ ✉ ✈ ① t ❽ ❾ ➀ ❻ ➁ ❾ ③ ① ❾ ❷ r ❷

Properties of Repository Architecture Style

➂➄➃❆➅❀➆✫➇★➈✞➉ ➊❏➋ ➌✂➍✟➎✟➏✞➐✟➑☞➒ ➓ ➐☎➔ →➣➏✞➐✌➓ ➎✟↔✔➓ ➒ ↕☎➙ ➙ →✡↕✔➛✞↕☎➒ ➙ ↕✟➜✟➙ ➎ ➓ ➐❃↕✟↔✞→✞➐☎↔✞➎➞➝✤➟✞➐❃➠❏↕✟↔✡➠❏➐❥↔✌↔✞➎✔➠❏➓❜➓ ➐✎➒ ➓ ➡✂➢☞↕✟➔ ➓ ➒ ➠✞➤✟➙ ↕☎➔ ➙ →✡➥✌↕✟↔✔➦✌➎✟➔ ➐❥➤✔➑✤➒ ↔ ➥❥➒ ➑ ➓ ➔ ➒ ➜✟➤✞➓ ➎✔➥➣➑ ➎✔➓ ➓ ➒ ↔✔➦❃➝★➟✞➎☎➔ ➎ ➔ ➎✟➏✞➐✟➑☞➒ ➓ ➐☎➔ →✡↕✔➛✞↕☎➒ ➙ ↕✟➜✟➙ ➎✡➛✟➒ ↕➣➧ ↔✔➓ ➎✟➔ ↔✞➎✔➓ ➏✌➔ ➐✌➓ ➐✌➠❏➐❥➙ ➡✂➨☎➩ ➦✲➩ ➫❥➥✌➐☎↔✔➭ ➓✺➝❀↕✟↔✔➓✷➯✤➎✔➥❥➒ ➠❏↕☎➙✔➏✞↕✔➓ ➒ ➎☎↔✞➓ ➒ ↔✞➲ ➐☎➔ ➯✤↕✌➓ ➒ ➐☎↔✡↕✔➛✞↕☎➒ ➙ ↕✟➜✟➙ ➎➞➓ ➐❃↕☎↔☞→✞➐❥↔✞➎ ➝★➟✞➐✎➳☞↔✞➐✌➝❆➑❆➧ ➢✤↕✔➥✌➥❥➔ ➎✌➑ ➑❀➐✌➲ ➯✤➎✔➥❥➒ ➠❏↕☎➙☞➥✌↕✔➓ ↕✟➜✞↕✌➑ ➎

Repository c1 c2 c3

SLIDE 4

4

• ✁

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✔✁ ✕ ✁ ✖ ✌ ✌ ✗ ✘ ✙ ✙ ✚ ✚ ✚ ✛ ✜ ✞ ✛ ✢ ✄ ☎ ☎ ✆ ✞ ✄ ✛ ✜ ✣ ✙ ✤ ✜ ✡ ✞ ✜ ✁ ✕ ✁

Properties of Repository Architecture Style

✥✧✦✩★✫✪✭✬ ✮ ✪✭✯✰✬ ✮ ✬ ✱ ✲ ➡✂➍✟➎✟➏✞➐✟➑☞➒ ➓ ➐☎➔ →➣➜✞➎✔➠❏➐☎➯✤➎✌➑❀➠✞➔ ➒ ➓ ➒ ➠❏↕☎➙ ➠❏➐☎➯➞➏✞➐☎↔✞➎✟↔✞➓✢➒ ↔➞➑ →✔➑ ➓ ➎✟➯ ➡✴✳❏↕☎➒ ➙ ➤✌➔ ➎✛➒ ↔➣➔ ➎✟➏✞➐✟➑☞➒ ➓ ➐❥➔ →✡➠❏↕☎➤✔➑ ➎✌➑ ➎✟↔✞➓ ➒ ➔ ➎❃➑ →✔➑ ➓ ➎✟➯ ➓ ➐❃➲ ↕☎➒ ➙

Repository c1 c2 c3

• ✵

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✔✁ ✕ ✁ ✖ ✌ ✌ ✗ ✘ ✙ ✙ ✚ ✚ ✚ ✛ ✜ ✞ ✛ ✢ ✄ ☎ ☎ ✆ ✞ ✄ ✛ ✜ ✣ ✙ ✤ ✜ ✡ ✞ ✜ ✁ ✕ ✁

Blackboard Architecture Style

✥✧✶✷✪✭✸ ✬ ✪✰✹✫✱✻✺✫✼✽✸ ✾✭✿✫✺❁❀❂✬ ✱ ✺❃✸ ✲ ✥❅❄✭✾✭✿✫✺✰❀❂✬ ✱ ✺❃✸ ✲❆✬ ❀❇✪✫❈❉✱❊✬ ★❋✾ ➡❍●☎↕✟↔✡↕✔➠❏➓ ➒ ➛✞↕✔➓ ➎➞➠❏➐☎➯➞➏✞➐❥↔✞➎☎↔✞➓ ➑ ➒ ↔❃➔ ➎✌➑❏➏✞➐❥↔✔➑ ➎➞➓ ➐❃➠✞➟✞↕☎↔✞➦✌➎✌➑✤➒ ↔ ➜✟➙ ↕✔➠✞➳☞➜✞➐✌↕✟➔ ➥❃➠❏➐☎↔✞➓ ➎☎↔✞➓ ➑ ✥❏■✩✲✰✿✰✬ ❈❑✪✭✮❋✪✭✿✰✿✰✮ ✬ ❈❉✪✫✱❊✬ ✺❃✹ ➡▼▲✲➑ ➎➣➜✟➙ ↕✔➠✞➳☞➜✞➐✌↕☎➔ ➥➣➓ ➐✛➯✤➎✔➥❥➒ ↕✔➓ ➎ ➠❏➐✌➐☎➏✞➎✟➔ ↕✔➓ ➒ ➛✞➎➞↕✔➠☞➓ ➒ ➛✟➒ ➓ → ↕✟➯✤➐☎↔✞➦✟➑ ➓✺➠❏➐☎➯➞➏✞➐❥↔✞➎✟↔✞➓ ➑ ➡❖◆❥↕✌➑❏➳❏➑❀➝★➟✞➎☎➔ ➎➞➥✌➎✌➑☞➒ ➔ ➎✔➥ ➐☎➤✞➓ ➠❏➐☎➯✤➎✛➒ ➑✤➒ ➯➞➏✌➔ ➎✔➠✔➒ ➑ ➎☎➙ → ➥✌➎✔➲ ➒ ↔✞➎✔➥❃➐❥➔✲➎☎➔ ➔ ➐❥➔❜➏✟➔ ➐☎↔✞➎

Blackboard c1 c2 c3 Update/request information from repository Activate components as new information becomes available

HTTP Server

(e.g. Apache)

HTTP Client

(e.g., Netscape, Internet Explorer)

Order System Inventory Catalogue

Requests for book info, delivery times, orders, etc. HTML document Requests for book info Requests for delivery time Order placement Request availability

Recall example of

• nline book ordering

system...

• P

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✔✁ ✕ ✁ ✖ ✌ ✌ ✗ ✘ ✙ ✙ ✚ ✚ ✚ ✛ ✜ ✞ ✛ ✢ ✄ ☎ ☎ ✆ ✞ ✄ ✛ ✜ ✣ ✙ ✤ ✜ ✡ ✞ ✜ ✁ ✕ ✁

Example: Inventory System using the Blackboard Architecture

◗❙❘ ❚❃❯ ❱✔❚❂❲ ❳❑❨ ❩ ➜✟➙ ↕✔➠✞➳✞➜✞➐✌↕✟➔ ➥✎➤✔➑ ➎✔➥➣➓ ➐ ➠❏➐✌➐☎➔ ➥❥➒ ↔✞↕✔➓ ➎❃➲ ➒ ➙ ➙ ➒ ↔✞➦❃➐❥➔ ➥✌➎☎➔ ➑ ◗❭❬❁❨ ❪✔❱❉❨ ➑ →✔➑ ➓ ➎☎➯ ➒ ↔✟➒ ➓ ➒ ↕✔➓ ➎✌➑❀➐❥➔ ➥✌➎☎➔ ➑ ◗❴❫❋❱❉❵ ❱❉❛ ❯ ❱✔❨ ➔ ➎✔➠❏➐❥➔ ➥✟➑★↔✞➎✌➝❫➑ ➓ ➐✌➠✞➳❆↕✌➑✤➒ ➓ ↕✟➔ ➔ ➒ ➛✞➎✌➑ ◗❝❜❉❞❑❛ ❡❑❡❋❱✔❨ ➑ ➎☎↔✞➥✟➑❀➐☎➔ ➥✌➎✟➔✺➓ ➐✛➜✞➎ ➏✞↕✔➠✞➳ ↕✔➦✌➎✔➥ ◗❏❢ ➙ ➙☞➠❏➐☎➯➞➯➞➤✌↔✟➒ ➠❏↕✔➓ ➒ ➐☎↔✡➛✟➒ ↕✛➒ ↔✞➛✞➎✟↔✔➓ ➐☎➔ →

Order System Inventory

Request availability

Receiver Shipper

Record new stock Record stock shipped Inform

• rder filled

Initiate shipping Order stock

SLIDE 5

5

• ✂

✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✔✁ ✕ ✁ ✖ ✌ ✌ ✗ ✘ ✙ ✙ ✚ ✚ ✚ ✛ ✜ ✞ ✛ ✢ ✄ ☎ ☎ ✆ ✞ ✄ ✛ ✜ ✣ ✙ ✤ ✜ ✡ ✞ ✜ ✁ ✕ ✁

Example: Smart office

✥❏■ ✸ ✪❁❈✂✁❋✬ ✹☎✄✝✆✟✞❁✺ ✬ ❀ ✬ ✹ ✱ ✞❁✾ ✺✫✼ ✼ ✬ ❈❉✾ ➡▼▲✲➑☞➒ ↔✞➦✡✠ ❢ ➠❏➓ ➒ ➛✞➎➣➜✞↕✌➥✌➦✌➎✌➑ ➫☎➛✞➐❥➒ ➠❏➎➣➔ ➎✔➠❏➐✌➦❥↔✟➒ ➓ ➒ ➐☎↔✌➫☎➠❏↕✟➯✡➎✟➔ ↕✌➑ ➡ ❢ ➙ ➙ ➐✌➝❆➑ ☛✌☞✎✍✑✏ ✒✔✓✑✕✖✕ ✗ ✘✎✙✚✗ ✘✎✛✢✜ ✓✚✣ ✣ ✒✎✍✎✛✚✤✎✒✑✏ ☛✌✥✖✏ ✒✧✦✖✍✧✤✎★ ✩✎✒✧✘✎★ ✗ ✜ ✍✑★ ✗ ✓✚✘✫✪ ✘✎✓✬✘✎✒✎✒✑✙✫★ ✓✭✩✎✍✎✮✎✒✫✙✑✓✑✓✚✦✂✯ ✒✑✰✎✏ ✱✖✣ ✓✑✛✚✗ ✘✑✏✡✍✎★ ✲ ✍✎✜ ✩✧✗ ✘✎✒✑✏ ✳ ☛✌✴ ✒✎✓✶✵✑✣ ✒✑✷ ✏✡✒✧✘✎✮✑✗ ✦ ✓✚✘ ✲ ✒✧✘✎★ ✏✡★ ✓✫✕ ✓✚✣ ✣ ✓✑✸✹★ ✩✎✒ ✲ ✺✹✻✎✼ ✽ ✽ ✼ ✾ ✿❁❀ ❂ ❃❄✾✡❅ ✽✶❆ ❂ ❇☎❈ ❂✎✾ ❈❉❈✎❊ ❆ ❈ ❋ ❆☎● ❍✢✼ ❆✚■ ❏ ❆ ✽❑❊ ✼ ▲ ❈❉❆ ✼ ✽ ✽ ✼ ✾ ✿❁❀ ❂ ❃❄✾✡❅ ✽✚▼ ❂✎❏ ◆✧❂ ❃❄✾ ❖◗P❁❘❚❙❉❯ ❱✬❲✶❳❁❘✝❘✟❙❉❨☎❩☎❬ ❭❫❪❄❴ ❵❜❛✶❵✶❴ ❝ ❞✶❡ ❵✶❴ ❢ ❣✧❤✂✐ ❥✎❵❜❝ ❤ ☛❜❦❑✤✧✦ ✘✔✓✚✘✢✵✑✦ ✓ ❧ ✒✎✜ ★ ✓✚✦ ✱✶✜ ✓✚✘✧✘✎✒✎✜ ★❑★ ✓✭✴ ♠ ☛✌♥✚✒✎✜ ✓✚✦ ✙✫✜ ✓✚✘✎★ ✒✧✘✎★ ✏✡✓✑✕❑✸❁✩✧✗ ★ ✒✧♦ ✓✧✍✧✦ ✙✬✏ ✍✎✮ ✒✫★ ✩✎✒ ✲ ✤✧✘✎✙✑✒✧✦ ✲ ✰✫✤✑✏ ✒✧✦ ✘✎✍ ✲ ✒ ❭q♣❑❤❑r❜s✖✐ t✧❵✉r✬❤✶✈✶✇❑① ✐ ❝ ✐ ❵✶❴ ☛✉②✑✍✎✰❁③ ②✑✍✑✮ ✒✢④✎★ ✩✧✗ ✏ ④✔✓✚✘ ✲ ✰✢✣ ✍✧✵✎★ ✓✚✵✑⑤ ✱✶✸❁✩✧✗ ✣ ✒✢✵ ✓✚✗ ✘✎★ ✗ ✘✎✛✢✍✎★❑✸❁✩✧✗ ★ ✒✚♦ ✓✑✍✧✦ ✙ ⑥ ⑦ ⑧ ⑨ ⑩ ⑩ ❶ ❷ ❸✧❹ ❶ ❺ ❻ ⑩ ❼ ❸ ❺ ❽ ❾ ❿✑➀ ➁ ➂ ➀✚➃ ➄ ➃ ➅ ❽ ❽ ➆ ➇ ➈ ➈ ➉ ➉ ➉ ➊ ➋ ❸ ➊ ➌ ⑨ ⑩ ⑩ ❶ ❸ ⑨ ➊ ➋ ➍ ➈ ➎ ➋ ❺ ❸ ➋ ➃ ➄ ➃

Example: Smart office

➏➑➐➓➒✢➒✢➔ → ➣☎↔➙↕✶→ ➛✭➜❫➝✢➞✬➒➙➞✬➜➙➝✬➟➠➛✭➜❫➣☎➛✭➡❫➢✢→ ➜✢→ ➜➙➤➥↔➦➟✂➞➙↕➓➛✔➧ ➒✢➨❁➩✔➟✡→ ➣☎↔✬➔❁➝✢➞➙➫✢→ ➣☎➞✫➟ ➭➲➯➙➳❉➵❚➸❉➺ ➳☎➻✚➼✢➵✝➽ ➾✂➺ ➚❁➪☎➶❄➚❁➹❄➸☎➻✶➼✔➘☎➚✡➚❁➺✫➻✚➴✟➽ ➷ ➾❑➶☎➸❄➻ ➏➬↔✬➜➙➝➥↔➦➟✂➞➙↕➓➛✔➧✹➟✂➞✬➮ ➫✢→ ➣☎➞✫➟ ➭✃➱✔➚❁➽ ➾✶➸➠➺ ➸☎➾✶➚✡❐❁➹❉➽ ➷✎➽ ➚❉➹✝➻❑➪❄➸❄➸☎➾❑➶➠➺ ➸☎➾✶➚✡❐❉➹❉➽ ➷✎➽ ➚❉➹☎➼➙❐✡➸☎➻✚➷ ❒❉➺ ➸ ➺ ➸☎➾✖➚✡❐❉➹❉➽ ➷✎➽ ➚❁➹ ➏➬↔✬➜➙➝➥↔➦➟✂➞➙↕➓➛✔➧❚➡✃➛✫➝✢➞✬➔ ➟ ➭✃❮q➶❄➚❰➽ ➻✟➽ ➹➠➺ ➚☎➚❁➵❚➼➙➴✹➶☎➳✂➷✬➾✖➚❉➵✝➵✟➳❉➹☎➘Ï➳❉➺ ➸Ð➷ ➶☎➸❄Ñ ➸❄Ò✂➸☎➾❑❒❄➷✎➽ ➹☎❐

Microphone Camera1 Cameran

• Active Badge

Reader Voice samples Badge data Camera inputs People detector Model: people in room Command detector Model: command

Ó Ô Õ Ö × × Ø Ù Ú✧Û Ø Ü Ý × Þ Ú Ü ß à á✑â ã ä â✚å Ó å æ ß ß ç è é é ê ê ê ë ì Ú ë í Ö × × Ø Ú Ö ë ì î é ï ì Ü Ú ì å Ó å

Interesting scenarios

ðòñ✑ó✖ô õ ö❑÷✭ó❑÷✧ø ó❑ô õ✢ô ö✶ö❑ù❜ú❄û✖ü✧ø☎ø ý✧ó❑þ ô❄ÿ✁✎ø þ ✂✧ó✉û✧ÿ☎✄☎✆✶ó✌þ õ✢ù✬ÿ✞✝ ✟ ü✶÷✠✎ø þ ö✂÷✖þ ÷✁✆ ð☛✡✹ý✧ó✖÷❜ø ý✧ó✁☞✌✟ þ ô õ ø✡õ✎✍✧ó✚ÿ✞✏✎ú✞✂✧ö✂þ ✎ó✉ô ó✁✎ö☎✆✂÷✖þ ø þ ö✂÷✌✄✶ó✚ø ó✁✎ø õ✔ø ý✧ó❑þ ô✑✍✶ô ó✶õ ó❑÷✠✎ó

SLIDE 6

6

Ó

• Õ

Ö × × Ø Ù Ú✧Û Ø Ü Ý × Þ Ú Ü ß à á✑â ã ä â✚å Ó å æ ß ß ç è é é ê ê ê ë ì Ú ë í Ö × × Ø Ú Ö ë ì î é ï ì Ü Ú ì å Ó å

Architectural Style Examples

[Shaw&Garlan]

✁✄✂ ➽ ➪❄➸☎➻➓➳✡➹☎➘✆☎✂➽ ✝ ➷ ➸❉➺ ➻ ✁✄✞ ➳❄Ñ❄➸❉➺ ➻ ✁✄✟✡✠ ➸✡➹❄➷ ☛✌☞☎➳☎➻✚➸☎➘ ✁✄✍ ➳❄➷ ➳✎☛ ➯❁➸✡➹❄➷ ➸❉➺ ➸☎➘ ✁✑✏ ➹❄➷ ➸❉➺ ➪✡➺ ➸❄➷ ➸❉➺ ✁✄✂✓✒ ➯ Ó Ó Õ Ö × × Ø Ù Ú✧Û Ø Ü Ý × Þ Ú Ü ß à á✑â ã ä â✚å Ó å æ ß ß ç è é é ê ê ê ë ì Ú ë í Ö × × Ø Ú Ö ë ì î é ï ì Ü Ú ì å Ó å

Interpreter Architecture Style

✁✄✍ ➸ ✠ ➸✔✝ ➚❁➪Ð➘✡➚❉➵❚➳❉➽ ➹✎☛ ➻❑➪✂➸☎➾✂➽ ✕ ➽ ➾✖✝ ➳✡➹☎❐❁❒❄➳☎❐✡➸✖✕ ➚❁➺✢➪✡➺ ➚✘✗✎✝ ➸❉➵◗➳❉➺ ➸❄➳ ✁✄✟ Ò✡➪✡➺ ➸❄➻✶➻➓➻✚➚✘✝ ❒✂➷✎➽ ➚❉➹➠➽ ➹Ð➷ ➸❉➺ ➵❚➻➓➚✙✕✫➷ ➶❉➽ ➻✚✝ ➳✡➹☎❐❉❒☎➳☎❐☎➸ ✁✑✏ ➹☎➾✡✝ ❒☎➘☎➸✜✛ ✢✔✣ ✤✙✥ ✦✧✥ ✤✙✣ ✤✙✥✩★ ✪✬✫✮✭✙✫✰✯ ✱✔✲✳✯ ✴✵✱✡✶✙✷✔✸ ✹✙✷✙✯ ✱✬✯✻✺✙✱✼✫✮✴✘✸ ✹✡✯✻★ ✴✔✪ ✽✄✾ ✴✙✯✻★ ✶✙✷✡✯✻★ ✴✔✪ ✿❁❀✮❂ ❃❅❄❇❆ ❈✡❆ ❉✰❊●❋❇❆ ❊✡❋✰❍❇❂✔■ ❍✮❄✰❍✓■❅■ ❏❇❉✮❊✓❑✰❏✮❊❅❍▼▲ ❃✓❂✔◆❅❂ ❃✡❖❇■ ❍❇P◗❈❅❃✓P✩❏✓❆ ❉ ❘ ❆ P❙◆❇■ ❆ ▲ ❆ ❍ ❘ ◆❅❂ ❃❅❊✡❂ ❏❇P❙P▼❆ ❉✰❊●◆❅❂ ❃✡❖❇■ ❍❇P ✿❁❚✌❯✰❏❇P❙◆❇■ ❍ ❘ ❱▼❲❇❳✔❨❬❩ ❭✰❪ ❫ ❴✰❪ ❫ ❱❛❵✻❜ ❝ ❴✰❞✌❫ ❡ ❢✌❣ ❴❤❡ ❞✻❝ ❴✰❪ ❩✌❪ ❴✌❝ ❴✰❪ ❫✔❫ ✐✻❥ ❦❬❭✌❫✎❧ ♠❇❳✔♥✮❝ ❥ ❣ ❱❛♦❇✐✰❣ ❴✌♣ ❢ ❭✌❫ ❴✻q✻r ❴✻❜✌❩✻❴✰❪ ❝✓❫ s✻❫ ❝ ❴✰t❬❫ ✉ ✈ ✇ ① ② ② ③ ④ ⑤✰⑥ ③ ⑦ ⑧ ② ⑨ ⑤ ⑦ ⑩ ❶ ❷✌❸ ❹ ❺ ❸✮✈ ✉ ✈ ❻ ⑩ ⑩ ❼ ❽ ❾ ❾ ❿ ❿ ❿ ➀ ➁ ⑤ ➀ ➂ ① ② ② ③ ⑤ ① ➀ ➁ ➃ ❾ ➄ ➁ ⑦ ⑤ ➁ ✈ ✉ ✈

Interpreter Architecture [Shaw&Garlan p. 27]

Program state Program being interpreted Simulated Interpretation Engine Internal Interpreter State inputs

• utputs

selected instruction selected data program code

✉ ➅ ✇ ① ② ② ③ ④ ⑤✰⑥ ③ ⑦ ⑧ ② ⑨ ⑤ ⑦ ⑩ ❶ ❷✌❸ ❹ ❺ ❸✮✈ ✉ ✈ ❻ ⑩ ⑩ ❼ ❽ ❾ ❾ ❿ ❿ ❿ ➀ ➁ ⑤ ➀ ➂ ① ② ② ③ ⑤ ① ➀ ➁ ➃ ❾ ➄ ➁ ⑦ ⑤ ➁ ✈ ✉ ✈

E.g., Interpreting Java Programs

Program state Java class files Java Virtual Machine (JVM) JVM State inputs

• utputs

selected instruction selected data program code

SLIDE 7

7

✉

• ✇

① ② ② ③ ④ ⑤✰⑥ ③ ⑦ ⑧ ② ⑨ ⑤ ⑦ ⑩ ❶ ❷✌❸ ❹ ❺ ❸✮✈ ✉ ✈ ❻ ⑩ ⑩ ❼ ❽ ❾ ❾ ❿ ❿ ❿ ➀ ➁ ⑤ ➀ ➂ ① ② ② ③ ⑤ ① ➀ ➁ ➃ ❾ ➄ ➁ ⑦ ⑤ ➁ ✈ ✉ ✈

Interpreting Java Programs

✁✄✂ ❏✰❄✰❏ ◆❇❂ ❃❅❊✡❂ ❏❇P ❘ ❏❇❂ ❍ ❂ ❍❇◆❅❂ ❍ ❘ ❍✓❉✆☎ ❍✮❈▼❏ ❘ ❏ ❘ ❍✝☎✎❃❅▲✟✞✮■ ❏ ❘ ❘ ▲ ❆ ■ ❍ ❘ ✠☛✡✌☞ ❞✻❝ ❭✰❡ ❞❤❢ s ❝ ❴❬❥ ☞ q✌❴ q✌❴✌❫ ❥ ❪ ❡ ❢✌❡ ❞✎✍ ☞ ❩ ❴✰❪ ❭✻❝ ❡ ☞ ❞✌❫ ☞ ❞❬❝ ❦✻❴ ❧ ❭✎✏ ❭ ♠❇❡ ❪ ❝ ✐✻❭✰❣✰❳ ❭✻❥ ❦✰❡ ❞✻❴ ✁✄✑ ❋✰❍ ❘ ❍ ◆❅❂ ❃❅❊✡❂ ❏❇P ❘ ❏❇❂ ❍ ❍✰❯✰❍✝✞✰❑✆☎ ❍✮❈▼❏ ❘ ❆ ▲✒☎ ❋✰❍✝✓✕✔❬❍✓❂ ❍ ❖✰❍✓❆ ❉✰❊●❂ ❑❇❉ ❃✓❉ ❏❛❉✰❏✝☎ ❆ ❄✰❍ P✩❏✝✞✰❋❇❆ ❉✰❍ ✁ ❀✮❂ ❃❅❊✡❂ ❏❇P ❘ ☎ ❏✝☎ ❍❛❆ ❘ ❏✝✞✎☎ ❑✰❏✓■ ■ ✓ ✖ ✗✙✘✌✖ ✗✌✚ ✗✜✛✆✢ ✗✝✣✥✤ ✛✕✦ ✧✩★

Program state Java class files Java Virtual Machine (JVM) JVM State inputs

• utputs

selected instruction selected data program code

✪ ✫ ✬ ✭ ✮ ✮ ✯ ✰ ✱✆✲ ✯ ✳ ✴ ✮ ✵ ✱ ✳ ✶ ✷ ✸✺✹ ✻ ✼ ✹✝✽ ✪ ✽ ✾ ✶ ✶ ✿ ❀ ❁ ❁ ❂ ❂ ❂ ❃ ❄ ✱ ❃ ❅ ✭ ✮ ✮ ✯ ✱ ✭ ❃ ❄ ❆ ❁ ❇ ❄ ✳ ✱ ❄ ✽ ✪ ✽

Example: Processing XML

❈✄❉ ★❋❊❍● ✗ ❉ ✢ ✗✙✛✝✚✺✤ ■✙❏ ✗✥★▲❑✙✖ ▼✆◆✌✘❖❊ ❑✙✛✝P✜◆✆❑✝P✌✗✌◗❘✤ ✚❘❑❚❙❘❑✝❯❚❱✌❲✟✗✙✛✆❳✎❱✌✣❨✤ ✛✝P ✚ ✢ ✖ ◆✆❳✎✢ ◆✙✖ ✗✝✣❩✣✌❑✌✢ ❑❚❲ ❱❨✖ ❬☛❭✜❪ ❫ ❴✆❵ ❛✺❵ ❜✎❝ ❬❡❞ ❜✎❢ ❣✆❪ ❫ ❴✎❤✆❜✎❝✝❵ ❜✎❝✕✐✎❣✎❢ ❥❦❣✎❣✆❜❋❤✝❧✺❧✺♠ ❵ ❫ ❤✺❢ ❵ ♥✝❜✺♦ ❬❡♣✺❣✆❜✎q✝❵ ❜✎❝❋♥✺❛✎❣✆❪✙❢ ❴✎❣❍❞ ❜✎❢ ❣✆❪ ❜✎❣✎❢ r❖s t✺✉ ✈✆✉ t ✇ ① ② ③❦③✒t✎④ ① t⑥⑤ ⑦ ⑧ ⑨ ⑩ t ⑧ ⑧ ✇ ❶ ② ✇ ⑤ ⑦ ⑧ ⑨ ⑩ t ⑧ ⑧❨❷✎❸ ❸ ❹ ⑨ ① ❷ ❶ ⑨ ②✎⑩ ⑧ ❺ ❈✄❉ ★❋❊❍✘✙✖ ❱✌❳✎✗✌✚ ✚✺✤ ✛✆P✥✤ ✚❻✤ ❼❚✘✙❏ ✗✙❼❻✗✜✛✆✢ ✗✝✣❩❽✙✤ ❑❚✢ ❾✆✗❖✤ ✛✝✢ ✗✙✖ ✘✌✖ ✗✝✢ ✗✜✖✟❑✙✖ ❳✝❾✙✤ ✢ ✗✝❳✎✢ ◆✌✖ ✗ ✚ ✢ ❯✙❏ ✗

See e.g. http://www.xml101.com:8081/xml/

XML

❿➁➀❍➂➄➃✥➅❦➆✒➇❨➈❦➉➋➊❦➌✟➍ ➎✥➇✙➆✩➌✒➎✜➏ ➎✝➍❻➆✟➐❋➍ ➑✒➒❦➒❦➊✒➅➓➍ ➊✟➔✜➍ →✄➣❘➑✒➒❦➎↔➏ ➌✒➅▲➏ ➇✌➑✟➍ ➊➓➎✝➊✩➉➋➑❦➌❨➍✎➏ ➇✙➎❖➆✒➐❍➅❦➑❨➍ ➑ →✄➣❘➑✒➒❦➎↔➉↔➑✟↕➛➙✟➊➓➑✩➜ ➙❦➏ ➍✎➜ ➑✩➜ ↕ ➝➟➞✎➠❨➡ ➡ ➠✌➢➥➤ ➠✜➦ ➧❻➨✝➩✒➠✌➤

<tagname attr1=value1,…,attrn=valuen>

contents

</tagname>

<books> <book isbn=”0201199300"> <title>Software Architecture in Practice</title> <author>Len Bass</author> <author>Paul Clements</author> <author>Rick Kazman</author> </book> </books>

➫ ➭ ➯ ➲ ➳ ➳ ➵ ➸ ➺✆➻ ➵ ➼ ➽ ➳ ➾ ➺ ➼ ➚ ➪ ➶✺➹ ➘ ➴ ➹✝➷ ➫ ➷ ➬ ➚ ➚ ➮ ➱ ✃ ✃ ❐ ❐ ❐ ❒ ❮ ➺ ❒ ❰ ➲ ➳ ➳ ➵ ➺ ➲ ❒ ❮ Ï ✃ Ð ❮ ➼ ➺ ❮ ➷ ➫ ➷

XML DTD’s

Ñ➁Ò❩Ó✌Ô✜Ó❩Õ Ó✙Ö✺× Ø✆Ù⑥Ú✆Û✎Ü✌Ô✌Ý✆Þ✎Ú❻Ó✙Ú✎ß à Û✆à Ü à Ö✝Û✺á❨â✺Ú✺ã × ä à å Ú✺ã▲æ Ú✎ç✆è✝æ✺Ø✺ã Ú❘Ö✺ß✙Ü è✺ç✆ã▲à Û❘è Þ è✆ä Ü à × Ø✆æ è✆ä❨é à Û✎â❋Ö✺ß✜ê✙ë✩ì⑥â✺Ö✺× Ø✆Ù⑥Ú✆Û✎Ü

<!DOCTYPE listOfBooks [

<!ELEMENT books (book*)> <!ELEMENT book (title,author+)> <!ATTLIST book isbn CDATA “0”> <!ELEMENT title (#CDATA)> <!ELEMENT author (#CDATA)>

]> <listOfBooks>

<books> <book isbn=”0201199300"> <title>Software Architecture in Practice</title> <author>Len Bass</author> <author>Paul Clements</author> <author>Rick Kazman</author> </book> </books> Example document following this DTD

SLIDE 8

8

➫

• ➯

➲ ➳ ➳ ➵ ➸ ➺✆➻ ➵ ➼ ➽ ➳ ➾ ➺ ➼ ➚ ➪ ➶✺➹ ➘ ➴ ➹✝➷ ➫ ➷ ➬ ➚ ➚ ➮ ➱ ✃ ✃ ❐ ❐ ❐ ❒ ❮ ➺ ❒ ❰ ➲ ➳ ➳ ➵ ➺ ➲ ❒ ❮ Ï ✃ Ð ❮ ➼ ➺ ❮ ➷ ➫ ➷

DTD’s specify

✁✄✂✆☎ ➨✝➩❦➩ ➨✞✝✠✟❘➨✙➦ ✡❖➡ ✡✞✝✌➨✜➡ ✁☞☛ ➠✌➢➥➩ ➨✞✝✠✟❘➨✜➦ ✡✍✌✎➠✜➧✍✎✠✏ ✑✒✡✔✓ ✕ Ò❩å Ö✺Ö✝é⑥Ù❋Ø✺ã Ü✗✖✺è✙✘ Ú❋è❋Ü à Ü æ Ú❋è✆Û✎â✛✚✩Ö✝ä✟Ù⑥Ö✝ä Ú❘è✆Ø✺Ü ✖✎Ö✝ä ã ✕ Ò❚ã Ú✎Ü✙Ö✺ß✟å Ö✺Ö✝é ã❦× Ö✝Û✺ã à ã Ü ã❦Ö✺ß✢✜❘Ö✝ä✟Ù⑥Ö✝ä Ú❻å Ö✺Ö✝é ã ✕ Ò❩å Ö✺Ö✝é✣✖✺è✺ã❦è✆Û✥✤ ✦✞✧✞★❩è✺Ü Ü ä à å✺Ø✎Ü Ú❋Õ Ø✆Û✆à ✩✝Ø✎Ú❍Û✆Ø✆Ù❋å Ú✆ä✙ß Ö✝ä✟å Ö✺Ö✝é ã á ✪✞✫✬✖✆à × ✖❍à ã × ✖✎è✆ä è✎× Ü Ú✆ä✜Ü Ú✙✭✎Ü✜Õ ✮✜Ó✙Ò✝Ô✌Ò✙á ✪✞✫▲à Ü ✖❘è❋â✆Ú✎ß è✆Ø✆æ Ü✠✘✎è✆æ Ø✎Ú❘Ö✺ß✠✯ ✜✒✰

<books> <book isbn=”0201199300"> <title>Software Architecture in Practice</title> <author>Len Bass</author> <author>Paul Clements</author> <author>Rick Kazman</author> </book> </books>

➷ ✱ ➯ ➲ ➳ ➳ ➵ ➸ ➺✆➻ ➵ ➼ ➽ ➳ ➾ ➺ ➼ ➚ ➪ ➶✺➹ ➘ ➴ ➹✝➷ ➫ ➷ ➬ ➚ ➚ ➮ ➱ ✃ ✃ ❐ ❐ ❐ ❒ ❮ ➺ ❒ ❰ ➲ ➳ ➳ ➵ ➺ ➲ ❒ ❮ Ï ✃ Ð ❮ ➼ ➺ ❮ ➷ ➫ ➷

Using XML in a System for Ordering Books

Component for converting book

• rders from XML to

Java classes Book order as Java class Book order as XML document

➷ ✲ ➯ ➲ ➳ ➳ ➵ ➸ ➺✆➻ ➵ ➼ ➽ ➳ ➾ ➺ ➼ ➚ ➪ ➶✺➹ ➘ ➴ ➹✝➷ ➫ ➷ ➬ ➚ ➚ ➮ ➱ ✃ ✃ ❐ ❐ ❐ ❒ ❮ ➺ ❒ ❰ ➲ ➳ ➳ ➵ ➺ ➲ ❒ ❮ Ï ✃ Ð ❮ ➼ ➺ ❮ ➷ ➫ ➷

Using XML in a System for Ordering Books

Books DTD XML Processor DTD Book order as Java class Book order as XML document Component for converting book

• rders from XML

to Java classes

➷ ➫ ➯ ➲ ➳ ➳ ➵ ➸ ➺✆➻ ➵ ➼ ➽ ➳ ➾ ➺ ➼ ➚ ➪ ➶✺➹ ➘ ➴ ➹✝➷ ➫ ➷ ➬ ➚ ➚ ➮ ➱ ✃ ✃ ❐ ❐ ❐ ❒ ❮ ➺ ❒ ❰ ➲ ➳ ➳ ➵ ➺ ➲ ❒ ❮ Ï ✃ Ð ❮ ➼ ➺ ❮ ➷ ➫ ➷

Using XML in a System for Ordering Books

Books DTD XML Processor Book order Web Browser (XML document) Order Processor DTD Books data structure XML Order Other components…

SLIDE 9

9

➷ ➷ ➯ ➲ ➳ ➳ ➵ ➸ ➺✆➻ ➵ ➼ ➽ ➳ ➾ ➺ ➼ ➚ ➪ ➶✺➹ ➘ ➴ ➹✝➷ ➫ ➷ ➬ ➚ ➚ ➮ ➱ ✃ ✃ ❐ ❐ ❐ ❒ ❮ ➺ ❒ ❰ ➲ ➳ ➳ ➵ ➺ ➲ ❒ ❮ Ï ✃ Ð ❮ ➼ ➺ ❮ ➷ ➫ ➷

XML Processor for Ordering Books

→➁➀❍➂➄➃✁✒➜ ➆✒➇✙➊✒➎✝➎✌➆▲➜❻➏ ➎❖➑✩➌➥➏ ➌❨➍ ➊✩➜ ✂❦➜ ➊✟➍ ➊✩➜❘➐ ➆▲➜☎✄▲➣✆✄✞✝ ➎ →✠✟☛✡✟➊✩➌➓➒▲➏ ☞❨➊✩➌ ➍ ✡✟➊✍✌✒➆❦➆✏✎✌➎✁✄⑥➣✆✄✒✑❍➙❨➊✒➇✌➆▲➉➋➊✟➎✥➑➓➇✙➆✩➉✓✂✟➆✩➌✒➊❦➌❨➍ ➇✙➑✔✂✟➑✩➙✖✕ ➊➓➆✟➐☎✂❦➜ ➆❦➇✌➊✒➎✌➎✜➏ ➌✒➒ ➙✟➆✒➆✏✎➄➆▲➜ ➅✒➊✩➜ ➎ →✠✗❘➅✘☞✟➑✩➌❨➍ ➑✒➒✒➊✒➎ ➝☛✙✜➨✠✑❩➦ ✡✛✚✞✟ ✡☎✜✖✢✞✣✞✤✙➦ ➠✔✌✙✡✔✟ ✟ ➠✜➦ ✏ ✑❩➧❻➨✢✑✦✥ ✌✎➠✗✑✆➩ ✡★✧✝➩ ✟ ➝☛✩ ➤✟➤ ➠❨➦ ➧❻➨✝➩✒➠✌➤ ✎✆➠✌➠✛✪❋➠❨➦ ✓✔✡✜➦ ✟ ✌ ☎ ➨✢✑✒✝✔✡✬✫✮✭ ✚✞✟ ➩✬✑✒✡✞✡✞✓ ➩ ➠✛✌ ☎ ➨✠✑✒✝✔✡✰✯✲✱✖✯✖✫ ✑✆➠✌➩ ✌✎➠✔✓✔✡ ➷ ✳ ➯ ➲ ➳ ➳ ➵ ➸ ➺✆➻ ➵ ➼ ➽ ➳ ➾ ➺ ➼ ➚ ➪ ➶✺➹ ➘ ➴ ➹✝➷ ➫ ➷ ➬ ➚ ➚ ➮ ➱ ✃ ✃ ❐ ❐ ❐ ❒ ❮ ➺ ❒ ❰ ➲ ➳ ➳ ➵ ➺ ➲ ❒ ❮ Ï ✃ Ð ❮ ➼ ➺ ❮ ➷ ➫ ➷

Attributes of Interpreter Style

→✴✄❋➊✵☞❨➊✔✕ ➆✏✂❦➉↔➊✩➌❨➍❋➣❍➏ ➉➋➊ ➝✶✱✒➦ ✡✙➧ ✡✠✑✒✓✌➠✲✚✞✟✞✤✆➠✌➩ ✡✢✑✆➩ ✏ ➨✜➡✺➤ ➠❨➦✩➦ ✡✷✚✞✟ ✡ →✴❨➊✩➜ ➐ ➆▲➜ ➉↔➑❦➌✒➇✌➊ ➝☛✩ ✑✆➩ ✡✜➦ ✤✙➦ ✡✝➩ ➨✝➩ ✏ ➠✗✑❩➧❻➨✮✥✛✎✒✡✛✟✺➡ ➠✌➢ ✡✙➦✒➩ ☎ ➨✢✑ ☎ ➨✠✑✒✓✷✸ ✌✎➠✔✓✠✡✞✓ ✟ ➠❨➡ ✚✆➩ ✏ ➠✢✑✞✟ → ➂ ➆❦➅▲➏ ➐ ➏ ➑✩➙❦➏ ✕ ➏ ➍ ↕ ➝☛✙✜➨✠✑✛✎✒✡ ✏ ➧✹✤✙➦ ➠✮✺✒✡✞✓ ✎✦✥ ➦ ✡✔✟ ➩ ➦ ✏ ✌✎➩ ✏ ✑✞✝❖➧❻➠✔✓✗✏ ➤ ✏ ✌✎➨✝➩ ✏ ➠✗✑✕➩ ➠✛✓✌➨✝➩ ➨ ✎✒✡✢✏ ✑✞✝ ✏ ✑✆➩ ✡✙➦ ✤✌➦ ✡✌➩ ✡✞✓

CISC 323 Intro to Software Engineering

✻✘✼✾✽✵✿✬❀✞❁ ✼❃❂✒❄✮❅ ❆✏❇❉❈❊❇❋❁ ✽✏●✞❍ ✿✦✼✾✽✵✿✬❀✞❁ ■✆❏▲❑✾✿◆▼✞❏ ✼ ❖ P ◗ ❘ ❙ ❙ ❚ ❯ ❱★❲ ❚ ❳ ❨ ❙ ❩ ❱ ❳ ❬ ❭ ❪✦❫ ❴ ❵ ❫✮❖ ❛ ❖ ❜ ❬ ❬ ❝ ❞ ❡ ❡ ❢ ❢ ❢ ❣ ❤ ❱ ❣ ✐ ❘ ❙ ❙ ❚ ❱ ❘ ❣ ❤ ❥ ❡ ❦ ❤ ❳ ❱ ❤ ❖ ❛ ❖

Architectural Style Examples

[Shaw&Garlan]

❧✴♠✘♥ ♦✵♣✘q❋r✖s✘t✈✉✲♥ ✇ ① ♣✔② q ❧✴③✬r✵④✵♣✔② q ❧✴⑤✲⑥✵♣✖s✵① ⑦✦⑧✘r✘q✮♣✘t ❧✴⑨✒r✵① r✖⑦ ⑩✏♣✖s✵① ♣✔② ♣✘t ❧❷❶◆s✵① ♣✔② ♦✖② ♣✵① ♣✔② ❧✴♠✛❸✾⑩

SLIDE 10

10

❖

• ◗

❘ ❙ ❙ ❚ ❯ ❱★❲ ❚ ❳ ❨ ❙ ❩ ❱ ❳ ❬ ❭ ❪✦❫ ❴ ❵ ❫✮❖ ❛ ❖ ❜ ❬ ❬ ❝ ❞ ❡ ❡ ❢ ❢ ❢ ❣ ❤ ❱ ❣ ✐ ❘ ❙ ❙ ❚ ❱ ❘ ❣ ❤ ❥ ❡ ❦ ❤ ❳ ❱ ❤ ❖ ❛ ❖

The PAC Architecture Style

❧✂✁☎✄✔♦✖♦✝✆✏② ①◆♥ s✟✞ t✖♣✵⑥✵♣✔✇ ✆✏♦✡✠ ♣✔s✲①☛✆✌☞✍✄✘q✮♣✔②✆♥ s✵① ♣✔② ☞ r✟✎✬♣✘q ❧✑✏✡✒✟✓☎✔✖✕✘✗✚✙ ✛✌✜✌✢✲r✔② ✎✤✣✔♥ ① ♣✟✎✮①✥✄✔② ♣ ①✥✣✵r✵①✦✎✷r✖s★✧✵♣✩✠✁r✔♦✖♦✵♣✘t✓① ✆ ✠✪✄✔✇ ①◆♥ ♦✖✇ ♣✫✔✖✒✌✓✚✔✭✬ ✕✟✙ ✕ r✔② ✎✤✣✔♥ ① ♣✟✎✮①✥✄✔② ♣✘q ❧✠❸✮✞✖♣✔s✲① ⑦✥✧✲r✘q✮♣✘t ✯✱✰✭✲ ✳✖✴✝✲ ✵✘✶✸✷✖✹✭✺✥✳✤✶✼✻✽✳✘✾ ✹✭✷❀✿ ❁✽❂ ✳❃✵❃✾ ✹✭❂✟✳✖❄✟✵✭✴✖✹✘❁✭❂ ✾ ❅✤✹✖✵✭✺✽❆❃✲ ✹✖✾✥✻✽✳✝❁✭✾❇✿ ❈✘❉ ✹ ❄ ✳✤✲✟✾ ✳✤✶☛✹❊✻✽✵✤✲ ❂✟✳✖❄✟❂ ❆✽✹❃❂ ✵✖✾✥❋●✳✘❄❍✿ ❁✭❂ ✹✘✲ ✵✭✺✥❂ ✿ ❁✽✴❃■☛✿ ❂ ❆✼❂ ❆✽✹❑❏✭✾ ✹✘✲ ▲ ▼ ◆ ❖ P P ◗ ❘ ❙✽❚ ◗ ❯ ❱ P ❲ ❙ ❯ ❳ ❨ ❩❇❬ ❭ ❪ ❬✭▲ ❫ ▲ ❴ ❳ ❳ ❵ ❛ ❜ ❜ ❝ ❝ ❝ ❞ ❡ ❙ ❞ ❢ ❖ P P ◗ ❙ ❖ ❞ ❡ ❣ ❜ ❤ ❡ ❯ ❙ ❡ ▲ ❫ ▲

Example: PAC Architecture for a Set of Buttons

✐❦❥ ✾ ✾✥❏✖✶☛✹✼✵✘❁❊✿ ❁✭❂ ✹✘✲ ❄ ✵✭✺✥✹❊❆✽✵✖✾✮✵❃✾ ✹✭❂✟✳✖❄❍❈✖❏✭❂ ❂ ✳✤❁✭✾ ✺✥✳✤❁✽❂ ✲ ✳✝❉ ❉ ✿ ❁✭✴❑❁✽✵✭❧✘✿ ✴✖✵✭❂ ✿ ✳✝❁ ♠♦♥ ♣❇q❇r s t✡✉✚✈✥q✽✇❇①☎② ✈❇③ ④✽② ✇✮③ ⑤✍⑥❇② ✈✥⑦❇⑧ ⑤✭④❇①☎⑥✥q✥⑨✽✈✦⑧ ✇ ⑩ ⑧ ① ③ ⑤✭② ❶✥❷✽♥ ❸ ⑤✭② ❹✡q✽② ❺✭t✟✉✮✈✥q✽✇❇①❍⑨❇⑤●❻ ⑤✭② ❹✡q✽② ❺✦③ ⑤ ❼ q❇① ③✝⑥✥q✥⑨✽✈✮❹❍✈✦✉✚⑤❇⑦✥✈✥❺✼❽ q✥r s☎❻ ② ⑤✭✉✪❾ ⑧ ❻✘③ ⑩ ✈✽② ✈✦⑧ ① ⑤✭✇✥✈❇❿

Button

List of pages visited Current page

• “Back” decrements current page counter
• “Forward” increments current page counter
• If current page is front of list, “Back” button is disabled
• If current page is end of list, “Forward button is disabled
• Going to a new page enqueues that page after the current

page, sets current page to that page

▲ ➀ ◆ ❖ P P ◗ ❘ ❙✽❚ ◗ ❯ ❱ P ❲ ❙ ❯ ❳ ❨ ❩❇❬ ❭ ❪ ❬✭▲ ❫ ▲ ❴ ❳ ❳ ❵ ❛ ❜ ❜ ❝ ❝ ❝ ❞ ❡ ❙ ❞ ❢ ❖ P P ◗ ❙ ❖ ❞ ❡ ❣ ❜ ❤ ❡ ❯ ❙ ❡ ▲ ❫ ▲

Starting with Just a Button...

➁➃➂☎➄✝➅ ➅ ➆☎➇✌➈➊➉✌➋✌➌✌➍ ✯ ❥➏➎ ➐✭➑✖➒✖➎✭➓ ✹✝➔ ✴✌➔ →✭➣✭✵✭✺✭❋❇↔ ❅✽→✭↕✥✳✝✲ ■✮✵✘✲ ✷✤↔ ➙ ✯ ❥➊➛✽➜ ➐✘➜ ➒✼➓ ✷✝✿ ✾ ✵✘❈✘❉ ✹✭✷✘❅✤✹✘❁✽✵✤❈✘❉ ✹✭✷✘➙ ➁➃➝☎➞✝➟ ➟ ➠☎➡✌➢➊➤✌➥✌➦✌➧★➨ ➠✡➩✖➥❍➨✟➫✌➧❍➤✌➥✌➦✡➭ ➠☎➞❍➯ ➲★➳✭➵✘➸✝➺ ➺ ➸✭➻✽➼✘➽ ➾❍➚☎➪✽➼✭➶✥➸✤➹☛➼❊➘✘➴ ➷✝➘✘➺ ➴ ➷✝➘✽➬ ➼✭➮ ➱ ➘✽➼✘✃❃➹☛➸✝❐✭❒ ➼❊➹☛➸✖➻✽➼✖❒✮➸✭➻✽➼✤➽✌➬ ➘✽➼✘➹ ➲✱❮✭➼✭➶✥➸✤➹☛➼✼➮✖➼✘❰✖➽ ➼✖❒ ❒ ➼✭➮❃Ï ➸✝➺ ➺ ➸ ➱ ➴ ✃✽➷ ➹☛➸✤❐✭❒ ➼✼➮✖➸ ➱ ✃ ➲✱❮✭➼✭➶✥➸✤➹☛➼❊➽ ➼✤➺ ➼✭Ð✖❒ ➼✭➮❃Ï ➸✝➺ ➺ ➸ ➱ ➴ ✃✽➷ ➹☛➸✤❐✭❒ ➼❊❐✖❰

Enabled button Disabled button “Rolled over” button Depressed button

Ñ Ò Ó Ô Õ Õ Ö × Ø✽Ù Ö Ú Û Õ Ü Ø Ú Ý Þ ß❇à á â à✭ã ä ã å Ý Ý æ ç è è é é é ê ë Ø ê ì Ô Õ Õ Ö Ø Ô ê ë í è î ë Ú Ø ë ã ä ã

Button Abstraction

ï❦ð ➪✖❐✽➬ ➬ ➸✝✃✭ñ ❒●❒ ➬ Ð✭➬ ➼❑➴ ❒✮➬ ➘✽➼✤➽ ➼✭Ï ➸✤➽ ➼ òôó õ✽ö✥÷✽ø✥ù ú❇û ü ý þ✥ÿ✁ õ✽ø ✂✥÷☎✄ ò✝✆ ✞✠✟✽þ✥õ✽ö❇ø ÷☎✡☞☛➏ù ✌☎✍☎✍✭ø ÷✥õ✽þ✎✥õ✽ø ✂✥÷☎✄ ò✝✆ ✞✑✏ ü ✍✭ø ø ÷✒✡✓✍☎ ÷✽ü ✔ ☛✚ù ✌☎✍☎✍✭ø ÷✥õ✽þ✎✥õ✽ø ✂✥÷☎✄ ò✝✆ ✞✕✡❇÷✗✖❇ü ÷☎✞ ✞ ÷✒✡☞☛✚ù ✌☎✍☎✍✭ø ÷✥õ✽þ✁ õ✽ø ✂✥÷☎✄ ï✙✘ ➘✽➼✘➽ ➼✭Ï ➸✝➽ ➼✛✚✝➬ ➘✽➼❃❒ ➬ Ð✭➬ ➼✼➸✖Ï✌Ð❑➪✖❐✭➬ ➬ ➸✤✃❊➴ ❒✮➶✥Ð✘❰✭➬ ❐✘➽ ➼✭➮❀➴ ✃✍➬ ➘✖➽ ➼✭➼❑❮✭➸✖➸✝➺ ➼✭Ð✤✃ ➻✽Ð✤➺ ❐✽➼✖❒✮Ð✤✃✽➮❃Ð❃❒ ➬ ➽ ➴ ✃✽➷❃➻✽Ð✤➺ ❐✽➼ ï✢✜ ✃✤✣ ð✑✥ ✚✝➬ ➘✘➴ ❒●❒ ➬ Ð✭➬ ➼❀➴ ❒✮➶✥Ð✤➺ ➺ ➼✭➮❃➬ ➘✽➼❊➪✘❐✽➬ ➬ ➸✤✃✭ñ ❒✧✦✕★✗✩☞✪ ✫ ✬✛✭☎✪ ✮ ✯✛✰

SLIDE 11

11

• ✁

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

PAC Components

✦★✧✪✩✬✫✮✭✰✯ ✱✳✲✰✴ ✵ ✶✷✱✸✵ ✹✰✯ ✶✻✺ ✱✽✼✰✾✻✺✕✵✿✯ ✹✻✱✕✵ ✶✻❀❂❁ ✯ ✼❄❃❅✭❆✺✸✶✳✵❇✼✻❁ ✱✽✼❄❃❂❈✳✼❄✾✷✶❉✾✷✵ ✺ ✦★❊✷✭✻✱✪✲❂✱✸✼❄❃❂❈✳✼❄✾✷✶✰✾✳✵ ✱✽✼❄❃❂❈✳✼❉✺✕✶✻❀❋✼✻❁✬✵✿✲✰✯ ✶✻✶❍● ■❉❏✕❑✻▲ ▼ ◆P❖✗✫ ◗☞✩✿◗✗✰ ✪ ✬ ✪ ✮ ✯✛✰✷❘✳❙✠❚✪❯✠❱✳❲ ❳✸❨❬❩✕❨ ❳✪❭ ❪ ❯✸❫✸❩✕❴✻❚✽❯✕❱❵❭ ❳✕❱✳❭ ❚✕❛❜❨❜❴ ❙✠❳ ❱ ❪ ❨✿❫✽❲ ❚✠❝ ◆ ✦✕★✗✩☞✪ ✫ ✬✛✭☎✪ ✮ ✯✛✰✷❘✳❩✽❯✠❱✸❳✪❭ ❲ ❝ ❪ ❯✠❞ ❨ ❴ ❚✕❴ ❳❢❡✸❣ ❪ ❯✕❴ ❳✽❭ ❚✕❤✿❴ ❪ ✐ ❳❢❳✪❯✠❴ ❪ ❴ ❝ ◆❦❥✗✯✛✰ ✪ ✫ ✯✽❧ ❘✷♠❇❳✕❱ ❪ ❚✕❴ ❳✸❨ ❤✿❡✪♠❢♠❢❩✸❯ ❪ ❤✿❚✕❴ ❪ ❡✪❯♦♥✠❳✕❴ ❛✬❳✕❳✪❯ ♣ ❭ ❳✸❨ ❳✽❯✕❴ ❚✕❴ ❪ ❡✪❯✸q✽r❉♥✕❨ ❴ ❭ ❚✕❤✿❴ ❪ ❡✪❯ ❚✽❯✠❱s❡✸❴ ❙✠❳✽❭ ♣ r✻t❵❤✿❡✪♠❢❫✠❡✪❯✠❳✪❯✠❴ ❨

Presentation Abstraction

Control

• ther PAC components
• ther PAC components

Inter-facet communication, typically event or method call

• ✖

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

PAC Button

✦✉✩❬✈✷✺✕✵✿✯ ✭✷✱✸✵✿✴ ✼❄✾ ◆①✇ ②✠③✠②❢④✪⑤ ⑥ ⑦✕⑧✿⑨✻⑧✿④✪⑩✕⑨ ②✪❶ ⑩✽❶ ⑩✠❷ ❸ ⑦✕⑨ ❹✠④✸❺✽❻✬⑨ ④♦❻ ⑦✕⑨ ❼ ❷✸⑦✸⑨ ❽❵❾✕❿✿➀ ➀ ➁✕➂❬➃ ➄✕➅ ➆✠➃ ❽❵➇✠➂✿➄✠➅✑➃ ➆✑➈✿➉ ➈✕➊ ➋ ➄✠➅✑➃ ➆✑➈❬➋ ➀ ➄✿➀ ➆ ❽❵➌✕➁✕➃ ➃ ➆✿➈✠➍ ➁✑➎ ➆✠➏✪➋ ➀ ➄✿➀ ➆ ❽❵➐✽➆✕➑✑➏ ➆✑➋ ➋ ➆✿➈✿➉ ➏ ➆✠➃ ➆✿➄✑➋ ➆✑➈❬➋ ➀ ➄✿➀ ➆

Presentation Abstraction

Control

• ther PAC components
• ther PAC components

➒ ➓ ➔ → ➣ ➣ ↔ ↕ ➙✠➛ ↔ ➜ ➝ ➣ ➞ ➙ ➜ ➟ ➠ ➡✑➢ ➤ ➥ ➢✕➓ ➦ ➓ ➧ ➟ ➟ ➨ ➩ ➫ ➫ ➭ ➭ ➭ ➯ ➲ ➙ ➯ ➳ → ➣ ➣ ↔ ➙ → ➯ ➲ ➵ ➫ ➸ ➲ ➜ ➙ ➲ ➓ ➦ ➓

PAC Button

➺➼➻❬➽ ➾❜➚✳➾❇➪❄➶✑➹➘➶✸➴ ➷➬➪ ➮①➱✬✃✽✃✽❐✰❒✪❮ ❰ÐÏÐÑ❄Ò✷❰✸❐ÔÓ Õ✰❒❉Ò✳❮ Ö❵×❇Ø✪Ù✕Ú Û❢Ü✸Ø✸Ý❬Þ ßáà â✳ã✑ä✿å å æ✕ç✬è✠ç✑é✠ã✑ê è✑ë✠ì ë✑è✕í✑î è✑ï ï è✑ï❄ã✑ä✿å å æ✕ç Ö❵×❇Ø✪Ù✕Ú Û♦Ù✸ð ßáà â✳ã✑ä✿å å æ✕ç❜ë✑è✕í✑î è✑ï ï è✿ë✠ì î è✠ê è✿é✑ï è✑ï❄ã✑ä✿å å æ✕ç Ö❵×❇Ø✪Ù✕Ú Û❢Û✽Þ✠ñ Û✪ò ßáà â✽é✿ó å ô õ è✑ì✪í✑ä✿å ï➘ã✑ä✿å å æ✕ç❇ô ç î æ✕ê ê æ✑õ è✠î✪ï å é✿å è Ö❵×❇Ø✪Ù✕Ú Û❵ö Û✕÷✠ø✠Û ßáà â✳î æ✕ê ê è✿ë❜æ✑õ✿è✠î ì✽î è✠ù➘æ✑õ✿è✑ï î æ✕ê ê æ✑õ è✠î✪ï å é✿å è

Presentation Abstraction

Control

• ther PAC components
• ther PAC components

ú ú û ü ý ý þ ÿ ✂✁ þ ✄ ☎ ý ✆

• ✄

✝ ✞ ✟✡✠ ☛ ☞ ✠✍✌ ✎ ✌ ✏ ✝ ✝ ✑ ✒ ✓ ✓ ✔ ✔ ✔ ✕ ✖

• ✕

✗ ü ý ý þ

• ü

✕ ✖ ✘ ✓ ✙ ✖ ✄

• ✖

✌ ✎ ✌

PAC Button

✚✜✛✣✢ ❐✻❰✸❐❉Õ✷❮ ✤✷❮✿Ó Ñ❄Õ ✥✧✦ Û✸Ú✿ð✠Ø✪Þ✕Ú✡★ ✩✽ö Û✫✪ Ø✪ò✰ò Û✕Ü✳ò ÷✕Ý✬★ Þ✍✭ ✩✸Ù✠ñ ñ Ø✪Þ ✮✰✯✫✱ è✠ç✬ó ✱ é✠ç✡✲✑è✑ï❄ô ç✬è✠ç✿é✕ã✑ê ô ç✳✲✠ì ë✑è✕í✑î è✑ï ï è✿ë✳✴ î è✠ê è✿é✑ï è✑ë✠ì✪î æ✕ê ê è✿ë❜æ✑õ✿è✠î ì î è✿ë✕î é✳✵✰ï✶✵❄ô å ✱ é✕í✠í✑î æ✕í✑î ô é✿å è é✠ç✠ô ù➘é✿å ô æ✕ç✑ì✍✷✷à ✸✬ô ù➘é✡✲✑è

Presentation Abstraction

Control

• ther PAC components
• ther PAC components

Question: Why doesn’t input part of Presentation simply handle redrawing?

SLIDE 12

12

ú

• û

ü ý ý þ ÿ ✂✁ þ ✄ ☎ ý ✆

• ✄

✝ ✞ ✟✡✠ ☛ ☞ ✠✍✌ ✎ ✌ ✏ ✝ ✝ ✑ ✒ ✓ ✓ ✔ ✔ ✔ ✕ ✖

• ✕

✗ ü ý ý þ

• ü

✕ ✖ ✘ ✓ ✙ ✖ ✄

• ✖

✌ ✎ ✌

Building an Architecture with PAC Components

Ö ✦ Û✂✁✪Ù ★ ò Û❢÷☎✄✝✆✟✞☎✠✿Ø✪×❢ð✠Ø✳Þ✠Û✽Þ✕ñ✣✪ Ø✳ò✷Û✕÷✂✠☛✡✰✩✽Ù✠ñ ñ Ø✪Þ Ö ✦ Û✂✁✪Ù ★ ò Û❢÷☞✠✿Ø✪×❢ð✠Ø✳Þ✠Û✽Þ✕ñ✣✪ Ø✳ò❉Þ✠÷✕ø ★ ✭✸÷✕ñ ★ Ø✳Þ Ö ✦ Û✂✁✪Ù ★ ò Û☞✠✿Ø✪×❢ð✠Ø✳Þ✠Û✽Þ✕ñ Ú ✪ Ø✪ò✻ñ ✡✠Û❵ò Û✸Ú ñ✻Ø ✪✷ñ ✡✠Û ✩✸ò Ø✸Ý❜Ú Û✽ò ✌✳Ú✿Ù☛✠✂✡➬÷✸Ú✬ñ ✡✠Û❢Ü ★ Ú✿ð✽ö ÷☛✍➬Ø ✪✷ñ ✡✠Û❢Ý✬Û ✩ ð✠÷✍✭✸Û

Button

List of pages visited Current page

• “Back” decrements current page counter
• “Forward” increments current page counter
• If current page is front of list, “Back” button is disabled
• If current page is end of list, “Forward button is disabled
• Going to a new page enqueues that page after the current

page, sets current page to that page

ú ✎ û ü ý ý þ ÿ ✂✁ þ ✄ ☎ ý ✆

• ✄

✝ ✞ ✟✡✠ ☛ ☞ ✠✍✌ ✎ ✌ ✏ ✝ ✝ ✑ ✒ ✓ ✓ ✔ ✔ ✔ ✕ ✖

• ✕

✗ ü ý ý þ

• ü

✕ ✖ ✘ ✓ ✙ ✖ ✄

• ✖

✌ ✎ ✌

PAC Architecture

P A

C

P A

C

P A

C

P A

C

Back Button Forward Button Web Page Navigation

ú ✏ û ü ý ý þ ÿ ✂✁ þ ✄ ☎ ý ✆

• ✄

✝ ✞ ✟✡✠ ☛ ☞ ✠✍✌ ✎ ✌ ✏ ✝ ✝ ✑ ✒ ✓ ✓ ✔ ✔ ✔ ✕ ✖

• ✕

✗ ü ý ý þ

• ü

✕ ✖ ✘ ✓ ✙ ✖ ✄

• ✖

✌ ✎ ✌

Navigation Component

✚ ➱✒✑✷❰✕❮ ✢ ✤✷✃✸❮✿Ó Ñ❄Õ❂✃✸Ñ✰Õ✷❮ ✤✰Ó Õ✻❰✔✓✰Ò✻❐❉Ò✷❐❂Ñ✟✕ ❒ ✤✟✖❉❐✻❰✂✗✬✃✪Ò ✢ ✢ ❐✰Õ✳❮❢❒ ✤✟✖✻❐Ô❒✷Ñ❄Ó Õ✳❮ ❐ ✢ ✚✙✘ ✕❜❮✝✚✷❐ ✢ ❐ ✤ ✢ ❐Ô❒ ✤✟✖✻❐✻❰✛✑✷❐✜✕ Ñ ✢ ❐ ✃✳Ò ✢ ✢ ❐❉Õ✷❮❢❒ ✤✟✖❉❐✟✗➘❐✰Õ ✤✢✑✤✣ ❐✷❰✛✑ ✤✻✃✦✥ ✑❉Ò✷❮ ❮ Ñ✰Õ ✚✙✘ ✕❜❮✝✚✷❐ ✢ ❐ ✤ ✢ ❐Ô❒ ✤✟✖✻❐✻❰ ✤✜✕ ❮ ❐ ✢ ✃✳Ò ✢ ✢ ❐❉Õ✷❮❢❒ ✤✟✖❉❐✟✗➘❐✰Õ ✤✢✑✤✣ ❐✷❰ ✕ Ñ ✢ ✧ ✤ ✢ ★ ✑✻Ò✷❮ ❮ Ñ✰Õ ✚ ➱✬✃✸❮✿Ó Ñ✰Õ✻❰✩✕ ✢ Ñ❄Ï✪✑✻Ò✷❮ ❮ Ñ✰Õ✻❰ Ï ✤✰Õ✰Ó ❒✻Ò✢✣ ✤✳❮ ❐❆✃✳Ò ✢ ✢ ❐❉Õ✷❮❢❒ ✤✟✖❉❐ ✚✪✫ Ñ ✛✣✢ ❐✻❰✕❐✰Õ✳❮ ✤✳❮✿Ó Ñ✰Õ✬✕ ✤✷✃✽❐✳❮ ✢ ❐✟✓❄Ò✰Ó ✢ ❐ ★

Presentation Abstraction

Control

• ther PAC components

ú ✭ û ü ý ý þ ÿ ✂✁ þ ✄ ☎ ý ✆

• ✄

✝ ✞ ✟✡✠ ☛ ☞ ✠✍✌ ✎ ✌ ✏ ✝ ✝ ✑ ✒ ✓ ✓ ✔ ✔ ✔ ✕ ✖

• ✕

✗ ü ý ý þ

• ü

✕ ✖ ✘ ✓ ✙ ✖ ✄

• ✖

✌ ✎ ✌

Scenario: Go Back One Page

P A

C

P A

C

P A

C

P A

C

Back Button Forward Button Web Page Navigation Current page Initial state: current page is end of queue, therefore “Forward” button is inactive. I.e., we have never clicked the back button

SLIDE 13

13

ú

• û

ü ý ý þ ÿ ✂✁ þ ✄ ☎ ý ✆

• ✄

✝ ✞ ✟✡✠ ☛ ☞ ✠✍✌ ✎ ✌ ✏ ✝ ✝ ✑ ✒ ✓ ✓ ✔ ✔ ✔ ✕ ✖

• ✕

✗ ü ý ý þ

• ü

✕ ✖ ✘ ✓ ✙ ✖ ✄

• ✖

✌ ✎ ✌

Scenario: Go Back One Page

P A

C

P A

C

P A

C

P A

C

Back Button Forward Button Web Page Navigation Current page Final state: current page is moved back

• ne position in the queue; the new web

page is displayed, and the forward button becomes enabled

• ✁

û ü ý ý þ ÿ ✂✁ þ ✄ ☎ ý ✆

• ✄

✝ ✞ ✟✡✠ ☛ ☞ ✠✍✌ ✎ ✌ ✏ ✝ ✝ ✑ ✒ ✓ ✓ ✔ ✔ ✔ ✕ ✖

• ✕

✗ ü ý ý þ

• ü

✕ ✖ ✘ ✓ ✙ ✖ ✄

• ✖

✌ ✎ ✌

Scenario: Go Back One Page

P A

C

P A

C

P A

C

P A

C

Back Button Forward Button Web Page Navigation

• 1. User clicks mouse down; P informs C that

mouse clicked down; C informs A that button depressed; C informs P that button should be redrawn; P redraws button

• ✂

û ü ý ý þ ÿ ✂✁ þ ✄ ☎ ý ✆

• ✄

✝ ✞ ✟✡✠ ☛ ☞ ✠✍✌ ✎ ✌ ✏ ✝ ✝ ✑ ✒ ✓ ✓ ✔ ✔ ✔ ✕ ✖

• ✕

✗ ü ý ý þ

• ü

✕ ✖ ✘ ✓ ✙ ✖ ✄

• ✖

✌ ✎ ✌

Scenario: Go Back One Page

P A

C

P A

C

P A

C

P A

C

Back Button Forward Button Web Page Navigation

• 2. User releases mouse; P informs C that

mouse released; C informs A that button released; C informs P that button should be redrawn; P redraws button; C informs Navigation that Back button has been clicked

• ✎

û ü ý ý þ ÿ ✂✁ þ ✄ ☎ ý ✆

• ✄

✝ ✞ ✟✡✠ ☛ ☞ ✠✍✌ ✎ ✌ ✏ ✝ ✝ ✑ ✒ ✓ ✓ ✔ ✔ ✔ ✕ ✖

• ✕

✗ ü ý ý þ

• ü

✕ ✖ ✘ ✓ ✙ ✖ ✄

• ✖

✌ ✎ ✌

Scenario: Go Back One Page

P A

C

P A

C

P A

C

P A

C

Back Button Forward Button Web Page Navigation

• 3. C informs A that current page moved back
• ne. C informs forward button that it is enabled.

C informs web page that new page needs to be drawn.

SLIDE 14

14 CISC 323 Intro to Software Engineering

✂✁☎✄✝✆✟✞✡✠ ✁☞☛✍✌✏✎ ✑✓✒✕✔✗✖✙✘✡✚ ✁✜✛✗✢✤✣✦✥✧✔✗★✕✩☞✆✟✪✕✁✫✣✦✬✝✭✮✁☎✄✝✆✏✌✰✯✱✠✏✲ ✁✗★✓✆✮✁☎✩ ✳✴✠ ✄✓✪✡✲ ✆✮✁☎✄✝✆✟✞✡✠ ✔✗✚✕✵☎✆✰✶✡✚ ✁ ✷ ✸ ✹ ✺ ✻ ✻ ✼ ✽ ✾✏✿ ✼ ❀ ❁ ✻ ❂ ✾ ❀ ❃ ❄ ❅✮❆ ❇ ❈ ❆❊❉ ❋ ❉

• ❃

❃ ❍ ■ ❏ ❏ ❑ ❑ ❑ ▲ ▼ ✾ ▲ ◆ ✺ ✻ ✻ ✼ ✾ ✺ ▲ ▼ ❖ ❏ P ▼ ❀ ✾ ▼ ❉ ❋ ❉

Case Study

◗ ✥❘✲ ✄✓✠ ✯✡❙✝✯☎❚ ✆✏❯ ❙✦✢✤✣✦✥✧✔✗✠ ✄✓✪✡✲ ✆✮✁☎✄✝✆✟✞✡✠ ✁ ❱❳❲✕❨✓❩❭❬❪❨✓❫✝❴❵❫❪❛✗❜❞❝✟❡ ❴✂❢❊❛❤❣❤❨❥✐❥❴❵❦ ❱✙❧✍♠✟❴✂✐♦♥ ❨✓♣✗❝❥q❵r ❦ ✐✓r ❫✂st❣✴r ❢❪♣ ❨✂♠✟❨✝♥ ❛ ✉ ♠✈❦ ✇❵♣ s❥❴❭✇❵❬✂❬❥❦ r ❢①✇✝❛✰r ❨✓❫✝♠ ②❤③❞④⑥⑤ ⑦⑥⑧✂⑨✮⑩✏❶✰❷⑥❸ ⑧✂❹✮④✟❺☎❷⑥⑤ ❹✮④❪❻ ❼✏❽ ⑧❥❾ ❱➀❿☎✇❵♣ r ✇❥❫✝❛ ♠ ②✴➁✂➂❪➃☎➄✦➅ ⑦❪❻ ➆ ❽ ⑤ ❻ ➇①➈✏❽ ❷✟⑦✤➉✏❷⑥⑤ ➆✮❻ ④⑥❼❊➊ ②✜➃☎➋✮⑨❤➅ ➃✕➇ ➌ ❷❊❶✰❽✓➋✮❻ ❼①➍✏❻ ❼✏➎❤➏⑥❼✏⑦✴⑨✟➐✤➇✏❷✟⑦✟⑦❪❻ ❼❊➎①➊ ➑➓➒❊➔✏→ ➣ ↔①↕❊➙☎↔ ↕❊➛☎↕✮➜①➝✟➞❵➟➓↔ ↕✡➠✏➣ ➣ ↕✮➡✈➢✮↕✮➤ ➔✏➥✕➦✏➙✰↔⑥↔ ➧✏➛ ➦✮➨❵↔ ↕✱➩✰➦ ➤ ↕❊➥✍➩✮→ ➙✰➦✰➢ ➫✤➭✝➯✰➲ ➳ ➵✏➸✏➺✈➻ ➼❞➸①➽✗➵✏➸⑥➾ ➚✮➳ ➪⑥➶❊➹ ➫➓➘ ➴❥➷✮➬❞➮✴➾ ➸①➱①✃ ❐❊➯✰➸✟➚✗❒✂❮❪❰✍Ï❭❐①➶✏Ð❞➚ ➪⑥Ñ✗➸✤➪✟Ò✝➲ Ó✏➸✜Ó①➳ Ô❪Ó❊➸①➾ Õ ✃ ➸✏➵✏➸⑥✃ ➳ ➶✏Ò ➾ ❐✟➚ ➲ ➾ Ö✏➯✰➲ Ö✟➾ ➸ × × Ø Ù Ú Ú Û Ü Ý✏Þ Û ß à Ú á Ý ß â ã ä✮å æ ç å❊è é è ê â â ë ì í í î î î ï ð Ý ï ñ Ù Ú Ú Û Ý Ù ï ð ò í ó ð ß Ý ð è é è

Microsoft OLE

ôöõ✕÷✓ø❭ù❥ú û✝ü✂ý ➮þ❰✕➽ ÿ ➸❊➯✰➲ Õ ❰☎➾ ➳ ➸①➶✏➲ ➸✟Ð✤➭❥➾ ➯❊Ó①➳ ➲ ➸❊➯✰➲ Ö①➾ ➸✁❊➲ ✂①✃ ➸ ➮☎✄ ➶✏➲ ➸⑥➾ ➱①➾ ➸❊➲ ➸⑥➾❪➭❥➾ ➯❊Ó①➳ ➲ ➸❊➯✰➲ Ö①➾ ➸✁❊➲ ✂①✃ ➸ ➮✝✆ ❐✞✂✏➸⑥➾❪➭❥➾ ➯❊Ó①➳ ➲ ➸❊➯✰➲ Ö✟➾ ➸✁❊➲ ✂①✃ ➸ ➮✫➷✮➵✏➸①➶❊➲ Õ ❒❥➾ ➳ ➵✏➸⑥➶✗➭❥➾ ➯❊Ó①➳ ➲ ➸❊➯✰➲ Ö✟➾ ➸✁❊➲ ✂①✃ ➸ × ✟ Ø Ù Ú Ú Û Ü Ý✏Þ Û ß à Ú á Ý ß â ã ä✮å æ ç å❊è é è ê â â ë ì í í î î î ï ð Ý ï ñ Ù Ú Ú Û Ý Ù ï ð ò í ó ð ß Ý ð è é è

Motivation: Object Embedding

SLIDE 15

15

×

• Ø

Ù Ú Ú Û Ü Ý✏Þ Û ß à Ú á Ý ß â ã ä✮å æ ç å❊è é è ê â â ë ì í í î î î ï ð Ý ï ñ Ù Ú Ú Û Ý Ù ï ð ò í ó ð ß Ý ð è é è

Motivation: Object Embedding

× ✁ Ø Ù Ú Ú Û Ü Ý✏Þ Û ß à Ú á Ý ß â ã ä✮å æ ç å❊è é è ê â â ë ì í í î î î ï ð Ý ï ñ Ù Ú Ú Û Ý Ù ï ð ò í ó ð ß Ý ð è é è

Motivation: Object Embedding

× ✂ Ø Ù Ú Ú Û Ü Ý✏Þ Û ß à Ú á Ý ß â ã ä✮å æ ç å❊è é è ê â â ë ì í í î î î ï ð Ý ï ñ Ù Ú Ú Û Ý Ù ï ð ò í ó ð ß Ý ð è é è

Motivation: Object Embedding

✟ ✄ Ø Ù Ú Ú Û Ü Ý✏Þ Û ß à Ú á Ý ß â ã ä✮å æ ç å❊è é è ê â â ë ì í í î î î ï ð Ý ï ñ Ù Ú Ú Û Ý Ù ï ð ò í ó ð ß Ý ð è é è

What’s Actually Going On...

☎✝✆✟✞ ✠☛✡ ☞✍✌✎☞✑✏ ✒✔✓✖✕✍✕✍✗ ✞ ✠✘✓✙✒✚✞ ☞✜✛✑✌✢✓✖✡ ✣✥✤✦✓✑✧✍✣✥★✍✕✩☞✑✏✪✓✫✌✬✣✙✒✭☞✑✏ ✠✘☞✜✤✩✕✙☞✜✛✙✣✖✛☛✒✮✌ ✯✝✰✜✱ ✲✳✱ ✴✭✞ ✛✶✵✷☞✜✡ ✧ ✸✺✹✜✻✽✼✿✾✎❀❂❁✎❃✽❄✙❅✚❆☛❇❂❈✎❆✽❉✎❊✽❉✬❋❍●✎❆☛■ ❏▲❑✪❋

• ✘❊◆▼✬❖✽■

P✎❊❂❆✘◗❘❆☛❉✎❊ ❏▲❆▲❅❙P✽❇❚❊▲❉✬❋ ✸❱❯✔❲ ❃✙❳✘✻✑❨✦❅✿❆✽❇❂❈✎❆✽❉✘❊▲❉✎❋❍❩ ❇❂❈▲■ ❊✽❇❬❊✽❉✬❋ ❑❬❭✍❪✍◗ P✽❉✎❅✚❋❫❩ ❆☛❉✎❖✽■ ❩ ❋ ❴◆❆✎◗ ❆☛❉✎❊◆❵❬❩ ❉✘❏✘❆✘❵ ✸✺❛❙❲ ❜❙❄✙❅✚❆☛❇❂❈✎❆✽❉✎❊✽❉✬❋❍●✎❆☛■ ❏▲❑✪◗ ❆☛❝ ❇❚❖✬❋ ❋❫❩ ❉✘❞✟❩ ❉✎◗ ❆☛❝ ❇❚❖✎❋❫❩ ❆☛❉❚◗ ❆☛❝❘❖✢■ ❩ ❑✮❋ ❩ ❉❂❖❂❏▲❆▲❅❙P✽❇❬❊▲❉✎❋ ✸✺❡✬❋ ❅✬❢

SLIDE 16

16

• ✁

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

What’s Really Going On...

✦★✧ ❩ ❇❂❩ ■ ❖✽❝ ■ ❴✪✩✖❡✬✫✎❅✚❊✽■✬❑❙❈▲❝ ❊✎❖✘❏▲❑✿●✘❊✎❊✎❋✖❏✘❆▲❅❙P✽❇❚❊▲❉✎❋ ❑✪❖✽❝ ❊✢❇❬❖✘❏▲❊ P✽❈ ❆✘◗✍❖ ❉✽P▲❇✮✭✎❊✽❝❘❆✎◗✍❅✿❆✽❇❂❈✎❆✽❉✘❊▲❉✬❋ ❑ ✦✰✯✲✱✴✳✶✵ ✯ ❆✽❇❂❈✎❆✽❉✎❊✽❉✬❋ ✱ ✭✸✷ ❊✘❅ ❋ ✳ ❆▲❏✘❊✽■ ✹✜❖✽■ ■ ❆✎❵✭❑✭❆☛P✽❝✻✺ ❆☛❝ ❏ ❏▲❆▲❅❙P✽❇❚❊▲❉✬❋✍❋ ❆❂❊✽❇✮✭✎❊✘❏❂❊✽■ ❊✽❇❬❊▲❉✎❋ ❑✪❆✘◗✍❑❙❈▲❝ ❊✎❖✘❏▲❑✿●✘❊✎❊✎❋ ❏▲❆▲❅❙P✽❇❚❊▲❉✬❋ ❑ ✦✽✼

• ✘❊✽❝

❊✎◗ ❆☛❝ ❊❂❅✬❝ ❊✘❖✬❋ ❊❂❖◆❅✿❆☛❇❂❈✬❆✽P✽❉✘❏ ❏✘❆▲❅❙P✽❇❬❊✽❉✬❋❍❩ ❉✎▼✬❆☛■ ▼▲❩ ❉✘❞ ✭✎❆✘❋

• ✾✺✦❆☛❝

❏ ❖▲❉✘❏ ❡✬✫✎❅✚❊✽■✬❅✿❆☛❇❂❈✬❆✽❉✘❊▲❉✎❋ ❑

• ✖

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

COM as a Layered System

(Idealized View)

COM DCOM OLE ActiveX

• ✔

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

COM as a Layered System

(Idealized View)

COM DCOM OLE ActiveX Mechanism for connecting together software components. Components have an interface (similar to methods). Applications are made up of a set of components, but components may be shared amongst more than one application. Components can be in different languages.

• ✿

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

COM as a Layered System

(Idealized View)

COM DCOM OLE ActiveX Like COM, but components don’t all have to be on the same machine.

SLIDE 17

17

• ✂

✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

COM as a Layered System

(Idealized View)

COM DCOM OLE ActiveX Object Linking and Embedding: Simple mechanism for embedding documents of one type within

• another. E.g., if you want a

spreadsheet within a Word document, embed a spreadsheet managed by Excel.

• ✂

✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

COM as a Layered System

(Idealized View)

COM DCOM OLE ActiveX Allows delivery of components

• ver the web. In web browser,

special tag indicates that the URL content is not an HTML page, but a COM component that is to be downloaded and

• executed. Simplifies delivery
• f programs, since no

installation CD required.

• ✁

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

COM as a Layered System

(Slightly more accurate view)

COM DCOM OLE ActiveX

• ✂

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

COM as an OO System

✦☎✄ ❈▲❈▲■ ❩ ❅✿❖✎❋❫❩ ❆☛❉✎❑✭❖✽❝ ❊ ✭✘P✽❩ ■ ❋✖❖✘❑✪❖❂❑✚❊✬❋✖❆✎◗ ✯✲✱✴✳ ❅✿❆☛❇❂❈✬❆☛❉✎❊✽❉✬❋ ❑ ✦✽✼

• ✘❊✎❑✚❊❂❅✚❆☛❇❂❈✬❆☛❉✎❊▲❉✎❋

❑✪❖✽❝ ❊❂❅✚❆☛❉✎❑ ❋❫❝ P✘❅ ❋ ❊✘❏✟P✎❑❙❩ ❉✘❞ ❑ ❋ ❖▲❉✘❏▲❖✽❝ ❏ ✱ ✱ ❋ ❊✎❅✬●▲❉✽❩ ✆✽P✘❊✘❑ ✝✟✞ ✠☛✡✌☞✎✍ ✏ ✑ ✒✎✠✌✓✔☞ ✝✖✕✘✗☛✗✎✍ ☞✙✗☛✒☛✑ ✏ ✚✎✠ ✝✜✛✢✚✤✣ ✥☛✦✧✚✎✍ ★☛✡✩✏ ✪✔✦

References:

• D. Mackenzie, Word 2000 VBA, WROX Press, 1999
• D. Chappell, Understanding ActiveX and OLE, Microsoft Press, 1996

SLIDE 18

18

• ✁

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

A Visual Basic COM (OLE) Program

For fun, try running this in MS Word - select Tools|Macro|Visual Basic Editor

✦ ✧ ✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

Result of Running the Program within MS Word

✦ ★ ✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

A Visual Basic COM (OLE) Program

✦ ✖ ✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

Result of Running the Program within MS Word

SLIDE 19

19

An application contains a set of documents, which in turn contain many

• ther objects. Examples include the set of

characters (sentences, words) in the document, the currently selected range, the document’s styles, and many, many

• thers.

OO Design of MS Word

✦

• ✂

✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

OO Design

• f MS Word

A range represents a section of text over which editing operations can be performed. A range contains many properties, such as the set of characters/sentences/words in the range, the set of fonts used, the paragraph format, the set of errors returned by checking tools, and many more.

✦ ✁ ✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

Example Operations

✂☎✄✝✆✝✞✠✟☛✡ ✝✌☞ ✍✏✎ ✑✒✎ ✓✕✔✗✖✙✘ ✚ ✛✏✖✏✜ ✍✙✘ ✖✣✢ ✤✥✚ ✘ ✎ ✓✧✦✩★ ✪ ✪ ✏ ✠✙✪ ☞✩✍ ✑ ✪ ✗✤✏ ✫✌☞✎✠ ✪ ✑ ✍ ✏ ✠✌✗✭✬✌☞✙✮ ✚✎✍ ☞ ✑ ✡✌☞ ✍ ✒✩✠✙✗☛☞ ✝✌☞ ✍✏✎ ✑✒✯✩✰✏✚✠✢ ★ ✱ ✱✩✓✔✚✎★✩✏ ☞☛✪ ✑ ✡✌☞ ✍ ✒✩✠✌✗☛☞ ✑ ✚ ✑ ✡✌☞ ✓✙✣ ✏ ★✙✬✌✚☛✒✩✍ ✲✏✳✴✲☛☞✎✣ ☞✙✑ ☞☛✪ ✑ ✡✌☞ ✍ ✒✩✠✌✗☛☞ ✝✌☞ ✍✏✎ ✑✵✔✗✍✙✘ ✚✠✢ ✶✷★ ✪ ✪ ✪ ✚✎✍ ✑ ✪ ✑ ✡✌☞ ✍ ✒✎✠✌✗☛☞ ✒✙✓✔✓✔✚✎✍ ✲✤✏ ✠✌✗ ✑ ✚ ✗✤✏ ✫✌☞✩✠ ★✌✒✩✍ ✒✩✦✧☞☛✑ ☞✩✍ ✪ ✝✸✤✩✹✥✖✙✺ ✺ ✎ ✓✧✦✥✤✴✰✩✦✙✦✴✖✧✔✧✚ ✎ ✍✏✓✕✔✻✦✴✖✏✚ ✤✩✹✥✖✙✺ ✺ ✎ ✓✧✦✥✤✥✰✗✦✙✦✴✖✧✔✧✚ ✎ ✍✏✓✕✔✵✢ ✶✷★ ✪ ✪ ✍ ☞✙✑ ✼☛✍ ✠✙✪ ✪✔★✌☞✎✣ ✣ ✏ ✠✌✗ ✪✗✼✌✗✩✗☛☞☛✪ ✑ ✏ ✚✎✠✙✪✻✮ ✚✤✍✘✒✩✠✌✥ ✦ ✏ ✪ ✪✔★✌☞✎✣ ✣ ☞✕✲✒✽ ✚✤✍ ✲✎✪✧✏ ✠ ✑ ✡✌☞ ✍ ✒✎✠✌✗☛☞ ✝✾✺ ✍✙✓✧✦✿✑✕✖✙✺ ✖✏✚ ✖✣✢ ❀✴✓✏✎ ✚ ❁❃❂✕✍✴✰✕✓✴✚ ★ ✪ ✪☛✲☛☞✎✣ ☞✙✑ ☞☛✪❄✯ ✍✴✰✧✓✥✚✤✠✏✼✩✦❅✬✌☞✩✍✘✚✙✮❆✰✕✓✏✎ ✚✘✏ ✑ ☞✩✦ ✪ ✝✾❇ ✒✩✠✧✲✒✲☛✚✙❈ ☞✎✠✙✪ ✦✧✚✎✍ ☞✴❇ ✦

• ✂

✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

Connectors in COM

✂❊❉❆❋✿●■❍✙❏✷❑▼▲◆❏✝✞◆✡✝✞✥❖ P✿❍✙✆✝✞❘◗✥✡▼❍✥❙ ✡◆✆◆❖ ✡✠❚❱❯ ✞❲❑❳✆✝✞✥❨❩❚✷❯ ❬ ❬ ✡✝❙ ✡☛✞◆❖ ❭ ✆✝✞✠✟✝❪✠✆✠✟✠✡✠P ✝✾❫✴❴ ✗◆❴ ✳✥❵✠❛❆❛✷✳✴❜ ✒✧✫✌✒✏✳✥❵◆❝✷✳✴❞ ✏ ✪✗✼✌✒✎✣✙❡✙✒☛✪✢✏ ✓✩✳✠❇ ✂❊❉❆❏✷❑▼▲✥❏✷✞◆✡✝✞✥❖ P✿❍✙✆✝✞❘❙ ✡✠P✴❯ ❚☛✡❘❯ ✞▼❚✷❯ ❬ ❬ ✡✝❙ ✡☛✞◆❖❄✆☛▲☛▲ ❭ ❯ ❍✏✆◆❖✗❯ ❏✷✞◆P✙❢❃❯ ✞ ❖✗❣◆✡▼❏✷▲◆✡✝❙ ✆◆❖✗❯ ✞✠✟❲P✕❨◆P✧❖ ✡☛❑❤✆☛✞✠❚❘✐ ❥❦❯ ❖ ❣❱❧♠❉❆❋✭●✭♥✵❏✝✞▼❚✷❯ ❬ ❬ ✡✝❙ ✡☛✞◆❖ ❑❳✆✠❍✴❣✝❯ ✞◆✡✠P ✂❊❉❆❏✷✞☛✞✠✡◆❍✙❖ ❏✷❙ P✭❖ ❣◆✡✝❙ ✡◆❬ ❏✷❙ ✡❩✆✝❙ ✡❘✞◆❏✠❖❃P✴❯ ❑▼▲ ❭ ✡❲❑❳✡◆❖ ❣◆❏☛❚❲❍✏✆ ❭ ❭ ❍✏❏✝✞✝✞◆✡✠❍✕❖ ❏✷❙ P ✝♣♦ ✡✌✒✙✑ ✚✴✬ q ☞✙✓✔✑✠✲☛✚ ✥✌✚✥✼ ✓✔✒✎✣ ✣ r ✝♣♦ ✡✌✒✙✑☛✮ ✚✎✍ ✦✧✒☛✑ ✒✩✍ ☞ ★✌✒✎✍ ✒✩✦✧☞✙✑ ☞✎✍ ✪✧✏ ✠✏r❄❫✴❴ ✗✠❴ ✳✥✽ ✡✌☞✎✠ ★✌✒☛✪ ✪✢✏ ✠✌✗ ✒✵❞ ✏ ✪✗✼✌✒✎✣ ❡✙✒☛✪✢✏ ✓ ✚✴✬ q ☞✙✓✔✑ ✒☛✪ ✒ ★✌✒✩✍ ✒✩✦✧☞☛✑ ☞✩✍ ✑ ✚ ✒✒❵◆❛❆❛▼❵✥s♠t ✚✥✬ q ☞✙✓✔✑ r

SLIDE 20

20

✦ ✦ ✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

Connecting COM Components

✂❊❉❆❏✷❑▼▲✥❏✷✞◆✡✝✞✥❖ P❦▲☛❙ ❏✁☛❯ ❚✠✡✄✂ ☎✝✆ ✞✠✟ ✡ ☛✌☞✍✞✏✎ ✑✓✒ ✔✖✕✍✗✙✘✚✔✍✗✜✛✜✢ ✣ ✕✍✤✜✛✖✥✚✛✖✕✍✤✜✛✖✕✍✦✝✥✚✧✏✣ ✕✍✦ ★✩✧✜✪✁★ ✛✖✫ ✬✖✣ ✭✮✛ ✑✰✯ ✕✚✦ ✛✙✫ ✪ ✔✍✭✮✛✜★✩✤✜✛✜★ ✭✚✫ ✣ ✱✚✛✜✤✲✣ ✕✴✳ ✵✙✶ ✷✜✸ ✹ ✺✜✻ ✷ ✼ ✷✜✹ ✽ ✵✖✽ ✶ ✽ ✾✜✵❀✿✮✺✜✵✚❁✁❂✚✺❃❁✙✷✴❄ ✯ ❅✝✒ ❆ ✑✓✒ ✔✖✕✍✗✙✘✚✔✍✗✜✛✜✢ ✤✜✛✖✥✚✛✙✕✚✤✜✛✙✕✚✦✝✯ ❅✝✒❇✦ ✫ ✔✙✕✍★❃❈ ✔✍✦ ✧✙✫ ★ ✦ ✫ ✔✙✕✍★ ✪ ✧✙✫ ❉✰❉❊✛✜✦ ❋✚✧✖✤●✭✮✔✙❈ ❈ ★✩✪ ✫ ✧✙❉❍✕✚✔✍✦ ✣ ✬✚✛ ❈ ✔✖✕✚✗✙✘✚✔✜✗✜✛✴✦ ✧■✯ ❅❏✒✩✪ ✧✏✫ ❉❊✔✍✦ ✑✰✯ ❅✝✒❊✣ ★❑✬✚✛✙✫ ▲▼✭✍❈ ✧✖★ ✛✴✦ ✧■◆✠❖❑❖❏P✏★ ✧■◆✠❖✩❖ ✦ ✫ ✔✙✕✍★❃❈ ✔✍✦ ✣ ✧✙✕■✣ ★✩✦ ✫ ✣ ✬✖✣ ✔✙❈

COM Component Interface

◗ ❘ ❙ ❚ ❯ ❯ ❱ ❲ ❳✚❨ ❱ ❩ ❬ ❯ ❭ ❳ ❩ ❪ ❫ ❴❃❵ ❛ ❜ ❵✍❝ ❞ ❝ ❡ ❪ ❪ ❢ ❣ ❤ ❤ ✐ ✐ ✐ ❥ ❦ ❳ ❥ ❧ ❚ ❯ ❯ ❱ ❳ ❚ ❥ ❦ ♠ ❤ ♥ ❦ ❩ ❳ ❦ ❝ ❞ ❝

Example IDL Specification

[object, uuid(E7CD0D00-1827-11CF-9946-444553540000) ] interface ISpellChecker : IUnknown { import “unknwn.idl”; HRESULT LookupWord([in] OLECHAR word[31], [out] boolean *found); HRESULT AddToDictionary([in] OLECHAR word[31]); HRESULT RemoveFromDictionary([in] OLECHAR word[31]); }

◗ ♦ ❙ ❚ ❯ ❯ ❱ ❲ ❳✚❨ ❱ ❩ ❬ ❯ ❭ ❳ ❩ ❪ ❫ ❴❃❵ ❛ ❜ ❵✍❝ ❞ ❝ ❡ ❪ ❪ ❢ ❣ ❤ ❤ ✐ ✐ ✐ ❥ ❦ ❳ ❥ ❧ ❚ ❯ ❯ ❱ ❳ ❚ ❥ ❦ ♠ ❤ ♥ ❦ ❩ ❳ ❦ ❝ ❞ ❝

Connecting COM Components

Calling Component Called Component IDL Specification IDL Translator

❘ ♣ ❙ ❚ ❯ ❯ ❱ ❲ ❳✚❨ ❱ ❩ ❬ ❯ ❭ ❳ ❩ ❪ ❫ ❴❃❵ ❛ ❜ ❵✍❝ ❞ ❝ ❡ ❪ ❪ ❢ ❣ ❤ ❤ ✐ ✐ ✐ ❥ ❦ ❳ ❥ ❧ ❚ ❯ ❯ ❱ ❳ ❚ ❥ ❦ ♠ ❤ ♥ ❦ ❩ ❳ ❦ ❝ ❞ ❝

The Object-Oriented Architectural Style

qsr✄t✠✉❃✈✩✇✠①✚②❃③▼④✚⑤ ✈❊⑥❏①❃⑦❑①✜⑤ ③▼⑥❍✇✁⑦❊⑥⑧t❑✈⑩⑨✏✈✩✈❊⑥✰⑦❇⑨✄⑦❊⑥ ⑦❊④ ✇❏❶❷⑤ ①❃✈✩✇✠①✜❸❷④ ⑦❊❹❑⑨✙①✮❺❷❹ ✈ ❻❽❼❑❾❏❿➁➀✏❾❏➂✠➃✝➂✏➄ ➅➇➆❍❾❏➈✜➉ ➃✠➊✜➄ ➅ ❻❽❼❑❾❏➂✌➂✁➃✠➊✜➄ ❾❏➋ ➅➇➆❍➊✜➌✝➍ ➍ ➎➐➏➐✈➑❶❑⑦❑➒❑✈✓⑦❊❹ ④ ✈✩⑦✩➓❇❺❍⑨✏✈✩✈❊⑥✰①✜❶❑✈✰➔✍❸❷⑥❑➓❇⑦❊→➣✈❊⑥❏①❃⑦❊❹ ✈❊❹ ✈❊→➣✈❊⑥❏①✚⑨✄③✩➔✲③▼t✠✉❃✈✩✇✠①✚②❃③▼④✚⑤ ✈❊⑥❏①❃⑦❑①✜⑤ ③✴⑥ ❻✓↔✌➂✁➊✜➌✝➀✠➅✖↕✝➍ ➌✏➄✮➙ ❾✝➂ ❻✰➛✮➂✝➜✠➃✝➋ ➙ ➄ ➌✌➂✁➊✜➃ ❻✓➝✏❾❏➍ ➞✌❿➟❾❏➋ ➀✁➜✝➙ ➅✙❿

SLIDE 21

21

• ✁

✂ ✄ ☎ ☎ ✆ ✝ ✞✠✟ ✆ ✡ ☛ ☎ ☞ ✞ ✡ ✌ ✍ ✎✑✏ ✒ ✓ ✏✕✔ ✖ ✔ ✗ ✌ ✌ ✘ ✙ ✚ ✚ ✛ ✛ ✛ ✜ ✢ ✞ ✜ ✣ ✄ ☎ ☎ ✆ ✞ ✄ ✜ ✢ ✤ ✚ ✥ ✢ ✡ ✞ ✢ ✔ ✖ ✔

The Object-Oriented Architectural Style

✦★✧ ➂✝➙ ✩ ➙ ➃✫✪✭✬●❾✮✪✌➃✝➍ ➙ ➂✫✯✭✰✜➌✌➂✫✯❏↕✠➌✫✯✌➃✲✱ ✧ ✬✳✰✵✴●➀✌➋ ❾✫✶✌➙ ✪✌➃✠➅ ➈✌↕✝➙ ➍ ✪❏➙ ➂✫✯ ➈✌➍ ❾✌➊✸✷✖➅■➄ ❾✲✪✌➃✠➅✜➊✏➋ ➙ ➈✠➃✺✹✻✹⑧➌✝➋ ➊✙➜✝➙ ➄ ➃✁➊✍➄✮↕✝➋ ➃✁➅ ✼✾✽✫✿ ❀✵❁ ❁❃❂✸❄ ❀✕❅❇❆ ❀❉❈❊❁ ❋❍●❉■❑❏ ▲ ▼❑■❃◆ ❖✠P ■✑◗❙❘✑❏❉❚ ❘✕❯❱P ❘✕▼❑■✠▼❑◆ ◗ ❲❉❳ ■✠❨ ❩✑◆ ▲ ❘✕▼✑◗ ❬✠▲ P❑◗❪❭ ■❑◆ ❫❙■❑■✕▼ ❚ ❘✕❯❴P ❘✕▼❑■✠▼❑◆ ◗ ❵✾❛❝❜ ❞ ❡✕❢❑❣✫❤✸✐ ❥✵❦❇❧ ❥❉♠❊♥ ❋❍●❉■❑❏ ▲ ▼❑■❱❳ ♦✠▼❑◆ ▲ ❯❝■❴◗ ◆ ❳ ♦❑❚ ◆ ♦✠❳ ■❃❘✑❏❇❩✠❳ ❚ ❬✠▲ ◆ ■❑❚ ◆ ♦✠❳ ■✑❲❉◗ ❬❑❘✑❫❪▲ ▼❑♣❊❬❑❘✑❫✳❚ ❨ ❩✑◗ ◗ ■✑◗ ❩✠❳ ■❱▲ ▼✑◗ ◆ ❩✠▼❑◆ ▲ ❩❑◆ ■❑q❊▲ ▼❑◆ ❘❴❘✵❭ r ■❑❚ ◆ ◗ s t ✉ ✈ ✇ ✇ ① ② ③✠④ ① ⑤ ⑥ ✇ ⑦ ③ ⑤ ⑧ ⑨ ⑩✑❶ ❷ ❸ ❶✕❹ t ❹ ❺ ⑧ ⑧ ❻ ❼ ❽ ❽ ❾ ❾ ❾ ❿ ➀ ③ ❿ ➁ ✈ ✇ ✇ ① ③ ✈ ❿ ➀ ➂ ❽ ➃ ➀ ⑤ ③ ➀ ❹ t ❹

The Object-Oriented Architectural Style

➄✾➅❴➆❃➇✻➈❝➆➊➉❝➋✫➆➍➌✻➎ ➏❃➐✻➑ ➏➊➒➔➓ →❍➣❪↔➙↕✫➛➝➜❍➞❑➟ ➠➢➡❙➤ ➟ ➥✫➡✺↕➙➦❊↔➙↕✫➛➨➧✵↕❪➠✺➩➙↕❙➥➙➡❙➥✸➞ ➜ ➧❉↕❪➠➫➠✺➭✮➥❙➟ ➧✵➯➙➞ ➡➫➛➲➟ ➞❑↔➫➡✫➯➙➧✸↔➫↕✫➞ ↔✫➡❙➳➊➟ ➥➵➳ ➡✫➯❙➤❇➜✵➧❉➡✮➥➙➯❙➳ ➟ ↕✮➜ ➸➍➺➼➻✸➽❴➾✑➚✻➪❴➻✸➽➍➶✻➹ ➪❃➘✻➴ ➪➊➷➔➻ ➬❍➣❪↔➙↕✫➛➮↔➙↕✫➛➮➭➙➜✵➡❙➳ ➜➲➟ ➥➙➞ ➡❙➳ ➯➙➧✵➞❱➛➲➟ ➞ ↔✺➜✕➱➙➜✠➞ ➡✮➠ ✃ ❐ ❒ ❮ ❰ ❰ Ï Ð Ñ✠Ò Ï Ó Ô ❰ Õ Ñ Ó Ö × Ø✑Ù Ú Û Ù✕❐ Ü ❐ Ý Ö Ö Þ ß à à á á á â ã Ñ â ä ❮ ❰ ❰ Ï Ñ ❮ â ã å à æ ã Ó Ñ ã ❐ Ü ❐

Relation Between OO Design and Software Architecture

➬ç➣✮↕➙➦ ➞ ➛❍➯❙➳ ➡✺➯❙➳ ➧✸↔❙➟ ➞ ➡➙➧✵➞ ➭❙➳ ➡✺è✮➡➙➜✵➧✸➳ ➟ é➙➡➙➜❍➞ ↔✫➡➵↔✮➟ ê❪↔✮ë❑➤ ➡✸ì➙➡❙➤✸➜✠➞❑➳ ➭✫➧✕➞ ➭❙➳ ➡ ↕✫➦❱➯✺➜✠➱➙➜✕➞ ➡❙➠í➟ ➥➢➞ ➡❙➳ ➠➲➜➝↕✫➦❴➧❉↕❪➠✺➩✸↕❙➥✫➡✮➥➙➞ ➜➝➯❙➥✫è✲➧✵↕❙➥❙➥➙➡✫➧✕➞ ↕❪➳ ➜ ➬➮îïî➨ð❴➡➙➜❇➟ ê❪➥✲ñ ➡❝ò ê❃ò❙➭✫➜❇➟ ➥✫ê➵ó❊ô✳õ✵ö❊➧❉➯✮➥✺➡✸÷✮➩✮➳ ➡✫➜✵➜➝➜✕↕✫➦ ➞ ➛❍➯❙➳ ➡ ➯❙➳ ➧✸↔❙➟ ➞ ➡➙➧✵➞ ➭❙➳ ➡➙➜ ø✾ù❇ú❉û❊ü✠ý✵þ❉ÿ ü✁ ❱û✄✂✁☎✝✆ ✞✟ ☎✠ ☎ ÿ ✞✄✡☛☎ ✞✵ÿ ü✌☞✁✞✄☎✫ú✝✍

• ✂✏✎✁✑❉û✠ú✝✒✏✓

✡✔✓ û✄✕ ✂❇ÿ ✒➊ú✁☎ ✓ ✂❇û ➬➮îïî➨ð❴➡➙➜❇➟ ê❪➥✺➧✵➯❙➥➫➯❙➤ ➜✵↕✺➡➙÷✮➩✮➳ ➡✫➜✵➜➲➟ ➥➙➦ ↕❪➳ ➠➢➯✸➞❑➟ ↕❪➥➫➯➙➞➊➯➵➠➫➭✫➧❇↔➵➤ ↕✫➛❍➡❙➳ ➤ ➡➙ì➙➡❙➤❇➞ ↔✫➯✮➥✺➯❙➳ ➧✸↔❙➟ ➞ ➡✫➧✕➞ ➭❙➳ ➡ ø✗✖✝✘ ✙✚✘✟✎✵ú✁☎ ú✏ ☎ ÿ ✞✄✡☛☎ ✞✵ÿ ü✌✓ û✄✕ ✂✸ÿ ✒➊ú✟☎ ✓ ✂✸û