Rich UI Unleashed

Web Languages
  • Smaller Small Medium Big Bigger
  • Default Helvetica Segoe Georgia Times

The recent release of Rational Business Developer includes the first generally available version of the Rich UI, and it continues to impress.


I've written a lot about Rational Business Developer and the EGL language, and recently I've started telling you about the Rich UI features that have been added to the language. I worked extensively with early releases of the software and even worked with the primary architect of EGL Rich UI, Chris Laffra, to create the first public application using EGL Rich UI and the i. Our scheduler application was quite the hit at the Rational Software Developer's Conference, and the Rich UI portion of the scheduler has gone on to see success at other technology conferences. Unfortunately the i is not an active participant in those other conferences, so the business back-end hasn't gotten the chance to advance with the UI, at least not publicly. I'm planning to change that, and this article is one of the first steps in that effort.

A Green-Screen Mind in a Rich UI World

I'm writing a book on EGL Rich UI and the i. Hopefully, I'll be able to write other books on the wide array of features of this technology, but this first book is going to outline the mechanics of getting i business logic to work with EGL Rich UI technology; basically, it will be a sort of diary of how to get a green-screen mind like mine into the world of Rich Internet Applications (RIAs). The project started a long time ago, but as Rich UI evolved, the application had to evolve with it. The speed of maturation of Rich UI was such that major changes had to be made in the design and even in the fundamental architecture of some parts of the application, but with the general availability of the product, I think the underlying foundation of the technology is firm enough to create some best practices that can be translated into a working demonstration application.


The real bellwether change, though, has to do with the paradigm shift that is required to successfully implement the rich client. Note that I said "successfully"; you can use Rich UI without changing your approach, but it's a bad idea because the thin client is a completely different tool and is better suited for a different job than the rich client. Thin client applications in the browser world are typically based on a markup language of some type, whether it's ColdFusion or JavaServer Pages (JSP). In the case of EGL, the markup language is a combination of industry-standard JavaServer Faces (JSF) and the powerful extensions IBM has added to support business features such as AJAX requests.


Now, despite the fact that AJAX is part of the EGL toolset, the JSF tooling still fits into the basic page-at-a-time paradigm prevalent in the pre-Web 2.0 Internet. When all is said and done, the server displays a page of data, the user enters some information and hits a button, and the server processes that data. Based on the results of that work, the server displays another page and the process repeats. AJAX can be used to make that a little more dynamic: the page can respond to other non-button events such as keystrokes and mouse movements, and the resulting requests can update only a small part of the page. But even so, the overall paradigm is one of a page-based system not so very far removed conceptually from the 24x80 green-screen.


Web 2.0 Changes All That


As much as I tried to fight it, Web 2.0 changes all of that. And believe me, I fought it. In my first Rich UI application, the basic page was still very much a single page that was laid out in a single form where all the components relied on one another. In case you haven't seen the basic application, here it is:



Figure 1: This is the Rich Internet Application (RIA) I built with EGL Rich UI and RPG. (Click image to enlarge.)


While the application managed to modularize the business logic very well (the Rich UI invoked a service on the host, which in turn called an EGL function, which in turn called an RPG program), the UI was anything but modular. In fact, it was still something written by an old 5250 dinosaur: the prompt at the top of the screen was the subfile control record, and the Read Order button acted like a command key to execute the business logic and load the subfile, which was the order grid below it.


As I got my hands on each release of the Rich UI technology, I did my best to shoehorn that philosophy into the Rich UI world. And I was good, let me tell you; I managed to keep that fight up right until the GA release of the tool. That release included something called the InfoBus, which was the straw that finally broke the back of my UI architecture, such as it was.

Modularizing Your UI

In the green-screen, you don't think much about modularizing the UI. A display file doesn't lend itself to being broken up into pieces, with the possible exception of popup windows. This "one big UI" idea is compounded by the global nature of RPG variables, in which every display file variable is available to the entire program. Indeed, until the advent of procedures, every field in every RPG program was global, so encapsulation wasn't exactly top on programmers' lists.


