Accelerate Your Executions by Using jQuery in SAP NetWeaver Portal Components

  • by Ameya Pimpalgaonkar, Senior SAP Architect
  • March 7, 2011
SAP and the latest user interface (UI) technologies are progressing by leaps and bounds, but parallel to each other. Their roadmap hardly intersects. SAP is extremely strong in its business process mapping and availability of process-centric applications. On the other hand, the latest UI technologies (such as jQuery, Ajax, and data exchange technologies like JavaScript Object Notation and HTML5) are unmatched when it comes to faster execution, writing fewer lines of code, built-in optimization, and user-friendliness. However, the key is to figure out how integrating SAP applications with the latest UI technologies can make your solution more robust, lean, and optimized.
Key Concept
Document object model (DOM) is a standard that defines how to model and manipulate HTML elements on the user interface. It provides a predefined way of accessing HTML elements and thereby controls the way these elements are parsed and rendered on the screen.

SAP NetWeaver Portal is vital to business transactions, and these transactions must be completed without error. This requires fetching a large amount of data from the back end, sorting it correctly, performing correct selection, and finally rendering it with a user interface (UI) technology or programming model in the SAP system, such as Web Dynpro for Java, Visual Composer, or SAP NetWeaver Portal development. However, these tools are primarily focused on data, rather than on designing a visually compelling UI. Fetching a large amount of data and performing different actions on it slows down your application. There are optimization techniques available, but they contribute little to the faster execution of applications developed in these tools. 

With the latest UI development frameworks and new scripting methods, it is possible to significantly reduce execution time of portal applications and still maintain the business-centric approach. You must understand how to intertwine SAP NetWeaver Portal applications and the latest Web development methodologies to take advantage of SAP’s strong business-oriented process mapping and the slew of features that the latest UI technologies offer (e.g., user-friendliness, faster execution, and built-in optimization methodologies).

I’ll start by explaining some of these latest technologies, as well as some development changes over time before getting into jQuery. I’ll discuss the as-is condition of the existing portal development as well as pain point and improvement areas. The later sections will take you through to-be scenarios, as well as performance management and efficiency achieved after using jQuery.

Ameya Pimpalgaonkar

Ameya Pimpalgaonkar is a senior SAP architect. He specializes in SAP Netweaver Portal, SAP BPM, BRM, MDM, and SAP Mobile. His interests include UI and front-end technologies, SAPUI5, Responsive Design, and integration of modern technologies with SAP UI. He has also worked on HTML5, CSS3, and jQuery. Ameya is also a certified usability analyst from HFI, USA.

See more by this author


Comments

No comments have been submitted on this article. 


Please log in to post a comment.

To learn more about subscription access to premium content, click here.