SlideShare a Scribd company logo
1 of 10
Download to read offline
Maemo 6 UI Framework


Tomas Junnonen
Application Framework Architect, Nokia




                               1
Status Quo of the Maemo 5 UI framework
• UI Framework implemented using Gtk+
• Window composition using OpenGL
• Single-touch gestures
• Gtk+ applications use the CPU for rendering
• Applications can however use OpenGL directly




                                 2
Drivers for renewal in Maemo 6
• Iconic user experience, animations & transitions
• Portrait and landscape throughout the UI
• Hardware trends
• OpenGL ES acceleration
• Multi-touch, capacitive displays
• Improved finger usability




                                     3
Maemo 6 UI Framework
• Built using Qt4.6
• Full UI acceleration using OpenGL
• Designed from the ground up to be finger usable
• Multi-touch gestures
• Portrait and landscape modes
• Core components are cross platform for a better developer experience




                                 4
Built using the latest Qt capabilities
• Qt Animation Framework
• State Machine Framework
• Multi-touch & Gestures
• Graphics Effects
• Qt3D




                            5
A scene graph approach to UI
• Built using the Qt Graphics View Framework
• Widgets, layouts, all part of one big scene
• Windows act as views into the scenes
• Supports zooming, rotation, animations
• Simple physics for select components




                                   6
Qt provides
• OpenGL ES 2.0 accelerated painting system
• Graphics View
• A base for developing widgets for the scene
• Collision detection, events, layouts, drag and drop, input handling, etc.
• Framework for creating animations
• The kitchen sink




                                   7
Maemo 6 UI framework provides
• Maemo 6 UI look and feel
• A set of widgets for the scene
• Additional layouts, including implicit animations
• Application level scene management, transitions
• Maemo 6 specific gestures
• Application life cycle management
• An advanced theming system based on SVG and CSS




                                   8
Core UI framework components also include
• The usual suspects:
   • Device homescreen
   • Control panel
   • Help system
• A compositing window manager
• Resource management and sharing daemon




                                 9
Maemo 6 UI framework - Technical Preview
• Available now:
   http://qt.gitorious.org/maemo-6-ui-framework

• Includes the application framework library and the homescreen
• Dependencies include the Qt 4.6 technical preview
• Feedback and questions to: tomas.junnonen@nokia.com




                                 10

More Related Content

What's hot

Firefox os-introduction
Firefox os-introductionFirefox os-introduction
Firefox os-introduction
zsoltlengyelit
 

What's hot (12)

Clipboard demo day
Clipboard  demo dayClipboard  demo day
Clipboard demo day
 
Developing Qt Applications on MeeGo Touch with Style
Developing Qt Applications on MeeGo Touch with StyleDeveloping Qt Applications on MeeGo Touch with Style
Developing Qt Applications on MeeGo Touch with Style
 
Show & Tell 2
Show & Tell 2Show & Tell 2
Show & Tell 2
 
Show and Tell 1
Show and Tell 1Show and Tell 1
Show and Tell 1
 
gvSIG mobile, a GIS for mobile devices
gvSIG mobile, a GIS for mobile devicesgvSIG mobile, a GIS for mobile devices
gvSIG mobile, a GIS for mobile devices
 
Adobe MAX: Rapidly Build HTML5 Apps with Sencha Designer
Adobe MAX: Rapidly Build HTML5 Apps with Sencha DesignerAdobe MAX: Rapidly Build HTML5 Apps with Sencha Designer
Adobe MAX: Rapidly Build HTML5 Apps with Sencha Designer
 
Firefox os-introduction
Firefox os-introductionFirefox os-introduction
Firefox os-introduction
 
Google DevFest LA 2016
Google DevFest LA 2016Google DevFest LA 2016
Google DevFest LA 2016
 
Windows phone-7- Introduction
Windows phone-7- IntroductionWindows phone-7- Introduction
Windows phone-7- Introduction
 
Silverlight
SilverlightSilverlight
Silverlight
 
Android
AndroidAndroid
Android
 
Kinect for Windows SDK
Kinect for Windows SDKKinect for Windows SDK
Kinect for Windows SDK
 

Viewers also liked

Charity apprentice logo-blue-6675
Charity apprentice logo-blue-6675Charity apprentice logo-blue-6675
Charity apprentice logo-blue-6675
FITC
 

Viewers also liked (12)