And that really wasn't an issue. Confined by the 24x80 screen and the command key interface, i developers didn't need a lot of encapsulation. The closest they got was writing a program to talk to the screen, which in turn called another program to perform the business logic (and even that was rare). The closest we got to reuse was copying one subfile program to another and modifying the source code.


Graphical UIs, though, are a lot more complex. You may have multiple views of the same data (a table and a graph), or one portion of the display may change based on an event on a different portion. For example, you may have a list of orders on the left of the UI and order detail on the right; clicking on an order in the list on the left displays the detail for that order on the right. On the green-screen, the most modular you will get will be to have a subfile of orders with an action code and have an action code bring up another panel (either full screen or popup window) that displays the detail for the selected order.


Welcome to the World of Widgets


This is where widgets come into play. EGL Rich UI is built around the concept of a widget, in which a set of UI controls and the associated program logic are encapsulated into a piece of code that can be reused. EGL has two separate concepts: the embedded RUI handler and the RUI widget, but they serve essentially the same purpose--to provide a single place where all the code for a UI widget can reside. I'd go so far as to say that the embedded RUI handler is sort of the "proof of concept" version that you use for testing and polishing your widget; once the logic is stabilized, you apply a few syntactical changes to convert the embedded RUI handler into a RUI Widget, which can then be used more directly within the visual designer.


In any case, the idea is pretty radical from a green-screen mindset. With a widget, the idea is to minimize its contact with the outside world. In the case of my application, I designed the widget to be all of the code that displayed the order. This included the grid of order lines, the header information on the top of the grid, the total information below the grid, and the GoogleMap component used to display the ship-to location.


One of the issues with Rich UI is that there are more decisions to make; in this case, I had some internal debate as to whether to make the map a separate component, but for simplicity I decided to keep it as part of the order detail. It would not be too difficult to make the map its own widget, which I might do for a different UI. And if I do, I could probably come back and update this widget to use the new map component.


In any case, the idea for this application is pretty simple: I simply need to create an order-display widget. That widget then displays the contents of an order and also handles any business logic specific to the order itself. In those situations where the business logic is limited to querying the host for data, the business logic is straightforward. Things get a little more complex when it comes to input-capable widgets.


Communicating Between Handlers


Breaking the UI into independent components is a great idea in theory. The problem in practice, however, is communication between those components. Traditionally, the way for one piece of logic to asynchronously communicate with another is through the use of a "callback" function. In this design, a procedure or function is written in the controller and its address is passed to the subordinate widget. When a widget event occurs that requires action by the controller, the callback function is invoked. It's not difficult, but it's a bit strange, and some languages don't have the high-level constructs to support it. In RPG, for example, application programmers couldn't use callbacks until the addition of the %PADDR BIF, and even today I'd guess that %PADDR is one of the least-used BIFs in the language. In EGL, the syntax used for that technique is the Delegate, and it works well. The primary issue with the Delegate is that it can get a bit overwhelming to maintain, especially when you have dozens of components, all potentially communicating with one another.


An alternate solution to this problem is the "Publish and Subcribe" concept. This programming construct is the same as the one called the Observer pattern in the well-known Design Patterns book. The idea is that a piece of code can be "registered" to be invoked when a certain event occurs; in fact, more than one piece of code can be so registered, resulting in a functional "broadcast" of the event to multiple listeners. In the publish/subscribe terminology used by EGL, one handler "subscribes" to an event, and the other "publishes" to it. The umbrella name for this feature in EGL is "InfoBus" and is based on the OpenAjax Hub specification.

A Short Example

Here's how the system works. It's based on "event names," so the first thing you need to do is to create event names for all the events. This can be a rather daunting task, but I've worked out a way around that. What I do is assign a component ID to each widget in the application and have each widget listen on that ID as the event name. My high-level controller defines the IDs as well as the widgets for the application, like so:


// InfoBus - One event per component

eidApp string = "com.pbd.OE0100";

eidOG string = "com.pbd.OE0100.OrderGrid";

widOG OrderGrid = new OrderGrid {};


In this case, I have an event ID "com.pbd.OE0100", which identifies the application itself. I use reverse-domain notation to avoid conflicts outside my code and then the application name to avoid internal conflicts. Widgets in the application each get their own ID, which is an extension of the application ID. In this case, I have only one widget, the OrderGrid widget, so that's the name I use. Different widgets would have different names, and if I had multiple OrderGrid widgets, I could easily append ".1" and ".2" or use some other unique naming technique.


