Day 2 - Technical Workshops
Welcome <ul><li>The purpose of today is to give you the opportunity to see EGL in action and play with the Rational Busine...
Welcome (continued) <ul><li>All materials are available at:  http://www.eglcon.org/workshop.html </li></ul><ul><li>Interne...
EGL Rich UI Architecture    Developers use Eclipse-based EGL tools to code, preview, and debug application on their works...
EGL Rich UI Architecture Rational Business Developer Web Application Server (Apache Tomcat or WebSphere Application Server...
EGL Rich UI Architecture Web Application Server (Apache Tomcat or WebSphere Application Server)    Users access the URL f...
Lab 1:  Mortgage Portal
Lab 1:  Mortgage Portal (Concepts) <ul><li>This lab will demonstrate how to build a RUI application that allows a user to ...
Lab 2:  Database Access
Lab 2:  Database Access (Concepts) <ul><li>This lab will demonstrate how to build a RUI application that allows a user to ...
Lab 3:  ClearBlade Katana Framework
Katana EGL Framework <ul><li>Advanced Widget Set </li></ul><ul><ul><li>Rapid development </li></ul></ul><ul><ul><li>Consis...
<ul><li>Get to work!   </li></ul><ul><li>Lab 1:  EGL Rich UI Introduction </li></ul><ul><ul><li>Shows how to build the &q...
Upcoming SlideShare
Loading in...5
×

EGL Conference 2011 - Technical Workshop

682
-1

Published on

See www.eglcon.org

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
682
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Pages are not generated on the fly at runtime – application exists as static HTML and JavaScript. Results in less work happening on the server. Subsequent interactions with the server occurs via Ajax-initiated SOAP and REST services calls. Results in faster response time, less network traffic (good for slow links), and less work on the server.
  • Pages are not generated on the fly at runtime – application exists as static HTML and JavaScript. Results in less work happening on the server. Subsequent interactions with the server occurs via Ajax-initiated SOAP and REST services calls. Results in faster response time, less network traffic (good for slow links), and less work on the server.
  • Pages are not generated on the fly at runtime – application exists as static HTML and JavaScript. Results in less work happening on the server. Subsequent interactions with the server occurs via Ajax-initiated SOAP and REST services calls. Results in faster response time, less network traffic (good for slow links), and less work on the server.
  • EGL Conference 2011 - Technical Workshop

    1. 1. Day 2 - Technical Workshops
    2. 2. Welcome <ul><li>The purpose of today is to give you the opportunity to see EGL in action and play with the Rational Business Developer tool </li></ul><ul><li>Labs available to you today … </li></ul><ul><ul><li>Lab 1: EGL Rich UI Introduction </li></ul></ul><ul><ul><ul><li>Shows how to build the &quot;mortgage calculator&quot; application in EGL </li></ul></ul></ul><ul><ul><li>Lab 2: EGL database programming and Rich UI introduction </li></ul></ul><ul><ul><ul><li>Shows how to build the &quot;budget&quot; database application in EGL </li></ul></ul></ul><ul><ul><li>Lab 3: EGL Rich UI advanced topics </li></ul></ul><ul><ul><ul><li>Introduces the ClearBlade Katana Framework </li></ul></ul></ul><ul><li>The rules … </li></ul><ul><ul><li>Go at your own pace – do whatever lab(s) you want </li></ul></ul><ul><ul><li>Raise your hand and ask a question if you need help </li></ul></ul><ul><ul><li>Want to see something “not on the script”? Just ask … </li></ul></ul>
    3. 3. Welcome (continued) <ul><li>All materials are available at: http://www.eglcon.org/workshop.html </li></ul><ul><li>Internet connectivity is required – ask for an ID if needed </li></ul><ul><li>Lab duration: 9:00 to 12:30 </li></ul>
    4. 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 . Preview Rational Business Developer
    5. 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. Deploy as Java, JavaScript, and HTML
    6. 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. Internet / Intranet
    7. 7. Lab 1: Mortgage Portal
    8. 8. Lab 1: Mortgage Portal (Concepts) <ul><li>This lab will demonstrate how to build a RUI application that allows a user to … </li></ul><ul><ul><li>Perform a mortgage calculation (by calling an EGL service) </li></ul></ul><ul><ul><li>See the result of the calculation in a pie chart </li></ul></ul><ul><ul><li>See a table of past calculations (history) </li></ul></ul><ul><ul><li>Find nearby lending institutions on a Google Map </li></ul></ul><ul><li>Concepts: </li></ul><ul><ul><li>Rich UI </li></ul></ul><ul><ul><ul><li>Visual editing with Grid layout </li></ul></ul></ul><ul><ul><ul><li>Dragging and dropping of a record to produce a UI form </li></ul></ul></ul><ul><ul><ul><li>Dojo widgets </li></ul></ul></ul><ul><ul><ul><li>Google map integration </li></ul></ul></ul><ul><ul><ul><li>InfoBus </li></ul></ul></ul><ul><ul><li>Services </li></ul></ul><ul><ul><ul><li>Writing an EGL service </li></ul></ul></ul><ul><ul><ul><li>Calling an EGL service from Rich UI </li></ul></ul></ul><ul><ul><li>Deployment (optional) </li></ul></ul>
    9. 9. Lab 2: Database Access
    10. 10. Lab 2: Database Access (Concepts) <ul><li>This lab will demonstrate how to build a RUI application that allows a user to manage payments stored in a database. </li></ul><ul><li>Concepts: </li></ul><ul><ul><li>Rich UI </li></ul></ul><ul><ul><ul><li>Visual editing with Grid layout </li></ul></ul></ul><ul><ul><ul><li>Dragging and dropping of a record to produce a data grid and UI form </li></ul></ul></ul><ul><ul><ul><li>Dojo widgets (title pane, date picker, combo box, and more) </li></ul></ul></ul><ul><ul><ul><li>InfoBus </li></ul></ul></ul><ul><ul><ul><li>MVC (model view controller to sync widgets with data record) </li></ul></ul></ul><ul><ul><li>Database access / services </li></ul></ul><ul><ul><ul><li>Writing an EGL service to access a database </li></ul></ul></ul><ul><ul><ul><li>Calling an EGL service from Rich UI </li></ul></ul></ul>
    11. 11. Lab 3: ClearBlade Katana Framework
    12. 12. 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>
    13. 13. <ul><li>Get to work!  </li></ul><ul><li>Lab 1: EGL Rich UI Introduction </li></ul><ul><ul><li>Shows how to build the &quot;mortgage calculator&quot; application in EGL </li></ul></ul><ul><li>Lab 2: EGL database programming and Rich UI introduction </li></ul><ul><ul><li>Shows how to build the &quot;budget&quot; database application in EGL </li></ul></ul><ul><li>Lab 3: EGL Rich UI advanced topics </li></ul><ul><ul><li>Introduces the ClearBlade Katana Framework </li></ul></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×