EGL Conference 2011 - EGL Rich UI

EGL Conference 2011 April 5/6 Wiesbaden, Germany

Simplified web development with EGL Rich UIAaron Allsbrook

Consultant

Martin van KolckDirector

Nikola Gereci Developer

EGL Conference 2011

2

Agenda

What is EGL RichUI Overview

What’s new in RBD 8.0.1

RMe Enhancement Techniques

The Katana EGL Framework

Case Studies Landal Greenparcs – A 5250 migration

ImTech RichUI Quickstart

Examples Election Application

Statistics Application

Mobile demonstration

EGL Conference 2011

What is EGL RichUI EGL can deploy as

What’s Possible with RichUI

3

Language Platform Display

COBOL System Z, System i 5250, 3270

JAVA Windows, Linux, System Z, System i, Unix, AIX

JSF Tomcat, WebSphere Web 1.0

JavaScript IE, Firefox, Chrome, Safari Web 2.0RichUI

EGL Conference 2011

The Principles

4

LogicUser

InterfaceService

Javascript - Responsive (no more waiting for a server to respond)

Open –

Service Centered – Decouple your logic from your interface

Extensible -

EGL Conference 2011

Handler - RUIHandlers are used to create Rich UI applications that are composed of one-to-many on-screen RUIWidgets

Widget – All User Interface elements defined in a RUIHandler are RUIWidgets of varying complexity

Events - Every widget includes a set of properties for specifying which function is invoked in response to a runtime event. In this case, the function is also called an event handler.

Technical Details

5

myButton Button { text = “Submit", onClick ::= click };

handler HelloWorld type RUIhandler {initialUI = [ ui ], onConstructionFunction = initialization, cssFile="css/NestedRUI.css"}

myGrid Grid{ behaviors = [ GridBehaviors.alternatingColor ],

columns = [ new GridColumn{name = “name", width=90},

new GridColumn{name = “address", width=100} ],

data = myData };

EGL Conference 2011

Rational Business Developer 8.0.1 New features

Improved usability when developing Web 2.0 UIs with Rich UI Visual Editor

New tools for quickly creating UI forms and grids

Enhanced widgets and support for Dojo Toolkit 1.5

New tools to simplify integration of existing RESTful Web Services

Improved generation and deployment capabilities

Improved web services development support

Enhancements to integrated debugger and test facility

6

DEMO

EGL Conference 2011

RMe – Enhancement Strategy

The possibilities Google Maps

Yahoo Services

Custom services

Demo Google Map with

street view

Custom addressvalidations

7

DEMO

EGL Conference 2011

Katana EGL Framework

Advanced Widget Set Rapid development

Consistent look and feel

Infused best practices Performance

Security

Native EGL Maintainability

8

DEMO

EGL Conference 2011

9

Agenda











Modernization of Landal application

Imtech ICT Application SolutionsMartin van [email protected]

EGL Conference 2011

Who is Imtech ICT

1.700 ICT experts

Turnover: € 497 million

Application Solutions 240 customers on Power platform

Standard ERP & CRM applications

Tailor-made applications

Software development

ERP consultancy

EGL Conference 2011

Who is Landal Greenparcs ?

70 parks / 11.000 chalets in Europe

Turnover € 286 million

2,2 million guests

2.500 employees

400.000 bookings / year

EGL Conference 2011

Business case

15 year-old booking system on Power platform

User perception: not flexible, user unfriendly, not intuitive,

Lack of functionality

Complex pricing structure / stock keeping

Old technique IBM Powerhouse converted to ILE-RPG

No web2.0 or browser based or SOA

EGL Conference 2011

Make or buy decision Buy and extend a Java based application from a colleague company

Modernize existing application

Prototype with Java Server Faces based on J2EE / OO techniques

Prototype with EGL-RUI

From SWOT to POT

EGL Conference 2011

Increaseflexibility

Revitalize Applications

Boost

productivity

Maximize business

agility

Increase system

utilization

Exploit Infrastructure

EmpowerPeople

UnifyTeams

June 2009 the choice is EGL-RUI

Reuse of experienced programmers who knows the business

No disinvestment of 15 years development

Development in Rational Developer for Power and RDB

New challenges for young Java and web2.0 developers

EGL is a high level language not an OO tool

The screens are automatically transferred in EGL-RUI screens

EGL Conference 2011

Rebuild of the call centre application

40% of bookings via call centers in Europe

Multilanguage, web-enabled, intuitive

Guest and booking information must be in 1 screen

New pricing because of flexible booking periods

Booking time must be shorter

Stimulate the sales of additional options

Part of a new SOA architecture

Introduction to “New World of Work”

EGL Conference 2011

EGL Conference 2011

Transformation of the standard screens

Reuse of 82% of the screens

Web-enabled

650 screens

EGL Conference 2011

EGL Conference 2011

Benefits since November 2010

Increase of 8% of the bookings

A modern software environment for the next 10 years

The revenue per chalet has increased

Growth in sales and profit

Training of new employees in 2 hours instead of 2 days

800 users of the booking system

Multi language and Unicode for all European countries

Increaseflexibility


Boost

productivity

Maximize business

agility

Increase system

utilization


EmpowerPeople

UnifyTeams

EGL Conference 2011

Most customerfriendly company 2010

Increaseflexibility


Boost

productivity

Maximize business

agility

Increase system

utilization


EmpowerPeople

UnifyTeams

EGL Conference 2011

Acceleration Developer Navigation / menu

Maintenance screens for users, rolls, menustructure, authorisation

Multiple EGL-applications in one browser window with single sign-on

Build in authentication mechanism (currently only for JT400, but LDAP and User Defined database in near future)

Role based widgets (read-only or hidden for certain user roles)

Key-value pairs widgets

BIRT integration

Browser console logging

CSS Styling manupulation library

DataEditor and DataGrid widget for quick creation of a CRUD function

Working on: Modeldriven Application Development

EGL Conference 2011

EGL Conference 2011

34

EGL Conference 2011

35

EGL Conference 2011

36

Agenda










EGL Conference 2011

37

APIS IT One of the largest IT companies in Croatia

The largest system integrator in Croatia

47 years of expirience

UsersCustoms administration

Tax administration

The city of Zagreb

IT support for national and local elections

...

EGL Conference 2011

Clerk at voting place

Issuing certificate

Issue voting certificase

Voting certificate

Requesting/denying approval

Şearch

Not present in list of voters for whole country

and residence definitely not in Croatia

Deny request

Accept requestYES

Request for approval

(approved)

Clerk at Zagreb

NO

Election application – business logic

Voter

Votes

Registered in the list of voters

YES

NO

Clerk at voting place

Requesting approval

Search registersResidence not in

Croatia and not present in list of voters

Create request for approval based on

data found in registers

YES

NO

Create request for approval by

entering data manually

Request for approval

Not present in list of voters

YES Request for approval

Deny request

NO

Is a Croatian citizen

YES

NO

EGL Conference 2011

DEMO

39

EGL Conference 2011

Statistics application – old version

40

EGL Conference 2011

Statistics application – new version

41

EGL Conference 2011

DEMO

42

EGL Conference 2011

DEMO

43

EGL Conference 2011

44

Why EGL RichUI? Previous solution greatly out of date

Process too slow

Quick application development

Attractive user interface

Available manpower

Opportunity to implement new and modern technologies


QUESTIONS?


Thank you!

EGL Conference 2011 - EGL Rich UI

Technology

Transcript of EGL Conference 2011 - EGL Rich UI