Developing mobile applications with Eclipse Scout Presentation by Ken Lee, Andreas Hoegger EclipseCon Boston 2013 March 27th, 2013

Transcription

1 Developing mobile applications with Eclipse Scout Presentation by Ken Lee, Andreas Hoegger EclipseCon Boston 2013 March 27th, 2013 BSI Business Systems Integration AG

2 Overview A Story about UI Evolution Introduction to Eclipse Scout Multi-Frontend with a single Codebase Showcase Mobile / Tablet UI Extensions Transformation Optimization Scout Mobile in Action Development Status Live Demonstration

3 A Story about UI Evolution BSI Business Systems Integration AG

4 A Story about UI Evolution Once upon a time...

5 A Story about UI Evolution Once upon a time...

6 A Story about UI Evolution

7 A Story about UI Evolution

8 A Story about UI Evolution

9 UI Evolution Summary Rich Client (Swing / SWT) Web Client (RAP) Tablet Mobile

10 Introduction to Scout BSI Business Systems Integration AG

11 What is Scout? Open-Source Java/Eclipse Framework Designed for Business Applications Tooling Support with Scout SDK Multi-Frontend (Desktop, Web, Mobile) Goals Boost productivity Simple to learn Simple. Stable. Flexible.

12 Scout Overview Application Scout Eclipse

13 Integration Client UI Client Model Scout Client Server Application Layer Scout Server ESB Business Services Data Access

14 Swing SWT Client-Server Architecture (Desktop) Client Application Scout Client * + Service Tunnel Server Application Scout Server * + WS LOG SQL Eclipse Platform Equinox OSGi Eclipse Platform Equinox OSGi Webserver

15 RAP Client-Server Architecture (Web / Mobile) Browser Web Mobile Client Application Scout Client * + Service Tunnel Server Application Scout Server * + WS LOG SQL Eclipse Platform Equinox OSGi Eclipse Platform Equinox OSGi Webserver Webserver

16 Multi-Frontend with a single Codebase BSI Business Systems Integration AG

17 Multi-Frontend with a single Codebase Same Programming Language Lower Costs Same Development Tools Easier Maintenance One Codebase Consistent Look & Feel Consistent Business Rules Same Features

18 Showcase BSI Business Systems Integration AG

19 Mobile / Tablet UI BSI Business Systems Integration AG

20 Mobile Extension Scout Mobile Extension Device Transformer Optimized Components Optimized Themes Scout Runtime Core Scout RAP UI

21 Device Transformation

22 Optimized Components Table Smartfield

23 Optimized Theme

24 Scout Mobile in Action BSI Business Systems Integration AG

25 Scout Mobile in Action Include Scout mobile plugins into RAP product org.eclipse.scout.rt.client.mobile org.eclipse.scout.rt.ui.rap.mobile org.eclipse.scout.rt.ui.rap.theme.rayo.mobile org.eclipse.scout.rt.ui.rap.theme.rayo

26 Scout Mobile in Action Configure RAP brandings and entrypoints org.eclipse.rap.ui.entrypoint StandaloneRwtEnvironment MobileStandaloneRwtEnvironment TabletStandaloneRwtEnvironment org.eclipse.rap.ui.branding Web -> org.eclipse.scout.rt.ui.rap.theme.rayo Mobile -> org.eclipse.scout.rt.ui.rap.theme.rayo.mobile Tablet -> org.eclipse.scout.rt.ui.rap.theme.rayo.mobile

27 Scout Mobile in Action Register Dispatcher Servlet org.eclipse.equinox.http.registry.servlets DeviceDispatcherServlet Register Device Transformer org.eclipse.scout.rt.extension.client.desktopextensions DeviceTransformationDesktopExtension Make unnecessary fields invisible

28 Development Status BSI Business Systems Integration AG

29 Development Status Runs productively at our company Shipped with Eclipse Scout 3.9 (Kepler M6) Based on RAP 2.1 Sources on Git org.eclipse.scout.rt.client.mobile org.eclipse.scout.rt.ui.rap.mobile org.eclipse.scout.rt.ui.rap.theme.rayo.mobile Currently supporting ios and Android May run slow with old phones and browsers Windows Phone support not planned yet

30 Live Demonstration BSI Business Systems Integration AG

31 Questions?!

32 Thank You! BSI Business Systems Integration AG