AJAX

n/a

AJAX (Asynchronous JavaScript and XML) is the hot and happening new web technology - all the really cool sites are using it now, right? It’s all about the user experience, right?

Google may not be releasing an open-source operating system or a desktop suite, but the company is promoting, supporting and using open-source software.
The rumors never stop.

Google Inc. and Sun Microsystems Inc. will release a Web-based StarOffice desktop suite. Google will soon announce a new operating system.

The truth isnt anything as dramatic, but it does show a company that not only supports open source, but relies on it every day to keep the best-known search engine and allied businesses running.

HeroHappenHere.co.in - Microsoft invites to IT Professionals & Software Developers to submit his achivement story. I have received email today for joining. HeroHappenHere.co.in Click here to full details.

All across India, software is transforming the way we do business. But you know the secret driving these successes. They’re not just applications, they’re genuine masterpieces. They’re the product of creativity, hard work, and analytical rigor from developers like you.

Usability on websites is exploding right now. AJAX has enabled web developers everywhere to add functionality to their sites like never before. I’ve gathered 43 extremely useful (but still easy to implement) AJAX applications for use on any website. Keep your users coming back and increase your website’s functionality

General Purpose

• Dragable Boxes
  

Title: The State of Ajax and its application to the Enterprise.

Ajax is transforming the way web applications are built and delivered to the users. The web user experience is quickly shifting from simple click-and-refresh pages to dynamic, real-time interactions equivalent to full desktop applications.

As technology innovators like Google, Yahoo!, Netflix and MySpace continue to raise the bar for consumer experience with highly interactive services, most makers of enterprise applications are struggling to keep pace with the rate of innovation shown by their Web based cousins. In contrast to the flexibility shown by the Web innovators in pulling and personalizing information at will from a variety of sources, achieving the same in the world of enterprise applications has proven to be a Herculean task.

Using Ajax, organizations can build and deploy Rich Internet Application faster than ever, they can drive productivity of knowledge workers, and attract new customers to their web site.

Learn the fundamentals behind Ajax, what purpose it serves, how it works. Learn about the tools and frameworks available on the market.

IndicThreads Conference 2007 is just a day away. Here's a look at what's buzzing at the event this year. Spring, RIA, Agile, SOA, Enterprise 2.0, Ajax and JSF are very much present. However the conference also ventures into less chartered territory like embedded and mobile Java, Grids and Java VOIP. Spring is a focus area with over 5 hours of Spring content.

All sessions are 60 to 90 minutes, providing enough time for the presentations as well as Q&A. The conference is the place to meet the key Java community members and where important new innovations will be presented and discussed.

Dates - 26 and 27 Oct 07
Venue - Hinjewadi IT Park, Pune, India

Google Web Toolkit (GWT) Java AJAX Programming by Prabhakar Chaganti is an excellent book for GWT beginners. The language is straightforward and easy to follow.

The book starts with a short introduction to Ajax. It then talks about the steps to follow for getting started with GWT 1.3.3. The first chapter essentially familiarizes you with the GWT extract - the folders and their contents. It also talks about the sample applications that come with the download.

With the advent of Web 2.0, the Web browser has become a platform for delivering business applications to the users and we have ably matched the functionalities that only thick client software could exhibit. The benefits of delivering applications over the Web rather than distributing them as stand-alone desktop applications are aplenty, but for that we need to write complex client-side JavaScripts.

Ajax technology, as part of Web 2.0, came as a boon to the developers to create dynamic and responsive interfaces, but writing JavaScripts was still an overhead. The answer to this problem comes as ZK, which is an Open Source Ajax framework that allows Java Web developers to create rich Web applications, quite easily.

ZK framework

ZK's Ajax engine consists of both client and server side components that communicate with each other. The framework uses JavaScript but the complexity to implement an Ajax framework has been concealed from the Web developers. ZK has two sets of interface components, one is based on XUL (XML User interface Language) and other is based on XUML (XML User interface Markup Language).

The framework has been explained earlier in the March '07 issue of PCQuest. In this article, we will see how to develop a Web application, using ZK framework and how they can be integrated with business logic.

