qooxdoo - Open Source Ajax Framework

3,715 views

Published on

Presentation at webinale 2008

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,715
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
114
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

qooxdoo - Open Source Ajax Framework

  1. 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. 2. What is it?
  3. 3. Overview  Client-side JavaScript framework  Cross-browser web applications  Platform-independent tool chain  Comprehensive GUI toolkit  Elegant client-server communication
  4. 4. Overview  Open Source (LGPL / EPL)  Since 2005  Initiated, supported and maintained by } http://qooxdoo.org
  5. 5. What is it good for?
  6. 6. Focus Cross-browser, desktop-like Ajax Applications (“Rich Internet Applications”) + Lower-level, DOM-centric new JavaScript Library
  7. 7. What are the requirements ... for end users ?
  8. 8. Common Web Browser
  9. 9. Integrated Runtimes
  10. 10. Optional Technologies?
  11. 11. Extensions Flash Java Silverlight ActiveX
  12. 12. What are the requirements ... for developers ?
  13. 13. HTML
  14. 14. DOM
  15. 15. CSS
  16. 16. Server Software
  17. 17. Favorite Dev Platform
  18. 18. Object orientation
  19. 19. JavaScript
  20. 20. Seeing is believing.
  21. 21. Large-scale qooxdoo Apps GMX.com : Webmail (international)
  22. 22. Other Corporate Apps WEB.DE SmartDrive 1&1 WebSite Builder
  23. 23. Community Examples
  24. 24. What does it look like - internally?
  25. 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. 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. 27. How to build such an app?
  28. 28. Build Process HTML Classes Themes Resources Startup OO JavaScript No CSS Images, ... Build process HTML Application Resources Compressed, Optimized, Linked Modularized
  29. 29. Are you serious about JavaScript?
  30. 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. 31. Still not happy with JavaScript?
  32. 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. 33. Care about the developers?
  34. 34. Developer Support  Browser independence  High performance  No memory leaks  Back button, bookmarking  Optimized deployment builds  Internationalization  Migration support ...
  35. 35. Developer Support (continued)  Logging, Debugging  Inspector  Source code validation + formatting  Profiler  Unit + Functional testing  IDE Support  API Viewer
  36. 36. What's next?
  37. 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. 38. How 'Open' is your Open Source?
  39. 39. Project  Liberal License  Mailinglist  Bugzilla  Public Code Repository  Blogs  Roadmap  Full-time developers + Contributors  qooxdoo-contrib
  40. 40. Check it out! http://qooxdoo.org  andreas DOT ecker AT 1und1 DOT de

×