SlideShare une entreprise Scribd logo
1  sur  52
Télécharger pour lire hors ligne
Freitag, 15. November 13
UI Engineer
The missing profession
Dierk König, Devoxx 2013
Freitag, 15. November 13
UI Engineer
The missing profession
Dierk König, Devoxx 2013
Freitag, 15. November 13
What you can do

Freitag, 15. November 13
http://www.mindmeister.com/346620362/ui-engineer
Freitag, 15. November 13
Hey, we have

MVC
Freitag, 15. November 13
› your provider for business web solutions ›

Model

www.canoo.com
Freitag, 15. November 13

View

Controller

6
› your provider for business web solutions ›

Model

View

Controller

Data Model

Application

Services

www.canoo.com
Freitag, 15. November 13

6
› your provider for business web solutions ›

Model

View

Controller

Data Model

Application

Services

www.canoo.com
Freitag, 15. November 13

7
› your provider for business web solutions ›

Model

View

Controller

Data Model

Application

Services

Object Model

Presentation

Workflow

www.canoo.com
Freitag, 15. November 13

7
› your provider for business web solutions ›

Model

View

Controller

Data Model

Application

Services

Object Model

Presentation

Workflow

www.canoo.com
Freitag, 15. November 13

8
› your provider for business web solutions ›

Model

View

Controller

Data Model

Application

Services

Object Model

Presentation

Workflow

Presentation
Model

Widget

Listener

www.canoo.com
Freitag, 15. November 13

8
› your provider for business web solutions ›

Model

View

Controller

Data Model

Application

Services

Object Model

Presentation

Workflow

Presentation
Model

Widget

Listener

www.canoo.com
Freitag, 15. November 13

9
› your provider for business web solutions ›

Model

View

Controller

Data Model

Application

Services

Object Model

Presentation

Workflow

Presentation
Model

Widget

Listener

Widget Model

Visual

Editor

www.canoo.com
Freitag, 15. November 13

9
› your provider for business web solutions ›

Model

View

Controller

Data Model

Application

Services

Object Model

Presentation

Workflow

Presentation
Model

Widget

Listener

Widget Model

Visual

Editor

www.canoo.com
Freitag, 15. November 13

10
› your provider for business web solutions ›

Freitag, 15. November 13
› your provider for business web solutions ›

View

Controller

Model

Freitag, 15. November 13
› your provider for business web solutions ›

View

Controller

Model

Freitag, 15. November 13
› your provider for business web solutions ›

View

Controller

Model

Freitag, 15. November 13
› your provider for business web solutions ›

View

Controller

Model

Freitag, 15. November 13
› your provider for business web solutions ›

View

Controller

Model

Freitag, 15. November 13
› your provider for business web solutions ›

View 2
View

Controller

Model

Freitag, 15. November 13
› your provider for business web solutions ›

View 2
View

Controller

Model

Freitag, 15. November 13
› your provider for business web solutions ›

View 2

Controller 2

View

Controller

Model

Freitag, 15. November 13
› your provider for business web solutions ›

View 2

Controller 2

View

Controller

Model
Model 2

Freitag, 15. November 13
› your provider for business web solutions ›

View 2

Controller 2

View

Controller

Model
Model 2

Freitag, 15. November 13
Architecture

structure
concepts
Freitag, 15. November 13
Architecture

structure
concepts
Freitag, 15. November 13
View

Model

Controller

Model

Shared Presentation Model

Freitag, 15. November 13
View

Model

What Controller

Model

Shared Presentation Model

Freitag, 15. November 13
View

How

Model

What Controller

Model

Shared Presentation Model

Freitag, 15. November 13
Client
View

How

Model

What Controller

Model

Shared Presentation Model

Freitag, 15. November 13
Client
View

Server
How

Model

What Controller

Model

Shared Presentation Model

Freitag, 15. November 13
Concepts

No view
knows
any other view
Freitag, 15. November 13
Concepts

No controller
knows
any view
Freitag, 15. November 13
Concepts

Views can only
"ping"
the controller
Freitag, 15. November 13
Concepts

Views
always work
in the UI thread
Freitag, 15. November 13
Concepts

Controller
work outside
the UI thread
asynchronously
Freitag, 15. November 13
Independent Views

Freitag, 15. November 13
Collaboration

Freitag, 15. November 13
Client

Server

View

Controller

Model

Model

Shared Presentation Model

Freitag, 15. November 13
Server

