Most common design patterns explained.

1. the curious case of
DESIGN
PATTERNS

2. LET’S TALK
BRIDGES
golden gate
bridge

3. PROPERTIES OF AN AWESOME BRIDGE
1. BE BIG
2. BE BEAUTIFUL
3. LET THOSE CARS PASS
4. FOLLOW THE DESIGN GUIDELINES

8. EACH
BRIDGE
IS
DIFFERENT
YET,
THEY ALL
ARE
SAME

9. NOTICE A
PATTERN?

10. All bridges in the world
can be categorized into
one of the four types.
or a combination of two

11. Engineering
is old.
It has matured over the years.

12. PYRAMIDS SKYSCRAPERS

13. THE FIRST
ROLLS ROYCE

14. WHEN BRIDGEMAKING
FAILS

15. WHEN SOFTWARE
FAILS?

16. interfaces
abstract classes
concrete classes

17. A design pattern is a general
reusable solution to a
commonly occurring problem
within a given context in
software design.

18. ERICH GAMMA
RICHARD HELM RALPH JOHNSON
JOHN VLISSIDES

19. the design pattern catalogue
singleton
factory method
prototype
abstract factory
builder
chain of
responsibility
command
interpreter
iteratormediator
memento
observer
state
strategy
template method
visitor
adapter
bridge
composite
decorator
façade
flyweight
proxy

20. singleton

21. INTENT
ENSURE THAT A CLASS HAS ONLY
ONE INSTANCE, AND PROVIDE A
GLOBAL POINT OF ACCESS TO IT.

22. WHEN TO USE
1. ONLY ONE INSTANCE OF CLASS IS REQUIRED
2. MUST BE A SINGLE ACCESS POINT
3. NEED TO MANAGE OBJECT INSTANCES

23. USE CASES
1. MULTIPLE OS WINDOWS : ONE WINDOW MANAGER
2. MULTIPLE PRINT JOBS : ONE PRINT SPOOLER
3. MULTIPLE FILES : ONE FILE MANAGER
4. ONE CONFIGURATION OBJECT ACROSS APPLICATION

24. How about
global variables?

25. THE PROBLEMS OF BEING GLOBAL
NAMESPACE POLLUTION
NO ACCESS CONTROL
UNCERTAIN INITIALIZATION ORDER

26. CLASS DIAGRAM
Singleton
public static getInstance()
public String getData()
public singletonOperation()
private Singleton instance
private String singletonData

27. <code/>

28. factory method

29. INTENT
DEFINE AN INTERFACE FOR
CREATING AN OBJECT, BUT LET
SUBCLASSES DECIDE WHICH CLASS
TO INSTANTIATE.

30. new
IS AN EVIL THING

31. UNDERSTANDING THROUGH PIZZAS
Pizza orderPizza()
{
Pizza pizza = new Pizza();
pizza.prepare();
pizza.bake();
pizza.cut();
pizza.pack();
return pizza;
}
one type of
pizza only??

32. Pizza orderPizza()
{
Pizza pizza = new CheesePizza();
pizza.prepare();
pizza.bake();
pizza.cut();
pizza.pack();
return pizza;
}
UNDERSTANDING THROUGH PIZZAS
what if you want
a pepperoni?

33. Pizza orderPizza (String type)
{
Pizza pizza;
if (type.equals(“cheese”))
pizza = new CheesePizza();
if (type.equals(“pepperoni”))
pizza = new PepperoniPizza();
if (type.equals(“greek”))
pizza = new GreekPizza();
UNDERSTANDING THROUGH PIZZAS
pizza.prepare();
pizza.bake();
pizza.cut();
pizza.pack();
return pizza;
}

34. ENCAPSULATION GOODNESS
class PizzaFactory
{
public static Pizza create (String type)
{
switch (type)
{
case “cheese”: return new CheesePizza(); break;
case “greek”: return new GreekPizza(); break;
case “pepperoni”: return new PepperoniPizza();
}
}
}

35. SIMPLIFIED PIZZA ORDERS
Pizza orderPizza (String type)
{
Pizza pizza = PizzaFactory.create (type);
pizza.prepare();
pizza.bake();
pizza.cut();
pizza.pack();
return pizza;
}

36. CLASS DIAGRAM
Factory
public Product factoryMethod()
public void anOperation()
<<Product>>
ConcreteProduct
ConcreteFactory
public Product factoryMethod()

37. public static void code

38. abstract factory

39. INTENT
PROVIDE AN INTERFACE FOR
CREATING FAMILIES OF RELATED
OBJECTS, WITHOUT SPECIFYING
THEIR CONCRETE CLASSES.

40. Depend upon abstractions.
Do not depend upon
concrete classes.

41. MAKING A PIZZA FROM SCRATCH
public abstract class Pizza
{
public Dough dough;
public Sauce sauce;
public Cheese cheese;
}

42. MAKING A PIZZA FROM SCRATCH
public class DominosCheesePizza extends Pizza
{
this.dough = new CheeseBurstDough();
this.sauce = new TomatoSauce();
this.cheese = new ParmesanCheese();
}

