Welcome!

Microservices Expo Authors: Yeshim Deniz, Elizabeth White, Pat Romanski, Liz McMillan, Charles Araujo

Related Topics: Java IoT

Java IoT: Article

Three RIA Tools Examined: JSF, Flex, and JavaFX

2008 is going to be an important year for Rich Internet Applications

Flash/Flex
Another medium for delivering Rich Internet Applications is the high-performance Flash player from Adobe. Flash player (version 9) is a ubiquitous lightweight virtual machine that's installed as a plug-in inside a browser and runs Flex applications. Flex provides a declarative language called MXML that offers out-of-the-box graphical UI components as well as ActionScript, an object-oriented programming language, to build advanced user interfaces. Compiled Flex applications run inside the Flash virtual machine to enable a much richer user experience than would be possible in a standard Web browser where the markup (HTML) and JavaScript are interpreted. Flex is easily extendable and provides easy integration with back-end technologies such as Java, PHP, and ASP.

Let's look at the same application using Flex. Flex provides a declarative way of defining the UI. The compiled file then runs inside the Flash player installed as plug-in inside a Web browser. Here's how the application could be declared:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx=http://www.adobe.com/2006/mxmllayout="absolute">
<mx:Script>
    <![CDATA[

    [Bindable]

    private var numOfClicks:Number = 0;

    public function click():void{numOfClicks++;

    }
    ]]>
</mx:Script>

<mx:Panel x="10" y="10" width="250" height="114" layout="absolute" title="Flex">
    <mx:Button label="Hit Me" click="click()" y="10" horizontalCenter="0"/>
    <mx:Label text="Number of hits: {numOfClicks}" y="40" horizontalCenter="0"/>
    </mx:Panel>
</mx:Application>

The model for the UI is defined inside the mx:Script element.

Figure 2 shows the result:

JavaFX
The next technology is JavaFX. It's the "old newcomer" to the RIA arena. While JavaFX consists of both JavaFX Mobile and JavaFX Script, here I'm referring to JavaFX Script. When I refer to JavaFX, I actually mean JavaFX Script. While JavaFX is a new language, it's based on mature Swing and JavaSE technologies. That's why I call it an "old newcomer."

History
Most people will agree that Java is excellent on the server side, but it was missing in action on the UI side. To be honest, Java does provide solid tools for building user interfaces: Swing and applets. However, using these technologies has been challenging and difficult. The look-and-feel available didn't help much either. To add to that, the JRE's download size (large), its start-up application speed, and its installation and updates (even Java experts can find it difficult to install and update Java) made it even more challenging to use Java to build Rich Internet Applications.

JavaFX
So what is JavaFX? JavaFX is a declarative language for building rich user interfaces using Java. In a way it's Swing for the Web using a declarative scripting language, which makes it much simpler to develop user interfaces. Given that it's based on Swing, it comes with a ready-to-use set of UI components.

The upcoming JDK6 (Consumer JRE) will address the problems with the current Java runtime. To run a JavaFX application will require downloading a lightweight Java virtual machine (probably around 2MB-4MB). The application can be run in the browser (using a Java plug-in, similar to the Flash player) or outside the browser. JavaFX applications running inside a Java virtual machine will be able to deliver richer and more interactive applications than possible via a browser interpreting only HTML and JavaScript.

The following is an example of the same sample application using a declarative JavaFX script. The model for the user interface is defined using the ButtonClickModel class.

import javafx.ui.*;
import javafx.ui.canvas.*;
import javax.swing.UIManager;
import sun.swing.plaf.nimbus.NimbusLookAndFeel;

UIManager.setLookAndFeel(new NimbusLookAndFeel());

class ButtonClickModel {
    attribute numOfClicks: Number;
}
var model = new ButtonClickModel();