View 1

Controller

Model

View 2
Model

Freitag, 15. November 13

Model

Controller
Model

Event Bus

Client
Server

Desktop

Controller

Model

Mobile Web
Model

Freitag, 15. November 13

Model

Controller
Model

Event Bus

Client
Swing

iPhone

JavaFX

Hybrid
Web

Android
Nexus

Freitag, 15. November 13
Freitag, 15. November 13
dierk.koenig@canoo.com
@mittie

@OpenDolphin
open-dolphin.org
github.com/canoo/open-dolphin
available from MavenCental
Freitag, 15. November 13
Engineers!

Consider your
responsibilities!

Freitag, 15. November 13
Every app
in the browser (?)

Freitag, 15. November 13
Every app
in the browser (?)
GWT
Maps

Charts
GMail

GoLang

Dart

Analytics

Docs

Chrome

Angular.js

Google App Engine
Freitag, 15. November 13
Think for yourself
and question
authority!
Tim O'Leary
Freitag, 15. November 13
canoo
UI Engineering

Freitag, 15. November 13
canoo
UI Engineering
We enable you
to write great
applications.
Freitag, 15. November 13

Contenu connexe

Similaire à UI Engineer - the missing profession, devoxx 2013

Being agile while standing in a waterfall
Being agile while standing in a waterfallBeing agile while standing in a waterfall
Being agile while standing in a waterfall
Mike Edwards
 
Jasper Reports
Jasper ReportsJasper Reports
Jasper Reports
Enkitec
 

Similaire à UI Engineer - the missing profession, devoxx 2013 (20)

2nd Annual Start-up Launches with Dr. Werner Vogels (SPOT101) | AWS re:Invent...
2nd Annual Start-up Launches with Dr. Werner Vogels (SPOT101) | AWS re:Invent...2nd Annual Start-up Launches with Dr. Werner Vogels (SPOT101) | AWS re:Invent...
2nd Annual Start-up Launches with Dr. Werner Vogels (SPOT101) | AWS re:Invent...
 
How Trend Micro Build their Enterprise Security Offering on AWS (SEC307) | AW...
How Trend Micro Build their Enterprise Security Offering on AWS (SEC307) | AW...How Trend Micro Build their Enterprise Security Offering on AWS (SEC307) | AW...
How Trend Micro Build their Enterprise Security Offering on AWS (SEC307) | AW...
 
Architecture: ember.js and AngularJS
Architecture: ember.js and AngularJSArchitecture: ember.js and AngularJS
Architecture: ember.js and AngularJS
 
Angular from Scratch
Angular from ScratchAngular from Scratch
Angular from Scratch
 
.NET Development for SQL Server Developer - Sql Saturday #264 Ancona
.NET Development for SQL Server Developer - Sql Saturday #264 Ancona.NET Development for SQL Server Developer - Sql Saturday #264 Ancona
.NET Development for SQL Server Developer - Sql Saturday #264 Ancona
 
.NET Development for SQL Server Developer
.NET Development for SQL Server Developer.NET Development for SQL Server Developer
.NET Development for SQL Server Developer
 
Building Enterprise Apps with Sencha & DeftJS
Building Enterprise Apps with Sencha & DeftJSBuilding Enterprise Apps with Sencha & DeftJS
Building Enterprise Apps with Sencha & DeftJS
 
Java scriptarchitektur
Java scriptarchitekturJava scriptarchitektur
Java scriptarchitektur
 
JavaScript Architektur
JavaScript ArchitekturJavaScript Architektur
JavaScript Architektur
 
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJSTek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJS
 
Enterprise graph applications
Enterprise graph applicationsEnterprise graph applications
Enterprise graph applications
 
Graph Applications for the Enterprise, FAST - David Colebatch @ GraphConnect ...
Graph Applications for the Enterprise, FAST - David Colebatch @ GraphConnect ...Graph Applications for the Enterprise, FAST - David Colebatch @ GraphConnect ...
Graph Applications for the Enterprise, FAST - David Colebatch @ GraphConnect ...
 
Being agile while standing in a waterfall
Being agile while standing in a waterfallBeing agile while standing in a waterfall
Being agile while standing in a waterfall
 
Drupal 8 for site builders
Drupal 8 for site buildersDrupal 8 for site builders
Drupal 8 for site builders
 
Jasper Reports
Jasper ReportsJasper Reports
Jasper Reports
 
