Qooxdoo 0.8 - Das Neue Gui Toolkit

1,866 views

Published on

German presentation. It shows the improvements of qooxdoo 0.8 over 0.7.

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,866
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Qooxdoo 0.8 - Das Neue Gui Toolkit

  1. 1. qooxdoo 0.8 Das neue GUI Toolkit Fabian Jakobs 17. Oktober 2008
  2. 2. Übersicht Teil I Teil II • Was ist qooxdoo? Workshop • Was ist neu?
  3. 3. Was ist qooxdoo?
  4. 4. qooxdoo ist ein JavaScript basiertes Rich Internet Application g o ! Framework Bin
  5. 5. Desktop ...
  6. 6. ... in den Browser
  7. 7. Desktop im Browser
  8. 8. Entwickeln wie Qt/Swing/...
  9. 9. Geschichte von 0.8
  10. 10. Erfolgsstory qooxdoo 0.6/0.7
  11. 11. Top 5 Feature Requests • Stabileres Layout • Besseres Styling • Schöneres Theme • Integration in Webseiten • Mehr Dokumentation
  12. 12. Layout
  13. 13. Reimplement layout engine
  14. 14. Bug #20 • 31 abhängige Bugs • Einer der ältesten Bugs • Blockiert viele Features • Erfordert Grundlegende Änderungen
  15. 15. Layout engine in 0.8 • Sinnvolle Standardgrößen • Auto Sizing • Robust • Einfacher und mächtiger Alle Layout-Bugs aus 0.7 sind gefxt!
  16. 16. 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)
  17. 17. Styling
  18. 18. Styling in 0.7 • Einfache Rahmen • Hintergrundfarbe • Hintergrundbild • Komplexes Styling nur mit Hacks!
  19. 19. Styling in 0.8 Widget (Container Element) <div> Decorator <div> Content ... <div> ... </div> </div> </div>
  20. 20. Dekoratoren • Erzeugen HTML für den Hintergrund • Eigene Klassen • Styling unabhängig vom Widget • Konfgurierbar durch Theme • Erlauben komplexes Styling
  21. 21. Schöneres Theme
  22. 22. Theme 0.7 0.8
  23. 23. Einbetten in Webseiten
  24. 24. Schema qooxdoo 0.7 Widgets UI Core (Widget, Layout, ...) Core (Class, Properties, ...)
  25. 25. Schema qooxdoo 0.8 Widgets UI Core (Widget, Layout, ...) Html Animation Event Low level qooxdoo BOM (Cross Browser Code) Core (Class, Properties, ...)
  26. 26. Low Level qooxdoo • Vergleichbar mit JQuery Widgets • DOM UI Core • Events Html Anim. Event BOM • Animationen Core
  27. 27. Einbetten von Widgets
  28. 28. Dokumentation
  29. 29. Dokumentation • Fast 100% API Dokumentation • Mehr Demos • Besseres Manual im Wiki
  30. 30. Neue Fundamente!
  31. 31. qooxdoo 0.8 ✔ Stabileres Layout ✔ Besseres Styling ✔ Schöneres Theme ✔ Integration in Webseiten ✔ Mehr Dokumentation
  32. 32. Workshop
  33. 33. Workshop 1. Grundgerüst 2. Layout/Widgets 3. Style
  34. 34. Grundgerüst erstellen
  35. 35. Oberfäche erstellen
  36. 36. Oberfäche erstellen
  37. 37. Oberfäche erstellen
  38. 38. Oberfäche erstellen
  39. 39. Styling
  40. 40. Sektion der Vorlage
  41. 41. Zuschnitt des Buttons
  42. 42. Zuschnitt des Buttons
  43. 43. Und nun? Wenn Ihr eine qooxdoo Anwendung habt ... migriert zu 0.8 Wenn Ihr keine habt ... schreibt eine
  44. 44. Bei Fragen: 3. OG EFS
  45. 45. Copyright Notes Autor: myelectricsheep Flickr: http://www.fickr.com/photos/myelectricsheep/246279816/ Autor: [o] Marc Flickr: http://www.fickr.com/photos/jmarcreichow/294398061/ Autor: OldOnliner Flickr: http://www.fickr.com/photos/oldonliner/1095360979/ Autor: Ela2007 Flickr: http://www.fickr.com/photos/64479867@N00/523132985/ Autor: mia_4loose Flickr: http://www.fickr.com/photos/13409351@N08/2321248880/ Autor: bloodyrazor1987 Flickr: http://www.fickr.com/photos/23766596@N04/2262340001/

×