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

1. qooxdoo 0.8
Das neue GUI Toolkit
Fabian Jakobs
17. Oktober 2008

2. Übersicht
Teil I Teil II
• Was ist qooxdoo? Workshop
• Was ist neu?

3. Was ist qooxdoo?

4. qooxdoo ist ein
JavaScript basiertes
Rich
Internet
Application
g o !
Framework
Bin

5. Desktop ...

6. ... in den Browser

7. Desktop im Browser

8. Entwickeln wie Qt/Swing/...

9. Geschichte von 0.8

10. Erfolgsstory qooxdoo 0.6/0.7

11. Top 5 Feature Requests
• Stabileres Layout
• Besseres Styling
• Schöneres Theme
• Integration in Webseiten
• Mehr Dokumentation

12. Layout

13. Reimplement layout engine

14. Bug #20
• 31 abhängige Bugs
• Einer der ältesten Bugs
• Blockiert viele Features
• Erfordert Grundlegende Änderungen

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. 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. Styling

18. Styling in 0.7
• Einfache Rahmen
• Hintergrundfarbe
• Hintergrundbild
• Komplexes Styling nur mit Hacks!

19. Styling in 0.8
Widget (Container Element)
<div>
Decorator
<div> Content
... <div>
...
</div>
</div>
</div>

20. Dekoratoren
• Erzeugen HTML für den
Hintergrund
• Eigene Klassen
• Styling unabhängig vom Widget
• Konfgurierbar durch Theme
• Erlauben komplexes Styling

21. Schöneres Theme

22. Theme
0.7 0.8

23. Einbetten in Webseiten

24. Schema qooxdoo 0.7
Widgets
UI Core
(Widget, Layout, ...)
Core (Class, Properties, ...)

25. Schema qooxdoo 0.8
Widgets
UI Core
(Widget, Layout, ...)
Html Animation Event Low level qooxdoo
BOM (Cross Browser Code)
Core (Class, Properties, ...)

26. Low Level qooxdoo
• Vergleichbar mit JQuery Widgets
• DOM UI Core
• Events Html Anim. Event
BOM
• Animationen Core

27. Einbetten von Widgets

28. Dokumentation

29. Dokumentation
• Fast 100% API Dokumentation
• Mehr Demos
• Besseres Manual im Wiki

30. Neue Fundamente!

31. qooxdoo 0.8
✔ Stabileres Layout
✔ Besseres Styling
✔ Schöneres Theme
✔ Integration in Webseiten
✔ Mehr Dokumentation

32. Workshop

33. Workshop
1. Grundgerüst
2. Layout/Widgets
3. Style

34. Grundgerüst erstellen

35. Oberfäche erstellen

36. Oberfäche erstellen

37. Oberfäche erstellen

38. Oberfäche erstellen

39. Styling

40. Sektion der Vorlage

41. Zuschnitt des Buttons

42. Zuschnitt des Buttons

43. Und nun?
Wenn Ihr eine qooxdoo Anwendung habt
... migriert zu 0.8
Wenn Ihr keine habt
... schreibt eine

44. Bei Fragen:
3. OG EFS

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/