Sunday, October 24, 2010

JQuery Tabs

First time when i was asked to design user interface for web application using J Query, i had no idea how to use J Query for tabs. So my first step was search in Google for Hello world in J Query. i should say to you this fist, understanding basics of any programming language is can be done greatly by writing hello world application. But believe me, JQuery is different, you may not get better understanding of its behavior by just writing hello world program of it. So here i am explaining you how i got in to the concepts of JQuery and Implemented advanced JQuery tabs.

Following are the sites where i started learning J Query.

This is a great tutorial, you might find it difficlut to follow this tutorial if you are new to user interface programming. I will be explaining this tutorial in get the work done for your project!.


Following 15 video tutorials are also best to get the concepts in to your mind



Following 3 videos also helped me to a greater extent.


Now, Lets start learning JQuery.

First of all , For this tutorial, JQuery is all about event handling in the user interface, this means that, when you click on something in the user interface, JQuery will catch that event and perform relevant tasks. What are these relevant tasks, relevant tasks means that adding new item to user interface, remove existing item from the user interface. these are the tasks i am referring to.

Also , i would like to address a one of the beauty of JQuery. it is that, if you are using MVC architecture for your web application then, you may find it very useful to click events to retrieve pages from a server.

IF you are a bigginer, i understand the problem you are facing when trying to implement JQuery tabs. most of the tutorials explain how to implement JQuery part, but they dont specifically say how to integrate JQuery, your web site code and .css and other .js libraries to get a working product. I am here to solve that problem!


This is the JQuery code of my application that i will be explaining to you.

If you are familiar with Event Driven Programming, Then it will help you to understand J Query Better. Event Driven Programming is, Program is driven by an event that you perform on the screen with the use of Mouse and keyboard and other input devices. Using Mouse , you can perform click event. J Query can capture those events that you perform on your browser and, than perform tasks on the use interface according to the events.

Following is a simple example of above description.


Let's start with following tutorial.
you can download source code of this tutorial too from the above url.

Let's try to understand this source code.











Thursday, October 14, 2010

Designing Data Base Layer Using Entity Framework

Following is the requirements of the web application to design it in the database. This system is a HR System. This System is designed considering SAAS Model. Which means that There is only one application in the world which provide HR System service for all the companies.

Store Candidate Information
Candidates send there CV's to respective organization. Then each organization transform this candidate data in to information. Then we provide 2 main services based on those information. One is

At the beginning we started with the one table , it was designed by looking at GUI of extracting

We can describe how to handle following synario. this means that when there is many to many relation, how do we go about addressing following situation.

One person can have many email addresses, and One email address can have many people.
So, when there are two persons for one email address , we can set the status of one email address to be inActive or Active while , for other person , this will be active email address. so , that is one thing we might have add new attribute to the middle table of many to many relation.

What is the next synario.

Lets say , There is a CV table and there is a person table. A person can have many cv's and a cv can have only one person, but that is not what is told by

Most important point is , CV table has an attribute for Recommended Person. This means that for tables are linked by two relations, so , one recommended person can have many cv's and cv can have may persons. My question is , why we have included that one cv can have may persons.


Monday, October 11, 2010

How to implement the database level of a web application`

If you are wondering on how to design database level of a web application, then first thing you want to do is to identify the different classes of the application[i will be explaining to which i am referring to as classes if you are not quite sure about this term]. Identifying different classes in your system is done as follows. Here is a real world synario to identify different classes. Lets consider that we want to implement free online educational system which provide university level ordered education to any one who seek knowledge. So, this big picture is the primary key in designing the database. So , you should be having clear idea on what you are going to do. So first question your self by asking very basic questions ,

Who are the users of this system.

What exactly i am going to offer to the target users of this system.

What are the existing applications similar what we are doing.

How does this product differ from those existing sites.

And do research on web application that might provide different service to the user than what you are doing to understand how if they have become successful and why if they have become unsuccessful. Then, compare your goal with how others have achieved there goal in a web application.

Target users of a free online educational system is university students of IT field at very first stage. i would like to compare this with stackoverflow.com, since it is been the most successful forum for developers to find exact answers for the technical problems they are facing in the industry. so stack-overflow has been successful by gathering talented software engineers around the world. And key point that handle the success of stack-overflow is that it is active, if you type question at stackoverflow.com, you get answers with in seconds. That is one reason developers are emotionally attached to it.

Sunday, October 10, 2010

How To Build Web Application Using PHP, JSP, ASP.Net, and Ruby On Rails


In this part of the tutorial you are going to learn building web application using ASP.Net, PHP, JSP, Ruby on Rails Web Development frameworks. Even if you are a programmer having experience in using any one of above frameworks in web development , most probably you are going to learn something out of this tutorial.

First i would like to start with assuming that you are a newbie having no knowledge of any one of above technologies and have burning desire to learn the technology in depth. So, i would like to give you basics first to make a very firm basics. yes very firm basics. this is mainly because i believe this iceberg. One thing i forgot, you will be learning lot through Images and Videos during this part of the tutorial.

I thought of throwing very simple question at first. What is the difference between Dynamic Web Application, Static WebApplication , Web Service. Since you are using a web browser to read this blog post , you know that you can communicate with web server using web browser. Let's see how exactly is this happening. A Web client program (such as a web browser) can access data from many different servers, such as Gopher, FTP, NNTP (Usenet) or HTTP. The HTTP server was designed specifically for the Web, and employs a protocol (system of messages) that supports sending documents from the server to a browser(HTTP Get), and that also support sending complex data from the client back to the server(HTTP Post). As the design of the World Wide Web was not inherently dynamic, early hypertext consisted of hand-coded HTML(Hyper Text Markup Language) that was published on web servers [1][2]. Any modifications to published pages needed to be performed by the pages' author.

So How do we make make dynamic web applications :O ???

To provide a dynamic web page that reflected user inputs, the Common Gateway Interface (CGI) standard was introduced for interfacing external applications with web servers

it is something like this.


[1] http://www.utoronto.ca/web/CGI/cgi1.html
[2] http://en.wikipedia.org/wiki/Web_application_framework
Comparison of Web Application Frameworks

Sunday, October 3, 2010

Google Code Jam : Different Sum

This algorithmic question is from Google Code Jam 2009. problem we need to solve in this question is that, Given a number in given base, can we find number of summands for given number provided that numbers in the a same column in summation should not be similar to one another.
So Basic answer comes in to mind is , first find all possible summations that can represent different sums of the given number. we will start with the smallest number lets say 1, and add the rest to get the required number. As an example if we take number 11 then 1 + 10 = 11, and we try to find different ways in which 1 can be written. but there is only one way. there for we are going to find different ways in which 10 can be written. we can not take 1 again bcoz it is already there in the solution. So Here comes my problem, how do we find out all the different ways of writing this number.