Rich Web-Based Application


Hey friends. Welcome back. This is the last blog of this chapter.  We will meet another new chapter. In this blog I'm going talk about Rich web-based  applications.

•Rich Web-based applications 

    •Use advanced GUIs     •Use Delta-Communication    •Provide rich user experience


•Most of the web-based applications nowadays are RiWAs.
•Rich GUIs in RiWAs use Delta-Communication to communicate with the server components
•DC happens behind the GUI
     •Eliminates page refreshes 
•DC can process asynchronously
     •Eliminates page freezing 
•DC works faster
     •Eliminates the work-wait pattern








Delta-communication Technologies

•Simple-Pull-Delta-Communication (SPDC) can be seen as the simplest form of DC
     •Used in AJAX
     •Single XHR request to the server
     •Client-side: Native JS support
     •Server-side: special technology is not needed

•Polling is used to simulate data-push
      •Send XHR requests periodically to the server
      •Client-side: Native JS support
      •Server-side: special technology is not needed 
      •Can increase network traffic (less scalable)
      •Blank responses can waste resources

•Server-Sent-Events (SSE)is used (only) for true data-push 
     •Similar to Comet, but no client requests
     •Client-side: HTML5 provides native JS support 
     •Server-side: Need a streaming server. Special technology is not needed, can be implemented with         standard web technologies 
     •Reduce network traffic than polling/Comet (more scalable) •Blank responses and requests are              totally eliminated
•WebSocket(WS)is bi-directional
     •Supports both data-pull and true data-push
     •Client-side: HTML5 provides native JS support Server-side: Need a WS server. Complex.                 •Reduce network traffic than polling/Comet/SSE (highly scalable, 10CK is addressed)


Architecture


•The client-side controller contains the eventhandlers for the GUI
•The events are triggered at the GUIs of the Views
•Views are in the client-side, thus the events are triggered at the client-side
•Therefore, placing the controller in the clientside can be seen as an optimal solution

•Some business-logic are not highly data centric, complex, or critical •Forms validations •GUI elements manipulations
•Delta-communication further improves the performance, increases the scalability, and as a result provides higher user experience.


SPDC/AJAX Jquery

1.jQuery.ajax() 
2.jQuery.get() 
3.jQuery.getJSON() 
4.jQuery.getScript() 
5.jQuery.post() 
6..serialize() 
7..load()


SPDC/AJAX JQUERY API


$.ajax( 
{   
        method: "POST",
        url: "targetScript.php", 
        data: { name: "Nalaka", ID: "1234" } 
}) 
.done(function( msg)
 { // Execute when the response is received successfully 
    alert(msg); 
});











Comments

Post a Comment

Popular posts from this blog

How to run multiple Transformations from one Job in Pentaho

Image
In this article I am going to talk about how to run multiple transformations from one job using Pentaho. I hope you'll know about pentaho, transformations and jobs. This article include two ways of doing the same process. one method is simple, easy but not much efficient way. However, the second method is more efficient and success way. First,let's talk about the easy method, This is the the most common method that you can find from the internet. And also, this is very easy method that fulfill the requirement of running multiple transformations from one job.  Let me share an example of this approach and discuss how we are going create this job and the drawbacks of this method. Fig 01: Easy method for run multiple transformations at once As you can see in above image, There are 4 transformations connected with the start and when run the   above job all of the execute and run sequentially. If you need to run all of the together in parallel, you can change the settings ...
Read more

Data Analytics

Image
                        What is Data Analytics? As the process of analyzing raw data to find trends and answer questions, the definition of data analytics captures its broad scope of the field. However, it includes many techniques with many different goals. The data analytics process has some key components that are needed for any initiative. By combining these components, a successful data analytics initiative will provide a clear picture of where you are, where you have been and where you should go. Generally, this process begins with  descriptive analytics . This is the process of describing historical trends in data. Descriptive analytics aims to answer the question “what happened?” This often involves measuring traditional indicators such as return on investment (ROI). The indicators used will be different for each industry. Descriptive analytics does not make predictions or directly inform decisions. It...
Read more

Distributed Systems

Image
Difference between distributed systems and distributed computing Distributed systems and distributed computing are looks like same. But they slightly different from each other. So let’s talk about them. In Distributed- computing there are multiple computing units connected to achieve a common task. When considering a single unit, larger computing power enables lot of tasks to be perform. And also searches can be coordinated for efficiency, Successes usually give the finder credit. Distributed computing projects include hunting large prime number, and analysing DNA codes. A Distributed system includes a collection of autonomous computers, connected through a network and distribution middleware, which enables computers to coordinate their activities and to share the resources of the system, so that users perceive the system as a single, integrated computing facility. So hope you can now understand the differences. Standalone system VS Distributed system ...
Read more