Accelerating performance on Qt and WebKit for the MIPS architecture
Accelerating performance on Qt and WebKit for the MIPS architectureAccelerating performance on Qt and WebKit for the MIPS architecture
Accelerating performance on Qt and WebKit for the MIPS architecture
 
了解 Qt
了解 Qt了解 Qt
了解 Qt
 
Designing and Building (Your Own) UI Frameworks For the Enterprise
Designing and Building (Your Own) UI Frameworks For the EnterpriseDesigning and Building (Your Own) UI Frameworks For the Enterprise
Designing and Building (Your Own) UI Frameworks For the Enterprise
 
03 - Qt UI Development
03 - Qt UI Development03 - Qt UI Development
03 - Qt UI Development
 
Maemo 6 Platform Security
Maemo 6 Platform SecurityMaemo 6 Platform Security
Maemo 6 Platform Security
 
Mobile Office KOffice For Maemo5 - Maemo Summit2009
Mobile Office KOffice For Maemo5 - Maemo Summit2009Mobile Office KOffice For Maemo5 - Maemo Summit2009
Mobile Office KOffice For Maemo5 - Maemo Summit2009
 
Maemo 5 KOffice @ Foss.in on 4 December2009
Maemo 5 KOffice @ Foss.in on 4 December2009Maemo 5 KOffice @ Foss.in on 4 December2009
Maemo 5 KOffice @ Foss.in on 4 December2009
 
Nokia Nseries And Maemo 6
Nokia Nseries And Maemo 6Nokia Nseries And Maemo 6
Nokia Nseries And Maemo 6
 
OVERVIEW: Chromium Source Tree
OVERVIEW: Chromium Source TreeOVERVIEW: Chromium Source Tree
OVERVIEW: Chromium Source Tree
 
Charity apprentice logo-blue-6675
Charity apprentice logo-blue-6675Charity apprentice logo-blue-6675
Charity apprentice logo-blue-6675
 
Qt5 embedded
Qt5 embeddedQt5 embedded
Qt5 embedded
 
Chromium ui framework(shared)
Chromium ui framework(shared)Chromium ui framework(shared)
Chromium ui framework(shared)
 

Similar to Maemo 6 UI Framework

East Coast DevCon 2014: The Slate UI Framework - Architecture & Tools
East Coast DevCon 2014: The Slate UI Framework - Architecture & ToolsEast Coast DevCon 2014: The Slate UI Framework - Architecture & Tools
East Coast DevCon 2014: The Slate UI Framework - Architecture & Tools
Gerke Max Preussner
 
Usergroup 02 Berlin Windows7
Usergroup 02 Berlin Windows7Usergroup 02 Berlin Windows7
Usergroup 02 Berlin Windows7
mspgermany
 
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
DALEZ
 
Verixo management Suite 2014
Verixo management Suite 2014Verixo management Suite 2014
Verixo management Suite 2014
Sandeep Gandhi
 

Similar to Maemo 6 UI Framework (20)

Cutest technology of them all - Forum Nokia Qt Webinar December 2009
Cutest technology of them all - Forum Nokia Qt Webinar December 2009Cutest technology of them all - Forum Nokia Qt Webinar December 2009
Cutest technology of them all - Forum Nokia Qt Webinar December 2009
 
East Coast DevCon 2014: The Slate UI Framework - Architecture & Tools
East Coast DevCon 2014: The Slate UI Framework - Architecture & ToolsEast Coast DevCon 2014: The Slate UI Framework - Architecture & Tools
East Coast DevCon 2014: The Slate UI Framework - Architecture & Tools
 
Meego의 현재와 미래(2)
Meego의 현재와 미래(2)Meego의 현재와 미래(2)
Meego의 현재와 미래(2)
 
Usergroup 02 Berlin Windows7
Usergroup 02 Berlin Windows7Usergroup 02 Berlin Windows7
Usergroup 02 Berlin Windows7
 
Angular Meetup 1 - Angular Basics and Workshop
Angular Meetup 1 - Angular Basics and WorkshopAngular Meetup 1 - Angular Basics and Workshop
Angular Meetup 1 - Angular Basics and Workshop
 
MeeGo Architecture
MeeGo ArchitectureMeeGo Architecture
MeeGo Architecture
 
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
 
