Welcome!

Java IoT Authors: Yeshim Deniz, Pat Romanski, Elizabeth White, Liz McMillan, Frank Lupo

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?

@ThingsExpo Stories
SYS-CON Events announced today that Dasher Technologies will exhibit at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 - Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Dasher Technologies, Inc. ® is a premier IT solution provider that delivers expert technical resources along with trusted account executives to architect and deliver complete IT solutions and services to help our clients execute their goals, plans and objectives. Since 1999, we'v...
SYS-CON Events announced today that TidalScale, a leading provider of systems and services, will exhibit at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 - Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. TidalScale has been involved in shaping the computing landscape. They've designed, developed and deployed some of the most important and successful systems and services in the history of the computing industry - internet, Ethernet, operating s...
Enterprises have taken advantage of IoT to achieve important revenue and cost advantages. What is less apparent is how incumbent enterprises operating at scale have, following success with IoT, built analytic, operations management and software development capabilities – ranging from autonomous vehicles to manageable robotics installations. They have embraced these capabilities as if they were Silicon Valley startups. As a result, many firms employ new business models that place enormous impor...
Coca-Cola’s Google powered digital signage system lays the groundwork for a more valuable connection between Coke and its customers. Digital signs pair software with high-resolution displays so that a message can be changed instantly based on what the operator wants to communicate or sell. In their Day 3 Keynote at 21st Cloud Expo, Greg Chambers, Global Group Director, Digital Innovation, Coca-Cola, and Vidya Nagarajan, a Senior Product Manager at Google, will discuss how from store operations...
Nordstrom is transforming the way that they do business and the cloud is the key to enabling speed and hyper personalized customer experiences. In his session at 21st Cloud Expo, Ken Schow, VP of Engineering at Nordstrom, will discuss some of the key learnings and common pitfalls of large enterprises moving to the cloud. This includes strategies around choosing a cloud provider(s), architecture, and lessons learned. In addition, he’ll go over some of the best practices for structured team migrat...
SYS-CON Events announced today that Taica will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Taica manufacturers Alpha-GEL brand silicone components and materials, which maintain outstanding performance over a wide temperature range -40C to +200C. For more information, visit http://www.taica.co.jp/english/.
SYS-CON Events announced today that MIRAI Inc. will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. MIRAI Inc. are IT consultants from the public sector whose mission is to solve social issues by technology and innovation and to create a meaningful future for people.
Recently, REAN Cloud built a digital concierge for a North Carolina hospital that had observed that most patient call button questions were repetitive. In addition, the paper-based process used to measure patient health metrics was laborious, not in real-time and sometimes error-prone. In their session at 21st Cloud Expo, Sean Finnerty, Executive Director, Practice Lead, Health Care & Life Science at REAN Cloud, and Dr. S.P.T. Krishnan, Principal Architect at REAN Cloud, will discuss how they bu...
As hybrid cloud becomes the de-facto standard mode of operation for most enterprises, new challenges arise on how to efficiently and economically share data across environments. In his session at 21st Cloud Expo, Dr. Allon Cohen, VP of Product at Elastifile, will explore new techniques and best practices that help enterprise IT benefit from the advantages of hybrid cloud environments by enabling data availability for both legacy enterprise and cloud-native mission critical applications. By rev...
Join IBM November 1 at 21st Cloud Expo at the Santa Clara Convention Center in Santa Clara, CA, and learn how IBM Watson can bring cognitive services and AI to intelligent, unmanned systems. Cognitive analysis impacts today’s systems with unparalleled ability that were previously available only to manned, back-end operations. Thanks to cloud processing, IBM Watson can bring cognitive services and AI to intelligent, unmanned systems. Imagine a robot vacuum that becomes your personal assistant tha...
SYS-CON Events announced today that Datera will exhibit at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Datera offers a radically new approach to data management, where innovative software makes data infrastructure invisible, elastic and able to perform at the highest level. It eliminates hardware lock-in and gives IT organizations the choice to source x86 server nodes, with business model option...
With major technology companies and startups seriously embracing Cloud strategies, now is the perfect time to attend 21st Cloud Expo October 31 - November 2, 2017, at the Santa Clara Convention Center, CA, and June 12-14, 2018, at the Javits Center in New York City, NY, and learn what is going on, contribute to the discussions, and ensure that your enterprise is on the right path to Digital Transformation.
Infoblox delivers Actionable Network Intelligence to enterprise, government, and service provider customers around the world. They are the industry leader in DNS, DHCP, and IP address management, the category known as DDI. We empower thousands of organizations to control and secure their networks from the core-enabling them to increase efficiency and visibility, improve customer service, and meet compliance requirements.
Digital transformation is changing the face of business. The IDC predicts that enterprises will commit to a massive new scale of digital transformation, to stake out leadership positions in the "digital transformation economy." Accordingly, attendees at the upcoming Cloud Expo | @ThingsExpo at the Santa Clara Convention Center in Santa Clara, CA, Oct 31-Nov 2, will find fresh new content in a new track called Enterprise Cloud & Digital Transformation.
SYS-CON Events announced today that N3N will exhibit at SYS-CON's @ThingsExpo, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. N3N’s solutions increase the effectiveness of operations and control centers, increase the value of IoT investments, and facilitate real-time operational decision making. N3N enables operations teams with a four dimensional digital “big board” that consolidates real-time live video feeds alongside IoT sensor data a...
SYS-CON Events announced today that NetApp has been named “Bronze Sponsor” of SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. NetApp is the data authority for hybrid cloud. NetApp provides a full range of hybrid cloud data services that simplify management of applications and data across cloud and on-premises environments to accelerate digital transformation. Together with their partners, NetApp emp...
Smart cities have the potential to change our lives at so many levels for citizens: less pollution, reduced parking obstacles, better health, education and more energy savings. Real-time data streaming and the Internet of Things (IoT) possess the power to turn this vision into a reality. However, most organizations today are building their data infrastructure to focus solely on addressing immediate business needs vs. a platform capable of quickly adapting emerging technologies to address future ...
SYS-CON Events announced today that Avere Systems, a leading provider of hybrid cloud enablement solutions, will exhibit at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Avere Systems was created by file systems experts determined to reinvent storage by changing the way enterprises thought about and bought storage resources. With decades of experience behind the company’s founders, Avere got its ...
SYS-CON Events announced today that Avere Systems, a leading provider of enterprise storage for the hybrid cloud, will exhibit at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 - Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Avere delivers a more modern architectural approach to storage that doesn't require the overprovisioning of storage capacity to achieve performance, overspending on expensive storage media for inactive data or the overbui...
SYS-CON Events announced today that IBM has been named “Diamond Sponsor” of SYS-CON's 21st Cloud Expo, which will take place on October 31 through November 2nd 2017 at the Santa Clara Convention Center in Santa Clara, California.