Click here to close now.

Welcome!

Adobe Flex Authors: Matthew Lobas, PR.com Newswire, Shelly Palmer, Kevin Benedict

Related Topics: AJAX & REA, Java, Adobe Flex

AJAX & REA: Article

A New Way to Look at Portals

This portal framework provides full support for AJAX-type message processing

Historically, the progress of Web-based applications and the diverse nature of information from different Web applications ushered in the need to unify content to a single point of access: the Web portals.

There are several Web portal frameworks being developed in both the J2EE and .NET camp to unify Web content and provide end users with a more efficient environment to interact with the Web.

The portal technology is based on the notion of a portal container that provides the basic infrastructure to host a load of disparate applications wrapped up as portlets.

To facilitate cross-vendor Web application deployment as portlets in portal containers, a number of specs were written with several implementations in J2EE and .NET, but there still was no way to host content from both J2EE- and .NET-based Web applications in the same portal container.

To fix this issue, WSRP (Web Service Remoting Protocol) came into being. But WSRP is also pretty heavyweight and does not serve the needs of the enterprise to provide an easy portal architecture.

In general, if we look at the portal implementations mostly in the J2EE space, there are some major shortfalls:

  1. The idea of a portal-type solution started early with the classical page flip kind of Web architecture and most of the portal specifications/implementations are still abiding by that. With the Web 2.0 and the AJAX push portal, solutions also need to move to an asynchronous way of request-response handling, but the most popular Java portal specifications such as JSR 168/286 does not provide the same till date.
  2. With so many implementations of the portal container, it’s difficult to deploy a portlet app. The deployment procedure varies from container to container even after common standards like JSR 168/286.
  3. There is no way to deploy applications written in .NET and J2EE in the same portal container.

This article looks at an easy portal infrastructure that’s built on a Flex-based portal container and portlets (individual Web applications) deployed as Flex modules. This portal framework provides full support for AJAX-type message processing with a very efficient deployment of portlets and manages the portlets so that they can logically connect to any Web application, freeing developers from routing to J2EE/.NET portal frameworks. If you need a clean way to integrate and reuse the same code for your Flex application based on either a J2EE or .NET back end inside a portal container, read on.

This article is more about Java portal containers and the J2EE back end, but the same principles may be applied to the .NET side as well.

Basic Shortfalls in Today’s Java Portal Solutions
To standardize the process of portal development and deployment, there are standards such as JSR 168/286 and WSRP. These standards are driven by a huge group of commercial portal vendors. First I’ll look at the underlying architecture of the JSR168/286-based portal solution.

JSR 168/286 relies on the classical page-flip Web architecture, where the full browser page is refreshed whenever an event happens in the page. Figure 1 shows the architecture details of a JSR 168/286 portal solution.


This portal solution is based on the server-side aggregation of content that is pushed to the browser upon request in the form of an HTML document. The container that hosts the portlets resides on the server side where the deployed portlets (individual applications) are logically managed. In this architecture, the content from different portlets is aggregated in the server and the net result is pushed back to the client browser as HTML. However, to effectively make AJAX (Asynchronous JavaScript and XML) type request/response handling work for the portal, it’s required to manage portal/portlet interactions in the client browser too. Without the notion of a client-side container present in the user browser, it will be very difficult to have an AJAX-type request/response work in the portals. With the architecture in place with JSR 168/286, we have the following shortfalls when it comes to AJAX-type request/response handling:

  1. Asynchronous rendering of portlets is not currently mentioned in the Portlet Specification JSR 286/168
  2. With non-standard work around too, it’s difficult to get AJAX working for more than one portlet on a page. This also leads to intra-portlet communication using AJAX impossible even with JSR 286 support.
  3. Whenever a portlet state is updated without a server round-trip, the state that may be encoded in other portlets may be stale, which is the most severe flaw when working with AJAX.
  4. Some AJAX implementations exist but are vendor-specific and non-standard. These solutions use JavaScript to tie portlets in the browser and again tie portlets using a JSR 286 kind of solution or session sharing in the server-side portal container.