West Coast DevCon 2014: The Slate UI Framework (Part 2) - Game UI & Unreal Mo...
West Coast DevCon 2014: The Slate UI Framework (Part 2) - Game UI & Unreal Mo...West Coast DevCon 2014: The Slate UI Framework (Part 2) - Game UI & Unreal Mo...
West Coast DevCon 2014: The Slate UI Framework (Part 2) - Game UI & Unreal Mo...
 
Radu vunvulea building and testing windows 8 metro style applications using ...
Radu vunvulea  building and testing windows 8 metro style applications using ...Radu vunvulea  building and testing windows 8 metro style applications using ...
Radu vunvulea building and testing windows 8 metro style applications using ...
 
IEEE VR-SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
IEEE VR-SEARIS 2014 Keynote - MiddleVR - Philosophy and architectureIEEE VR-SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
IEEE VR-SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
 
West Coast DevCon 2014: The Slate UI Framework (Part 1) - Introduction
West Coast DevCon 2014: The Slate UI Framework (Part 1) - IntroductionWest Coast DevCon 2014: The Slate UI Framework (Part 1) - Introduction
West Coast DevCon 2014: The Slate UI Framework (Part 1) - Introduction
 
Rvrsit
RvrsitRvrsit
Rvrsit
 
Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)
 
Qt Automotive Suite - under the hood // Qt World Summit 2017
Qt Automotive Suite - under the hood // Qt World Summit 2017Qt Automotive Suite - under the hood // Qt World Summit 2017
Qt Automotive Suite - under the hood // Qt World Summit 2017
 
Motion design in FIori
Motion design in FIoriMotion design in FIori
Motion design in FIori
 
Android quick talk
Android quick talkAndroid quick talk
Android quick talk
 
Where are we going DNNCon Keynote
Where are we going   DNNCon KeynoteWhere are we going   DNNCon Keynote
Where are we going DNNCon Keynote
 
Verixo management Suite 2014
Verixo management Suite 2014Verixo management Suite 2014
Verixo management Suite 2014
 
Qt quick (qml)
Qt quick (qml)Qt quick (qml)
Qt quick (qml)
 
Cincom Smalltalk Roadmap 2015
Cincom Smalltalk Roadmap 2015Cincom Smalltalk Roadmap 2015
Cincom Smalltalk Roadmap 2015
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 

Maemo 6 UI Framework

  • 1. Maemo 6 UI Framework Tomas Junnonen Application Framework Architect, Nokia 1
  • 2. Status Quo of the Maemo 5 UI framework • UI Framework implemented using Gtk+ • Window composition using OpenGL • Single-touch gestures • Gtk+ applications use the CPU for rendering • Applications can however use OpenGL directly 2
  • 3. Drivers for renewal in Maemo 6 • Iconic user experience, animations & transitions • Portrait and landscape throughout the UI • Hardware trends • OpenGL ES acceleration • Multi-touch, capacitive displays • Improved finger usability 3
  • 4. Maemo 6 UI Framework • Built using Qt4.6 • Full UI acceleration using OpenGL • Designed from the ground up to be finger usable • Multi-touch gestures • Portrait and landscape modes • Core components are cross platform for a better developer experience 4
  • 5. Built using the latest Qt capabilities • Qt Animation Framework • State Machine Framework • Multi-touch & Gestures • Graphics Effects • Qt3D 5
  • 6. A scene graph approach to UI • Built using the Qt Graphics View Framework • Widgets, layouts, all part of one big scene • Windows act as views into the scenes • Supports zooming, rotation, animations • Simple physics for select components 6
  • 7. Qt provides • OpenGL ES 2.0 accelerated painting system • Graphics View • A base for developing widgets for the scene • Collision detection, events, layouts, drag and drop, input handling, etc. • Framework for creating animations • The kitchen sink 7
  • 8. Maemo 6 UI framework provides • Maemo 6 UI look and feel • A set of widgets for the scene • Additional layouts, including implicit animations • Application level scene management, transitions • Maemo 6 specific gestures • Application life cycle management • An advanced theming system based on SVG and CSS 8
  • 9. Core UI framework components also include • The usual suspects: • Device homescreen • Control panel • Help system • A compositing window manager • Resource management and sharing daemon 9
  • 10. Maemo 6 UI framework - Technical Preview • Available now: http://qt.gitorious.org/maemo-6-ui-framework • Includes the application framework library and the homescreen • Dependencies include the Qt 4.6 technical preview • Feedback and questions to: tomas.junnonen@nokia.com 10