Modern Devices: Fantastic User Experience

quaintmayoΚινητά – Ασύρματες Τεχνολογίες

10 Δεκ 2013 (πριν από 3 χρόνια και 11 μήνες)

79 εμφανίσεις

Tackle the Most Important Challenge of
Modern Devices: Fantastic User Experience

Ville
-
Veikko Helppi

Director of Marketing

All Phones Looking the Same.

How to add value?

Kanzi
®

3D UI Solution for Mobile


Successfully deployed UI tech on mobile devices


Targeted for homescreens, applications, widgets etc.


Our strategic vertical



Kanzi
-
phones
” are out there


Experience of all mobile silicon vendors & OS platforms


We know who does silicon right and how it’s seen by users


Comprehensive technology for mobile UI


Middleware / UI Framework and sophisticated tools


Benchmark tools for performance optimization


3D: Rapid creation, easy deployment, fantastic results


Agile&competent workforce for service/projects


Experience about mobile 3D UI projects/engagements


Active member of Khronos Consortium



Benefits of Kanzi
®

3D UI
Solution


UI Workflow Reduced to a Fraction

Rapid creation and radical customization of 3D UIs
without coding, scripting or generating the code


Photorealistic UI Differentiation

Innovative, highly differentiated 3D UI effects,
animations, transitions, materials, lightings, cameras


Stereoscopic 3D Support

World’s first commercial S3D UI solution enable 10+
different S3D modes and adjustment in realtime


Fastest Performance for UI

Rightware’s leader position in device performance
measurement & optimization concretes in Kanzi UI


Compelling 3D UI Design Toolkit

Enabling creation, customization, and testing of UIs
s
eparates the designers & engineers tasks


Support for Industry Standards

Flash compatibility in 3D UIs, Built on top of OpenGL
ES and COLLADA, OS agnostic UI framework



Photorealistic UX with Kanzi
®

3D UI Solution

This combination enables the most stunning, photorealistic 3D
UIs, running with amazing speed on embedded devices.

CPU chipset

GPU

Kanzi
3D Engine


Kanzi 3D Engine is hand
-
optimized to take advantage of
all the features in various
graphics processing units


Kanzi + GPU combination
produces extremely high
graphics performance with
minimal CPU load, translating
into stunning fps results
running photorealistic 3D user
interfaces


Kanzi 3D Engine provides the
industry leading UI engine for
mobile and consumer devices,
IVIs, instrument clusters and
other automotive devices


Seamless, immediate
deployment
of user
interfaces

PC/Host

Embedded
Device/Target

Kanzi UI Solution


Editor for creation and testing of
2D,
3D and S3D
content without coding


Different
S3D modes with rich effects
adjustable in realtime


Accelerates the UI
development


Requires only decent display driver on
desktop machine





Written in C


Highly optimized (>60 fps)


Out
-
of
-
the
-
box support for S3D
rendering


OS independent / agnostic


Small memory footprint (~350KB)


Maximizes GPU utilization

Kanzi
®

UI Solution

= PC
-
based design toolkit +

Runtime
-
engine on embedded target device

Clean separation

of workflow/force

Designers and
Artists

Engineers and
Developers

Target Device

Kanzi

Studio

Hardware:


-

CPU(s)


-

GPU(s)

Any Mobile OS Platform

Additional
Middleware

OpenGL ES

Kanzi UI Engine

Infrastructure
software

Middleware
for graphics &
multimedia

Application(s)





1
) Create user interface

2
) Create & Attach
event handlers

3
) Deploy UI on
physical target

4
) Attach Event
& Data messages

Seamless UI Design Flow for Mobile Devices

GPU

CPU chipset

Drivers / BSPs

Kanzi
®

UI Solution


Scope

Kanzi offers
creation and
coexistence of
different UI
layers in the
same system.

Home screens

Quick launchers &

Active Wallpapers

Widgets

Applications

Lock screens

Mobile & Consumer

Devices




Kanzi
®

UI Solution


Workflow

3D Modeling Tools


