RIA Entwicklungsplattformen im Vergleich                                                                       01.02.2011M...
ABOUT ME    • M.Sc. Martin Wittemann    • works                 at    •                            framework architect    ...
1.                2.                3.                4.                5.          Google Web ToolkitMittwoch, 2. Februar...
pure JavaScript                            no HTML or CSS needed                               no plugin needed           ...
JAVASCRIPT, REALLY?           c=document.body.children[0];h=t=150;L=w=c.width=800;u=D=50;H=           [];R=Math.random;for...
OBJECT ORIENTATION                               qx.Class.define("Bicycle", {                                 extend : qx....
OBJECT ORIENTATION      qx.Class.define("Bicycle", {          class Bicycle {        extend : qx.core.Object,             ...
OBJECT ORIENTATIONMittwoch, 2. Februar 2011
SPEED                                    http://ie.microsoft.com/testdrive/benchmarks/SunSpider/Default.htmlMittwoch, 2. F...
ARCHITECTURE                                            Widgets                Layouts          Theming                   ...
ARCHITECTURE                                            Widgets                Layouts          Theming                   ...
ARCHITECTURE                                            Widgets                Layouts          Theming                   ...
ARCHITECTURE                                            Widgets                Layouts          Theming                   ...
ARCHITECTURE                                            Widgets                Layouts          Theming                   ...
ARCHITECTURE                                            Widgets                Layouts          Theming                   ...
LOW LEVEL FRAMEWORK    • Base            for the Widget Toolkit    • Cross                 browser layer    • Works       ...
USED ONMittwoch, 2. Februar 2011
Mittwoch, 2. Februar 2011
Mittwoch, 2. Februar 2011
ARCHITECTURE                                            Widgets                Layouts          Theming                   ...
WIDGETSMittwoch, 2. Februar 2011
WIDGETSMittwoch, 2. Februar 2011
WIDGETS   ToolbarMittwoch, 2. Februar 2011
WIDGETS                            TreeMittwoch, 2. Februar 2011
WIDGETS                                      WindowMittwoch, 2. Februar 2011
WIDGETS                                      TextFieldMittwoch, 2. Februar 2011
WIDGETS                                      ButtonMittwoch, 2. Februar 2011
Mittwoch, 2. Februar 2011
LAYOUTS    • Custom                layout system build in JavaScript    • No           cross browser issues    • predefined...
THEMING    • No           CSS knowledge needed    • No           cross browser codeMittwoch, 2. Februar 2011
THEMING    • No           CSS knowledge needed    • No           cross browser code       ModernMittwoch, 2. Februar 2011
THEMING    • No           CSS knowledge needed    • No           cross browser code       Modern         ClassicMittwoch, ...
THEMING    • No           CSS knowledge needed    • No           cross browser code       Modern         Classic          ...
USED ON GMX.COMMittwoch, 2. Februar 2011
USED ON GMX.COMMittwoch, 2. Februar 2011
DEMOMittwoch, 2. Februar 2011
DEVELOPMENT       SUPPORTMittwoch, 2. Februar 2011
TOOLING    • Automatic             dependency detection    • Packaging             for development and deployment    • Opt...
TESTING    • Integrated            unit test framework    • Integrated            support for Selenium tests    • Continuo...
INTERNATIONALIZATION    • Build            in internationalization support    • based                 on standaridized file...
Rich Internet ApplicationMittwoch, 2. Februar 2011
Rich Internet Application                            Desktop application in the webMittwoch, 2. Februar 2011
Rich Internet Application                            Desktop application in the webMittwoch, 2. Februar 2011
Rich Internet Application                            Desktop application in the web                            NativeMittw...
Mittwoch, 2. Februar 2011
Mittwoch, 2. Februar 2011
Mittwoch, 2. Februar 2011
Mittwoch, 2. Februar 2011
Mittwoch, 2. Februar 2011
http://demo.qooxdoo.org/public/mobile_prototype/Mittwoch, 2. Februar 2011
Try it yourself!                                   http://qooxdoo.org/                            http://playground.qooxdo...
Upcoming SlideShare
Loading in...5
×

qooxdoo at VKSI-RIA-Comparison

1,655

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
1,655
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
22
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

qooxdoo at VKSI-RIA-Comparison

  1. 1. RIA Entwicklungsplattformen im Vergleich 01.02.2011Mittwoch, 2. Februar 2011
  2. 2. ABOUT ME • M.Sc. Martin Wittemann • works at • framework architect • started in 2007 with • @wittemann on • won $18 in Atlantic City!Mittwoch, 2. Februar 2011
  3. 3. 1. 2. 3. 4. 5. Google Web ToolkitMittwoch, 2. Februar 2011
  4. 4. pure JavaScript no HTML or CSS needed no plugin needed Open SourceMittwoch, 2. Februar 2011
  5. 5. JAVASCRIPT, REALLY? c=document.body.children[0];h=t=150;L=w=c.width=800;u=D=50;H= [];R=Math.random;for($ in C=c.getContext(2d))C[$[J=X=Y=0]+ ($[6]||)]=C[$];setInterval("if(D)for(x=405,i=y=I=0;i<1e4;)L=H[i+ +]=i<9|L<w&R()<.3?w:R()*u+80|0;$=++t%99-u;$=$*$/8+20;y+=Y;x+=y-H [(x+X)/u|0]>9?0:X;j=H[o=x/u|0];Y=y<j|Y<0?Y+1:(y=j,J?-10:0);with(C) {A=function(c,x,y,r){r&&a(x,y,r,0,7,0);fillStyle=c.P? c:#+ceff99ff78f86eeaaffffd45333.substr(c*3,3);f();ba()};for (D=Z=0;Z<21;Z++){Z<7&&A(Z%6,w/2,235,Z?250-15*Z:w);i=o-5+Z;S=x- i*u;B=S>9&S<41;ta(u-S,0);G=cL(0,T=H[i],0,T+9);T%6||(A (2,25,T-7,5),y^j||B&&(H[i]-=.1,I++));G.P=G.addColorStop;G.P(0,i %7?#7e3:(i^o||y^T||(y=H[i]+=$/99),#c7a));G.P(1,#ca6);i%4&&A (6,t/2%200,9,i%2?27:33);m(-6,h);qt(-6,T,3,T);l(47,T);qt(56,T, 56,h);A(G);i%3?0:T<w?(A(G,33,T-15,10),fc(31,T-7,4,9)):(A(7,25,$, 9),A(G,25,$,5),fc(24,$,2,h),D=B&y>$-9?1:D);ta(S-u,0)}A (6,u,y-9,11);A(5,M=u+X*.7,Q=y-9+Y/5,8);A(8,M,Q,5);fx(I+¢,5,15)} D=y>h?1:D",u);onkeydown=onkeyup=function(e){E=e.type[5]? 4:0;e=e.keyCode;J=e^38?J:E;X=e^37?e^39?X:E:-E} http://js1k.com/2010-first/demo/635Mittwoch, 2. Februar 2011
  6. 6. OBJECT ORIENTATION qx.Class.define("Bicycle", { extend : qx.core.Object, members : { __speed : 0, speedUp : function(increment) { this.__speed += increment; } } });Mittwoch, 2. Februar 2011
  7. 7. OBJECT ORIENTATION qx.Class.define("Bicycle", { class Bicycle { extend : qx.core.Object, int speed = 0; members : { __speed : 0, void speedUp(int increment) { speedUp : function(increment) { speed = speed + increment; this.__speed += increment; } } } } });Mittwoch, 2. Februar 2011
  8. 8. OBJECT ORIENTATIONMittwoch, 2. Februar 2011
  9. 9. SPEED http://ie.microsoft.com/testdrive/benchmarks/SunSpider/Default.htmlMittwoch, 2. Februar 2011
  10. 10. ARCHITECTURE Widgets Layouts Theming GUI Toolkit UI Core Data Binding I18n HTML CSS Low-Level Parts Animation Rendering Selector Browser Transport BOM DOM Browser Abstraction Events Language Core OO Extension Custom EventsMittwoch, 2. Februar 2011
  11. 11. ARCHITECTURE Widgets Layouts Theming GUI Toolkit UI Core Data Binding I18n HTML CSS Low-Level Parts Animation Rendering Selector Browser Transport BOM DOM Browser Abstraction Events Language Core OO Extension Custom EventsMittwoch, 2. Februar 2011
  12. 12. ARCHITECTURE Widgets Layouts Theming GUI Toolkit UI Core Data Binding I18n HTML CSS Low-Level Parts Animation Rendering Selector Browser Transport BOM DOM Browser Abstraction Events Language Core OO Extension Custom EventsMittwoch, 2. Februar 2011
  13. 13. ARCHITECTURE Widgets Layouts Theming GUI Toolkit UI Core Data Binding I18n HTML CSS Low-Level Parts Animation Rendering Selector Browser Transport BOM DOM Browser Abstraction Events Language Core OO Extension Custom EventsMittwoch, 2. Februar 2011
  14. 14. ARCHITECTURE Widgets Layouts Theming GUI Toolkit UI Core Data Binding I18n HTML CSS Low-Level Parts Animation Rendering Selector Browser Transport BOM DOM Browser Abstraction Events Language Core OO Extension Custom EventsMittwoch, 2. Februar 2011
  15. 15. ARCHITECTURE Widgets Layouts Theming GUI Toolkit UI Core Data Binding I18n HTML CSS Low-Level Parts Animation Rendering Selector Browser Transport BOM DOM Browser Abstraction Events Language Core OO Extension Custom EventsMittwoch, 2. Februar 2011
  16. 16. LOW LEVEL FRAMEWORK • Base for the Widget Toolkit • Cross browser layer • Works standalone • Feature set likeMittwoch, 2. Februar 2011
  17. 17. USED ONMittwoch, 2. Februar 2011
  18. 18. Mittwoch, 2. Februar 2011
  19. 19. Mittwoch, 2. Februar 2011
  20. 20. ARCHITECTURE Widgets Layouts Theming GUI Toolkit UI Core Data Binding I18n HTML CSS Low-Level Parts Animation Rendering Selector Browser Transport BOM DOM Browser Abstraction Events Language Core OO Extension Custom EventsMittwoch, 2. Februar 2011
  21. 21. WIDGETSMittwoch, 2. Februar 2011
  22. 22. WIDGETSMittwoch, 2. Februar 2011
  23. 23. WIDGETS ToolbarMittwoch, 2. Februar 2011
  24. 24. WIDGETS TreeMittwoch, 2. Februar 2011
  25. 25. WIDGETS WindowMittwoch, 2. Februar 2011
  26. 26. WIDGETS TextFieldMittwoch, 2. Februar 2011
  27. 27. WIDGETS ButtonMittwoch, 2. Februar 2011
  28. 28. Mittwoch, 2. Februar 2011
  29. 29. LAYOUTS • Custom layout system build in JavaScript • No cross browser issues • predefined set of layoutsMittwoch, 2. Februar 2011
  30. 30. THEMING • No CSS knowledge needed • No cross browser codeMittwoch, 2. Februar 2011
  31. 31. THEMING • No CSS knowledge needed • No cross browser code ModernMittwoch, 2. Februar 2011
  32. 32. THEMING • No CSS knowledge needed • No cross browser code Modern ClassicMittwoch, 2. Februar 2011
  33. 33. THEMING • No CSS knowledge needed • No cross browser code Modern Classic SimpleMittwoch, 2. Februar 2011
  34. 34. USED ON GMX.COMMittwoch, 2. Februar 2011
  35. 35. USED ON GMX.COMMittwoch, 2. Februar 2011
  36. 36. DEMOMittwoch, 2. Februar 2011
  37. 37. DEVELOPMENT SUPPORTMittwoch, 2. Februar 2011
  38. 38. TOOLING • Automatic dependency detection • Packaging for development and deployment • Optimization and minificationMittwoch, 2. Februar 2011
  39. 39. TESTING • Integrated unit test framework • Integrated support for Selenium tests • Continuous integration for the frameworkMittwoch, 2. Februar 2011
  40. 40. INTERNATIONALIZATION • Build in internationalization support • based on standaridized files • Easy to switch during runtimeMittwoch, 2. Februar 2011
  41. 41. Rich Internet ApplicationMittwoch, 2. Februar 2011
  42. 42. Rich Internet Application Desktop application in the webMittwoch, 2. Februar 2011
  43. 43. Rich Internet Application Desktop application in the webMittwoch, 2. Februar 2011
  44. 44. Rich Internet Application Desktop application in the web NativeMittwoch, 2. Februar 2011
  45. 45. Mittwoch, 2. Februar 2011
  46. 46. Mittwoch, 2. Februar 2011
  47. 47. Mittwoch, 2. Februar 2011
  48. 48. Mittwoch, 2. Februar 2011
  49. 49. Mittwoch, 2. Februar 2011
  50. 50. http://demo.qooxdoo.org/public/mobile_prototype/Mittwoch, 2. Februar 2011
  51. 51. Try it yourself! http://qooxdoo.org/ http://playground.qooxdoo.org/Mittwoch, 2. Februar 2011
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×