Frame {
   height: 100
   width: 150
   title: "JavaFX"
   content: GridPanel {
     rows: 2
     columns: 1
     vgap: 3
     cells: [
       Button {
         text: "Hit Me"
         verticalTextPosition: CENTER
         action: operation() {
           model.numOfClicks++;
         }
       },
       SimpleLabel {
         horizontalAlignment: CENTER
         text: bind "Number of hits: {model.numOfClicks format as <<#>>}"
       }
     ]
   }
   visible: true
};

Finally, running this will produce the following in Figure 3.

Silverlight
This article would be incomplete without mentioning Silverlight. Due to limited space, I will only briefly mention it. (I will cover Silverlight in much more detail in future articles in this series.) Silverlight is a Microsoft .NET platform for building cross-platform, cross-browser Rich Internet Applications. As with Flex and JavaFX, Silverlight applications are delivered inside a virtual machine that is installed as a plug-in into a Web browser.

Conclusion
We'll see more and more organi-zations deploying Rich Internet Applications to improve user experience. The browser is here to stay. It's a fine platform for delivering far superior applications than we're used to. Yet, the standard browser alone can't be pushed beyond its limits.

It's crucial to recognize that additional delivery platforms besides the standard Web browser exist. Virtual machines such as the Flash player or Java can be installed as plug-ins and deliver a much richer experience. These applications can deliver a true desktop experience with the Web delivery model.

As a final note, this is just the first in a series of articles on Rich Internet Applications. As this series of articles progresses, I will get into more details about these technologies. Furthermore, I intend to provide a concise and clear guide for IT managers to select the right user interface technology for their next generation Web application.

More Stories By Max Katz

Max Katz heads Developer Relations for Appery.io, a cloud-based mobile app platform. He loves trying out new and cool REST APIs in mobile apps. Max is the author of two books “Practical RichFaces” (Apress 2008, 2011), DZone MVB (Most Valuable Blogger), and is a frequent speaker at developer conferences. You can find out what Max is up to on his blog: http://maxkatz.org and Twitter: @maxkatz.

Comments (9) View Comments

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.


Most Recent Comments
Tom Van den Eynde 04/19/08 04:00:16 AM EDT

It's simple: go with Adobe Flex - it simply rocks.

DW 04/18/08 11:18:54 PM EDT

