Mobile, Web and Desktop Apps with Eclipse Scout

BASEL BERN BRUGG DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. GENEVA
HAMBURG COPENHAGEN LAUSANNE MUNICH STUTTGART VIENNA ZURICH
Kill three birds with one stone
Mobile, Web and Desktop application in one take with Eclipse Scout
Christian Mötzing
Consultant – AD Stuttgart

Enterprise • boring
• enables
work
• legacy
• conservative
use of
technology
Web
• fancy
• life-style
• trending
• infinite
budget
• geek play
ground
Application Types
AD – Eclipse Scout2 30.09.2016
from … to …

Enterprise
• boring
• enables work
• legacy
• conservative
use of
technology
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
Learning
Experience
Learning
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 technology.“

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
UI technology.“
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

Mobile

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/

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
christian.moetzing@trivadis.com
30.09.2016 AD – Eclipse Scout31

Mobile, Web and Desktop Apps with Eclipse Scout

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Mobile, Web and Desktop Apps with Eclipse Scout

Ähnlich wie Mobile, Web and Desktop Apps with Eclipse Scout (20)

Mehr von Trivadis

Mehr von Trivadis (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Mobile, Web and Desktop Apps with Eclipse Scout