Tizen UX Layouter & Composer
Hirotaka Suzuki HI CORPORATION
Agenda
• ApplicaBon development workflow • Tizen UX Layouter – Simple, easy and intuiBve prototyping tool
• Tizen UX Composer – UI/UX framework and authoring tool for embedded device
Contents Developer/Publisher
Device Maker
HTML5
Linux A Linux B Tizen
Mobile Contents
Game
Other 59.7% 40.3%
• Non-‐games • Corporate apps – Apps developed by corporaBon as part of their products
A typical development workflow
idea coding publish
A typical development workflow
idea coding publish
proposal pitch approval
A typical development workflow
idea coding publish
proposal pitch approval
team up designing engineering
A typical development workflow
idea coding publish
proposal pitch approval
team up designing engineering
A typical development workflow
idea coding publish
proposal pitch approval
team up designing engineering
porBng
Pitch your idea to execuBves
Pitch your idea to execuBves
• PowerPoint may tell – Look & Feel – What screens look like – What the app looks like
• PowerPoint cannot tell – Touch & Feel – How screens switch from each other – How the app feels like
SoluBon: create a prototype
SoluBon: Tizen UX Layouter
SoluBon: Tizen UX Layouter
• Quick prototyping • No coding • Runs on real devices • Auto-‐generate some useful documents – Screenshots – Screen transiBon diagram
SoluBon: Tizen UX Layouter
• Quick prototyping • No coding • Runs on real devices • Auto-‐generate some useful documents – Screenshots – Screen transiBon diagram
Form a dev team and start building
coding
team up designing engineering
Form a dev team and start building
coding
team up designing engineering
Tizen UX Layouter
designers engineers
SoluBon: share a common language
SoluBon: Tizen UX Composer
SoluBon: Tizen UX Composer
• UI/UX authoring tool and libraries • Easy animaBon ediBng • Quick event mapping • HTML5 exporBng • Work directly with Tizen UX Layouter • Supports various devices/pla^orms • Highly opBmized for embedded devices
Authoring tool
designers
UI/UX data
libraries
engineers
SoluBon: Tizen UX Composer
applicaBon
HTML5 content
Tizen UX Layouter
Bring your apps to other pla^orms
idea coding publish porBng
SoluBon: Tizen UX Composer
• Not a player-‐content approach • Directly export HTML5 contents • Libraries support various pla^orms
Player-‐content may not work well
(Especially for embedded devices, such as digital camera, cam coder, automoBve, IVI, and so on.) 1. We don’t need that big all-‐in-‐one player. 2. Player is closed and unable to modify to fit to
our needs.
SoluBon: Tizen UX Composer
• UI/UX authoring tool and libraries • Work directly with Tizen UX Layouter • Easy animaBon ediBng • Quick event mapping • Simple HTML5 export • Supports various devices/pla^orms • Highly opBmized for embedded devices
A typical development workflow
idea coding publish
Tizen UX Composer
Tizen UX Layouter
Tizen SDK
• We’re exhibiBng at the booth G8. – Tizen UX Layouter – Tizen UX Comoser – Mediaplayer demo app