Diving Into the New AWS SDK for Ruby (TLS305) | AWS re:Invent 2013
Diving Into the New AWS SDK for Ruby (TLS305) | AWS re:Invent 2013Diving Into the New AWS SDK for Ruby (TLS305) | AWS re:Invent 2013
Diving Into the New AWS SDK for Ruby (TLS305) | AWS re:Invent 2013
 
Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)
Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)
Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)
 
HTML5 for mobile development
HTML5 for mobile developmentHTML5 for mobile development
HTML5 for mobile development
 
Angular js, Yeomon & Grunt
Angular js, Yeomon & GruntAngular js, Yeomon & Grunt
Angular js, Yeomon & Grunt
 
Creating a client friendly user experience in Drupal 7
Creating a client friendly user experience in Drupal 7Creating a client friendly user experience in Drupal 7
Creating a client friendly user experience in Drupal 7
 

Plus de Dierk König

OpenDolphin: Enterprise Apps for collaboration on Desktop, Web, and Mobile
OpenDolphin: Enterprise Apps for collaboration on Desktop, Web, and MobileOpenDolphin: Enterprise Apps for collaboration on Desktop, Web, and Mobile
OpenDolphin: Enterprise Apps for collaboration on Desktop, Web, and Mobile
Dierk König
 

Plus de Dierk König (12)

OpenDolphin with GroovyFX Workshop at GreachConf, Madrid
OpenDolphin with GroovyFX Workshop at GreachConf, MadridOpenDolphin with GroovyFX Workshop at GreachConf, Madrid
OpenDolphin with GroovyFX Workshop at GreachConf, Madrid
 
Greach, GroovyFx Workshop
Greach, GroovyFx WorkshopGreach, GroovyFx Workshop
Greach, GroovyFx Workshop
 
Monads from Definition
Monads from DefinitionMonads from Definition
Monads from Definition
 
FregeFX - JavaFX with Frege, a Haskell for the JVM
FregeFX - JavaFX with Frege, a Haskell for the JVMFregeFX - JavaFX with Frege, a Haskell for the JVM
FregeFX - JavaFX with Frege, a Haskell for the JVM
 
Software Transactional Memory (STM) in Frege
Software Transactional Memory (STM) in Frege Software Transactional Memory (STM) in Frege
Software Transactional Memory (STM) in Frege
 
Quick into to Software Transactional Memory in Frege
Quick into to Software Transactional Memory in FregeQuick into to Software Transactional Memory in Frege
Quick into to Software Transactional Memory in Frege
 
Frege Tutorial at JavaOne 2015
Frege Tutorial at JavaOne 2015Frege Tutorial at JavaOne 2015
Frege Tutorial at JavaOne 2015
 
Frege - consequently functional programming for the JVM
Frege - consequently functional programming for the JVMFrege - consequently functional programming for the JVM
Frege - consequently functional programming for the JVM
 
FregeDay: Parallelism in Frege compared to GHC Haskell (Volker Steiss)
FregeDay: Parallelism in Frege compared to GHC Haskell (Volker Steiss) FregeDay: Parallelism in Frege compared to GHC Haskell (Volker Steiss)
FregeDay: Parallelism in Frege compared to GHC Haskell (Volker Steiss)
 
FregeDay: Design and Implementation of the language (Ingo Wechsung)
FregeDay: Design and Implementation of the language (Ingo Wechsung)FregeDay: Design and Implementation of the language (Ingo Wechsung)
FregeDay: Design and Implementation of the language (Ingo Wechsung)
 
FregeDay: Roadmap for resolving differences between Haskell and Frege (Ingo W...
FregeDay: Roadmap for resolving differences between Haskell and Frege (Ingo W...FregeDay: Roadmap for resolving differences between Haskell and Frege (Ingo W...
FregeDay: Roadmap for resolving differences between Haskell and Frege (Ingo W...
 
OpenDolphin: Enterprise Apps for collaboration on Desktop, Web, and Mobile
OpenDolphin: Enterprise Apps for collaboration on Desktop, Web, and MobileOpenDolphin: Enterprise Apps for collaboration on Desktop, Web, and Mobile
OpenDolphin: Enterprise Apps for collaboration on Desktop, Web, and Mobile
 

Dernier

Dernier (20)

Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
JohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptx
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
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, ...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
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
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
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
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
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...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
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 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...
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 

UI Engineer - the missing profession, devoxx 2013