SUMMER TRAINING PROJEC

CREATED BY
VARIDHI GARG (00214802711)
AKSHAY ROHATGI(03414802711)
VEDANSHU JAIN(04814802711)

INTRODUCTION
Inspiration:
The concept of this project comes from the fact that there are people in the
society who are willing to donate the products which they dont require
anymore to others in need. But these people do not have an effective
mechanism to do so. Thus this portal is created to provide a convenient way
to help these people reach out to those people who are in need.
The project is deployed over World Wide Web as a web application and is
developed in ASP.NET. C# is used as a backend for the project and database
server used for the data management is MSSQL server 2012. The web
application is made easy to use using designing technologies like JavaScript
and CSS.
Donate Portal is website that was developed as the part of summer training
in NIIT.

ABSTRACT VIEW
In this project, a portal is created which allows the interaction
of NGO with the donators. The basic idea of the project is that,
a user can perform two roles in the application, either of a NGO
or of a Donator.
A user with donator access can make donation request which
will be then visible to the NGO. A user logged in as NGO can
see the request made by various donators and can then accept
those request.
Technically, when a user creates a request, it gets stored in a
centralized database. This database is queried repeatedly for
donation requests and result is shown to NGO and are provided
with option to accept those request.

BASIC DATA FLOW

TECHNOLOGIES USED
The application is primarily created in ASP.NET and to compliment various
other technologies are used. List of technologies used in the project are:
1.
2.
3.
4.
5.
6.
7.
8.
9.

ASP.NET
JavaScript
IIS Server
SQL
Web API
XML
HTML5
CSS3
AJAX

Further the ASP.NET is exploited to high degree to provide

functionality for the application. List of ASP.NET features includes
1. Sessions
2. Styles
3. Master pages
4. SQL connector
5. Client side state management
a. Hidden fields
b. Cookies
c. Query string
6. Server side state management
a. session state
7. Error handling and debugging
8. AJAX
a. Scriptmanager control
b. Scriptmanagerproxy control
c. Updatepanel
d. Timer
9. Security
a. authentication
b. authorization

ARCHITECTURE

BACKEND
This module of the project deals with the basic functionality which
makes the application workable. Backend is further divided into
two modules:
1. Request Management : This modules deals with handling of
request. Request management is further subdivided into two
parts:
1. Request Insertion: This modules involves the accessibility
and storage of donation requests provided by various
donators in an effective manner.
2. Request Lock: This module feature the mechanism to
accept the request made by various donator entities on the
behalf of NGOs.
2. User management : It manages the login access of various
users on the web application and divide them into categories in
the basis of their roles.

USER MANAGEMENT
User management in this project is implemented
using the implicit membership functionality provided
by ASP.NET framework. The functionality of roles
management is also used in the project to categorize
user on the basis that whether the user is Donator or
a NGO.
User management in this application is further
classified into three modules:

LOGIN FORM
Login form for the web
application is created by
using the default login
control and converting it
into template for better
designing.
The login form act as a
entry point and determines
the access control of user
for its session in the
application.
Further the login form also
includes the functionality to
decide roles i.e. whether the
user is a donator or the NGO

LOGIN CONTROL FLOW

SIGNUP FORM
When a guest approaches for the
first time on the web application, he
is provided with the option to sign
up on the website.
The signup form used in the web
application takes basic details of
the user and stores it in the
database. It is at the time of signup
that user decides its role, i.e. a
donator or a NGO. This cannot be
changed at later stages.
To implement the signup form,
ASP.NET signup control is added
and is converted into template for
desired design, and a additional
radio box to select role is also
provided.

CREDENTIAL
MANAGEMENT
For storing the credentials of the users, dedicated tables are created
in the database. ASP.NET membership functionality have been
implemented to provide highly secure credential storage.
Every user is associated with a unique user ID and its along with it,
its name, password, security question answer, email address are
stored in the database. Security answer and password are stored as
md5 encrypted 16 bit key for further security.
This database is only available to the admin and cannot be
accessed in any case by any other user

REQUEST
MANAGEMENT

This module of the project provide

functionality to add, manage and
accept donation request.
This module is divided into two
parts:
1. Request Insertion
2. Request Lock
A user logged in as a donator will
use the functionality provided by
request insertion to add his
donation request and similarly a
user logged in as a NGO will use
functionality provided by Request
Lock to view and accepts requests.

REQUEST LIFECYCLE

INTERFACE

Interface of the project is divided

into three modules on the basis of
category of user:
1. NGO
2. Donator
3. Guest
For each category of user, a
different set of interface controls is
provided which allows different
kind of functionality to be
implemented.

DONATOR PANEL
User panel in the web application is the default web page to
which user redirects when he login as a donator. The main
feature this page provides user with is it allows user to create a
donation request.
Mechanism of creating a request is divided into three phases,
which are navigated using JavaScript.

ADD REQUEST: STEP 1

In order to create a request,
the first that donator has to
perform is to select a
category for the item and
enter its details. Category is
selected from a already
defined set of category from
a dropdown list.
The dropdown list control is
bounded to standard XML
data source included in the
project and hence its easy to
modify the details of this
dataset.

ADD REQUEST: STEP 2

In this step, the donator is
required to specify a date, at
which he likes that NGO which
accept the request should pickup
that item. This date is according
to the convenience of donator.
To select date a combination of
textbox and calendar extender
control is used, which help user
in picking the date very easily.

ADD REQUEST: STEP 3

In this step donator provides the address from the donated item is to
be picked. In this step, combination of extensive JavaScript using
Google map API and ASP.NET web forms control are used to make it
easy for user to enter his address to extreme accuracy.
Dropdown list indicating city and locality are bound to a database
and they initialize the map canvas from where user can optionally
mark the address.
City and locality dataset are predefined and optimized for use in

DONATOR INTERFACE
Thus after going through all the three steps, a donator can easily add
a request. After his request has been added, he can also keep track of
his request using Track My Request Link. Another feature of the
interface is that a donator can permanently enter his address and use
it for all future donations with a single click on Use My Address button.
The details of donator and his request are stored in the database in
different relations. The exact location of donator is optional (i.e. map
marker) and in case a marker for the address is not given by the user,
then the coordinates of locality he selected are stored as default.
These coordinates are in turn are also determined using Google
geolocation XML API.

NGO INTERFACE
When a user logs in a NGO, he will first be redirected to a
page where he is required to fill the details. This page is
displayed automatically when he logins at NGO every time
until the details are filled.
These details are basis of search algorithm which is
implemented to filter the donation request which would be
shown to the user.

DETAIL PAGE

This page comprises an extensive combination of ASP.NET controls to

take input of data. The submit buttons fires a SQL query to insert
details provided in all the input fields

REQUEST VIEW

This is the page where the user logged in a NGO will be able to see and
accept the request available to him.
This page uses extensive AJAX controls including update panel, timer etc.
and is combined with various ASP.NET controls.
Timer function tick is set to check every 5 second to find any new request
that may be added in the meantime. The user will be able to view the
details of the request after clicking on it. This webpage includes extensive
used of JavaScript, AJAX and other ASP.NET controls.

DETAIL VIEW

REFERENCES
References
During the development of this project we get large amount of help
from our teachers, friends and lots of source code websites. List of
them includes:
Books Referred:
C Sharp Yellow Book2009 By Rob Miles
ASP.NET 4.5 Black Book 2010
Google Maps API
ASP.NET Web Application NIIT

Websites Referred
www.html5rocks.com
www.aspdotnet-suresh.com
www.w3schools.com
www.Codeproject.com
www.Google.com
en.Wikipedia.org
www.thenewboston.com
www.stackoverflow.com