30
Akademy 2012 1 How Contour became Plasma Active the next step of the mobile platform Dr. Eva Brucherseifer basysKom GmbH 30.06.2012

How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 1

How Contour became Plasma Activethe next step of the mobile platform

Dr. Eva Brucherseifer

basysKom GmbH

30.06.2012

Page 2: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 2/30

Quick Introduction

l Who's Eva?

l Who's basysKom?

l What's Contour?

l What's Plasma Active?

Page 3: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 3/30

Summer 2010 - Ideas Floating Around

Activities Context

Semantic Data Mobile

Plasma Workspace

KDE Frameworks & AppsQt on Mobile Devices

Touchscreen

Daily UsageCONTOUR

Recommendations

Page 4: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 4/30

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

l March 2011 – Feb 2012 Officially Funded Project Contourfunded by

l When starting— Involvement with Community unclear— Focus on getting concept & prototype done

Page 5: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 5

Core ideas of Contour

Page 6: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 6/30

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— Reacting to the user

data/information personal usage

patterns

Page 7: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 7/30

Activities and Recommendations

RecommendationsRecommendations

Pattern

Context Activity

tracks and considers location, time, current activity, active files, apps and recent action history

regular actions and usage patterns of the user in similar contexts

created by the user to gather diverse content like apps, widgets and contacts that belong together, either public or private

propositions for images and web pages based on the current location and usage heuristics of the user

Page 8: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 8/30

Plasma Active as a Platform

Tablet

SettopAutomotive

Page 9: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 9

User Interface Design

Page 10: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 10/30

Activity Switcher - first prototype

+ intuitive interaction pattern

+ slide-In mechanism prevents unintended touch

- only few elements visible

- text too small

Page 11: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 11/30

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

Page 12: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 12/30

Activity Switcher - final Design

+ better visible thumbnails

+ fluid wheel navigation

+ single tap for quick access

+ edit icon placed in activity

Page 13: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 13/30

Activity Screen - first prototype of Mindmap Metaphor

+ endless possibility of adding content

+ mindmap metaphor suitable for clustering data

- UI not suitable for smaller screens

Page 14: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 14/30

+ 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

Activity Screen - Zooming Interfaces

Page 15: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 15/30

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

Page 16: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 16/30

Add Resources - first prototype

+ multiselection of items

+ search for quicker results

- first category screen doesn't offer any information

- less overview over data

Page 17: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 17/30

Add Resources - Final Design

+ tabs for quicker access

+ global search

+ recommendations integrated in „TOP“ tab

Page 18: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 18/30

More features

l Launcher, Task Switcher

l Webkit Integration

l Private Activities

l ScreenSaver / Shutdown

Page 19: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 19/30

Alternative UX: In Vehicle Infotainment

Page 20: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 20

Contour Implementation

Page 21: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 21/30

User Interface Design Process

Sketches on Paper

Wireframes in Photoshop

Implementation in QMLIterations

Iterations

Page 22: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 22/30

The Software Architecture

Part 1: Plasma Part 2: Activities & Recommendations

Page 23: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 23/30

System Integration

l Continous Integration— rpm— OBS— hudson

l Base Linux System— MeeGo— Mer

l Hardware— WeTab— Archos

Software Development

Software Repos

System Integration

Binary Packages

Hardware Image

Page 24: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 24

How Contour Became Plasma Active

Page 25: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 25/30

March 2011 - Plasma Active being Announced

l Workshop in Darmstadt joining forces

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

Plasma Mobile UISebas / open-slx

Activities & RecommendationsContour / basysKom

Share Like ConnectAaron Seigo / Coherent Theory

Page 26: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 26/30

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

Page 27: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 27/30

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

Page 28: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 28/30

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

Page 29: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 Eva Brucherseifer

June 30, 2012 29/30

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!

Page 30: How Contour became Plasma Active - mirrors.ocf.berkeley.edumirrors.ocf.berkeley.edu/kde-applicationdata/akademy/2012/slides/How...Activity Screen - first prototype of Mindmap Metaphor

Akademy 2012 30

Contact

ContactDr. Eva BrucherseiferManaging Director

[email protected]+49 (6151) 870 589 0www.basyskom.com

KDE Contributor since [email protected]