Skip to main content

Single Page Application In Liferay

Hi All,
This is my first blog for the Digital HeartBeat. Not really nervous, been scribbling down blogs for some time now on different forums. Hope at the end of this I'm able to inspire a few on what we were able to accomplish with one of Mindtree's prestigious clients on implementing Single Page Application (SPA) with Liferay.
Let's firstly understand what Single Page Application are:
  1. Associated to web based applications.
  2. Page does not reload at any point in the process.
  3. Provides a more fluid user experience.
  4. HTML, JavaScript, & CSS are retrieved with a single page load.
  5. Resources are dynamically loaded and added to the page.
  6. Going through the points did it strike you what new about this! Technically there are various techniques to empower browsers to retain a single page, like:
  7. JavaScript frameworks (AngularJS, backbone.js, etc...)
  8. Asynchronous JavaScript and XML (AJAX)
  9. Browser plugins (Silverlight, Flash, or Java applets)
  10. The above technologies do support in having a superficial concept of Single Page Application implementation. We needed a Single Page Application implementation from the root of the Liferay portal and not relaying on adding frameworks mentioned above.
    Looking at Liferay 6.2 and prior Single Page Application are not Out Of the Box (OOTB). Liferay allows creation of pages and on navigate from one page to another page, the entire page reloads and the Portlets get refreshed. We expect the flow from one page to another page being seamless.
    As in all research ideas we stumbled around with several proof of concepts and found a solution to utilize the OOTB Web Content Display Portlet. This portlet allows developers to incorporate dynamic html, java script, and much more. The end result was presenting scrollable divisions on click of anchors on a Portlet. 
    The appeal was amazing, but the draw back where on the ability to drag and drop Portlets, was difficult to maintain. In short it's was best for developers not being user friendly.
    It was back to the drawing board for us. Many other ideas came and passed by and on one fine day we ventured on tweaking Liferay Layouts.
    What is a Layout? Each page created in Liferay is assigned to a Layout that partitions out percentage and locations where Portlets can be dragged and dropped.
    We customized the Liferay Layout and designed to support scrollability, and when the page loaded all the details would be populated and a seamless transition was achieved.
    This idea was presented to the Mindtree client and this helped us winning the project from numerous prospectors. The same idea was showcase to Liferay and this feature is a highlight of the upcoming Liferay 7 release.
    Thanks to our great Liferay team we are able to showcase expertise across, by presenting in Liferay India User Group and to Liferay US and Germany.
    Here are a few screen shots of the proposed application.

Comments

Post a Comment

Popular posts from this blog

OnePlus 3T in 2017

Hi there, I just bought OnePlus 3T, why? Even when OnePlus 5 is out and OnePlus 5T looming around the corner. Top five reasons why the 3T might just be a very sound investment if you are in the market for a new phone. 3T is going for a relatively cheap price. Its wickedly fast. Its 1080p display. Its software. OnePlus 5 isnt a huge update. Key Specs Display - 5.50-inch Processor - 1.6GHz quad-core Front Camera - 16-megapixel Resolution - 1080x1920 pixels RAM - 6GB OS - Android 7.1.1 Storage - 64GB Rear Camera - 16-megapixel Battery Capacity - 3400mAh Overall Rating 9/10 - Design 9/10 - Display 9/10 - Software 9/10 - Performance 9/10 - Battery life 9/10 - Camera 9/10 - Value for money Important - No other phone with all round 9's. Good Solid system and app performance Very good battery life Competent set of cameras Amazing premium build quality Good value for money Bad Nothing as yet
Post a Comment
Read more

Everything about Java 8

The following post is a comprehensive summary of the developer-facing changes coming in Java 8. This next iteration of the JDK is currently scheduled for general availability in  September 2013 . Read More
Post a Comment
Read more

Google tablet to give Apple a touch of its own medicine

Google is trying to one-up Apple, showing off designs for a new tablet computer based on its Chrome operating system that would be a direct rival to the iPad. Just weeks after launching its own iPhone competitor in the US, the Nexus One, Google might soon extend its competition with Apple further as it seeks to push its search and other products on to as many devices as possible. Google's user interface designer, Glen Murphy, published mock-ups of a Google tablet on the search giant's Chromium.org website, along with a video of how users would interact with the device. Late last year Google announced Chrome OS, an operating system predominantly for small netbooks that would be based around the web browser, providing quick boot times and easy access to Google's array of online services. The first Chrome OS netbooks are due to arrive this year, but Google is now considering extending the platform to other devices including tablets, desktops and even big screen TVs. Chrome OS ...
Post a Comment
Read more