EGL Conference 2011 April 5/6 Wiesbaden, Germany

Day 2 - Technical Workshops

EGL Conference 2011

2

Welcome

The purpose of today is to give you the opportunity to see EGL in action and play with the Rational Business Developer tool

Labs available to you today … Lab 1: EGL Rich UI Introduction

Shows how to build the "mortgage calculator" application in EGL

Lab 2: EGL database programming and Rich UI introduction

Shows how to build the "budget" database application in EGL

Lab 3: EGL Rich UI advanced topics

Introduces the ClearBlade Katana Framework

The rules … Go at your own pace – do whatever lab(s) you want

Raise your hand and ask a question if you need help

Want to see something “not on the script”? Just ask …

EGL Conference 2011

3

Welcome (continued)

All materials are available at: http://www.eglcon.org/workshop.html

Internet connectivity is required – ask for an ID if needed

Lab duration: 9:00 to 12:30

EGL Conference 2011

4

EGL Rich UI Architecture

Developers use Eclipse-based EGL tools to code, preview, and debug application on their workstations. EGL services are compiled as Java and RUIs are compiled as JavaScript.

Developers use Eclipse-based EGL tools to code, preview, and debug application on their workstations. EGL services are compiled as Java and RUIs are compiled as JavaScript.

PreviewPreview

Rational Business Developer

EGL Conference 2011

5

EGL Rich UI Architecture

Rational Business Developer

Web Application Server(Apache Tomcat or WebSphere

Application Server)

For deployment, RUI code is compiled into HTML and JavaScript, services are compiled into Java as SOAP or REST Web services. Code is then deployed as a JEE application into a Web application server.

For deployment, RUI code is compiled into HTML and JavaScript, services are compiled into Java as SOAP or REST Web services. Code is then deployed as a JEE application into a Web application server.

Deploy as Java,

JavaScript, and HTML

EGL Conference 2011

6

EGL Rich UI Architecture

Web Application Server(Apache Tomcat or WebSphere

Application Server)

Users access the URL for the application using a standard Web browser and the HTML and JavaScript is downloaded to the client. All client/server interaction occurs via REST and SOAP service calls (using Ajax). Services can be also external/third-party.

Users access the URL for the application using a standard Web browser and the HTML and JavaScript is downloaded to the client. All client/server interaction occurs via REST and SOAP service calls (using Ajax). Services can be also external/third-party.

Internet / Intranet

EGL Conference 2011

7

Lab 1: Mortgage Portal

EGL Conference 2011

8

Lab 1: Mortgage Portal (Concepts)

This lab will demonstrate how to build a RUI application that allows a user to … Perform a mortgage calculation (by calling an EGL service)

See the result of the calculation in a pie chart

See a table of past calculations (history)

Find nearby lending institutions on a Google Map

Concepts: Rich UI

Visual editing with Grid layout

Dragging and dropping of a record to produce a UI form

Dojo widgets

Google map integration

InfoBus

Services

Writing an EGL service

Calling an EGL service from Rich UI

Deployment (optional)

EGL Conference 2011

9

Lab 2: Database Access

EGL Conference 2011

10

Lab 2: Database Access (Concepts)

This lab will demonstrate how to build a RUI application that allows a user to manage payments stored in a database.

Concepts: Rich UI

Visual editing with Grid layout

Dragging and dropping of a record to produce a data grid and UI form

Dojo widgets (title pane, date picker, combo box, and more)

InfoBus

MVC (model view controller to sync widgets with data record)

Database access / services

Writing an EGL service to access a database

Calling an EGL service from Rich UI

EGL Conference 2011

11

Lab 3: ClearBlade Katana Framework

EGL Conference 2011

12

Katana EGL Framework

Advanced Widget Set Rapid development

Consistent look and feel

Infused best practices Performance

Security

Native EGL Maintainability

12

EGL Conference 2011

13

Get to work!

Lab 1: EGL Rich UI Introduction Shows how to build the "mortgage calculator" application in EGL

Lab 2: EGL database programming and Rich UI introduction Shows how to build the "budget" database application in EGL

Lab 3: EGL Rich UI advanced topics Introduces the ClearBlade Katana Framework