SlideShare a Scribd company logo
WebObjects &
Mootools
Introduction to Direct-Action based AJAX with
WebObjects and Mootools

Jake MacMullin, BBC
WebObjects & Mootools
Jake MacMullin
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
Direct
Action
WebObjects
WebObjects & Mootools
Why?
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
javascript
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
javascript?
Douglas Crockford,
"The JavaScript Programming Language"
http://video.yahoo.com/watch/111593
What is ‘Direct Action AJAX’?
AJAX
AJAX
Asynchronous
AJAX
 Javascript
AJAX
  And
AJAXml
   X
Component-based AJAX




                The current count is X



                       Hello.wo


                                  Hello.java
Component-based AJAX




                The current count is X



                       Hello.wo


                                  Hello.java
Component-based AJAX




                The current count is X



                       Hello.wo


                                  Hello.java
                                  Hello.java
Component-based AJAX




                The current count is X



                              count
                       Hello.wo          = 0;

                                  Hello.java
                                  Hello.java
Component-based AJAX




The current count is 0
                                         The current count is X



                                                       count
                                                Hello.wo          = 0;

       HTML
                                                           Hello.java
Component-based AJAX




The current count is 0
                                         The current count is X



                                                       count
                                                Hello.wo          = 0;

       HTML
                                                           Hello.java
Component-based AJAX




The current count is 0
                                         The current count is X



                                                Hello.wo count == 0;
                                                       count       1;

       HTML
                                                           Hello.java
                                                           Hello.java
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
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
Direct Action-based AJAX




The current count is 0




                                        DirectAction.java


       HTML
Direct Action-based AJAX




The current count is 0




                                        DirectAction.java


       HTML
Direct Action-based AJAX




The current count is 0




                                        DirectAction.java


       HTML
Direct Action-based AJAX




The current count is 0




                                                 DirectAction.java


       HTML




                                 count = 1;
                                  Session.java
Direct Action-based AJAX




The current count is 0




                                         DirectAction.java


       HTML




                                 count = 1;

                                            Hello.wo

                                                Hello.java
Direct Action-based AJAX




The current count is 0                The current count is 1



                                            DirectAction.java


       HTML




                                 count = 1;

                                              Hello.wo

                                                   Hello.java
Direct Action-based AJAX




The current count is 0
The current count is 1



                                         DirectAction.java


       HTML




                                 count = 1;

                                            Hello.wo

                                                Hello.java
Why use Direct Actions?
Why use Direct Actions?

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

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

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

•   Most of the time, you won’t
•   ‘Single Page’ applications
•   Separation of concerns
•   ‘Disconnected’ client (eg. Adobe Air)
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.
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.
Mootools
Mootools


•   Light-weight (68k minified)
Mootools


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


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




Core   Class   Native
Mootools



Element   Effects   Remote




 Core     Class     Native
Mootools
Scroller   Sortable    Tips




Element    Effects    Remote




 Core       Class     Native
Notes demo
Component editor demo
Q&A
For more information:
jake.macmullin@bbc.co.uk

Mootools:
http://mootools.net

More Related Content

PDF
Ajax Under The Hood
PDF
Java ap is you should know
PPTX
How and why we evolved a legacy Java web application to Scala... and we are s...
PDF
Dojo CRUD Components
PPTX
Ten Characteristics Of Web 2.0
PDF
Jspx Jdc2010
PDF
Whats Ajax Cheatsheet
PDF
Whats Ajax Cheatsheet
Ajax Under The Hood
Java ap is you should know
How and why we evolved a legacy Java web application to Scala... and we are s...
Dojo CRUD Components
Ten Characteristics Of Web 2.0
Jspx Jdc2010
Whats Ajax Cheatsheet
Whats Ajax Cheatsheet

Similar to WebObjects & Mootools (6)

PDF
Slide Test
PDF
Introduction to AJAX
PDF
Ajax tutorial
PDF
JavaScript Libraries (Ajax Exp 2006)
PDF
Web 2.0 And Ajax
PPTX
User Interface Patterns and Nuxeo
Slide Test
Introduction to AJAX
Ajax tutorial
JavaScript Libraries (Ajax Exp 2006)
Web 2.0 And Ajax
User Interface Patterns and Nuxeo
Ad

More from WO Community (20)

PDF
KAAccessControl
PDF
In memory OLAP engine
PDF
Using Nagios to monitor your WO systems
PDF
Build and deployment
PDF
High availability
PDF
Reenabling SOAP using ERJaxWS
PDF
Chaining the Beast - Testing Wonder Applications in the Real World
PDF
D2W Stateful Controllers
PDF
Deploying WO on Windows
PDF
Unit Testing with WOUnit
PDF
Life outside WO
PDF
Apache Cayenne for WO Devs
PDF
Advanced Apache Cayenne
PDF
Migrating existing Projects to Wonder
PDF
iOS for ERREST - alternative version
PDF
iOS for ERREST
PDF
"Framework Principal" pattern
PDF
Filtering data with D2W
PDF
PDF
Localizing your apps for multibyte languages
KAAccessControl
In memory OLAP engine
Using Nagios to monitor your WO systems
Build and deployment
High availability
Reenabling SOAP using ERJaxWS
Chaining the Beast - Testing Wonder Applications in the Real World
D2W Stateful Controllers
Deploying WO on Windows
Unit Testing with WOUnit
Life outside WO
Apache Cayenne for WO Devs
Advanced Apache Cayenne
Migrating existing Projects to Wonder
iOS for ERREST - alternative version
iOS for ERREST
"Framework Principal" pattern
Filtering data with D2W
Localizing your apps for multibyte languages
Ad

Recently uploaded (20)

PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Empathic Computing: Creating Shared Understanding
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Electronic commerce courselecture one. Pdf
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
cuic standard and advanced reporting.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
Big Data Technologies - Introduction.pptx
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Cloud computing and distributed systems.
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Empathic Computing: Creating Shared Understanding
“AI and Expert System Decision Support & Business Intelligence Systems”
Electronic commerce courselecture one. Pdf
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
cuic standard and advanced reporting.pdf
NewMind AI Weekly Chronicles - August'25 Week I
Big Data Technologies - Introduction.pptx
Digital-Transformation-Roadmap-for-Companies.pptx
Dropbox Q2 2025 Financial Results & Investor Presentation
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Cloud computing and distributed systems.
Unlocking AI with Model Context Protocol (MCP)
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf

WebObjects & Mootools