ZK in action

In this month's PCQ Extreme DVD, we have provided the RC 3 of the ZK framework. We will be using Eclipse as IDE and Tomcat 5.5 as the Web server. Create a new Web project, using Eclipse and name it as ZKdemo. Extract the zk-bin-3.0.0-RC.zip archive at ZK_DIR. Now, copy the "z*" jar files from ZK_DIR/dist/lib folder to your application's WEB-INF/lib folder. You would also be required to import bsh.jar from ZK_DIR/dist/lib/ext folder to your application's WEB-INF/lob folder. You can also import commons-io.jar, if your application would be using them to upload files.
We now have to register the ZK framework engine with our Web application. The ZK engine has servlets for ZK-based pages and also to handle client-server communications. By inserting following code snippet into the web.xml file, we can register the loader that evaluates ZK-based pages and also do the mapping of .zul and .zhtml pages to the servlet.

zkLoader
org.zkoss.zk.ui.http.DhtmlLayoutServlet

update-uri /zkau
1


zkLoader
*.zul


zkLoader
*.zhtml

As Ajax does asynchronous communication between client and server, we need to register the asynchronous update engine for ZK also, by inserting following code snippet into web.xml of our Web application.

auEngine
org.zkoss.zk.au.http.DhtmlUpdateServlet



auEngine
/zkau/*

Now, we can head start with creating our ZUML pages for the application. Create a new file in the ZKdemo folder and name it as hello.zul. Adding the following code snippet will make our first page. The first line sets the title for the browser window, while the code after that creates a window titled 'Hello' within the HTML page.

Hello ZK Demo Page!!!


To test our application, build and place the war file in Tomcat's webapps directory. Start the Tomcat server (considering you have set your server's listening port as 8080) and go to http://localhost:8080/ZKdemo/hello.zul. If all is well, that is if we have successfully registered the ZK Ajax engine in web.xml and imported all necessary jar files required by the framework, then we see the Hello message on our browser.

Business logic integration
Let's move ahead and bring some interaction between our interface and the backend. Say, we have to display a list of cities to our users for selection and we populate that through a database. We will create a Java Bean named City.java to represent the city name.

public class City
{
private String _cityName;
public City(String cityName)
{_cityName = cityName;}
public String getCityName()
{ return _cityName; }
public void setCityName(String name) { _cityName = name; }
}

Now, we will create a manager for City that will do Add and List operations for the City instance and name it as CityManager.java.

public class CityManager
{
private List _cities = new LinkedList();
public List listCities() { return _cities; }
public void addCity(City city) { _cities.add(city); }
}

In this script, we will use a POJO retrieved by a "Manager" object, which will fetch and display the list. If we were suppose to use JavaScript, that process would have been a bit complex to fetch the list as Java Collection object and iterating on that to produce the list. But with ZK, we have a 'forEach' attribute to do the iterations on the Cities and display that list. The following code snippet does this task, here we have hard-coded the city names into the City object by using the addCity() method of the manager, but in real application scenario the object would be returning the cities list from a database table.

import City;
import CityManager;
manager=new CityManager();
manager.addCity(new City("Calcutta"));
manager.addCity(new City("Mumbai"));
manager.addCity(new City("New Delhi"));
manager.addCity(new City("Raipur"));
cities = manager.listCities();

Select a City:

The script for ZK is enclosed between tags. In the DVD, along with the ZK binary, you will see that we have placed this script in a tabbed window. The final page layout has some examples displayed up from the demo code that ZK provides. Also it is advisable to download the developers guide from the site as a handy reference to ZK framework.

Thus we can see how easily with ZK framework we can implement a rich user interface for our Web applications.

A Sun Microsystems' executive has criticised Apple over its failure to include Java on its popular iPhone device.

"I think it's a mistake. I think it would provide a lot more flexibility in applications being developed," for the iPhone, said Bob Brewin, Sun Distinguished Engineer and vice president for software, at the AJAXWorld conference in California.

JavaScript runs on the phone and someone will put Java on the iPhone, Brewin said. But by not having it now, iPhone users and Java developers are being short-changed, according to Brewin.