Upload
will-smythe
View
1.892
Download
3
Tags:
Embed Size (px)
DESCRIPTION
Simplified web development with EGL Rich UI (featuring customer success stories). See www.eglcon.org for more information.
Citation preview
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
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 April 5/6 Wiesbaden, Germany
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
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
EGL Conference 2011
Transformation of the standard screens
Reuse of 82% of the screens
Web-enabled
650 screens
EGL Conference 2011
EGL Conference 2011
EGL Conference 2011
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
Revitalize Applications
Boost
productivity
Maximize business
agility
Increase system
utilization
Exploit Infrastructure
EmpowerPeople
UnifyTeams
EGL Conference 2011
Most customerfriendly company 2010
Increaseflexibility
Revitalize Applications
Boost
productivity
Maximize business
agility
Increase system
utilization
Exploit Infrastructure
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
EGL Conference 2011
EGL Conference 2011
EGL Conference 2011
EGL Conference 2011
EGL Conference 2011
34
EGL Conference 2011
35
EGL Conference 2011
36
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
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
EGL Conference 2011 April 5/6 Wiesbaden, Germany
QUESTIONS?
EGL Conference 2011 April 5/6 Wiesbaden, Germany
Thank you!