Now on to the initialization. It's very simple:


// Log the startup and initialize the InfoBus

function onConstruction()

       log( _moduleName :: " construction" );

       InfoBus.subscribe(eidApp, listener);



function listener(eventName String in, object any in)

       ibm InfobusMessage = object;


              when (ibm.action == "*STATUS")

                     status.text =;

              when (ibm.src == eidOG)

                     status.text = "";

                     displayBox.children = [ ( as Box) ];




The onConstruction function logs the startup and then initializes the InfoBus communications. First, it subscribes the application controller to the application event ID using InfoBus.subscribe(). Any events published to that event name will invoke the listener function. Note that I expect all events to be objects of type InfoBusMessage. InfoBusMessage is a record of my own design, and it looks like this:


record InfobusMessage

       src string;

       action string;

       data any;



Basically, every message has three components: the src, which identifies the component that sent the message; the action to perform; and the data to use to perform that action. It's a simple and elegant concept that allows very loose binding between components; the source (src) value is intended to be the event name of the component that sent the message, allowing the "called" component to send a response back to the "caller."


Going back to the listener function, you can see that there are currently two events defined: a *STATUS event, which can come from any widget, and a response from the OrderGrid widget (src == eidOG). The status event can be used by any component in the application to update the status message; this is a generic technique that can be used in any application for status messages, log messages, errors, you name it. The other event is the application-specific message telling the controller to show the order. At that point, it moves the actual UI component of the OrderGrid, which is sent in the data portion of the message, into the displayBox component, which makes the order visible on the page. Simple and clean. The controller actually has no idea what it is showing; it just shows whatever is sent to it.


I don't have time to go into all the details of the application. Besides, that would spoil the book, wouldn't it? I do want to show the InfoBus code on the subordinate widget, though. As I noted earlier, I'm using an embedded RUI Handler as opposed to a RUI Widget; in another article I can go into more detail on developing RUI Widgets.


The InfoBus code is simple. To handle the incoming events, I use this code:


function setId(ibmSrc string in)

       id = ibmSrc;

       InfoBus.subscribe(id, listener);


private ibm InfobusMessage;

function listener(eventName String in, eventData any in)

       ibm = eventData;


              when (ibm.action == "SHOW")





The widget simply subscribes to the event name that is passed to it. This is very important; it allows the same widget to be used in different applications easily, and more importantly, it allows two instances of the same widget to appear in one application. The listener stores the inbound message in a private variable and then processes the request. The use of a case is overkill in this particular handler, but you can see how easy it would be to provide support for more options.


Finally, the pertinent parts of the order logic:


function showOrder(order string)

       sendResponse("*STATUS", data = "Reading Order " :: order } );

       OrderLib.getOrder(order, orderNotify);


function sendResponse(action string in, data any in)


       new InfobusMessage { src = id, action = action, data = data });

Joe Pluta

Joe Pluta is the founder and chief architect of Pluta Brothers Design, Inc. He has been extending the IBM midrange since the days of the IBM System/3. Joe uses WebSphere extensively, especially as the base for PSC/400, the only product that can move your legacy systems to the Web using simple green-screen commands. He has written several books, including Developing Web 2.0 Applications with EGL for IBM i, E-Deployment: The Fastest Path to the Web, Eclipse: Step by Step, and WDSC: Step by Step. Joe performs onsite mentoring and speaks at user groups around the country. You can reach him at

MC Press books written by Joe Pluta available now on the MC Press Bookstore.

Developing Web 2.0 Applications with EGL for IBM i Developing Web 2.0 Applications with EGL for IBM i
Joe Pluta introduces you to EGL Rich UI and IBM’s Rational Developer for the IBM i platform.
List Price $39.95

Now On Sale

WDSC: Step by Step WDSC: Step by Step
Discover incredibly powerful WDSC with this easy-to-understand yet thorough introduction.
List Price $74.95

Now On Sale

Eclipse: Step by Step Eclipse: Step by Step
Quickly get up to speed and productivity using Eclipse.
List Price $59.00

