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

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

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

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!