How Can a Flex-Portal Solution Come to the Rescue?
To fix the above issues and provide a rich portal framework, Flex might be an ideal solution for Web applications written in Java or any other technology. Flex applications are loosely coupled from the server-side processes; they rely on the server just for data. Flex applications have self-contained UI logic, which is ideal for portlets. Unlike JSP/ASP-type rendering where the UI is closely attached to server-side processing, Flex UI logic does not depend on the server side; it only needs the server-side data to bind Flex controls with actual data. Hence, if the policy exists to fetch data from a server, Flex UI can be connected to any server from any browser-based or stand-alone application and render the same rich UI every time. This basic advantage of Flex can be exploited to come up with a robust Web2.0-compliant portal architecture as shown in Figure 2.


In the figure, the container runs in the client as a Flex application with basic support for authentication/persistence, etc., being provided by a server-side container process (may be implemented in J2EE /.NET/Web services). Individual portlets are Flex modules deployed in the server, which are instantiated in the portal container whenever needed. These individual portlets can get their data using SOAP/HTTP from any Web server. Portlets are managed by the portal container and can also be attached to an application running in the same container server or any third-party/Web services server to get the data. Portlets are designed as Flex modules to have minimum downloadable size and to enable runtime hot deployment without any need to stop or recompile the Flex portal container.

Now let’s see how this architecture scales with issues discussed earlier and how does it tackle the same.

More Stories By Indroniel Deb Roy

Indroniel Deb Roy works as an UI Architect for BlueCoat Systems.He has more than 10 years of development experience in the fields of J2EE and Web Application development. In his past he worked in developing web applications for Oracle, Novell, Packeteer, Knova etc. He has a passion for innovation and works with various Web2.0 & J2EE technologies and recently started on Smart Phone & IPhone Development.

More Stories By Alex Nhu

Alex Nhu works as a manager, UI Development at Packeteer Inc. He has more than 11 years of work experience designing and architecting complex server-side J2EE and XML applications. He loves developing Web applications with Flex now after getting a taste of developing UI using other RIA platforms.

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
srinuguda 08/21/09 12:46:00 AM EDT

Hi,

Kindly post the some sample on portlet implementation in flex.

Regards,

Lord1984 03/13/09 11:59:40 AM EDT

Hi,

very good article...

When you talk about portlet window you mean that portlet window is a mx panel and it contains a module, is it true?
how to achieve direct module to module communication?

Where download the source?

thanks.

sreiner 11/09/08 07:12:47 PM EST

Is the source available? The link mentioned in the feedback only runs a demo (with no flex "view src"). The article mentioned "source code for the interfaces can be found in the annexure-1". Thanks.

Indroniel Deb Roy 04/03/08 07:04:27 AM EDT

Try the following URL:
http://www.portalcontainer.com/portalcontainer

Sujit Reddy G 03/31/08 04:02:04 AM EDT

This is a awesome idea. The link is broken. can you please post the URL to the implementation.

Indroniel Deb Roy 12/20/07 06:22:09 AM EST

Here is the link to a basic flex container implementation showing some portlets based on the Amazon Web Service.

http://www.portalcontainer.com/portalcontainer/pc.html

Indroniel Deb Roy 12/18/07 06:24:21 PM EST

I got a preliminary version of the Flex Container up and running with stuff discussed in the article with some sample portlets. I will post the URL soon, so that everyone can get a feel of it!

Andrea Bosio 12/01/07 04:28:58 AM EST

Great article and excellent idea! Our company could be very interested and actively involved in this open source porject. At the moment we are setting up and deploing Liferay Portals as intranet system to our customers. Please contact me if you decide to start the project or if you are looking for partners.

Luke 11/23/07 07:26:33 AM EST

Excellent overview article. We're looking at Flex as a portal/portlet technology for the next overhaul of our intranet system, I would be very keen to be involved in a dedicated container. Please let me know if you decide to post this as an open source project.

