1. Networked Applications
An Emerging Pattern in RIA Development

2. Who am I?
Michael Galpin
http://fupeg.blogspot.com
eBay -- Application Architecture
Writer -- developerWorks, TSS, JDJ

3. Traditional Web Applications

4. Traditional Web Applications
Browser

5. Traditional Web Applications
Request
Browser

6. Traditional Web Applications
Request
Server
Browser

7. Traditional Web Applications
Request
HTML
Server
Browser

8. Traditional Web Applications
Request
HTML
Server
Browser

9. Networked Applications

10. Networked Applications
Browser

11. Networked Applications
Request
Browser

12. Networked Applications
Request Web Server
Browser

13. Networked Applications
Request Web Server
App
Browser

14. Networked Applications
Request Web Server
App
Browser

15. Networked Applications
Request Web Server
App
Browser

16. Networked Applications
Request Web Server
App
Request
Browser

17. Networked Applications
Request Web Server
App
Request
Browser Data
App Server

18. Why?

19. Architecture

20. Architecture
client server 1998
pres app “Hello World”

21. Architecture
client server 1998
pres app “Hello World”
client server 2003
pres app Ajax

22. Architecture
client server 1998
pres app “Hello World”
client server 2003
pres app Ajax
client server 2008?
pres app RIA

23. Performance
(seriously)

26. $$$$$$$$$$$$$$

27. $$$$$$$$$$$$$$
Less (Server)Processing
Less Servers
More Money

28. $$$$$$$$$$$$$$
Less (Server)Processing More (Client) Processing
Less Servers More Cores
More Money Free! (Thanks Users)

29. $$$$$$$$$$$$$$
Less (Server)Processing More (Client) Processing
Less Servers More Cores
More Money Free! (Thanks Users)
Less Bandwidth
More Money

30. Mobility

31. Mobility
a.app
a.com

32. Mobility
a.app a.app
a.com b.com

33. Mobility
a.app a.app a.app
a.com b.com facebook.com

34. Mobility
a.app a.app a.app
a.com b.com facebook.com
a.app
a.air

35. But What About Ajax?

36. Ajax?

37. Ajax?
Browser

38. Ajax?
Request
Browser

39. Ajax?
Request
Browser App Server

40. Ajax?
Request
Browser App Server

41. Ajax?
Request
HTML+JS
Browser App Server

42. Ajax?
Request
HTML+JS
Browser App Server

43. Ajax?
Request
HTML+JS
XHR
Browser App Server

44. Ajax?
Request
HTML+JS
XHR
Browser ???
App Server

45. Ajax?
Request
HTML+JS
XHR
Browser HTML?
App Server

46. Ajax?
Request
HTML+JS
XHR
Browser Data?
App Server

47. Ajax?
Request
HTML+JS
XHR
Browser Data?
App Server

48. How?

49. JS Widget Kits

50. JS Widget Kits

51. JS Widget Kits

52. Good

53. Good
Functional Programming!

54. Good
Functional Programming!
Frameworks!

55. Good
Functional Programming!
Frameworks!
Choices!

56. Bad

57. Bad
Browsers

58. Bad
Browsers
DOM APIs

59. Bad
Browsers
DOM APIs
Mix-n-Match?

60. Ugly

61. Ugly
JavaScript is Sloooooow

62. Ugly
JavaScript is Sloooooow
Cross Domains

63. Ugly
JavaScript is Sloooooow
Cross Domains
Ref Count

64. Google Web Toolkit

65. Google Web Toolkit

66. Google Web Toolkit

67. Good

68. Good
OOP

69. Good
OOP
Static Typing

70. Good
OOP
Static Typing
Killer JavaScript

71. Good
OOP
Static Typing
Killer JavaScript
TOOLS

72. Bad

73. Bad
OOP

74. Bad
OOP
Static Typing

75. Bad
OOP
Static Typing
Killer JavaScript

76. JavaScript

77. Flex

78. Good

79. Good
MXML

80. Good
MXML
ActionScript

81. Good
MXML
ActionScript
Flash Player

82. Good
MXML
ActionScript
Flash Player
Tools

83. More Good

84. More Good
Browser Independence

85. More Good
Browser Independence
Evolves

86. More Good
Browser Independence
Evolves
Handsome

87. More Good
Browser Independence
Evolves
Handsome
Plays Well With Others

88. Even More Good

89. Even More Good
Speed

90. Even More Good
Speed
Mark-Sweep

91. Even More Good
Speed
Mark-Sweep
crossdomain.xml

92. Not Good

93. Not Good
$$$

94. Not Good
$$$
Developers, Developers, Developers

95. Not Good
$$$
Developers, Developers, Developers
500 KB

96. But What About...

97. But What About...

98. But What About...