EGL Conference 2011 - EGL Rich UI

2,200 views

Published on

Simplified web development with EGL Rich UI (featuring customer success stories). See www.eglcon.org for more information.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,200
On SlideShare
0
From Embeds
0
Number of Embeds
626
Actions
Shares
0
Downloads
56
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

EGL Conference 2011 - EGL Rich UI

  1. 1. Simplified web development with EGL Rich UI Aaron Allsbrook Consultant Martin van Kolck Director Nikola Gereci Developer
  2. 2. Agenda <ul><li>What is EGL RichUI </li></ul><ul><ul><li>Overview </li></ul></ul><ul><ul><li>What’s new in RBD 8.0.1 </li></ul></ul><ul><ul><li>RMe Enhancement Techniques </li></ul></ul><ul><ul><li>The Katana EGL Framework </li></ul></ul><ul><li>Case Studies </li></ul><ul><ul><li>Landal Greenparcs – A 5250 migration </li></ul></ul><ul><ul><li>ImTech RichUI Quickstart </li></ul></ul><ul><li>Examples </li></ul><ul><ul><li>Election Application </li></ul></ul><ul><ul><li>Statistics Application </li></ul></ul><ul><ul><li>Mobile demonstration </li></ul></ul>
  3. 3. What is EGL RichUI <ul><li>EGL can deploy as </li></ul><ul><li>What’s Possible with RichUI </li></ul>RichUI 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.0
  4. 4. The Principles <ul><li>Javascript - Responsive (no more waiting for a server to respond) </li></ul><ul><li>Open – </li></ul><ul><li>Service Centered – Decouple your logic from your interface </li></ul><ul><li>Extensible - </li></ul>Logic User Interface Service
  5. 5. <ul><li>Handler - RUIHandlers are used to create Rich UI applications that are composed of one-to-many on-screen RUIWidgets </li></ul><ul><li>Widget – All User Interface elements defined in a RUIHandler are RUIWidgets of varying complexity </li></ul><ul><li>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 . </li></ul>Technical Details myButton Button { text = “Submit&quot;, onClick ::= click }; handler HelloWorld type RUIhandler {initialUI = [ ui ], onConstructionFunction = initialization, cssFile=&quot;css/NestedRUI.css&quot;} myGrid Grid{ behaviors = [ GridBehaviors.alternatingColor ], columns = [ new GridColumn{name = “name&quot;, width=90}, new GridColumn{name = “address&quot;, width=100} ], data = myData };
  6. 6. Rational Business Developer 8.0.1 <ul><li>New features </li></ul><ul><ul><li>Improved usability when developing Web 2.0 UIs with Rich UI Visual Editor </li></ul></ul><ul><ul><li>New tools for quickly creating UI forms and grids </li></ul></ul><ul><ul><li>Enhanced widgets and support for Dojo Toolkit 1.5 </li></ul></ul><ul><ul><li>New tools to simplify integration of existing RESTful Web Services </li></ul></ul><ul><ul><li>Improved generation and deployment capabilities </li></ul></ul><ul><ul><li>Improved web services development support </li></ul></ul><ul><ul><li>Enhancements to integrated debugger and test facility </li></ul></ul>DEMO
  7. 7. RMe – Enhancement Strategy <ul><li>The possibilities </li></ul><ul><ul><li>Google Maps </li></ul></ul><ul><ul><li>Yahoo Services </li></ul></ul><ul><ul><li>Custom services </li></ul></ul><ul><li>Demo </li></ul><ul><ul><li>Google Map with street view </li></ul></ul><ul><ul><li>Custom address validations </li></ul></ul>DEMO
  8. 8. Katana EGL Framework <ul><li>Advanced Widget Set </li></ul><ul><ul><li>Rapid development </li></ul></ul><ul><ul><li>Consistent look and feel </li></ul></ul><ul><li>Infused best practices </li></ul><ul><ul><li>Performance </li></ul></ul><ul><ul><li>Security </li></ul></ul><ul><li>Native EGL </li></ul><ul><ul><li>Maintainability </li></ul></ul>DEMO
  9. 9. Agenda <ul><li>What is EGL RichUI </li></ul><ul><ul><li>Overview </li></ul></ul><ul><ul><li>What’s new in RBD 8.0.1 </li></ul></ul><ul><ul><li>RMe Enhancement Techniques </li></ul></ul><ul><ul><li>The Katana EGL Framework </li></ul></ul><ul><li>Case Studies </li></ul><ul><ul><li>Landal Greenparcs – A 5250 migration </li></ul></ul><ul><ul><li>ImTech RichUI Quickstart </li></ul></ul><ul><li>Examples </li></ul><ul><ul><li>Election Application </li></ul></ul><ul><ul><li>Statistics Application </li></ul></ul><ul><ul><li>Mobile demonstration </li></ul></ul>
  10. 10. Modernization of Landal application Imtech ICT Application Solutions Martin van Kolck Director [email_address]
  11. 11. Who is Imtech ICT <ul><li>1.700 ICT experts </li></ul><ul><li>Turnover: € 497 million </li></ul><ul><li>Application Solutions </li></ul><ul><ul><li>240 customers on Power platform </li></ul></ul><ul><ul><li>Standard ERP & CRM applications </li></ul></ul><ul><ul><li>Tailor-made applications </li></ul></ul><ul><ul><li>Software development </li></ul></ul><ul><ul><li>ERP consultancy </li></ul></ul>
  12. 12. Who is Landal Greenparcs ? <ul><li>70 parks / 11.000 chalets in Europe </li></ul><ul><li>Turnover € 286 million </li></ul><ul><li>2,2 million guests </li></ul><ul><li>2.500 employees </li></ul><ul><li>400.000 bookings / year </li></ul>
  13. 13. Business case <ul><li>15 year-old booking system on Power platform </li></ul><ul><li>User perception: not flexible, user unfriendly, not intuitive, </li></ul><ul><li>Lack of functionality </li></ul><ul><li>Complex pricing structure / stock keeping </li></ul><ul><li>Old technique IBM Powerhouse converted to ILE-RPG </li></ul><ul><li>No web2.0 or browser based or SOA </li></ul>
  14. 14. Make or buy decision <ul><li>Buy and extend a Java based application from a colleague company </li></ul><ul><li>Modernize existing application </li></ul><ul><li>Prototype with Java Server Faces based on J2EE / OO techniques </li></ul><ul><li>Prototype with EGL-RUI </li></ul>From SWOT to POT
  15. 15. June 2009 the choice is EGL-RUI <ul><li>Reuse of experienced programmers who knows the business </li></ul><ul><li>No disinvestment of 15 years development </li></ul><ul><li>Development in Rational Developer for Power and RDB </li></ul><ul><li>New challenges for young Java and web2.0 developers </li></ul><ul><li>EGL is a high level language not an OO tool </li></ul><ul><li>The screens are automatically transferred in EGL-RUI screens </li></ul>Increase flexibility Revitalize Applications Boost productivity Maximize business agility Increase system utilization Exploit Infrastructure Empower People Unify Teams
  16. 16. June 2009 the choice is EGL-RUI <ul><li>Reuse of experienced programmers who knows the business </li></ul><ul><li>No disinvestment of 15 years development </li></ul><ul><li>Development in Rational Developer for Power and RDB </li></ul><ul><li>New challenges for young Java and web2.0 developers </li></ul><ul><li>EGL is a high level language not an OO tool </li></ul><ul><li>The screens are automatically transferred in EGL-RUI screens </li></ul>Increase flexibility Revitalize Applications Boost productivity Maximize business agility Increase system utilization Exploit Infrastructure Empower People Unify Teams
  17. 17. Rebuild of the call centre application <ul><li>40% of bookings via call centers in Europe </li></ul><ul><li>Multilanguage, web-enabled, intuitive </li></ul><ul><li>Guest and booking information must be in 1 screen </li></ul><ul><li>New pricing because of flexible booking periods </li></ul><ul><li>Booking time must be shorter </li></ul><ul><li>Stimulate the sales of additional options </li></ul><ul><li>Part of a new SOA architecture </li></ul><ul><li>Introduction to “New World of Work” </li></ul>
  18. 20. Transformation of the standard screens <ul><li>Reuse of 82% of the screens </li></ul><ul><li>Web-enabled </li></ul><ul><li>650 screens </li></ul>
  19. 25. Benefits since November 2010 <ul><li>Increase of 8% of the bookings </li></ul><ul><li>A modern software environment for the next 10 years </li></ul><ul><li>The revenue per chalet has increased </li></ul><ul><li>Growth in sales and profit </li></ul><ul><li>Training of new employees in 2 hours instead of 2 days </li></ul><ul><li>800 users of the booking system </li></ul><ul><li>Multi language and Unicode for all European countries </li></ul>Increase flexibility Revitalize Applications Boost productivity Maximize business agility Increase system utilization Exploit Infrastructure Empower People Unify Teams
  20. 26. Most customerfriendly company 2010 Increase flexibility Revitalize Applications Boost productivity Maximize business agility Increase system utilization Exploit Infrastructure Empower People Unify Teams
  21. 27. Acceleration Developer <ul><li>Navigation / menu </li></ul><ul><li>Maintenance screens for users, rolls, menustructure, authorisation </li></ul><ul><li>Multiple EGL-applications in one browser window with single sign-on </li></ul><ul><li>Build in authentication mechanism (currently only for JT400, but LDAP and User Defined database in near future) </li></ul><ul><li>Role based widgets (read-only or hidden for certain user roles) </li></ul><ul><li>Key-value pairs widgets </li></ul><ul><li>BIRT integration </li></ul><ul><li>Browser console logging </li></ul><ul><li>CSS Styling manupulation library </li></ul><ul><li>DataEditor and DataGrid widget for quick creation of a CRUD function </li></ul><ul><li>Working on: Modeldriven Application Development </li></ul>
  22. 34.
  23. 35.
  24. 36. Agenda <ul><li>What is EGL RichUI </li></ul><ul><ul><li>Overview </li></ul></ul><ul><ul><li>What’s new in RBD 8.0.1 </li></ul></ul><ul><ul><li>RMe Enhancement Techniques </li></ul></ul><ul><ul><li>The Katana EGL Framework </li></ul></ul><ul><li>Case Studies </li></ul><ul><ul><li>Landal Greenparcs – A 5250 migration </li></ul></ul><ul><ul><li>ImTech RichUI Quickstart </li></ul></ul><ul><li>Examples </li></ul><ul><ul><li>Election Application </li></ul></ul><ul><ul><li>Statistics Application </li></ul></ul><ul><ul><li>Mobile demonstration </li></ul></ul>
  25. 37. APIS IT <ul><li>One of the largest IT companies in Croatia </li></ul><ul><li>The largest system integrator in Croatia </li></ul><ul><li>47 years of expirience </li></ul><ul><li>Users </li></ul><ul><ul><li>Customs administration </li></ul></ul><ul><ul><li>Tax administration </li></ul></ul><ul><ul><li>The city of Zagreb </li></ul></ul><ul><ul><li>IT support for national and local elections </li></ul></ul><ul><ul><li>... </li></ul></ul>
  26. 38. Election application – business logic
  27. 39. DEM O
  28. 40. Statistics application – old version
  29. 41. Statistics application – new version
  30. 42. DEM O
  31. 43. DEM O
  32. 44. Why EGL Rich UI ? <ul><li>Previous solution greatly out of date </li></ul><ul><li>Process too slow </li></ul><ul><li>Quick application development </li></ul><ul><li>Attractive user interface </li></ul><ul><li>Available manpower </li></ul><ul><li>Opportunity to implement new and modern technologies </li></ul>
  33. 45. QUESTI O NS?
  34. 46. Thank y o u!

×