Use industry’s
standard

design tools to create

3D objects, visual effects

and animations

Graphics Image

Editors


Design
and create textures,

images, graphical content

using the standard tools




Embedded Platform


Use the industry

s
tandard embedded

OS or platform, or

proprietary RTOS



Instrument Cluster









In
-
Vehicle Infotainment









.kzb

.kzb

Kanzi
Studio




Embedded Platform


Use the industry

s
tandard embedded

OS or platform, or

proprietary RTOS



Combining 2D and 3D Graphics


Kanzi enables efficient combination of 2D & 3D
graphics for user interfaces

3D model

2D control
buttons

2D menu
systems

3D menu
systems

Data displays
in 3D

Real world
data from
system

Multi touch
screen
support


Rich 2D and 3D WYSIWYG editor


Built on top of open standards


executable on any Windows desktop PC


Unified pipeline for OpenGL ES 2.0 &
3.0,
support for OpenVG


Easy to plug in physics engines, haptics,
and font solutions


Cross
-
platform solution (OS agnostic)


Targeted for mobile UI and automotive
HMI development


Android Homescreen tempalte


Instrument Cluster template


In
-
Vehicle Infotainment template



Kanzi
®

Studio


Performance
. Highly optimized engine
gives 60+ fps even with complex &
highly sophisticated user interfaces.


Efficient use of silicon.
Maximizes
the use of GPU, and leaves CPU use
for applications and other software.


Scalability
. Based on OpenGL ES
gives flexibility to scale UI designs to
whole new devices.


Riskless development &
deployment
. Kanzi binary (.kzb)
ensures that nothing goes wrong in
execution of UI content.


Drivers

OpenGL ES

Kanzi Engine

.kzb

.kzb

.kzb

Platform / OS

Kanzi
®

Engine

Kanzi
®

Engine Architecture

Application
Framework

User Layer

Core Layer

System Layer

CONFIDENTIAL

APPLICATION

Kanzi
®

Engine Layers 1/2

CONFIDENTIAL

User Layer


Animations


Kanzi Binary Loader


Effect System


Engine Handler


Filters


Layers


Materials


Project Framework


Properties


Main Renderer


Scene Graph


UI Framework


Utils


Application
framework


Application framework
events


Application framework error
codes


Application framework windows handling

Application Framework

Kanzi
®

Engine Layers 2/2

CONFIDENTIAL

Core Layer

System Layer


Memory Management


Graphics API
Renderers


GPU Resource
Manager


Utils:


Collections


Color


Curve


Data Log


Font


Image


IO


Math


Settings


String


Debug Util


Display


Surface


Window


File System


Input


Socket


Thread


Time


Wrappers


Globals


Error Codes


Easy to plug in to Android


Immediate UI deployment


Variety of UI options


Home screens


Applications


Widgets/themes etc.


Compatibility & consistency
with legacy apps on new
versions of Android


Does not compromise the CTS
compatibility

Kanzi
®

with Android


Any UI


Ready
-
made template with
feature
-
rich design toolkit


Shortens UI development time


S3D, 3D and 2D elements


Support for 2.x, 3.x and ICS


Hardware exploitation


OpenGL ES 2.0 and 3.0


60+ fps with modern chipsets


Reusability of graphics assets


Easy transition from 2D to 3D


Kanzi
®

Homescreen Template

Tablets,

3D TVs,

Set
-
Top
-
Boxes,

Cameras,

Camcorders



S3D display market will hit
$22B by 2018: 38% CAGR in
revenue and 75% CAGR in
units

Displaysearch

2010




Mobile




Consumer




Home
entertainment





Automotive

Smartphones are driving the S3D

revolution in embedded
devices

Explosive growth in S3D
technologies across
embedded markets

Stereoscopic 3D (S3D) User Interfaces

Consumer devices are the form factors to accelerate
growth of stereoscopic 3D UIs in all embedded devices.

Five Steps for Stereoscopic 3D UI

KANZI STUDIO

