The Most Popular UI/Apps Framework For IVI on Linux

Transcription

1 The Most Popular UI/Apps Framework For IVI on Linux

2 About me Tasuku Suzuki Qt Engineer Qt, Developer Experience and Marketing, Nokia Have been using Qt since 2002 Joined Trolltech in 2006 Nokia since 2008

3 Agenda What is Qt? Qt introduction Who uses Qt? What Qt will be like? Qt in automotive

4 What is Qt? Qt is an open source project Cross-platform application and UI framework Qt Quick for beautiful UIs Qt/C++ for fast and complex backends Qt Creator IDE Qt SDK

5 The Qt project governs the open source development of Qt. It allows anybody wanting to contribute to join the effort. Fair Transparent Inclusive Meritocratic

6

7

8 Qt Mobility APIs APIs for mobile phone cross platform/device

9 Who uses Qt? OSS projects KDE SC Ubuntu Unity 2D VLC MuseScore

10 Who uses Qt? non-oss Google Earth Adobe Photoshop Elements Autodesk Maya 2011 Skype

11 Getting started Install Qt SDK start development with Qt Creator IDE Qt Quick introduction Qt/C++ introduction

12 Qt SDK combines the Qt framework with tools designed to streamline the creation of applications for Symbian and MeeGo/ Maemo in addition to desktop platforms, such as Microsoft Windows, Mac OS X, and Linux.

13 Qt Creator a cross-platform integrated development environment (IDE) tailored to the needs of Qt C++ and QML code editor Visual designer for C++ UIs and QML Project and build management debugging, version control, etc.

14 Qt Quick import QtQuick Rectangle { width: 200; height: 200 gradient: Gradient { GradientStop { position: 0.0; color: "lightgreen" } GradientStop { position: 1.0; color: "green" } } Text { id: mytext text: 'QML rocks! anchors.centerin: parent font.pointsize:16 } MouseArea { anchors.fill: parent onclicked: Qt.quit() } }

15 Qt Quick : QML A new declarative language to create UIs The syntax is inspired by CSS and JSON supports JavaScript supports States and animated Transitions Easy to read, easy to write, easy to extend

16 Qt Quick: QtDeclarative Runtime module QDeclarativeView class for GUI QDeclarativeEngine class for non-gui provides basic elements for QML Rectangle, Text, Image, MouseArea, etc. provides bridge between C++ and QML access C++ object from QML and vice versa register custom QML element developed in C++

17 Qt Quick: Develop environment Qt Creator has both QML source editor and visual editor

18 Qt Quick: demo

19 Qt C++ #include <QApplication> #include <QLabel> int main(int argc, char **argv) { QApplication app(argc, argv); QLabel label( Hello World ); label.show(); } return app.exec();

20 What Qt will be Qt history Qt 5

21 Qt history 1996 Qt 1.0 (for X11 and Windows) 1999 Qt 2.0 (for X11 became OSS) 2001 Qt 3.0 (Mac OS X support added) 2005 Qt 4.0 (GPL 2.0 or later added) 2007 Qt 4.5 (LGPL 2.1 added) 2010 Qt Qt became an open source project! 2011 Qt 4.8 (4.8.0 RC1 is already released) 2012 Qt 5.0

22 Qt 5: Objectives Make better use of the GPU, allowing you to create smooth (and accelerated) graphics performance even with limited resources; Making your creation of advanced applications and UIs easier and faster (with QML and Javascript); Make apps connected to the web be as powerful as possible, i.e. to embed and power up web content and services into any Qt app; and Reduce the complexity and amount of code required to maintain and implement a port.

23 Qt 5: big changes Re-architecture the graphics stack Base all Qt ports on Qt Platform Abstraction architecture Modular repository structure Separate all QWidget related functionality into its own library Change JavaScript backend to Google V8 QtWebKit based on WebKit2 architecture Merge QtMobility APIs to Qt

24 Qt 5: Graphics Stack for QML called QML SceneGraph based on scene graph algorithm optimized for drawing on OpenGL manages all visual elements opaque element: front to back non-opaque element: back to front minimizes OpenGL context switching separates paint thread from main thread supports GLSL effects in QML

25 Qt 5: Benchmark Intel Sandy Bridge i7-2600k Intel HD Graphics 3000 GPU

26 Qt5: Qt Platform Abstraction QPA will be introduced in upcoming Qt 4.8 to abstract windowing system Qt for Android or Qt for ios community ports use the plugin system In Qt5, QPA is extended. All platform ports including desktops will use QPA easy to add a port reduce cost to maintain each port

27 The%road%to%Qt%5% Qt! 5: Architecture Qt Components QML 3D QWidget WebKit QML Qt 3D QBackingstore QtGuiCore module Composition of all UI will go through SceneGraph. SceneGraph 2D API (QPainter) WebKit, Qt Components and QML will create content nodes for the scene graph and the scenegraph will compose / render all content through and OpenGL surface provided by the Lighthouse layer. OpenGL Enabled WindowSurface Raster Engine GL Engine 2D API's will primarily serve as a content feeder into the scenegraph, typically layers that need to be composed. Lighthouse Win Mac Linux/ Wayland Symbian X11 Android!!! QML'

28 What Qt5 apps will be? Demo

29 Qt in automotive Lots of Car OEM, Tier1s and suppliers are using Qt Public Altran (Press release announcing an Automotive Connected Car platform) Magneti Maralli (Demos at GENIVI members meetings) AWTCE Qt Developers Days Munich, Oct 2011 Demo using Qt Quick Qt Developers Days Munich, Oct 2011 Qt in use talk on MirrorLink implementation with Qt

30 Qt Core in GENIVI After evaluation of Qt basic concepts and overall architecture the System Architecture team agreed that the basic Qt architecture is a good and available framework that GENIVI should integrate Qt as its application development framework (platform applications, no app store concept) into the GENIVI specification. This includes the qt core library and the API definition also from Qt mobility. Explicitly excluded is the Qt HMI framework, called qt-gui. Markus Boje GENIVI Technical Council Oct, 7th 2010

31 : Seamless Smartphone in the Car Allows phone apps to be shown on the car display with audio Voice Control Key Control Audio Output Car makers are in control of which phone apps are allowed Display Output

32 Car Optimized User Experience Optimized (Examples only) Standard phone UI Optimized Home Screen only showing relevant / certified Apps Simplified UI Logic to comply to Driver Distraction and Car Maker needs Make use of Car Controls: - Touch, Voice, Hard-Keys

33 Car Connectivity Consortium

34 Summary Qt is a cross-platform application and UI framework with APIs for C++ programming and Qt Quick for rapid UI creation Intuitive class libraries Easy to use and learn Produce highly readable, easily maintainable and reusable code High runtime performance and small footprint Qt is an open source project licensed under LGPL Large community of over 500K Qt developers Qt works on any Linux Distribution Qt is a part of Ubuntu Large customer demand to support Qt in Tizen Qt used in Windriver IVI demos

35 Thank you!