1. WebObjects &
Mootools
Introduction to Direct-Action based AJAX with
WebObjects and Mootools
Jake MacMullin, BBC

3. Jake MacMullin

11. Direct
Action

12. WebObjects

14. Why?

18. javascript

22. javascript?

23. Douglas Crockford,
"The JavaScript Programming Language"
http://video.yahoo.com/watch/111593

24. What is ‘Direct Action AJAX’?

25. AJAX

26. AJAX
Asynchronous

27. AJAX
Javascript

28. AJAX
And

29. AJAXml
X

30. Component-based AJAX
The current count is X
Hello.wo
Hello.java

31. Component-based AJAX
The current count is X
Hello.wo
Hello.java

32. Component-based AJAX
The current count is X
Hello.wo
Hello.java
Hello.java

33. Component-based AJAX
The current count is X
count
Hello.wo = 0;
Hello.java
Hello.java

34. Component-based AJAX
The current count is 0
The current count is X
count
Hello.wo = 0;
HTML
Hello.java

35. Component-based AJAX
The current count is 0
The current count is X
count
Hello.wo = 0;
HTML
Hello.java

36. Component-based AJAX
The current count is 0
The current count is X
Hello.wo count == 0;
count 1;
HTML
Hello.java
Hello.java

37. Component-based AJAX
The current count is 0 The current count is 1
The current count is X
Hello.wo count == 0;
count 1;
HTML
Hello.java
Hello.java

38. Component-based AJAX
The current count is 0
The current count is 1
The current count is X
Hello.wo count == 0;
count 1;
HTML
Hello.java
Hello.java

39. Direct Action-based AJAX
The current count is 0
DirectAction.java
HTML

40. Direct Action-based AJAX
The current count is 0
DirectAction.java
HTML

41. Direct Action-based AJAX
The current count is 0
DirectAction.java
HTML

42. Direct Action-based AJAX
The current count is 0
DirectAction.java
HTML
count = 1;
Session.java

43. Direct Action-based AJAX
The current count is 0
DirectAction.java
HTML
count = 1;
Hello.wo
Hello.java

44. Direct Action-based AJAX
The current count is 0 The current count is 1
DirectAction.java
HTML
count = 1;
Hello.wo
Hello.java

45. Direct Action-based AJAX
The current count is 0
The current count is 1
DirectAction.java
HTML
count = 1;
Hello.wo
Hello.java

46. Why use Direct Actions?

47. Why use Direct Actions?
• Most of the time, you won’t

48. Why use Direct Actions?
• Most of the time, you won’t
• ‘Single Page’ applications

49. Why use Direct Actions?
• Most of the time, you won’t
• ‘Single Page’ applications
• Separation of concerns

50. Why use Direct Actions?
• Most of the time, you won’t
• ‘Single Page’ applications
• Separation of concerns
• ‘Disconnected’ client (eg. Adobe Air)

51. MooTools is a compact, modular,
Object-Oriented JavaScript framework
designed for the intermediate to
advanced JavaScript developer. It
allows you to write powerful, flexible,
and cross-browser code with its
elegant, well documented, and
coherent API.

52. MooTools is a compact, modular,
Object-Oriented JavaScript framework
designed for the intermediate to
advanced JavaScript developer. It
allows you to write powerful, flexible,
and cross-browser code with its
elegant, well documented, and
coherent API.

53. Mootools

54. Mootools
• Light-weight (68k minified)

55. Mootools
• Light-weight (68k minified)
• Modular (take the bits you need)

56. Mootools
• Light-weight (68k minified)
• Modular (take the bits you need)
• Makes javascript a bit more like Java

57. Mootools

58. Mootools
Core Class Native

59. Mootools
Element Effects Remote
Core Class Native

60. Mootools
Scroller Sortable Tips
Element Effects Remote
Core Class Native

61. Notes demo

62. Component editor demo

63. Q&A
For more information:
jake.macmullin@bbc.co.uk
Mootools:
http://mootools.net