qooxdoo at VKSI-RIA-Comparison

RIA Entwicklungsplattformen im Vergleich 01.02.2011Mittwoch, 2. Februar 2011

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

1. 2. 3. 4. 5. Google Web ToolkitMittwoch, 2. Februar 2011

pure JavaScript no HTML or CSS needed no plugin needed Open SourceMittwoch, 2. Februar 2011

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-ﬁrst/demo/635Mittwoch, 2. Februar 2011

OBJECT ORIENTATION qx.Class.define("Bicycle", { extend : qx.core.Object, members : { __speed : 0, speedUp : function(increment) { this.__speed += increment; } } });Mittwoch, 2. Februar 2011

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

OBJECT ORIENTATIONMittwoch, 2. Februar 2011

SPEED http://ie.microsoft.com/testdrive/benchmarks/SunSpider/Default.htmlMittwoch, 2. Februar 2011

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

LOW LEVEL FRAMEWORK • Base for the Widget Toolkit • Cross browser layer • Works standalone • Feature set likeMittwoch, 2. Februar 2011

USED ONMittwoch, 2. Februar 2011

Mittwoch, 2. Februar 2011

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

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

LAYOUTS • Custom layout system build in JavaScript • No cross browser issues • predeﬁned set of layoutsMittwoch, 2. Februar 2011

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, 2. Februar 2011

THEMING • No CSS knowledge needed • No cross browser code Modern Classic SimpleMittwoch, 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 • Optimization and miniﬁcationMittwoch, 2. Februar 2011

TESTING • Integrated unit test framework • Integrated support for Selenium tests • Continuous integration for the frameworkMittwoch, 2. Februar 2011

INTERNATIONALIZATION • Build in internationalization support • based on standaridized ﬁles • Easy to switch during runtimeMittwoch, 2. Februar 2011

Rich Internet ApplicationMittwoch, 2. Februar 2011

Rich Internet Application Desktop application in the webMittwoch, 2. Februar 2011

Rich Internet Application Desktop application in the web NativeMittwoch, 2. Februar 2011

http://demo.qooxdoo.org/public/mobile_prototype/Mittwoch, 2. Februar 2011

Try it yourself! http://qooxdoo.org/ http://playground.qooxdoo.org/Mittwoch, 2. Februar 2011

qooxdoo at VKSI-RIA-Comparison

by Martin Wittemann

Accessibility

Categories

Upload Details

Usage Rights

Statistics

qooxdoo at VKSI-RIA-Comparison Presentation Transcript