qooxdoo 0.8 - das neue gui toolkit
DESCRIPTION
German presentation. It shows the improvements of qooxdoo 0.8 over 0.7.TRANSCRIPT
![Page 1: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/1.jpg)
qooxdoo 0.8Das neue GUI Toolkit
Fabian Jakobs17. Oktober 2008
![Page 2: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/2.jpg)
Übersicht
Teil I
• Was ist qooxdoo?• Was ist neu?
Teil II
Workshop
![Page 3: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/3.jpg)
Was ist qooxdoo?
![Page 4: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/4.jpg)
qooxdoo ist einJavaScript basiertesRichInternetApplicationFramework
Bingo!
![Page 5: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/5.jpg)
Desktop ...
![Page 6: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/6.jpg)
... in den Browser
![Page 7: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/7.jpg)
Desktop im Browser
![Page 8: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/8.jpg)
Entwickeln wie Qt/Swing/...
![Page 9: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/9.jpg)
Geschichte von 0.8
![Page 10: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/10.jpg)
Erfolgsstory qooxdoo 0.6/0.7
![Page 11: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/11.jpg)
Top 5 Feature Requests
• Stabileres Layout
• Besseres Styling
• Schöneres Theme
• Integration in Webseiten
• Mehr Dokumentation
![Page 12: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/12.jpg)
Layout
![Page 13: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/13.jpg)
Reimplement layout engine
![Page 14: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/14.jpg)
Bug #20
• 31 abhängige Bugs• Einer der ältesten Bugs• Blockiert viele Features
• Erfordert Grundlegende Änderungen
![Page 15: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/15.jpg)
Layout engine in 0.8
• Sinnvolle Standardgrößen• Auto Sizing• Robust• Einfacher und mächtiger
Alle Layout-Bugs aus 0.7
sind gefxt!
![Page 16: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/16.jpg)
Eigene Layouts
I'm sure its still a terrible hack, but really kinda cool I can fgure this type of thing out with basically zero qooxdoo experience“
Chris Banford (Community)
„
![Page 17: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/17.jpg)
Styling
![Page 18: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/18.jpg)
Styling in 0.7
• Einfache Rahmen• Hintergrundfarbe• Hintergrundbild
• Komplexes Styling nur mit Hacks!
![Page 19: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/19.jpg)
Styling in 0.8
Widget (Container Element)<div>
</div>
Decorator<div> ...
</div>
Content<div> ...
</div>
![Page 20: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/20.jpg)
Dekoratoren
• Erzeugen HTML für den Hintergrund
• Eigene Klassen• Styling unabhängig vom Widget• Konfgurierbar durch Theme
• Erlauben komplexes Styling
![Page 21: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/21.jpg)
Schöneres Theme
![Page 22: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/22.jpg)
Theme
0.7 0.8
![Page 23: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/23.jpg)
Einbetten in Webseiten
![Page 24: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/24.jpg)
Schema qooxdoo 0.7
Widgets
Core (Class, Properties, ...)
UI Core(Widget, Layout, ...)
![Page 25: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/25.jpg)
Schema qooxdoo 0.8
Widgets
Core (Class, Properties, ...)
UI Core(Widget, Layout, ...)
BOM (Cross Browser Code)
EventHtml Animation Low level qooxdoo
![Page 26: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/26.jpg)
Low Level qooxdoo
• Vergleichbar mit JQuery• DOM• Events• Animationen
Widgets
Core
UI Core
BOM
EventHtml Anim.
![Page 27: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/27.jpg)
Einbetten von Widgets
![Page 28: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/28.jpg)
Dokumentation
![Page 29: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/29.jpg)
Dokumentation
• Fast 100% API Dokumentation• Mehr Demos• Besseres Manual im Wiki
![Page 30: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/30.jpg)
Neue Fundamente!
![Page 31: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/31.jpg)
qooxdoo 0.8
✔ Stabileres Layout
✔ Besseres Styling
✔ Schöneres Theme
✔ Integration in Webseiten
✔ Mehr Dokumentation
![Page 32: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/32.jpg)
Workshop
![Page 33: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/33.jpg)
Workshop
1. Grundgerüst2. Layout/Widgets3. Style
![Page 34: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/34.jpg)
Grundgerüst erstellen
![Page 35: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/35.jpg)
Oberfäche erstellen
![Page 36: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/36.jpg)
Oberfäche erstellen
![Page 37: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/37.jpg)
Oberfäche erstellen
![Page 38: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/38.jpg)
Oberfäche erstellen
![Page 39: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/39.jpg)
Styling
![Page 40: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/40.jpg)
Sektion der Vorlage
![Page 41: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/41.jpg)
Zuschnitt des Buttons
![Page 42: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/42.jpg)
Zuschnitt des Buttons
![Page 43: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/43.jpg)
Und nun?
Wenn Ihr eine qooxdoo Anwendung habt... migriert zu 0.8
Wenn Ihr keine habt ... schreibt eine
![Page 44: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/44.jpg)
Bei Fragen:3. OG EFS
![Page 45: Qooxdoo 0.8 - Das Neue Gui Toolkit](https://reader033.vdocuments.site/reader033/viewer/2022060118/558c60cad8b42ae04e8b4579/html5/thumbnails/45.jpg)
Copyright NotesAutor: myelectricsheepFlickr: http://www.fickr.com/photos/myelectricsheep/246279816/
Autor: [o] MarcFlickr: http://www.fickr.com/photos/jmarcreichow/294398061/
Autor: OldOnlinerFlickr: http://www.fickr.com/photos/oldonliner/1095360979/
Autor: Ela2007Flickr: http://www.fickr.com/photos/64479867@N00/523132985/
Autor: mia_4looseFlickr: http://www.fickr.com/photos/13409351@N08/2321248880/
Autor: bloodyrazor1987Flickr: http://www.fickr.com/photos/23766596@N04/2262340001/