Di Wang's Internship Project

Web Service Based Data Management System with AJAX Dashboard

 

Background

This project was done at Infosys Technologies Ltd., Bangalore, India, through September 2006 to April 2007.

I have been there as a software engineer intern in Consultant Solution Delivery Group for eight months.

This project aims at helping Help Citi Group boost new web-based data management system, in order to increase data process efficiency.

 

Sample Source Code

  insertRecords.java   -    A java file (Servlet, JSON are used) that handles data insertion service.
  insertData.jsp  -       A JSP file that handles data insertion web page.
  insertData.js   -       A JavaScript file (dojo widgets are used )that handles client application accordingly.
  insertDialog.css  -      A CSS file that defines style sheet of data insertion web page

  DBAccessWSClient.java -  A Web Service client that invokes corresponding Web Services

 

System Design

In short, this project is built on AJAX-J2EE-DB2 architecture. The high-level design is shown in the following figure:

We can see there are mainly three layers:

          Here is the rich client application, implemented with Ajax, JavaScript and HTML techniques.

          We used dojo toolkit to provide powerful user interfaces. 

        This layer has two web servers, one is for serving Ajax requests, and the other is for communicating with the data layer.

        The Ajax web server is implemented with JSP/Servlet, which is deployed in J2EE web container. (We used Apache Tomcat.)

        The Web Service server has two main responsibilities. First, it publishes data management functionalities as standard Web Services.

        (Axis 2 was used here). Second, it employs JDBC combined with Database Connection Pool to deliver data from the data layer,

        using JDBC for DB2 and Apache DBCP.

        This layer is responsible to provide data management services, including common database operations and user-defined data

        processes.

     

Dashboard Demo

Here we only demonstrate several user interfaces constructed with Ajax.

Table Definition Module

Insert Data

Modify Data

     

Back To Di Wang's homepage