egl conference 2011 - technical workshop
DESCRIPTION
See www.eglcon.orgTRANSCRIPT
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