Hmmm, have you checked out the Orbeon Forms?(http://www.orbeon.com/)

Hmmm 04/02/08 01:38:47 PM EDT

Yes, XForms sounds good. PicoForms offers a solution that would work, and Yahoo has done their new mobile back end using server-side tech. An on-device XForms processor would help write portable mobile apps.

skalvi 03/25/08 07:43:14 PM EDT

If I want to write an enterprise application for my business and I want my PC user's to be able to use it as well as mobile user's, java will not work. Web start will work on the PC but not a PDA, since I would have to use a midilet. Same with flash. I would have to develop in flash lite for the PDA's. I would have to write different version of the same program for different devices. The same with GWT for the PC based version. I would have to write a seperate application for Android and the Davlik jvm. This is where JSF is most suitable, with the concept of plugable rendering kits. Why can't I just use GWT on the gphone? Maybe I can. Maybe we should hybridize JSF. So what is the best platform for write one run anywhere? anyone?

Confusion Solution 03/01/08 04:46:58 PM EST

> The number of different frameworks and libraries
> is too vast to even consider evaluating a fraction of
> them

So just use Flex instead, hehe!

Max 02/28/08 03:34:19 PM EST

@Michael: Nowhere am I comparing JSF and Flex, I'm merely discussing various technologies and delivery platforms for RIA applications. Nowhere am I saying that one is better than the other. I'm not sure why you would want to hand-code JavaScript, unless you are building a framework, doing a school project or some research. Do you consider GWT (Google Web
Toolkit) to be a good Ajax framework? They do exactly the same, they hide the JavaScript from you.

Michael 02/28/08 07:30:10 AM EST

sorry, but comparing JSF and Flex is ridiculous. JSF has nothing to do with RIA. You might say that JSF is a possibility to build Ajax apps, but then: why JSF? It is utterly unsuited for Ajax compared to other web frameworks BECAUSE it hides the JS from the dev.

Alex 02/20/08 12:59:53 PM EST

Good article. It misses one important comment though. Your JSF example has to make a server call to the pojo to increment the click counter, while both Flex and JavaFX example do not need to do this because of their stateful nature, which is very important.

Out of these three, Flash Player's UI looks better than others.

DW 02/20/08 10:07:40 AM EST

What about XHTML and XForms Offline?

@MicroservicesExpo Stories
Without a clear strategy for cost control and an architecture designed with cloud services in mind, costs and operational performance can quickly get out of control. To avoid multiple architectural redesigns requires extensive thought and planning. Boundary (now part of BMC) launched a new public-facing multi-tenant high resolution monitoring service on Amazon AWS two years ago, facing challenges and learning best practices in the early days of the new service.
You often hear the two titles of "DevOps" and "Immutable Infrastructure" used independently. In his session at DevOps Summit, John Willis, Technical Evangelist for Docker, covered the union between the two topics and why this is important. He provided an overview of Immutable Infrastructure then showed how an Immutable Continuous Delivery pipeline can be applied as a best practice for "DevOps." He ended the session with some interesting case study examples.
Both SaaS vendors and SaaS buyers are going “all-in” to hyperscale IaaS platforms such as AWS, which is disrupting the SaaS value proposition. Why should the enterprise SaaS consumer pay for the SaaS service if their data is resident in adjacent AWS S3 buckets? If both SaaS sellers and buyers are using the same cloud tools, automation and pay-per-transaction model offered by IaaS platforms, then why not host the “shrink-wrapped” software in the customers’ cloud? Further, serverless computing, cl...
All organizations that did not originate this moment have a pre-existing culture as well as legacy technology and processes that can be more or less amenable to DevOps implementation. That organizational culture is influenced by the personalities and management styles of Executive Management, the wider culture in which the organization is situated, and the personalities of key team members at all levels of the organization. This culture and entrenched interests usually throw a wrench in the work...
"We view the cloud not as a specific technology but as a way of doing business and that way of doing business is transforming the way software, infrastructure and services are being delivered to business," explained Matthew Rosen, CEO and Director at Fusion, in this SYS-CON.tv interview at 18th Cloud Expo (http://www.CloudComputingExpo.com), held June 7-9 at the Javits Center in New York City, NY.
Without lifecycle traceability and visibility across the tool chain, stakeholders from Planning-to-Ops have limited insight and answers to who, what, when, why and how across the DevOps lifecycle. This impacts the ability to deliver high quality software at the needed velocity to drive positive business outcomes. In his general session at @DevOpsSummit at 19th Cloud Expo, Eric Robertson, General Manager at CollabNet, will discuss how customers are able to achieve a level of transparency that e...
We all know that end users experience the internet primarily with mobile devices. From an app development perspective, we know that successfully responding to the needs of mobile customers depends on rapid DevOps – failing fast, in short, until the right solution evolves in your customers' relationship to your business. Whether you’re decomposing an SOA monolith, or developing a new application cloud natively, it’s not a question of using microservices - not doing so will be a path to eventual ...
"DivvyCloud as a company set out to help customers automate solutions to the most common cloud problems," noted Jeremy Snyder, VP of Business Development at DivvyCloud, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
We all know that end users experience the Internet primarily with mobile devices. From an app development perspective, we know that successfully responding to the needs of mobile customers depends on rapid DevOps – failing fast, in short, until the right solution evolves in your customers' relationship to your business. Whether you’re decomposing an SOA monolith, or developing a new application cloud natively, it’s not a question of using microservices – not doing so will be a path to eventual b...
"This all sounds great. But it's just not realistic." This is what a group of five senior IT executives told me during a workshop I held not long ago. We were working through an exercise on the organizational characteristics necessary to successfully execute a digital transformation, and the group was doing their ‘readout.' The executives loved everything we discussed and agreed that if such an environment existed, it would make transformation much easier. They just didn't believe it was reali...
"Opsani helps the enterprise adopt containers, help them move their infrastructure into this modern world of DevOps, accelerate the delivery of new features into production, and really get them going on the container path," explained Ross Schibler, CEO of Opsani, and Peter Nickolov, CTO of Opsani, in this SYS-CON.tv interview at DevOps Summit at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
Most companies are adopting or evaluating container technology - Docker in particular - to speed up application deployment, drive down cost, ease management and make application delivery more flexible overall. As with most new architectures, this dream takes a lot of work to become a reality. Even when you do get your application componentized enough and packaged properly, there are still challenges for DevOps teams to making the shift to continuous delivery and achieving that reduction in cost ...
Don’t go chasing waterfall … development, that is. According to a recent post by Madison Moore on Medium featuring insights from several software delivery industry leaders, waterfall is – while still popular – not the best way to win in the marketplace. With methodologies like Agile, DevOps and Continuous Delivery becoming ever more prominent over the past 15 years or so, waterfall is old news. Or, is it? Moore cites a recent study by Gartner: “According to Gartner’s IT Key Metrics Data report, ...
Your homes and cars can be automated and self-serviced. Why can't your storage? From simply asking questions to analyze and troubleshoot your infrastructure, to provisioning storage with snapshots, recovery and replication, your wildest sci-fi dream has come true. In his session at @DevOpsSummit at 20th Cloud Expo, Dan Florea, Director of Product Management at Tintri, provided a ChatOps demo where you can talk to your storage and manage it from anywhere, through Slack and similar services with...
Many organizations are now looking to DevOps maturity models to gauge their DevOps adoption and compare their maturity to their peers. However, as enterprise organizations rush to adopt DevOps, moving past experimentation to embrace it at scale, they are in danger of falling into the trap that they have fallen into time and time again. Unfortunately, we've seen this movie before, and we know how it ends: badly.
"I focus on what we are calling CAST Highlight, which is our SaaS application portfolio analysis tool. It is an extremely lightweight tool that can integrate with pretty much any build process right now," explained Andrew Siegmund, Application Migration Specialist for CAST, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
Explosive growth in connected devices. Enormous amounts of data for collection and analysis. Critical use of data for split-second decision making and actionable information. All three are factors in making the Internet of Things a reality. Yet, any one factor would have an IT organization pondering its infrastructure strategy. How should your organization enhance its IT framework to enable an Internet of Things implementation? In his session at @ThingsExpo, James Kirkland, Red Hat's Chief Archi...
In his general session at 19th Cloud Expo, Manish Dixit, VP of Product and Engineering at Dice, discussed how Dice leverages data insights and tools to help both tech professionals and recruiters better understand how skills relate to each other and which skills are in high demand using interactive visualizations and salary indicator tools to maximize earning potential. Manish Dixit is VP of Product and Engineering at Dice. As the leader of the Product, Engineering and Data Sciences team at D...
We all know that end users experience the internet primarily with mobile devices. From an app development perspective, we know that successfully responding to the needs of mobile customers depends on rapid DevOps – failing fast, in short, until the right solution evolves in your customers' relationship to your business. Whether you’re decomposing an SOA monolith, or developing a new application cloud natively, it’s not a question of using microservices - not doing so will be a path to eventual ...
Docker is sweeping across startups and enterprises alike, changing the way we build and ship applications. It's the most prominent and widely known software container platform, and it's particularly useful for eliminating common challenges when collaborating on code (like the "it works on my machine" phenomenon that most devs know all too well). With Docker, you can run and manage apps side-by-side - in isolated containers - resulting in better compute density. It's something that many developer...