Tecniche di Progetto (a.k.a. Design Patterns). Progettazione Object-Oriented Passi della prassi Definizione delle classi Determinazione delle responsabilità

Presentazione sul tema: "Tecniche di Progetto (a.k.a. Design Patterns). Progettazione Object-Oriented Passi della prassi Definizione delle classi Determinazione delle responsabilità"— Transcript della presentazione:

1 Tecniche di Progetto (a.k.a. Design Patterns)

2 Progettazione Object-Oriented Passi della prassi Definizione delle classi Determinazione delle responsabilità di ciascuna classe Descrizione delle relazioni tra classi

3 Scoperta delle classi Classi rappresentano concetti ed entità entità concrete: conti bancari, forme geometriche, … concetti astratti: streams …

4 Relazioni tra classi Ereditarietà (sottotipo) Aggregazione Dipendenza

5 Ereditarietà Relazione is-a Stabilita tra una classe generale ed una sua specializzazione ogni savings accoung è un bank account ogni cerchio è una ellisse … Continued…

6 Aggregazione Relazione has-a Oggetti di una classe contengono riferimenti ad oggetti di un altra classe Ogni automobile ha una ruota (in realtà ne ha quattro … ) Da non confondere con ereditarietà

7 is-a vs has-a class Car extends Vehicle {... private Tire[] tires; }

8 Dipendenza Una relazione di uso Esempio: molte delle applicazioni che abbiamo visto dipendono dalla classe Scanner Aggregazione è una forma più forte di dipendenza

9 Progettazione Object-Oriented Passi della prassi Definizione delle classi Determinazione delle responsabilità di ciascuna classe Descrizione delle relazioni tra classi Obiettivi Garantire astrazione Massimizzare riuso

10 Progetto componenti astratte pattern: iterator Progetto di componenti riusabili/polimorfe tecniche comuni di refactoring e generalizzazione patterns: template, strategy, visitor, decorator …

11 Progetto di componenti astratte TIPI DI DATO: Abstract vs Concrete Lista astratta Una sequenza ordinata di elementi di un certo tipo che si possono enumerare con un iteratore Lista concreta Una sequenza di nodi che puntano ad oggetti di un certo tipo e sono collegati mendiante riferimenti

12 Una lista astratta

13 Una lista concreta

14 Un ListIterator astratto

15 Un ListIterator concreto

16 Pattern – Iterator ConcreteCollection iterator()... AbstractCollection iterator()... return new ConcreteIterator (this) ClientIterator next() hasNext() ConcreteIterator

17 Progetto di componenti polimorfe Polimorfo ~ Riutilizzabile Generics forniscono un meccanismo diretto per ottenere componenti riutilizzabili Ereditarietà e aggregazione possono essere altrettanto efficaci alcune tecniche standard codificate in design patterns

18 Refactoring Identificare segmenti di codice ricorrenti che realizzano la medesima logica Definire una nuova componente generica che realizza quella logica in modo univoco Ristrutturare il codice così da sostituire le ripetizioni di codice con riferimenti alla componente generica

19 Refactoring di una classe class Computation // Prima del refactoring { void method1(...) {... step1(); step2(); step3();... } void method2(...) {... step1(); step2(); step3();... } Continua…

20 Refactoring di una classe class Computation // Dopo del refactoring { void private computeAll() { step1(); step2(); step3(); } void method1(...) {... computeAll();... } void method2(...) {... computeAll();... }

21 Refactoring di più classi class ComputationA { void method1(...) {...; step1(); step2(); step3();...} } class ComputationB { void method2(...) {...; step1(); step2(); step3();...} } Codice duplicato su diverse classi Continua…

22 Refactoring di più classi Refactoring via ereditarietà class Common { void commonSteps() { step1(); step2(); step3(); } } class ComputationA extends Common { void method1(...) {... ; commonSteps();... } } class ComputationB extends Commom { void method2(...) {... ; commonSteps();... } } Continua…