STEP #1:
User
creates
graphical content and
interaction logic for the
user
interface.

Step #2:

User
adds a
stereoscopic composer.
Render passes under
composer use S3D
composition.

Step #3:
User
selects
desired S3D mode

(10+ different modes).

Step #4:
User tunes
properties for optimal
look&feel, eye distance
and separation.

Step #5:
User tests the
UI on what
-
you
-
see
-
is
-
what
-
you
-
get editor.

Depth of Field (
DoF
)

is
the distance between the nearest and
farthest objects in a scene that appear
acceptably sharp in an
image. Used to draw
attention to specific images/visual
messaging.

Reflection


is used to emulate

reflective

objects
like

mirrors and
shiny
surfaces. Used for
dramatic effect and visual stimulation. For
example to enhance a sense of something
‘clean and healthy’.

Kanzi
®

UX Library 1/6

Volumetric Effects

So far unused in mobile but a powerful
visual for weather, atmosphere, dramatic
emphasis and
DoF

enhancement.

Particle Effects

Whether you want fire, smoke, rain or
dust,
etc.
Kanzi

can
make it happen with
its particle
effects system.

Kanzi
®

UX Library 2/6

Bullet Physics

provides
state of the art collision detection,
soft body and rigid body dynamics.

Used by many movie and game companies
in AAA titles on
Playstation

3,
XBox

360,
Nintendo Wii, PC and
iPhone.


Morphing

a

special
effect

in

motion
pictures

and

animation

that changes (or
morphs) one

image

into another through a
seamless
transition. Used for fun and to
emphasize the power and sophistication of
the device.

Kanzi
®

UX Library 3/6

Instancing

Enables the implementation of a number of
animated
objects/ characters
, all
independently animating but drawn with a
single draw call.

Cloth

A

special
effect
computed in several
rendering passes by looping through the
vertex and geometry
shader

stages using
the stream output stage to stream the
positions out of the geometry stage.

Kanzi
®

UX Library 4/6

Sand Box

Enables a similar experience to playing with
sand as a child, over a backlit back drop.

Ambient occlusion

is a lighting technique that
is commonly used to create soft shadows on
objects.
Used for generating
the type of deep
shadows that appear in the corners or creases
of things, where it is hard for the light to reach.

Kanzi
®

UX Library 5/6

Phong

Shadow Mapping

is a process by which

shadows

are added
to

models. The shadows
are created by
testing whether a

pixel

is visible from the
light source, by comparing it to a

z
-
buffer

or

depth

image of the light source's
view, stored in the form of a

texture.

Motion Blur

is
the apparent streaking of rapidly moving
objects
in a
sequence of
images in an
animation
. It results when the image being
recorded changes during the recording of a
single frame, either due to rapid movement
or

long exposure.

Kanzi
®

UX Library 6/6


Forerunner 3D UI S/W
. The first 3D UI tech for
mobile to support all of it, out
-
of
-
the
-
box:


Stereoscopic 3D UI from creation to deployment


Next
-
generation OpenGL ES 3.0 support


Compelling SDK to developers, OEMs, whole ecosystem


Performance
. The leading benchmark software
provider knows how to optimize performance:


The fastest 3D UI


Kanzi on any mobile device


Kanzi Engine optimization for BSPs, drivers, S/W stack


T2M: Instant deployment of
3D UI
on moble devices


Cross
-
Platform.
Our 3D UIs can be run on any device
with support for OpenGL ES (1.x, 2.0 or 3.0)




Kanzi’s Technology Benefits

Why Rightware/Kanzi? Our philosophy.


We’re the Graphics specialists!


Passion for graphics programming


Avg age: 28.5 years


Avg GFX experience: 12+ years!


Both expertise in
-
house, engineers and designers


We know how to stress hardware!


We also know how to optimize hardware performance


We also know how to make UI fly!


We maintain extremely high level of quality!


We iron everything until it is the best


We don’t compromise customer satisfaction!


Extremely satisfied customer is good for our business



THANK YOU!

ville
-
veikko.helppi@rightware.com