How Contour became Plasma Active the next step of the mobile platform Dr. Eva Brucherseifer basysKom GmbH 30.06.2012 Akademy 2012 1
Quick Introduction l Who's Eva? l Who's basysKom? l What's Contour? l What's Plasma Active? Akademy 2012 June 30, 2012 2/30 Eva Brucherseifer
Summer 2010 - Ideas Floating Around Mobile Semantic Data Touchscreen Activities Context Recommendations Daily Usage CONTOUR Plasma Workspace Qt on Mobile Devices KDE Frameworks & Apps Akademy 2012 June 30, 2012 3/30 Eva Brucherseifer
The Contour Project l Autumn 2010 Forming the Project out of the Ideas — Various meetings basyskom internal & with Plasma/Nepomuk community members — Decision on using Qt & KDE technology — Writing a project proposal Officially Funded Project Contour l March 2011 – Feb 2012 funded by l When starting — Involvement with Community unclear — Focus on getting concept & prototype done Akademy 2012 June 30, 2012 4/30 Eva Brucherseifer
Core ideas of Contour Akademy 2012 5
The Vision l Available user paradigms — App centric — Static — Handling more and more data l Desiging a new user paradigm — Information centric — Using context und usage information — A learning system, — adapting to the user personal usage data/information — Reacting to the user patterns Akademy 2012 June 30, 2012 6/30 Eva Brucherseifer
Activities and Recommendations regular actions and usage patterns of the user in similar contexts Pattern created by the user to tracks and considers gather diverse content location, time, current like apps, widgets and activity, active files, Activity Context contacts that belong apps and recent together, either public or action history private propositions for images and web Recommendations Recommendations pages based on the current location and usage heuristics of the user Akademy 2012 June 30, 2012 7/30 Eva Brucherseifer
Plasma Active as a Platform Automotive Settop Tablet Akademy 2012 June 30, 2012 8/30 Eva Brucherseifer
User Interface Design Akademy 2012 9
Activity Switcher - first prototype + intuitive interaction pattern + slide-In mechanism prevents unintended touch - only few elements visible - text too small Akademy 2012 June 30, 2012 10/30 Eva Brucherseifer
Activity Switcher - adaption and optimization + more elements visible + innovative wheel metaphor - slide-in too cumbersome with thumb - edit icon on thumbnail too small, cluttered design Akademy 2012 June 30, 2012 11/30 Eva Brucherseifer
Activity Switcher - final Design + better visible thumbnails + fluid wheel navigation + single tap for quick access + edit icon placed in activity Akademy 2012 June 30, 2012 12/30 Eva Brucherseifer
Activity Screen - first prototype of Mindmap Metaphor + endless possibility of adding content + mindmap metaphor suitable for clustering data - UI not suitable for smaller screens Akademy 2012 June 30, 2012 13/30 Eva Brucherseifer
Activity Screen - Zooming Interfaces + 3 different data visualisation with normal view, zoomed-in focused view and zoomed- out overview - performance issues - technical challenge to differ from single touch, horizontal scrolling and pinch&zoom gesture Akademy 2012 June 30, 2012 14/30 Eva Brucherseifer
Activity Screen - final Design + vertically and horizontally stretchable boxes + visual indicators (arrow, number) for amount of items + boxes can be rearranged in grid by the user Akademy 2012 June 30, 2012 15/30 Eva Brucherseifer
Add Resources - first prototype + multiselection of items + search for quicker results - first category screen doesn't offer any information - less overview over data Akademy 2012 June 30, 2012 16/30 Eva Brucherseifer
Add Resources - Final Design + tabs for quicker access + global search + recommendations integrated in „TOP“ tab Akademy 2012 June 30, 2012 17/30 Eva Brucherseifer
More features l Launcher, Task Switcher l Webkit Integration l Private Activities l ScreenSaver / Shutdown Akademy 2012 June 30, 2012 18/30 Eva Brucherseifer
Alternative UX: In Vehicle Infotainment Akademy 2012 June 30, 2012 19/30 Eva Brucherseifer
Contour Implementation Akademy 2012 20
User Interface Design Process Sketches on Paper Wireframes in Photoshop Iterations Implementation in QML Iterations Akademy 2012 June 30, 2012 21/30 Eva Brucherseifer
The Software Architecture Part 1: Plasma Part 2: Activities & Recommendations Akademy 2012 June 30, 2012 22/30 Eva Brucherseifer
System Integration Software Repos Software Development l Continous Integration — rpm — OBS — hudson Binary Packages System l Base Linux System Integration — MeeGo — Mer l Hardware — WeTab Hardware Image — Archos Akademy 2012 June 30, 2012 23/30 Eva Brucherseifer
How Contour Became Plasma Active Akademy 2012 24
March 2011 - Plasma Active being Announced l Workshop in Darmstadt joining forces Activities & Recommendations Contour / basysKom Plasma Mobile UI Sebas / open-slx Share Like Connect Aaron Seigo / Coherent Theory l September 2011 coding sprint at basysKom l Oct 10, 2011 Plasma Active One Release l Dec 12, 2011 Plasma Active Two Release l March 2012 Plasma Active Sprint at basysKom Akademy 2012 June 30, 2012 25/30 Eva Brucherseifer
Why did basysKom contribute Contour to KDE? l Because — only way to develop upstream — to be able to create a joint process (community / company) — It is a chance for KDE in the mobile space — I care about KDE Akademy 2012 June 30, 2012 26/30 Eva Brucherseifer
Review l Challenges — Cooperation company – community not always easy — Embedded development processes not established — Desktop technology too large and slow for embedded hardware l Cool Stuff — Lots of framework could be reused — Highly motivated people — Very quick results Akademy 2012 June 30, 2012 27/30 Eva Brucherseifer
Done? No, It is a starting point! l Source code fully available in Trunk l Mailing list, Mer build system in place and available l Image creation infrastructure: more automation required l Contritution Needed: Release Managment, Quality Assurance l You want to give it a try? Contribute? — get an Archos G9 — Get image from http://share.basyskom.com/plasma-active — Improve by contributing Akademy 2012 June 30, 2012 28/30 Eva Brucherseifer
Thanks to the Contour Team! l Marco Martin Plasma Core Development, Plasma Active UX Development l Ivan Cucik Implementation of Recommendations l Sebastian Trüg Pre-Study for Recommendations l Daniel Beckert Early UX concepts l Fania Bremmer UX concepts, refinements, working with community l Maurice de la Ferte continous system integration, implementing image creation l Lamarque Plasma Active UX Development l Karlheinz Hohm project management l Stefan Werden system integration input l Eva Brucherseifer strategy & feedback, marketing Thanks to the KDE team! Akademy 2012 June 30, 2012 29/30 Eva Brucherseifer
Contact Contact Dr. Eva Brucherseifer Managing Director eva.brucherseifer@basyskom.com +49 (6151) 870 589 0 www.basyskom.com KDE Contributor since 2000 eva@kde.org Akademy 2012 30
Recommend
More recommend
