1 / 17

EGL Rich UI Overview and Demonstration

gratia
Download Presentation

EGL Rich UI Overview and Demonstration

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

    1. EGL Rich UI – Overview and Demonstration Sanjay Chandru Manager, Technology Ecosystem Aaron Allsbrook IT Specialist, Rational Technical Services

    3. Three software patterns driving Web 2.0

    4. Web 2.0 technologies highlight the next pendulum swing between client and server function.

    5. Forrester Research on Web 2.0 70% of Fortune 1000 companies want to standardize on deploying browser applications* Browsers are catching up Still, majority of CIOs say the limits of HTML stops them* HTML is inflexible and Javascript is too complex Businesses are forced to trade off benefits of rich client vs Web2.0 applications EGL Rich UI intends to provide the benefits of both

    6. What is RichUI RichUI stands for Rich User Interface. This is a phrase commonly used when talking about an interface that provides dynamic rendering of its individual parts – notably, on the client-browser, as opposed to server-side processing It is a technology that will allow developers of any background to create rich web pages like one would see on a leading-edge, interactive site, such as: www.digg.com www.hulu.com You might also have heard the term: “Rich Internet Application” (RIA)– which is often used synonymously with RichUI. The perceived benefits of RichUI or RIA include: Improved user-responsiveness The most successful RichUI implementations can achieve almost a “Windows-desktop” look and feel to users “Rich-er” functionality – beyond the simple rendering of HTML, to include dynamic widgets and components Improved browser/server load-balancing – as more of the business functionality can be distributed to the desktop (browsers) RichUI has also been used to generate Java/SWT bindings, hence the reason for swaying from the traditional name of RIA. RichUI has also been used to generate Java/SWT bindings, hence the reason for swaying from the traditional name of RIA.

    7. EGL Web2.0 Architecture The AJAX Proxy (or RichUI Proxy) is only 10 lines of code in PHP and 40 in Java.The AJAX Proxy (or RichUI Proxy) is only 10 lines of code in PHP and 40 in Java.

    8. EGL: Shielding Complexity

    9. EGL Rich UI – Simple Example (Displaying Data)

    10. Rich UI Terms and Concepts – Rich UI and SOA Rich U.I. makes extensive use of services, and SOA – Service Oriented Architecture, which is a way to modularize and deploy code so that it can be consumed anywhere in the world using any language. There are two types of Web Service calls used by Rich U.I. RESTful service calls – A call made through the HTTP service-interface. Once the call is made, a result is passed back to the requestor in XML or JSON format. SOAP service calls - A type of service call that is more popular in enterprise. It requires the exchange of XML messages between the client and host system. By utilizing web services, one can create a truly scalable system.

    11. Terms and Concepts - continued AJAX – Stands for Asynchronous JavaScript and XML. RichUI makes extensive (almost wholesale) use of AJAX, utilizing it whenever it makes a service call. RichUI never executes a traditional HTML Form Submit. Widget – A widget is a graphical unit in a GUI or Internet style interface. Most widgets allow for the interaction and manipulation of data in the browser. DOJO – An open source JavaScript toolkit. The DOJO project sets out to create widgets using only JavaScript. RichUI is able to interface with DOJO code in order to pull in some of their widgets. http://dojotoolkit.org/

    12. Terms and Concepts - continued JSON – JavaScript Object Notation is lightweight format used by JavaScript to exchange data. JSON is able to serialize structured data, such as arrays, and exchange it among host and client machines. Silverlight – is a new technology developed by Microsoft that is similar to Macromedia’s Flash. RichUI is able to interact with, and integrate with Silverlight widgets in your application: http://silverlight.net/http://silverlight.net/

    13. A typical RUI application might look like this:

    14. EGL Rich UI - Summary Simple, declarative UI descriptions Resulting Javascript code deploys on light-weight web server and runs in browser One language Simple metaphors Customizable Data-driven Declarative

    16. Scenario Flow

    17. Can You Tell The Difference

More Related