Presentation at webinale 2008

1. THE NEW ERA OF WEB DEVELOPMENT
qooxdoo
Open-Source Ajax Framework
Andreas Ecker
1&1 Internet AG
1
webinale, Karlsruhe, 28.05.2008

2. What is it?

3. Overview
 Client-side JavaScript framework
 Cross-browser web applications
 Platform-independent tool chain
 Comprehensive GUI toolkit
 Elegant client-server communication

4. Overview
 Open Source (LGPL / EPL)
 Since 2005
 Initiated, supported
and maintained by }
http://qooxdoo.org

5. What is it good for?

6. Focus
Cross-browser, desktop-like
Ajax Applications
(“Rich Internet Applications”)
+
Lower-level, DOM-centric
new JavaScript Library

7. What are the requirements
... for end users ?

8. Common Web Browser

9. Integrated Runtimes

10. Optional Technologies?

11. Extensions
Flash Java
Silverlight ActiveX

12. What are the requirements
... for developers ?

13. HTML

14. DOM

15. CSS

16. Server Software

17. Favorite Dev Platform

18. Object orientation

19. JavaScript

20. Seeing is believing.

21. Large-scale qooxdoo Apps
GMX.com : Webmail (international)

22. Other Corporate Apps
WEB.DE SmartDrive
1&1 WebSite Builder

23. Community Examples

24. What does it look like -
internally?

25. Architecture
GUI Toolkit (Widgets, Layouts)
Client DOM
Core BOM
Elements Events ...
AJAX RPC Client
http / https
RPC Server
Server Resource CGI Servlets
Java PHP Perl ...

26. Application Code
// create a button
var button = new qx.ui.form.Button(quot;First Buttonquot;,
quot;./resource/image/test.pngquot;);
// position it
button.setLeft(50);
button.setTop(50);
// add it to the document
button.addToDocument();
// action upon click/Enter
button.addEventListener(quot;executequot;, function(e){
alert(quot;Hello World!quot;);
});

27. How to build such an app?

28. Build Process
HTML Classes Themes Resources
Startup OO JavaScript No CSS Images, ...
Build process
HTML Application Resources
Compressed, Optimized, Linked
Modularized

29. Are you serious about
JavaScript?

30. Object-oriented JavaScript
 Fully class-based
 Namespaces
 Only noncritical manipulation of native objects
 Static classes, abstract classes, singletons
 Interfaces, mixins
 Public, protected, private members
 Dynamic properties

31. Still not happy with
JavaScript?

32. Alternative Development
Java
 qooxdoo Web Toolkit (“QWT”)
 Eclipse Rich Ajax Platform (“RAP”)
XML
 QxTransformer
GUI Builder
 Borland “Delphi for PHP”
 New browser-based builders
 Existing native builders

33. Care about the developers?

34. Developer Support
 Browser independence
 High performance
 No memory leaks
 Back button, bookmarking
 Optimized deployment builds
 Internationalization
 Migration support ...

35. Developer Support (continued)
 Logging, Debugging
 Inspector
 Source code validation + formatting
 Profiler
 Unit + Functional testing
 IDE Support
 API Viewer

36. What's next?

37. qooxdoo 0.8
 Decorators
 Animations
 More and better layout managers
 Cleaned-up widget code
 Custom widgets / layouts easier to create
 Box model independence
 Embedding widgets into web pages
 Independent low-level JavaScript library

38. How 'Open' is your
Open Source?

39. Project
 Liberal License
 Mailinglist
 Bugzilla
 Public Code Repository
 Blogs
 Roadmap
 Full-time developers + Contributors
 qooxdoo-contrib

40. Check it out!
http://qooxdoo.org

andreas DOT ecker AT 1und1 DOT de