Rapid prototyping of eclipse rcp applications 2017

Rapid Prototyping of
Eclipse RCP Applications
So, you want to create a quick RCP prototype for a client?

About us
• Speaker
• Patrik Suzzi, www.asegno.com
Eclipse Platform Committer,
Consultant Software Engineer
• Audience
• Are you familiar with JAXB, JPA,
Eclipse E4 and WindowBuilder?

IDE and Tools
• Eclipse IDE for RCP and RAP development (Oxygen RC3)
+ Nebula Widgets (to use XY Graph)
http://download.eclipse.org/nebula/releases/latest
+ WindowBuilder (if not already installed in Eclipse IDE for RCP..)
http://download.eclipse.org/windowbuilder/WB/integration/4.7/
• Libraries
+ EclipseLink (JPA and JAXB)
https://www.eclipse.org/eclipselink/downloads/

Steps to build a prototype (Banking)
• Data Model
• JAXB and JPA Annotations
• Test persistence
• E4 Application
• Simple UI
• Complex UI
• Working Example

Data Model
• Customer
• Account
• Transaction

Mock Data
Bank bank = new Bank();
//
bank.setName("Demo Bank");
// create customers
Customer c1 = new Customer("Tom", "Jones", "Garden Street 8", "tjones@test.com", "1998-04-06");
Customer c2 = new Customer("Diana", "Jones", "Garden Street 8", "djones@test.com", "1999-11-12");
Customer c3 = new Customer("Mark", "Reuters", "Maple Street 122", "mr@dot.com", "1958-03-18");
Customer c4 = new Customer("Spencer", "White", "Avenue Pontida 1", "swhite@site.com", "2000-01-05");
Customer c5 = new Customer("Alex", "Michaelson", "Red Square 14b", "alex@oxygen.com", "1982-05-06");
Customer c6 = new Customer("Francois", "Berger", "Frederickstrasse 87", "fberger@main.com", "1998-04-06");
bank.addCustomers(c1,c2,c3,c4,c5,c6);
// add accounts and link to customers
Account a1 = new Account().link(c1);
Account a2 = new Account().link(c1, c2);
bank.addAccounts(a1,a2,a3,a4,a5,a6,a7);
// add transactions
Transaction t1 = new Deposit().create(5000, a1).confirm("2016-02-20").process();
Transaction t2 = new Charge().create(250, a1).confirm("2016-03-10").process();
Transaction t3 = new Transfer().create(1000, a1, a2).confirm("2016-04-05").process();
Transaction t8 = new Withdrawal().create(2500, a3).confirm("2016-07-01").process();
Transaction t9 = new Charge().create(1500, a3).confirm("2016-07-03").process();
Transaction t10 = new Transfer().create(1000, a3, a2).confirm("2016-07-05").process();
bank.addTransactions(t1,t2,t3,t4,t5,t6,t7,t8,t9,t10);

JAXB Annotations
@XmlSeeAlso
Super/subclasses
@XmlRootElement
@XmlElement
@XmlAttribute, @XmlID
ID as attribute
@XmlList, @XmlIDREF
List of references

XML Persistence
• Save and Load with JAXB
public static void persistXml(File xmlFile, Bank bank) {
JAXBContext jaxbContext = JAXBContext.newInstance(Bank.class);
Marshaller marshaller = jaxbContext.createMarshaller();
marshaller.setProperty(Marshaller.JAXB_FORMATTED_OUTPUT, true);
marshaller.marshal(bank, xmlFile);
}
public static Bank loadXml(File xmlFile) {
JAXBContext jaxbContext = JAXBContext.newInstance(Bank.class);
Unmarshaller unmarshaller = jaxbContext.createUnmarshaller();
Bank bank = (Bank) unmarshaller.unmarshal(xmlFile);
return bank;
}
Usage: TestPersistence.java

JPA 2 Annotations
@MappedSuperclass
Superclasses
@Entity, @Table
@OneToMany, @JoinColumn
One-way association with reference
@ID
@Inheritance, @DiscriminatorColumn
Single-table Inheritance, superclass
@DiscriminatorValue
Single-table Inheritance, subclass

DB Persistence
• Persist and Load with JPA
public static void persistDB(Bank bank){
EntityManager em = instance().getEntityManager();
em.getTransaction().begin();
em.merge(bank);
em.flush();
em.getTransaction().commit();
}
public static Bank loadDB() throws JAXBException {
EntityManager em = instance().getEntityManager();
em.getTransaction().begin();
TypedQuery<Bank> query = em.createQuery(SELECT_BANK, Bank.class);
Bank bank = query.getSingleResult();
return bank;
}
Usage: TestPersistence.java

E4 RCP Application
• E4 Model Editor
• Perspectives
• Views
• ...
• 3 perspectives
• Customers
• Accounts
• Transactions
demo/step1: E4 App

Customers perspective
• Search
• Select
• Edit user
Filter/search
select
edit

Window Builder, Simple UI
• Visual Designer
• Data Binding
• Custom code
public void setModel(Bank model) {
if(model==null) return;
disposeBindings(m_bindingContext);
super.setModel(model);
if(listViewer==null) return;
m_bindingContext = initDataBindings();
update();
}
@Inject
@Optional
private void modelModified(@UIEventTopic(EventConstants.TOPIC_MODEL_MODIFIED) Account account) {
update();
}
// User Interaction ..
demo/step2: simple UI

Window Builder, Complex UI
• Canvas
• Table Data Binding
• Custom code
private void update() {
tableViewer.refresh();
tableViewer_1.refresh();
resizeColumns(table);
resizeColumns(table_1);
LightweightSystem lws = new LightweightSystem(canvas);
ChartHelper.generateGraph(lws, getModel());
}
demo/step3: complex UI

Accounts perspective
• Search
• Balance chart
• Tables
Filter/search

Transactions perspective
• Search
• Edit
• Create new
• Process transaction
(...)

Working application
• Customers
• Persistence
demo/step4: working application

Concluding
• Rapid prototype, fully customizable, persist your data
• Source: https://github.com/psuzzi/eclipsecon.git
• Project: ecf2017/com.asegno.e4.banking
• Branch demo/step1, model and persistence tests
• Branch demo/step2, E4 App with Customers perspective
• Branch demo/step3, E4 App with Accounts perspective
• Branch demo/step4, Final prototype
• Please, get in touch if you need more information.
psuzzi[at]gmail[dot]com
www.asegno.com

-1 0
Sign in and vote at
eclipsecon.org

Rapid prototyping of eclipse rcp applications 2017

More Related Content

Similar to Rapid prototyping of eclipse rcp applications 2017 (20)

Recently uploaded (20)

Rapid prototyping of eclipse rcp applications 2017