Trivadis TechEvent 2016 Kill three birds with one stone (Eclipse Scout) by Christian Mötzing

BASEL BERN BRUGG DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. GENEVA

HAMBURG COPENHAGEN LAUSANNE MUNICH STUTTGART VIENNA ZURICH

Kill three birds with one stoneMobile, Web and Desktop application in one take with Eclipse Scout

Christian MötzingConsultant – AD Stuttgart

En

terp

rise • boring

• enableswork

• legacy

• conservativeuse oftechnology

Web • fancy

• life-style

• trending

• infinite budget

• geek playground

Application Types

AD – Eclipse Scout2 30.09.2016

from … to …

En

terp

rise • boring

• enables work

• legacy

• conservativeuse oftechnology

Enterprise Applications


Can‘t change every day

Usability

Accessability

limiting factors

– Skill

– License

– Maturity

– …


Eclipse Scout

Eclipse Scout


OpenSource (initiated in 2010)

Claims

– Quality

– Time to Market

– Costs

– Future Proof (16 years development, no rewrites, state of the art)

Source: https://wiki.eclipse.org/images/8/87/100601_eclipse_banking_day_scout.pdf

How to deliver these claims


Good framework structure, testing

facilities included, proven technologiesQuality

Time to

Market

Cost

Future

Proof

High productivity through eclipse

integration, steep learning curve

Built-in architecture plan, decoupling

Excursion: Learning Curves


Experience

Le

arn

ing

Experience

Le

arn

ing

Steep Shallow

How to deliver these claims


Good framework structure, testing

facilities included, proven technologiesQuality

Time to

Market

Cost

Future

Proof

High productivity through eclipse

integration, steep learning curve

Built-in architecture plan, decoupling

proven technologies

productivity

decoupling

How does Eclipse Scout decouple?


UI Server Business Logic

Server

Database

Server

communication communication

„Don‘t depend on

ANY

UI technology.“Source: https://wiki.eclipse.org/images/e/e8/160202b_Scout_OOP.pdf

Pure Java UI No Technology

Architectural Decoupling


Source: Scout Technical Guide 6.0

1 example.app

2 example.app.server

3 example.app.shared

4 example.app.client

5 example.app.ui.html

6 example.app.server.app.dev

7 example.app.ui.html.app.dev

8 example.app.server.app.war

9 example.app.ui.html.app.war

Programming Paradigm Decoupling


Application code is pure Java

– No UI technology references

– No service technology references

– No dependency injection specifics


ANY


UI: Define a Field on a Form


1 public FirstNameField getFirstNameField() {

2 return getFieldByClass(FirstNameField.class);

3 }

4

5 @Order(30)

6 public class FirstNameField extends AbstractStringField {

7 @Override

8 protected String getConfiguredLabel() {

9 return TEXTS.get("FirstName");

10 }

11 }

UI: Define a Data Object


1 @Generated(value = "org.eclipse...client.person.PersonForm")

2 public class PersonFormData extends AbstractFormData {

3 public FirstName getFirstName() {

4 return getFieldByClass(FirstName.class);

5 }

6

7 public static class FirstName extends

AbstractValueFieldData<String> {

8 private static final long serialVersionUID = 1L;

9 }

FormData FormData

UI Service SQL

Service: Define a Service


1 @ApplicationScoped

2 @TunnelToServer

3 public interface IPersonService {

4

5 PersonFormData create(PersonFormData formData);

6

7 PersonFormData load(PersonFormData formData);

8

9 PersonFormData store(PersonFormData formData);

10 }

11

12 public class PersonService implements IPersonService {

…

13 }

Service: Persisting Data


1 @Override

2 public PersonFormData store(PersonFormData formData) {

3 SQL.insert(SQLs.PERSON_INSERT, formData);

4 return formData;

5 }

6

7 // SQL.java

8 String PERSON_UPDATE = ""

+ "UPDATE PERSON "

+ "SET first_name = :firstName, "

+ " last_name = :lastName, „

…

+ "WHERE person_id = :personId";

9

UI: Input Validation


1 public class FirstNameField extends AbstractStringField {

2 private String PATTERN = "^[A-Z][a-z]+$";

3 @Override

4 protected int getConfiguredMaxLength() {

5 return 64;

6 }

7 @Override

8 protected String execValidateValue(String rawValue) {

9 if (rawValue != null &&

!Pattern.matches(PATTERN, rawValue)) {

10 throw new

VetoException(TEXTS.get("BadFirstName"));

11 }

12 return rawValue;

13 }

14 }

UI: Form Validation


1 // on field inside form

2 @Override

3 protected void execChangedValue() {

4 validateAddressFields();

5 }

6 }

7

8 // on form

9 protected void validateAddressFields() {

10 boolean hasStreet =

StringUtility.hasText(getStreetField().getValue());

11 // if you provide a street, then you must provide a city

13 getCityField().setMandatory(hasStreet);

14 }

Programming Paradigm Decoupling (2nd time)


Application code is pure Java

– No UI technology references

– No service technology references

– No dependency injection specifics


ANY


No CDI (JSR346)

No standard internationalization

No standard tools (like Apache Commons

StringUtils)

Technology behind framework is not visible


Source: Scout Technical Guide 6.0

Even Services use a „Service Tunnel“ not REST or SOAP


What could have been the Demo

Desktop


Source: http://www.eclipse.org/scout/

Web


Source: http://www.eclipse.org/scout/

Mobile

AD – Eclipse Scout23 30.09.2016Source: http://www.eclipse.org/scout/

What about that „killing three birds with one stone“ part


Scout 5.0

• SWING

• SWT

• RAP

Scout 6.0

• HTML5

• CSS

• JavaScript


The actual Demo

What else comes with Eclipse Scout


Internationalization

Security

Theming & Styling (with CSS3 + Less)

IDE integration (Eclipse only)

Aim for a long life (Enterprise Applications > 10 years)

Yet to be proven publicly since only in market for 6 years.

Migrating other Applications to Eclipse Scout


UI

Services

Data Model

UI

Services

Data ModelSQLs, Tables

Service Logic

?

Conclusion


The Good

– Framework with the best UI abstraction I have seen to date

– High productivity (not verified by me on longterm)

– You get a good standard UI without (any) HTML or CSS knowledge

The Bad

– High abstraction means customization is more complex

– Skills are pretty unique to framework


Demo: https://scout.bsi-software.com/contacts/

Docs: https://github.com/BSI-Business-Systems-Integration-AG/org.eclipse.scout.docs

Project: https://eclipse.org/scout/

https://scout.bsi-software.com/contacts/

https://github.com/BSI-Business-Systems-Integration-AG/org.eclipse.scout.docs

https://eclipse.org/scout/

Session Feedback – now


Please use the Trivadis Events mobile app to give feedback on each session

Use "My schedule" if you have registered for a session

Otherwise use "Agenda" and the search function

If the mobile app does not work (or if you have a Windows smartphone), use your

smartphone browser

– URL: http://trivadis.quickmobileplatform.eu/

– User name: <your_loginname> (such as “svv”)

– Password: sent by e-mail...

Christian Mötzing

Consultant

Tel. +49 711 903 632 342

[email protected]

30.09.2016 AD – Eclipse Scout31

Trivadis TechEvent 2016 Kill three birds with one stone (Eclipse Scout) by Christian Mötzing

Technology

Transcript of Trivadis TechEvent 2016 Kill three birds with one stone (Eclipse Scout) by Christian Mötzing