Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf ·...

26
BSI Business Systems Integration AG Mobile Eclipse Scout Business Applications Presentation by Ken Lee, Matthias Zimmermann Eclipse Stammtisch Zürich 2013 May 15th, 2013

Transcript of Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf ·...

Page 1: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

BSI Business Systems Integration AG

Mobile Eclipse Scout Business

Applications

Presentation by Ken Lee, Matthias Zimmermann Eclipse Stammtisch Zürich 2013

May 15th, 2013

Page 2: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

BSI Business Systems Integration AG

A little UI Story

Page 3: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

A UI Evolution Story

Once upon a time...

Page 4: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

A UI Evolution Story

Page 5: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

A UI Evolution Story

Page 6: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

A UI Evolution Story

Page 7: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

A UI Evolution Story

Page 8: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

BSI Business Systems Integration AG

Eclipse Scout

Page 9: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

What is Scout?

• Business Applications framework

• Open-Source Java/Eclipse based

• Tooling Support with Scout SDK

• Multi-Frontend (Desktop, Web, Mobile)

• Goals

• Boost productivity

• Simple to learn

Simple. Stable.

Flexible.

Page 10: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

Scout Overview

Eclipse

Application

Scout

Page 11: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

ESB

Application Layer

UI

Integration

Scout Server

Client Model

Scout Client

Business Services

Data Access

Client

Server

Page 12: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

Service Tunnel

Eclipse Platform

Equinox OSGi

Webserver

Scout Server

Server Application

WS

LOG

SQL

* + •

Eclipse Platform

Equinox OSGi

Scout Client

Client Application

Swin

g

SWT

* + °

Client-Server Architecture (Desktop)

Page 13: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

Web Mobile

Eclipse Platform

Equinox OSGi

Scout Client

Client Application

RA

P

* + °

Webserver

Browser

Client-Server Architecture (Web / Mobile)

Service Tunnel

Eclipse Platform

Equinox OSGi

Webserver

Scout Server

Server Application

WS

LOG

SQL

* + •

Page 14: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

BSI Business Systems Integration AG

Mobile UI

Page 15: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

Multi-Frontend with a single Codebase

One Codebase

Easier Maintenance

Lower Costs Same Development Tools

Same Programming Language

Consistent Business Rules

Consistent Look & Feel

Same Features

Page 16: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

Mobile Extension

Scout Runtime Core

Scout Mobile Extension

Optimized Components

Optimized Themes

Device Transformer

Scout RAP UI

Page 17: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

Device Transformation

Page 18: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

Smartfield

Table

Optimized Components

Page 19: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

BSI Business Systems Integration AG

Showcase

http://www.youtube.com/watch?v=pjANvfa-phI

(shown at EclipseCon Boston 2013)

Page 20: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

BSI Business Systems Integration AG

Build Mobile Apps

Page 21: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

1. Create a new Scout Project

Scout Mobile in Action

Page 22: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

2. Implement mobile specific behaviour Example: Hide a field on mobile devices

3. Use RAP entrypoints – /web, /mobile, /tablet

Add a Field, Run the App

Page 23: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

• Runs productively at BSI

• Shipped with Eclipse Scout 3.9 (Kepler M7)

• Based on RAP 2.1

• Supporting iOS and Android – May run slowly on older phones and browsers

– Windows Phone support not planned yet

Mobile Development Status

Page 24: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

BSI Business Systems Integration AG

Summary

Page 25: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

Conclusion

Page 26: Mobile Eclipse Scout Business Applicationswiki.eclipse.org/images/...MobileScoutBusinessApps.pdf · Scout Overview Eclipse Application Scout . ESB Application Layer UI Integration

BSI Business Systems Integration AG

Thank you!