Now On Sale



Support MC Press Online





  • White Paper: Node.js for Enterprise IBM i Modernization

    SB Profound WP 5539

    If your business is thinking about modernizing your legacy IBM i (also known as AS/400 or iSeries) applications, you will want to read this white paper first!

    Download this paper and learn how Node.js can ensure that you:
    - Modernize on-time and budget - no more lengthy, costly, disruptive app rewrites!
    - Retain your IBM i systems of record
    - Find and hire new development talent
    - Integrate new Node.js applications with your existing RPG, Java, .Net, and PHP apps
    - Extend your IBM i capabilties to include Watson API, Cloud, and Internet of Things

    Read Node.js for Enterprise IBM i Modernization Now!


  • Profound Logic Solution Guide

    SB Profound WP 5539More than ever, there is a demand for IT to deliver innovation.
    Your IBM i has been an essential part of your business operations for years. However, your organization may struggle to maintain the current system and implement new projects.
    The thousands of customers we've worked with and surveyed state that expectations regarding the digital footprint and vision of the companyare not aligned with the current IT environment.

    Get your copy of this important guide today!


  • 2022 IBM i Marketplace Survey Results

    Fortra2022 marks the eighth edition of the IBM i Marketplace Survey Results. Each year, Fortra captures data on how businesses use the IBM i platform and the IT and cybersecurity initiatives it supports.

    Over the years, this survey has become a true industry benchmark, revealing to readers the trends that are shaping and driving the market and providing insight into what the future may bring for this technology.

  • Brunswick bowls a perfect 300 with LANSA!

    FortraBrunswick is the leader in bowling products, services, and industry expertise for the development and renovation of new and existing bowling centers and mixed-use recreation facilities across the entertainment industry. However, the lifeblood of Brunswick’s capital equipment business was running on a 15-year-old software application written in Visual Basic 6 (VB6) with a SQL Server back-end. The application was at the end of its life and needed to be replaced.
    With the help of Visual LANSA, they found an easy-to-use, long-term platform that enabled their team to collaborate, innovate, and integrate with existing systems and databases within a single platform.
    Read the case study to learn how they achieved success and increased the speed of development by 30% with Visual LANSA.


  • Progressive Web Apps: Create a Universal Experience Across All Devices

    LANSAProgressive Web Apps allow you to reach anyone, anywhere, and on any device with a single unified codebase. This means that your applications—regardless of browser, device, or platform—instantly become more reliable and consistent. They are the present and future of application development, and more and more businesses are catching on.
    Download this whitepaper and learn:

    • How PWAs support fast application development and streamline DevOps
    • How to give your business a competitive edge using PWAs
    • What makes progressive web apps so versatile, both online and offline



  • The Power of Coding in a Low-Code Solution

    LANSAWhen it comes to creating your business applications, there are hundreds of coding platforms and programming languages to choose from. These options range from very complex traditional programming languages to Low-Code platforms where sometimes no traditional coding experience is needed.
    Download our whitepaper, The Power of Writing Code in a Low-Code Solution, and:

    • Discover the benefits of Low-code's quick application creation
    • Understand the differences in model-based and language-based Low-Code platforms
    • Explore the strengths of LANSA's Low-Code Solution to Low-Code’s biggest drawbacks



  • Why Migrate When You Can Modernize?

    LANSABusiness users want new applications now. Market and regulatory pressures require faster application updates and delivery into production. Your IBM i developers may be approaching retirement, and you see no sure way to fill their positions with experienced developers. In addition, you may be caught between maintaining your existing applications and the uncertainty of moving to something new.
    In this white paper, you’ll learn how to think of these issues as opportunities rather than problems. We’ll explore motivations to migrate or modernize, their risks and considerations you should be aware of before embarking on a (migration or modernization) project.
    Lastly, we’ll discuss how modernizing IBM i applications with optimized business workflows, integration with other technologies and new mobile and web user interfaces will enable IT – and the business – to experience time-added value and much more.


  • UPDATED: Developer Kit: Making a Business Case for Modernization and Beyond

    Profound Logic Software, Inc.Having trouble getting management approval for modernization projects? The problem may be you're not speaking enough "business" to them.

    This Developer Kit provides you study-backed data and a ready-to-use business case template to help get your very next development project approved!

  • What to Do When Your AS/400 Talent Retires

    FortraIT managers hoping to find new IBM i talent are discovering that the pool of experienced RPG programmers and operators or administrators is small.

    This guide offers strategies and software suggestions to help you plan IT staffing and resources and smooth the transition after your AS/400 talent retires. Read on to learn:

    • Why IBM i skills depletion is a top concern
    • How leading organizations are coping
    • Where automation will make the biggest impact


  • Node.js on IBM i Webinar Series Pt. 2: Setting Up Your Development Tools

    Profound Logic Software, Inc.Have you been wondering about Node.js? Our free Node.js Webinar Series takes you from total beginner to creating a fully-functional IBM i Node.js business application. In Part 2, Brian May teaches you the different tooling options available for writing code, debugging, and using Git for version control. Attend this webinar to learn:

    • Different tools to develop Node.js applications on IBM i
    • Debugging Node.js
    • The basics of Git and tools to help those new to it
    • Using as a pre-built development environment



  • Expert Tips for IBM i Security: Beyond the Basics

    SB PowerTech WC GenericIn this session, IBM i security expert Robin Tatam provides a quick recap of IBM i security basics and guides you through some advanced cybersecurity techniques that can help you take data protection to the next level. Robin will cover:

    • Reducing the risk posed by special authorities
    • Establishing object-level security
    • Overseeing user actions and data access

    Don't miss this chance to take your knowledge of IBM i security beyond the basics.



  • 5 IBM i Security Quick Wins

    SB PowerTech WC GenericIn today’s threat landscape, upper management is laser-focused on cybersecurity. You need to make progress in securing your systems—and make it fast.
    There’s no shortage of actions you could take, but what tactics will actually deliver the results you need? And how can you find a security strategy that fits your budget and time constraints?
    Join top IBM i security expert Robin Tatam as he outlines the five fastest and most impactful changes you can make to strengthen IBM i security this year.
    Your system didn’t become unsecure overnight and you won’t be able to turn it around overnight either. But quick wins are possible with IBM i security, and Robin Tatam will show you how to achieve them.

  • Security Bulletin: Malware Infection Discovered on IBM i Server!

    SB PowerTech WC GenericMalicious programs can bring entire businesses to their knees—and IBM i shops are not immune. It’s critical to grasp the true impact malware can have on IBM i and the network that connects to it. Attend this webinar to gain a thorough understanding of the relationships between:

    • Viruses, native objects, and the integrated file system (IFS)
    • Power Systems and Windows-based viruses and malware
    • PC-based anti-virus scanning versus native IBM i scanning

    There are a number of ways you can minimize your exposure to viruses. IBM i security expert Sandi Moore explains the facts, including how to ensure you're fully protected and compliant with regulations such as PCI.



  • Encryption on IBM i Simplified

    SB PowerTech WC GenericDB2 Field Procedures (FieldProcs) were introduced in IBM i 7.1 and have greatly simplified encryption, often without requiring any application changes. Now you can quickly encrypt sensitive data on the IBM i including PII, PCI, PHI data in your physical files and tables.
    Watch this webinar to learn how you can quickly implement encryption on the IBM i. During the webinar, security expert Robin Tatam will show you how to:

    • Use Field Procedures to automate encryption and decryption
    • Restrict and mask field level access by user or group
    • Meet compliance requirements with effective key management and audit trails


  • Lessons Learned from IBM i Cyber Attacks

    SB PowerTech WC GenericDespite the many options IBM has provided to protect your systems and data, many organizations still struggle to apply appropriate security controls.
    In this webinar, you'll get insight into how the criminals accessed these systems, the fallout from these attacks, and how the incidents could have been avoided by following security best practices.

    • Learn which security gaps cyber criminals love most
    • Find out how other IBM i organizations have fallen victim
    • Get the details on policies and processes you can implement to protect your organization, even when staff works from home

    You will learn the steps you can take to avoid the mistakes made in these examples, as well as other inadequate and misconfigured settings that put businesses at risk.



  • The Power of Coding in a Low-Code Solution

    SB PowerTech WC GenericWhen it comes to creating your business applications, there are hundreds of coding platforms and programming languages to choose from. These options range from very complex traditional programming languages to Low-Code platforms where sometimes no traditional coding experience is needed.
    Download our whitepaper, The Power of Writing Code in a Low-Code Solution, and:

    • Discover the benefits of Low-code's quick application creation
    • Understand the differences in model-based and language-based Low-Code platforms
    • Explore the strengths of LANSA's Low-Code Solution to Low-Code’s biggest drawbacks



  • Node Webinar Series Pt. 1: The World of Node.js on IBM i

    SB Profound WC GenericHave you been wondering about Node.js? Our free Node.js Webinar Series takes you from total beginner to creating a fully-functional IBM i Node.js business application.
    Part 1 will teach you what Node.js is, why it's a great option for IBM i shops, and how to take advantage of the ecosystem surrounding Node.
    In addition to background information, our Director of Product Development Scott Klement will demonstrate applications that take advantage of the Node Package Manager (npm).
    Watch Now.

  • The Biggest Mistakes in IBM i Security

    SB Profound WC Generic The Biggest Mistakes in IBM i Security
    Here’s the harsh reality: cybersecurity pros have to get their jobs right every single day, while an attacker only has to succeed once to do incredible damage.
    Whether that’s thousands of exposed records, millions of dollars in fines and legal fees, or diminished share value, it’s easy to judge organizations that fall victim. IBM i enjoys an enviable reputation for security, but no system is impervious to mistakes.
    Join this webinar to learn about the biggest errors made when securing a Power Systems server.
    This knowledge is critical for ensuring integrity of your application data and preventing you from becoming the next Equifax. It’s also essential for complying with all formal regulations, including SOX, PCI, GDPR, and HIPAA
    Watch Now.

  • Comply in 5! Well, actually UNDER 5 minutes!!

    SB CYBRA PPL 5382

    TRY the one package that solves all your document design and printing challenges on all your platforms.

    Produce bar code labels, electronic forms, ad hoc reports, and RFID tags – without programming! MarkMagic is the only document design and print solution that combines report writing, WYSIWYG label and forms design, and conditional printing in one integrated product.

    Request your trial now!

  • Backup and Recovery on IBM i: Your Strategy for the Unexpected

    FortraRobot automates the routine tasks of iSeries backup and recovery, saving you time and money and making the process safer and more reliable. Automate your backups with the Robot Backup and Recovery Solution. Key features include:
    - Simplified backup procedures
    - Easy data encryption
    - Save media management
    - Guided restoration
    - Seamless product integration
    Make sure your data survives when catastrophe hits. Try the Robot Backup and Recovery Solution FREE for 30 days.

  • Manage IBM i Messages by Exception with Robot

    SB HelpSystems SC 5413Managing messages on your IBM i can be more than a full-time job if you have to do it manually. How can you be sure you won’t miss important system events?
    Automate your message center with the Robot Message Management Solution. Key features include:
    - Automated message management
    - Tailored notifications and automatic escalation
    - System-wide control of your IBM i partitions
    - Two-way system notifications from your mobile device
    - Seamless product integration
    Try the Robot Message Management Solution FREE for 30 days.

  • Easiest Way to Save Money? Stop Printing IBM i Reports

    FortraRobot automates report bursting, distribution, bundling, and archiving, and offers secure, selective online report viewing.
    Manage your reports with the Robot Report Management Solution. Key features include:

    - Automated report distribution
    - View online without delay
    - Browser interface to make notes
    - Custom retention capabilities
    - Seamless product integration
    Rerun another report? Never again. Try the Robot Report Management Solution FREE for 30 days.

  • Hassle-Free IBM i Operations around the Clock

    SB HelpSystems SC 5413For over 30 years, Robot has been a leader in systems management for IBM i.
    Manage your job schedule with the Robot Job Scheduling Solution. Key features include:
    - Automated batch, interactive, and cross-platform scheduling
    - Event-driven dependency processing
    - Centralized monitoring and reporting
    - Audit log and ready-to-use reports
    - Seamless product integration
    Scale your software, not your staff. Try the Robot Job Scheduling Solution FREE for 30 days.