Simplified Developer Experience with QML OpenGL Cross-platform performance Transitions Prototyping QtCreator Dynamic UIs innovate Who are we? Testers @ Nokia, working on MeeGo middleware Why are we here? •Great Technology •It will make your life easier •We Love it and we want to share it with you Widget Model UI’s using widgets are, • Clearly structured / Bulky Window Widget Widget • Static • Enforce standard platform look and feel • Very useful for traditional applications Widget W i d g e t Widget Widget What do we want? Express a UI the way we think about it: components, views, states, transitions, animations and effects. Connect the UI to real data and back-end functionality Everything should be fast and easy In fact so easy that also designers can do it (e.g: the sort of people doing Flash, Silverlight and Web) What do we want? A world where developers and designers work directly together on the same project A world where a UI is determined by its usability and not by limitations of the underlying technology. Meet QML QML is a new declarative language extension to Qt It maps almost directly to how you should think about a UI: components, views, states, transitions, animations etc The declarative language itself is simple and intuitive, the rest is javascript All the power and freedom of Qt is still available Declarative UI using QML Rectangle { id: page width: 500; height: 200 color: “lightgray” Text { id: helloText text: “Hello World” font.bold: true font.pointSize: 24 } } Hello World Example - simple list based menu with features to launch app, preview app and update it. -transitions with fluid UI - 2 persons, 4 hours each - 350 lines of code Qt + QML - Business logic can be written with Qt / C++ - UI layer can be designed with QML Qt Code QML Great App Common Questions • Common Components: • Currently, many of the standard components like buttons, textboxes etc are missing. But, they are under development. • Colibri – http://colibri.com • Performance • QML is optimized for performance • Animations, effects etc are generally very fast than what we produce with Qt Image Viewer Concept Big picture Thumbnails