23 Refactoring via aggregazione e delegation Refactoring di più classi class Helper { void commonSteps() { step1(); step2(); step3(); } } class ComputationA { Helper help; void method1(...) {... ; help.commonSteps();... } } class ComputationB { Helper help; void method2(...) {... ; help.commonSteps();... } }

24 Refactoring – UML ComputationA method1() method2() ComputationB method1() method2() Continua…

25 Refactoring via inheritance Refactoring – UML ComputationA method1() method2() ComputationB method1() method2() Common commonSteps() Continua…

26 Refactoring via aggregazione e delegation Refactoring – UML ComputationA method1() method2() ComputationB method1() method2() Helper commonSteps() helper

27 Una situazione più complessa class ContextA { void method(...) { ; stepA(); ; } class ContextB { void method(...) { ; stepB(); ; }

28 Generalizziamo la soluzione? class Common { commonCode1() { } commonCode2() { } } class ContextA extends Common { void method(...) {commonCode1(); stepA(); commonCode2();} } class ContextB { void method(...) {commonCode1(); stepB(); commonCode2();} } Continua…

29 Generalizziamo la soluzione? Uhm … se i due frammenti di codice comune sono strettamente dipendenti tra loro possibile che separarli generi errori rompe il flusso del controllo naturale peggiora la leggibilità del codice se i due frammenti sono parte dello stesso comando composto (ad esempio, un ciclo) non realizzabile

30 Esempio: due Plotters Plotter per la funzione sin(x) class PlotSin {... protected void plotFunction(Graphics g) { for (int px = 0; px < d.width; px++) { double x = (double)(px - xorigin) / (double)xratio; double y = Math.sin(x); int py = yorigin - (int) (y * yratio); g.fillOval(px - 1, py - 1, 3, 3); } Continua…

31 Esempio: due Plotters Plotter per la funzione cos(x) class PlotCos {... protected void plotFunction(Graphics g) { for (int px = 0; px < d.width; px++) { double x = (double)(px - xorigin) / (double)xratio; double y = Math.cos(x); int py = yorigin - (int) (y * yratio); g.fillOval(px - 1, py - 1, 3, 3); }

32 Una situazione più complessa class ContextA { void method(...) { ; stepA(); ; } class ContextB { void method(...) { ; stepB(); ; }

33 Refactoring con il pattern Template abstract class Common { void methodoTemplate (...) { ; metodoHook(...); } abstract void metodoHook(); } class ContextA extends Common { void metodoHook(...) { stepA(); } } class ContextB extends Common { void metodoHook(...) { stepB(); } }

34 Pattern Template classe Concreta methodHook1() methodHook2() classe Generica metodoTemplate() metodoHook1(); metodoHook2();... metodoHook1();... methdoHook2()...

35 Esempio: progetto di animazioni Una applicazione del pattern template Fattorizza la logica di animazione in una classe astratta Lascia la definizione dellimmagine da animare alle sottoclassi concrete Vediamo la classe astratta Animator due classi concrete BouncingBall, DigitalClock

36 Animator public abstract class Animator extends JComponent implements ActionListener { private int delay; private Timer T; protected Animator(int delay) { this.delay = delay; setPreferredSize(new Dimension(getWidth(),getHeight())); T = new Timer(delay, this); } // schema di animazione: guidata dagli eventi del timer public void animate(){ T.start(); } public void actionPerformed(ActionEvent event){ repaint(); } // metodo Hook public abstract void paintComponent(Graphics g); }

37 Domanda Perché la classe Animator è abstract ? Quale è il metodo template? Quale è il metodo hook?

38 Risposta E abstract perché non definisce il metodo paintComponent(), che gioca il ruolo di metodo hook in questa implementazione Il metodo template è actionPerformed() (che invoca paintComponent() via repaint() )

39 DigitalClock public class DigitalClock extends Animator { private Font font = new Font("Monospaced", Font.BOLD, 48); private Color color = Color.GREEN; private int width, height; public DigitalClock(int delay, int width, int height) { super(delay); this.width = width; this.height = height; }... Continua…

40 DigitalClock // metodo Hook public void paintComponent(Graphics g) { Calendar calendar = Calendar.getInstance(); int hour = calendar.get(Calendar.HOUR_OF_DAY); int minute = calendar.get(Calendar.MINUTE); int second = calendar.get(Calendar.SECOND); String time = + (hour / 10) + (hour % 10) + ":" + (minute / 10) + (minute % 10) + ":" + (second / 10) + (second % 10); g.setFont(font); g.setColor(color); g.drawString(time, 50, 150); } } // chiude DigitalClock

41 DigitalClock

42 BouncingBall public class BouncingBall extends Animator { // la pallina private Ellipse2D.Double ball; private final int DIAM = 30; // ampiezza dell'oscillazione private int jump; // posizione corrente private int x, y; // direzione dela prossima oscillazione 1 = dx, -1 = sx private int dir = 1; Continua…

43 BouncingBall // costruttore public BouncingBall(int delay, int width, int height) { super(delay); int lmargin = (int)(width * 0.1); int rmargin = (int)(width - DIAM - lmargin); jump = rmargin - lmargin; x = lmargin; y = (int)(height - DIAM) /3; ball = new Ellipse2D.Double(x,y,DIAM,DIAM); } Continua…

44 BouncingBall // metodo Hook public void paintComponent(Graphics g) { Graphics2D g2 = (Graphics2D)g; // calcola nuova posizione x = x + dir * jump; // inverti la direzione dir = -dir; ball.setFrame(x,y,DIAM,DIAM); g2.setColor(Color.BLUE); g2.fill(ball); } } // fine BouncingBall Continua…

45 BouncingBall

46 Esempio: progetto di un plotter Ancora applicazione del pattern template Fattorizza il comportamento grafico in una classe astratta Lascia la definizione della funzione da tracciare alle sottoclassi concrete Vediamo la classe astratta Plotter due classi concrete PlotSine, PlotCosine Continua…

47 Esempio: progetto di un plotter

48 Plotter public abstract class Plotter extends JFrame {... public Plotter(Dimension dim) {... } public void paintComponent(Graphics g) { drawCoordinates(g); plotFunction(g); } protected void drawCoordinates(Graphics g) {... }... Continua…

49 Plotter // metodo template protected void plotFunction(Graphics g) { for (int px = 0; px < d.width; px++) { double x = (double)(px - xorigin) / (double)xratio; double y = func(x); int py = yorigin - (int) (y * yratio); g.fillOval(px - 1, py - 1, 3, 3); } // metodo hook public abstract double func(double x); } // end Plotter

50 I plotter concreti Implementano il metodo hook public class PlotSine extends Plotter { public double func(double x) { return Math.sin(x); } public class PlotCosine extends Plotter { public double func(double x) { return Math.cos(x); }

51 Un plotter multiplo Per il momento lapplicazione assegna ad ogni plotter una sola funzione Nuova funzionalità permettere il plotting di più funzioni contemporaneamente Vincolo: ancora flessibilità: vogliamo disaccoppiare le funzioni da tracciare dal plotter stesso

52 Soluzione con Template public class DoublePlotter { // due metodi Hook public abstract double func1(double x); public abstract double func2(double x);... } public class TriplePlotter { // tre metodi hook public abstract double func1(double x); public abstract double func2(double x); public abstract double func3(double x);... } Continua…

53 Soluzione con Template ? Poco elegante: una classe plotter per ciascun numero di funzioni da tracciare Poco flessibile: dobbiamo restringerci ad un numero fissato di funzioni, mentre vorremmo definire un MultiPlotter generico Troppi poco …

54 Soluzione con Strategy come Template disaccoppia le funzioni da tracciare dal plotter ma invece di rappresentare ogni funzione come un metodo, rappresenta come un oggetto

55 Oggetti Function interface Function { double apply(double x); } public class Sine implements Function { public double apply(double x) { return Math.sin(x); } } public class Cosine implements Function { public double apply(double x) { return Math.cos(x); } } Sfruttiamo dynamic dispatch per invocare il metodo apply() corretto

56 Plotter Vediamo le conseguenze di questa idea nel progetto del plotter

57 Plotter import javax.swing.*; public abstract class Plotter extends JFrame {... private Function fun; public void paint(Graphics g) { drawCoordinates(g); plotFunction(g); } public Plotter (Dimension dim) {... }... Continua…

58 Plotter protected void plotFunction(Graphics g) { for (int px = 0; px < d.width; px++) { double x = (double)(px - xorigin) / (double)xratio; double y = fun.apply(x); int py = yorigin - (int) (y * yratio); g.fillOval(px - 1, py - 1, 3, 3); } } // end Plotter

59 Pattern Strategy StrategyyA metodoHook() Strategy metodoHook()... strategy.metodoHook();... Contesto metodoDiContesto() stragegy StrategyB metodoHook()

60 Pattern Strategy su Plotter Sine apply() Function apply()... fun.apply();... Plotter plotFunction() fun Cosine apply()

61 MultiPlotter Continua… Ora generalizziamo per creare il plotter multiplo

62 MultiPlotter import javax.swing.*; public abstract class MultiPlotter extends JFrame {... private List fns = new ArrayList ; private List colors = new ArrayList ; public void paint(Graphics g) { drawCoordinates(g); plotFunction(g); } public MultiPlotter (Dimension dim) {... } public void addFunction(Function f, Color c) { fns.add(f); colors.add(c); }... Continua…

63 MultiPlotter... protected void plotFunction(Graphics g) { for (int i = 0; i < fns.size(); i++) { if (fns.get(i) != null) { Color c = colors.tet(i); if (c != null) g.setColor(c); else g.setColor(Color.black); for (int px = 0; px < d.width; px++) { double x = (double) (px - xorigin) / (double) xratio; double y = fns.get(i).apply(x); int py = yorigin - (int) (y * yratio); g.fillOval(px - 1, py - 1, 3, 3); }}} }

64 Classe concreta PlotSineCosine public class PlotSineCosine extends MultiPlotter { public PlotSineCosine() { // ricordate: Sine e Cosine implementano Function addFunction(new Sine(), Color.green); addFunction(new Cosine(), Color.blue); }

65 Caso di studio: animazione di algoritmi La struttura di animazione generica vista negli esempi del DigitalClock e BouncingBall precedenza non è sempre adeguata Nellanimazione di un algoritmo animazione deve essere gestibile dallalgoritmo chiamata a repaint(), deve essere controllata dellesecuzione, non ad istanti stabiliti dallesterno Vogliamo comunque disaccoppiamento tra algoritmo e la struttura di animazione

66 Soluzione 1 – Template SortAnimator algorithm() sort() AlgorithmAninator animate() algorithm()... algorithm()... scramble() sort();... BubbleSortAnimator sort() QuickSortAnimator sort()

67 AlgorithmAnimator public abstract class AlgorithmAnimator extends JComponent { public AlgorithmAnimator(int d) { delay = d; } // metodi template: animate() & pause() public void animate() { algorithm(); } final protected void pause() { try { Thread.currentThread().sleep(delay); } catch (InterruptedException e) { } repaint(); } // metodi hook: paintComponent() & algorithm() abstract protected void algorithm(); private int delay; }

68 SortAnimator public class SortAnimator extends AlgorithmAnimator { // larray da ordinare protected int arr[]; private void swap(int a[], int i, int j) { int T; T = a[i]; a[i] = a[j]; a[j] = T; } protected void scramble() { arr = new int[getPreferredSize().height / 6]; for (int i = arr.length; --i >= 0;) { arr[i] = (int)(i * Math.random()); }

69 SortAnimator // metodo hook protected void paintComponent(Graphics g) { Dimension d = getSize(); g.setColor(Color.BLACK); g.fillRect(0, 0, d.width, d.height); g.setColor(Color.GREEN); int y = d.height - 10; double f = d.width / (double) arr.length; for (int i = arr.length; --i >= 0; y -= 5) { g.fillRect(0, y, (int)(arr[i] * f), 3); }

70 SortAnimator // metodo hook final public void algorithm() { scramble(); JOptionPane.showMessageDialog(this, "Start animation"); sort(arr); JOptionPane.showMessageDialog(this,"Done! "); } // nuovo template protected abstract void sort(int[] a); } // Chiude SortAnimator

71 BubbleSortAnimator public class BubbleSortAnimator extends SortAnimator { public BubbleSortAnimator(int delay) { super(delay); } // override del metodo nella superclasse protected void sort(int[] a) { for (int i = a.length; --i >= 0; ) for (int j = 0; j < i; j++) { if (a[j] > a[j+1]) swap(a, j, j + 1); pause(); }

72 Valutazione Implementazione molto semplice Supporta diversi algoritmi Ma … La classe SortAnimator è poco coesa fornisce metodi legati ad aspetti algoritmici e di visualizzazione Separare i due aspetti aumenta la flessibilità nuova soluzione

73 Soluzione 2 – Strategy SortAnimator animate() AlgorithmAninator animate() pause()... animator.pause()... sorter.sort()... BubbleSort sort() QuinckSort sort() SortingAlgorithm sort() sorter animator

74 AlgorithmAnimator public abstract class AlgorithmAnimator extends JComponent { private int delay; public AlgorithmAnimator(int delay){this.delay = delay;} // template degenere, no hooks public abstract void animate(); final protected void pause() { try { Thread.currentThread().sleep(delay); } catch (InterruptedException e) { } repaint(); }

75 SortAnimator public class SortAnimator extends AlgorithmAnimator { // larray da ordinare private int arr[]; // l'algoritmo che esegue il sorting protected SortingAlgorithm sorter; protected SortAnimator(int delay, SortingAlgorithm sorter) { super(delay); this.sorter = sorter; sorter.setAnimator(this); }

76 SortAnimator public void animate() { scramble(); JOptionPane.showMessageDialog(this, "Start"); sorter.sort(arr); JOptionPane.showMessageDialog(this,"Done! "); } // metodi scramble e paintComponent invariati... }

77 SortingAlgorithm public abstract class SortingAlgorithm { protected SortAnimator animator; public setAnimator(SortAnimator animator) { this.animator = animator; } public abstract void sort(int[] a); protected void swap(int a[], int i, int j) {... } }

78 BubbleSort public class BubbleSort extends SortingAlgorithm { public void sort(int[] a) { for (int i = a.length; --i >= 0; ) for (int j = 0; j < i; j++) { if (a[j] > a[j+1]) swap(a, j, j + 1); // accesso protected al // campo della superclasse animator.pause(); }

79 Valutazione La struttura della classe SortAnimator è migliore Ma … ci sono ulteriori misure per migliorare la coesione il metodo di visualizzazione dellarray può essere separato dallalgoritmo e dal meccanismo di animazione più flessibile

80 Soluzione 3 – Strategy 2 SortAnimator animate() AlgorithmAninator animate() pause() BubbleSort sort() QuinckSort sort() SortingAlgorithm sort() theDisplay DisplayMethod display() DisplayMethod display() DisplayMethod display() ConfigSortAnimator

81 Soluzione 3 – Strategy 2 Classi AlgorithmAnimator, Sorting Animator Gerarchia SortingAlgorithm Invariate

82 ConfigurableSortAnimator public class ConfigurableSortAnimator extends SortAnimator { // il visualizzatore vero e proprio protected DisplayMethod theDisplay; protected ConfigurableSortAnimator(int delay, SortingAlgorithm sorter, DisplayMethod display) { super(delay,sorter); theDisplay = display; } protected void paintComponent(Graphics g) { Dimension d = getSize(); int[] a = getArray(); theDisplay.display(a,d,g); }

83 DisplayMethod public interface DisplayMethod { public void display(int[] arr, Dimension d, Graphics g); } public class VDisplay implements DisplayMethod { public void display(int[] arr, Dimension d, Graphics g) {... }

84 Frameworks Tipicamente: insieme di classi astratte ed interfacce Forniscono applicazioni semi-complete Da specializzare Progettate cercando di garantire i principi di astrazione e di favorire il riuso mediante lapplicazione di design patterns come quelli che abbiamo visto