@ThingsExpo Stories
GENBAND has announced that SageNet is leveraging the Nuvia platform to deliver Unified Communications as a Service (UCaaS) to its large base of retail and enterprise customers. Nuvia’s cloud-based solution provides SageNet’s customers with a full suite of business communications and collaboration tools. Two large national SageNet retail customers have recently signed up to deploy the Nuvia platform and the company will continue to sell the service to new and existing customers. Nuvia’s capabilities include HD voice, video, multimedia messaging, mobility, conferencing, Web collaboration, deskt...
The Open Compute Project is a collective effort by Facebook and a number of players in the datacenter industry to bring lessons learned from the social media giant's giant IT deployment to the rest of the world. Datacenters account for 3% of global electricity consumption – about the same as all of Switzerland or the Czech Republic -- according to people I met at the recent Open Compute Summit in San Jose. With increasing mobility at the edge of the cloud and vast new dataflows being predicted with the growth of the Internet of Things (and The Coming Age of Many Zettabytes) in the near...
Wearable technology was dominant at this year’s International Consumer Electronics Show (CES) , and MWC was no exception to this trend. New versions of favorites, such as the Samsung Gear (three new products were released: the Gear 2, the Gear 2 Neo and the Gear Fit), shared the limelight with new wearables like Pebble Time Steel (the new premium version of the company’s previously released smartwatch) and the LG Watch Urbane. The most dramatic difference at MWC was an emphasis on presenting wearables as fashion accessories and moving away from the original clunky technology associated with t...
The WebRTC Summit 2014 New York, to be held June 9-11, 2015, at the Javits Center in New York, NY, announces that its Call for Papers is open. Topics include all aspects of improving IT delivery by eliminating waste through automated business models leveraging cloud technologies. WebRTC Summit is co-located with 16th International Cloud Expo, @ThingsExpo, Big Data Expo, and DevOps Summit.
SYS-CON Events announced today that Cisco, the worldwide leader in IT that transforms how people connect, communicate and collaborate, has been named “Gold Sponsor” of SYS-CON's 16th International Cloud Expo®, which will take place on June 9-11, 2015, at the Javits Center in New York City, NY. Cisco makes amazing things happen by connecting the unconnected. Cisco has shaped the future of the Internet by becoming the worldwide leader in transforming how people connect, communicate and collaborate. Cisco and our partners are building the platform for the Internet of Everything by connecting the...
15th Cloud Expo, which took place Nov. 4-6, 2014, at the Santa Clara Convention Center in Santa Clara, CA, expanded the conference content of @ThingsExpo, Big Data Expo, and DevOps Summit to include two developer events. IBM held a Bluemix Developer Playground on November 5 and ElasticBox held a Hackathon on November 6. Both events took place on the expo floor. The Bluemix Developer Playground, for developers of all levels, highlighted the ease of use of Bluemix, its services and functionality and provide short-term introductory projects that developers can complete between sessions.
Temasys has announced senior management additions to its team. Joining are David Holloway as Vice President of Commercial and Nadine Yap as Vice President of Product. Over the past 12 months Temasys has doubled in size as it adds new customers and expands the development of its Skylink platform. Skylink leads the charge to move WebRTC, traditionally seen as a desktop, browser based technology, to become a ubiquitous web communications technology on web and mobile, as well as Internet of Things compatible devices.
SYS-CON Events announced today that robomq.io will exhibit at SYS-CON's @ThingsExpo, which will take place on June 9-11, 2015, at the Javits Center in New York City, NY. robomq.io is an interoperable and composable platform that connects any device to any application. It helps systems integrators and the solution providers build new and innovative products and service for industries requiring monitoring or intelligence from devices and sensors.
The list of ‘new paradigm’ technologies that now surrounds us appears to be at an all time high. From cloud computing and Big Data analytics to Bring Your Own Device (BYOD) and the Internet of Things (IoT), today we have to deal with what the industry likes to call ‘paradigm shifts’ at every level of IT. This is disruption; of course, we understand that – change is almost always disruptive.
WebRTC is an up-and-coming standard that enables real-time voice and video to be directly embedded into browsers making the browser a primary user interface for communications and collaboration. WebRTC runs in a number of browsers today and is currently supported in over a billion installed browsers globally, across a range of platform OS and devices. Today, organizations that choose to deploy WebRTC applications and use a host machine that supports audio through USB or Bluetooth can use Plantronics products to connect and transit or receive the audio associated with the WebRTC session.
Docker is an excellent platform for organizations interested in running microservices. It offers portability and consistency between development and production environments, quick provisioning times, and a simple way to isolate services. In his session at DevOps Summit at 16th Cloud Expo, Shannon Williams, co-founder of Rancher Labs, will walk through these and other benefits of using Docker to run microservices, and provide an overview of RancherOS, a minimalist distribution of Linux designed expressly to run Docker. He will also discuss Rancher, an orchestration and service discovery platf...
Sonus Networks introduced the Sonus WebRTC Services Solution, a virtualized Web Real-Time Communications (WebRTC) offer, purpose-built for the Cloud. The WebRTC Services Solution provides signaling from WebRTC-to-WebRTC applications and interworking from WebRTC-to-Session Initiation Protocol (SIP), delivering advanced real-time communications capabilities on mobile applications and on websites, which are accessible via a browser.
SYS-CON Events announced today that Aria Systems, the leading innovator in recurring revenue, has been named “Bronze Sponsor” of SYS-CON's @ThingsExpo, which will take place on June 9–11, 2015, at the Javits Center in New York, NY. Proven by the world’s most demanding enterprises, including AAA NCNU, Constant Contact, Falck, Hootsuite, Pitney Bowes, Telekom Denmark, and VMware, Aria helps enterprises grow their recurring revenue businesses. With Aria’s end-to-end active monetization platform, global brands can get to market faster with a wider variety of products and services, while maximizin...
SYS-CON Media announced today that @WebRTCSummit Blog, the largest WebRTC resource in the world, has been launched. @WebRTCSummit Blog offers top articles, news stories, and blog posts from the world's well-known experts and guarantees better exposure for its authors than any other publication. @WebRTCSummit Blog can be bookmarked ▸ Here @WebRTCSummit conference site can be bookmarked ▸ Here
SYS-CON Events announced today that Alert Logic, the leading provider of Security-as-a-Service solutions for the cloud, has been named “Bronze Sponsor” of SYS-CON's 16th International Cloud Expo® and DevOps Summit 2015 New York, which will take place June 9-11, 2015, at the Javits Center in New York City, NY, and the 17th International Cloud Expo® and DevOps Summit 2015 Silicon Valley, which will take place November 3–5, 2015, at the Santa Clara Convention Center in Santa Clara, CA.
SYS-CON Events announced today that Vitria Technology, Inc. will exhibit at SYS-CON’s @ThingsExpo, which will take place on June 9-11, 2015, at the Javits Center in New York City, NY. Vitria will showcase the company’s new IoT Analytics Platform through live demonstrations at booth #330. Vitria’s IoT Analytics Platform, fully integrated and powered by an operational intelligence engine, enables customers to rapidly build and operationalize advanced analytics to deliver timely business outcomes for use cases across the industrial, enterprise, and consumer segments.
SYS-CON Events announced today that Solgenia will exhibit at SYS-CON's 16th International Cloud Expo®, which will take place on June 9-11, 2015, at the Javits Center in New York City, NY, and the 17th International Cloud Expo®, which will take place on November 3–5, 2015, at the Santa Clara Convention Center in Santa Clara, CA. Solgenia is the global market leader in Cloud Collaboration and Cloud Infrastructure software solutions. Designed to “Bridge the Gap” between Personal and Professional Social, Mobile and Cloud user experiences, our solutions help large and medium-sized organizations dr...
SYS-CON Events announced today that Liaison Technologies, a leading provider of data management and integration cloud services and solutions, has been named "Silver Sponsor" of SYS-CON's 16th International Cloud Expo®, which will take place on June 9-11, 2015, at the Javits Center in New York, NY. Liaison Technologies is a recognized market leader in providing cloud-enabled data integration and data management solutions to break down complex information barriers, enabling enterprises to make smarter decisions, faster.
Connected devices and the Internet of Things are getting significant momentum in 2014. In his session at Internet of @ThingsExpo, Jim Hunter, Chief Scientist & Technology Evangelist at Greenwave Systems, examined three key elements that together will drive mass adoption of the IoT before the end of 2015. The first element is the recent advent of robust open source protocols (like AllJoyn and WebRTC) that facilitate M2M communication. The second is broad availability of flexible, cost-effective storage designed to handle the massive surge in back-end data in a world where timely analytics is e...
SYS-CON Events announced today that Akana, formerly SOA Software, has been named “Bronze Sponsor” of SYS-CON's 16th International Cloud Expo® New York, which will take place June 9-11, 2015, at the Javits Center in New York City, NY. Akana’s comprehensive suite of API Management, API Security, Integrated SOA Governance, and Cloud Integration solutions helps businesses accelerate digital transformation by securely extending their reach across multiple channels – mobile, cloud and Internet of Things. Akana enables enterprises to share data as APIs, connect and integrate applications, drive part...