RICH INTERNET
APPLICATION
SUNITA D. RATHOD
AJAX INTRODUCTION
• AJAX stands for Asynchronous JavaScript and XML
• AJAX is a new technique for creating better, faster, and
more interactive web applications with the help of XML,
HTML, CSS, and Java Script.
• AJAX allows you to send and receive data
asynchronously without reloading the web page. So it is
fast.
• Google Maps, Facebook, Gmail, YouTube are few
examples that make use of AJAX
AJAX Technologies
• AJAX is not a technology but group of inter-related
technologies.
• AJAX technologies includes:
• HTML /XHTML and CSS - These technologies are used
for displaying content and style. It is mainly used for
presentation.
• DOM - It is used for dynamic display and interaction with
data.
AJAX Technologies
• XML or JSON - For carrying data to and from server.
JSON (Javascript Object Notation) is like XML but short
and faster than XML.
• XMLHttpRequest - For asynchronous communication
between client and server.
• JavaScript - It is used to bring above technologies
together. Independently, it is used mainly for client-side
validation.
AJAX working
AJAX working
• XMLHttpRequest object plays a important role.
1. User sends a request from the UI and a javascript call
goes to XMLHttpRequest object.
2. HTTP Request is sent to the server by XMLHttpRequest
object.
3. Server interacts with the database using JSP, PHP,
Servlet, [Link] etc.
4. Data is retrieved.
5. Server sends XML data or JSON data to the
XMLHttpRequest callback function.
6. HTML and CSS data is displayed on the browser.
AJAX Example
AJAX Example
AJAX Example
• "ajax_info.txt" file
Result :
XMLHttpRequest Object Methods
XMLHttpRequest Object Properties
Rich Internet Application
• RIAs are web applications that have most of the
characteristics of desktop applications, typically delivered
through web-browser plug-ins or independently via
sandboxes or virtual machines.
• RIAs can run faster and be more engaging. They can offer
users a better visual experience, better accessibility,
usability and more interactivity than traditional browser
applications that use only HTML and HTTP.
Rich Internet Application
• A RIA can perform computation on both the client side
and server side. User Interface, its related activity and
capability on the client side and the data manipulation and
operation on the application server side.
• RIA is developed using various technologies such as
Java, Silverlight, JavaFX, JavaScript, AJAX, REST/WS
etc.
Characteristics of RIA
• Performance
• Offline use
• Consistency of look and feel
• Security
• Advanced Communications
• Rapid Development
• Direct Interaction
• Better Feedback
• Improved Features
• Partial-page updating
Content Management System
• CMS stands for Content Management System.
• As the name implies, CMS gives you, the business
owner, the ability to manage the content of your website.
• Once the website is built you can login and access any
functions.
• Some common and popular CMS are Drupal, WordPress,
and Joomla.
Content Management System
• A stereotypical CMS has two major elements-
• Content Management Application (CMA): CMA enables
you to add, modify and remove content on your website.
• Content Delivery Application (CDA): A CDA compiles
your input into the CMA, updates it, and delivers it to your
website for your site visitors to see
What is a Framework?
• A framework provides a standard way to build and deploy
applications.
• It contains the common code with generic functionalities.
• Therefore, the developer can modify and develop
according to the application.
• A framework provides a methodology for organizing code.
It also improves code reusability.
Key Difference
• The key difference between CMS and framework is that a
CMS is an application that creates and manages digital
content while a framework is a software that contains a
generic functionality that can be modified by additional
user-written code depending on the application.
Difference Between CMS and Framework?
Joomla
• Joomla is a user-friendly CMS to build basic websites
and advanced web applications.
• Joomla is mobile and search-engine friendly, multilingual,
flexible, and extensible.
• The platform has thousands of third-party extensions and
templates for further customization.
• Joomla runs approximately 10 percent of the world’s
business websites.
Joomla
• Joomla is the second most preferred open source CMS
tools that work on the model–view–controller web
application framework.
• This software program is written in PHP, supports object-
oriented programming (OOP) and operates on cross-
platform networks.
Features:
• Joomla is perfect multilingual software (over 40
languages) for content management and content
versioning.
• Using Joomla under GPL is free.
• It supports out-of-the-box SEO, and SEF.
• The software is flexible to make a blog, community
website, business website, and an intranet.
Features:
• Extensions are available with Joomla to extend website
functionality.
• You can create as many menus and menu items as you
need.
• It facilitates cache management as well.
Drupal
• Drupal is a free, open-source content management
system (CMS) with a large, supportive community.
• It's used by millions of people and organizations around
the globe to build and maintain their websites.
• You probably use Drupal every day without knowing it, as
many top businesses and government organizations use
Drupal, like the Government of Australia, Red Cross,
Harvard, The Economist, BBC, NBC News, Whole Foods,
Cisco, Twitter, and many, many more.
Drupal
• Drupal is open source software released under the GNU
Public License.
• This means it has inherent benefits--cost, flexibility,
freedom, security, and accountability--that are unmatched
by proprietary software.
• For example, Drupal is free to download and anyone can
modify and extend the platform.
Django
• Django is a Python framework that makes it easier to
create web sites using Python.
• Django takes care of the difficult stuff so that you can
concentrate on building your web applications.
• Django is especially helpful for database driven websites.
Django
• Django emphasizes reusability of components, also
refereed to as DRY (Don't Repeat Yourself), and comes
with ready-to-use features like login system, database
connection and CRUD operations (Create Read Update
Delete).
Advantages of Django
• Object-Relational Mapping (ORM) Support − Django
provides a bridge between the data model and the
database engine, and supports a large set of database
systems including MySQL, Oracle, Postgres, etc. Django
also supports NoSQL database through Django-nonrel
fork. For now, the only NoSQL databases supported are
MongoDB and google app engine.
• Multilingual Support − Django supports multilingual
websites through its built-in internationalization system.
So you can develop your website, which would support
multiple languages.
Advantages of Django
• Framework Support − Django has built-in support for
Ajax, RSS, Caching and various other frameworks.
• Administration GUI − Django provides a nice ready-to-
use user interface for administrative activities.
• Development Environment − Django comes with a
lightweight web server to facilitate end-to-end application
development and testing.