43. public class PizzaHutCheesePizza extends Pizza
{
this.dough = new ThinCrustDough();
this.sauce = new PlumTomatoSauce();
this.cheese = new MozarellaCheese();
}
MAKING A PIZZA FROM SCRATCH

44. ORDERING FROM MULTIPLE STORES
public Pizza createPizza (String store, String type)
{
if (store.equals(“Dominos”)
if (type.equals(“Cheese”)
return new DominosCheesePizza();
if (store.equals(“PizzaHut”)
if (type.equals(“Cheese”)
return new PizzaHutCheesePizza();
}

45. BUT THE ONLY
DIFFERENCE IS THE
INGREDIENTS!

46. HERE COMES THE FACTORY
public abstract class IngredientFactory
{
public Dough createDough();
public Sauce createSauce();
public Cheese createCheese();
}

47. HERE COMES THE FACTORY
public class DominosIngredientFactory
extends IngredientFactory {
public Dough createDough() {
return new CheeseBurstDough();
}
public Sauce createSauce() {
return new TomatoSauce();
} public Cheese createCheese() {
return new ParmesanCheese();
}
}

48. HERE COMES THE FACTORY
public class PizzaHutIngredientFactory
extends IngredientFactory {
public Dough createDough() {
return new ThinCrustDough();
}
public Sauce createSauce() {
return new PlumTomatoSauce();
} public Cheese createCheese() {
return new MozarellaCheese();
}
}

49. public abstract class Pizza
{
Dough dough;
Sauce sauce;
Cheese cheese;
}
NO CHANGE TO OUR PIZZA

50. public class CheesePizza extends Pizza
{
public CheesePizza (IngredientFactory factory)
{
this.dough = factory.createDough();
this.sauce = factory.createSauce();
this.cheese = factory.createCheese();
}
}
PUTTING IT ALL TOGETHER

51. PUTTING IT ALL TOGETHER
public Pizza createPizza (
IngredientFactory factory,
String type)
{
if (type.equals(“Cheese”)
return new CheesePizza(factory);
}

52. REMEMBER PIZZA FACTORY?
public Pizza createPizza (
IngredientFactory factory,
String type)
{
return PizzaFactory.create(type, factory);
}

53. boolean code = true;

54. prototype

55. INTENT
SPECIFY THE KINDS OF OBJECTS TO
CREATE USING A PROTOTYPICAL
INSTANCE, AND CREATE NEW OBJECTS
BY COPYING THIS PROTOTYPE.

56. OBJECT CREATION
CAN BE EXPENSIVE

57. database queries…
data over a network…
3rd party service…
expensive calculations…

58. database queries…
data over a network…
3rd party service…
expensive calculations…

59. BACK TO PIZZAS!
public abstract class Pizza
{
Dough dough;
Sauce sauce;
Cheese cheese;
}

60. BACK TO PIZZAS!
public class BasicCheesePizza extends Pizza
{
public BasicCheesePizza (
IngredientFactory factory)
{
this.dough = factory.createDough();
this.sauce = factory.createSauce();
this.cheese = factory.createCheese();
}
}

61. BACK TO PIZZAS!
public class BasicGreekPizza extends Pizza
{
public BasicGreekPizza (
GreekIngredientFactory factory)
{
this.dough = factory.createDough();
this.sauce = factory.createSauce();
this.cheese = factory.createCheese();
}
}

62. A PIZZA REGISTRY
public class PizzaRegistry {
private static Map<String, Pizza> basicPizzas;
static {
basicPizzas = new HashMap<String, Pizza>();
basicPizzas.add (“Cheese”,
new BasicCheesePizza(cheeseFactory);
basicPizzas.add (“Greek”,
new BasicGreekPizza(greekFactory);
}
…
}

63. A PIZZA REGISTRY
public class PizzaRegistry {
…
public static Pizza getPizza (string type)
{
Pizza pizza = basicPizzas.get(type);
return (Pizza) pizza.clone();
}
}

64. TIME TO ADD TOPPINGS
public class CheesePizza {
private Pizza pizza = null;
public buildPizza (Toppings[] toppings) {
pizza = PizzaRegistry.get(“Cheese);
// add your toppings here
}
}

65. Console.Write(“code”);

66. façade

67. INTENT
PROVIDE A UNIFIED INTERFACE TO A
SET OF INTERFACES IN A SUBSYSTEM,
IN ORDER TO MAKE THE SUBSYSTEM
EASIER TO USE.

68. HOME THEATRE COMPONENTS
TELEVISION
DVD PLAYER
FM TUNER
AMPLIFIER
SET TOP BOX
Video Out
Audio Out
SPEAKERS

69. WATCHING A MOVIE
TURN ON THE TV
SET AMLIPIFIER INPUT = DVD
TURN ON THE AMPLIFIER
TURN ON THE DVD PLAYER
SET TV TO WIDESCREEN MODE
SET AMLIPIFIER TO SURROUND SOUND
PLAY THE DVD

70. WATCHING A MOVIE, CONTD.
television.on()
amplifier.input = DVD;
amplifier.on()
dvdPlayer.on();
television.widescreen = true;
amplifier.soundMode = surround;
dvdPlayer.playDVD();
too many
commands for a
simple operation!!

71. How about
A SINGLE BUTTON
PLAY MOVIE

72. WHAT WE HAVE CURRENTLY
interface Television { … }
interface Amplifier { … }
interface Speakers { … }
interface SetTopBox { … }
interface FMTuner { … }
interface DVDPlayer { … }

73. FAÇADE TO THE RESCUE
class HomeTheatreFacade {
Television tv;
Amplifier amp;
DVDPlayer dvd;
FMTuner fm;
SetTopBox stb;
Speaker speaker;
}

74. class HomeTheatreFacade {
…
public HomeTheatreFacade (Television tv …) {
this.tv = tv;
this.amp = amp;
this.dvd = dvd;
…
}
}
FAÇADE TO THE RESCUE

75. class HomeTheatreFacade {
…
public void playMovie() {
tv.on();
tv.widescreen = true;
amp.on();
amp.input = dvd;
FAÇADE TO THE RESCUE
amp.soundMode = surround;
dvd.on();
dvd.playDVD();
}
}
Single Button!

76. System.out.print (“code”);

77. data access layer

78. INTENT
PROVIDE IN THE APPLICATION A
SINGLE INTERFACE TO ACCESS THE
UNDERLYING PERSISTENCE
MECHANISM, LIKE A DATABASE.

79. DATA ACCESS CODE BOILERPLATE
REGISTER THE DRIVER
EXTRACT DATA FROM RESULTSET
EXECUTE A QUERY
OPEN A CONNECTION
CLEAN UP THE ENVIRONMENT

80. LET US ENCAPSULATE
class MySqlDataAccess {
public List<?> select (String query) {
// register driver
// open connection
// execute select query
// extract data
// clean up
}
}

81. LET US ENCAPSULATE
class MySqlDataAccess {
public Boolean insert (String query) {
// register driver
// open connection
// execute insert query
// extract data
// clean up
}
}

82. EXPENSIVE OPERATIONS
REGISTER THE DRIVER
EXTRACT DATA FROM RESULTSET
EXECUTE A QUERY
OPEN A CONNECTION
CLEAN UP THE ENVIRONMENT

83. SINGLETON TO THE RESCUE
class MySqlDataAccess {
private static Connection conn = null;
static {
Class.forName(“com.mysql.jdbc.Driver”);
conn = DriverManager.getConnection(
“db_url”,“username”, “password”);
}
…
}

84. SINGLETON TO THE RESCUE
class MySqlDataAccess {
…
public List<?> select (String query) {
// register driver
// open connection
// execute select query
// extract data
// clean up
}
}

85. SINGLETON TO THE RESCUE
class MySqlDataAccess {
…
finalize() {
try {
conn.close();
} finally {
super.finalize();
}
}
}

86. data access object

87. INTENT
SEPARATE LOW-LEVEL DATA
ACCESSING API / OPERATIONS FROM
HIGH-LEVEL BUSINESS SERVICES, TO
MAKE THE UNDERLYING PERSISTENCE
MECHANISM AN ABSTRACTION.

88. never pass on data
always pass on objects
database is best kept a secret

89. WITH NO DAO
CLIENT DAL DATA

90. WITH NO DAO
CLIENT DAL DATA
UNSTRUCTURED
DATA PASSED
VENDOR
LOCK-INNO TYPE-SAFETY IN DATA

91. WITH DAO
CLIENT
DATA
OBJECT
DAL DATA
CHINESE WALL!

92. WITH DAO
CLIENT
DATA
OBJECT
DAL1 DATA1
DAL2 DATA2

93. PEOPLE ARE EVERYWHERE
class Person {
public String firstName;
public String lastName;
public String address;
public int age;
}

94. PEOPLE ARE EVERYWHERE
class PersonDAO {
private static DAL = new MySqlDal();
public Person getByFirstName (
String firstName) {
String query = “SELECT * FROM people
WHERE firstName = ” +
firstName;
…
}
}

95. PEOPLE ARE EVERYWHERE
public Person getByFirstName (
String firstName) {
…
Map<?,?> result = DAL.select(query);
Person p = /* create from result */;
return p;
}

96. YOU SHOULD USE A
DAL FACTORY
INSIDE THE DAO

97. PRINT code

98. model-view-
controller

99. INTENT
SEPARATE THE PRESENTATION LAYER,
THE BUSINESS LOGIC, AND THE DATA
MODEL OF A CLIENT-SERVER
APPLICATION.

100. HOW THE COMPONENTS INTERACT
model
CONTROLLERVIEW

101. HOW THE COMPONENTS INTERACT
FACEBOOK.COM
FACEBOOK SERVER
NEWSFEED
CONTROLLER
NEWSFEED DAO
MYSQL DAL
NEWSFEED VIEW
GENERATED HTML

102. HOW THE COMPONENTS INTERACT
FACEBOOK.COM
FACEBOOK SERVER
NEWSFEED
CONTROLLER
NEWSFEED DAO
MYSQL DAL
NEWSFEED VIEW
GENERATED HTML

103. MVC FRAMEWORKS
spring framework
asp.net mvc
codeigniter, cakephp…
backbone, ember, angular…