You are on page 1of 66

STUDENT DECLARATION

This is to certify that we have completed the Website project on


SOUL OF LIFE NGO in Vivekananda Institute of Professional
Studies under the guidance of Ms. Ashima Bhatnagar Bhatia in partial
fulfilment of the requirement for the award of degree of Bachelor of
Business Administration at Guru Gobind Singh Indraprashtha
University.

Harshit Jain
Enrollment No. 05717701715
CERTIFICATE

This is to certify that the Website project titled SOUL OF LIFE


NGO is an academic work done by Harshit Jain submitted in the
partial fulfilment of the requirement for the award of the degree of
Bachelor of Business Administration from Vivekananda Institute of
Professional Studies, Delhi under my guidance & direction. To the best
of my knowledge & belief the data and information presented by him in
this project has not been submitted earlier.

Ms. Ashima Bhatnagar Bhatia

Assistant Professor
ACKNOWLEDGEMENT

We hereby take this opportunity to express our professional sense of


gratitude to all those who helped and encouraged us towards successful
completion of the project. It has been great experience working the
topic SOUL OF LIFE NGO
I would like to thank our project guide Ms. Ashima Bhatnagar Bhatia for
her immense guidance, valuable help and the opportunity provided us to
complete the project under his guidance.

Harshit Jain
Enrollment No. 05717701715

I
TABLE OF CONTENTS

S. No. Topic Page No.


1. Introduction 1

2. Objectives 12

3. Recognition of Need 14

4. Feasibility of Study 16

5. Methodology and Theoretical Framework 18

6. Hardware and Software Requirement 22

7. Database Design 25

8. Limitations 28

9. Screenshots and Coding 30

10. Verification 56

11. How to turn it to Live website 59

12. Conclusion 61

II
CHAPTER 1
INTRODUCTION

1
INTRODUCTION
What is Website?
A website, also written as Web site, web site, or simply site, is a set of related web pages served
from a single web domain. A website is hosted on at least one web server, accessible via a network
such as the Internet or a private local area network through an Internet address known as a Uniform
resource locator. All publicly accessible websites collectively constitute the World Wide Web.
TYPE OF WEBSITE
Static website

Dynamic website

Static website
A static website is one that has web pages stored on the server in the format that is sent to a client
web browser. It is primarily coded in Hypertext Markup Language (HTML); Cascading Style
Sheets (CSS) are used to control appearance beyond basic HTML. Images are commonly used to
effect the desired appearance and as part of the main content. Audio or video might also be
considered "static" content if it plays automatically or is generally non-interactive.
This type of website usually displays the same information to all visitors. Similar to handing out a
printed brochure to customers or clients, a static website will generally provide consistent, standard
information for an extended period of time. Although the website owner may make updates
periodically, it is a manual process to edit the text, photos and other content and may require basic
website design skills and software. Simple forms or marketing examples of websites, such
as classic website, a five-page website or a brochure website are often static websites, because they
present pre-defined, static information to the user. This may include information about a company
and its products and services through text, photos, animations, audio/video, and navigation menus.
Static web sites can be edited using four broad categories of software:
Text editors, such as Notepad or TextEdit, where content and HTML markup are manipulated
directly within the editor program

WYSIWYG offline editors, such as Microsoft FrontPage and Adobe Dreamweaver (previously
Macromedia Dreamweaver), with which the site is edited using a GUI and the final HTML
markup is generated automatically by the editor software

2
Template-based editors, such as RapidWeaver and iWeb, which allow users to quickly create
and upload web pages to a web server without detailed HTML knowledge, as they pick a
suitable template from a palette and add pictures and text to it in a desktop publishing fashion
without direct manipulation of HTML code

Static websites may still use server side includes (SSI) as an editing convenience, such as sharing a
common menu bar across many pages. As the site's behaviour to the reader is still static, this is not
considered a dynamic site.
Dynamic website
A dynamic website is one that changes or customizes itself frequently and automatically.
Server-side dynamic pages are generated "on the fly" by computer code that produces the HTML
and CSS. There are a wide range of software systems, such as CGI, Java Servlets and Java Server
Pages (JSP), Active Server Pages and ColdFusion (CFML) that are available to generate dynamic
web systems and dynamic sites. Various web application frameworks and web template systems
are available for general-use programming languages like PHP, Perl, Python, and Ruby, to make it
faster and easier to create complex dynamic web sites.
A site can display the current state of a dialogue between users, monitor a changing situation, or
provide information in some way personalized to the requirements of the individual user. For
example, when the front page of a news site is requested, the code running on the web server might
combine stored HTML fragments with news stores retrieved from a database or another web site
via RSS to produce a page that includes the latest information. Dynamic sites can be interactive by
using HTML forms, storing and reading back browser cookies, or by creating a series of pages that
reflect the previous history of clicks. Another example of dynamic content is when a retail website
with a database of media products allows a user to input a search request, e.g. for the
keyword Beatles. In response, the content of the web page will spontaneously change the way it
looked before, and will then display a list of Beatles products like CDs, DVDs and books.
Dynamic HTML uses JavaScript code to instruct the web browser how to interactively modify the
page contents.
One way to simulate a certain type of dynamic web site while avoiding the performance loss of
initiating the dynamic engine on a per-user or per-connection basis, is to periodically automatically
regenerate a large series of static pages.

3
Web based information system
Web-based information displays many benefits of multimedia technology. Using today's fast
broadband connections, it is possible to stream sophisticated content to a computer anywhere in the
world. This is an advantage for many people as the information can be received and read wherever
and whenever it is convenient for them, which can be a crucial factor for a busy executive. A
significant amount of interactive multimedia content is now delivered via the internet.

Web information system, or web-based information system, is an information system that


uses Internet web technologies to deliver information and services, to users or other information
systems/applications. It is a software system whose main purpose is to publish and maintain data
by using hypertext-based principles.

A web information system usually consists of one or more web applications, specific functionality-
oriented components, together with information components and other non-web components. Web
browser is typically used as front-end whereas database as back-end.

What is html?
Hyper text markup language is the main markup language for displaying web pages and other
information that can be displayed in a web browser.
HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like
<html>), within the web page content. HTML tags most commonly come in pairs like <h1> and
</h1>, although some tags, known as empty elements, are unpaired, for example <img>. The first
tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and
closing tags). In between these tags web designers can add text, tags, comments and other types of
text-based content.

4
Advantages of HTML
The basic format that is utilized on the World Wide Web is HTML. To display web pages with a
broad range of colors, shapes and objects, HTML is used. In developing, the following the
advantages of using HTML:
1. Usage is easy.
2. Syntax is loose (Flexibility help complying with standards).
3. If not all, it is supported on almost all browsers.
4. Flexibility is high in HTML.
5. If not on all websites, it has been established on most websites and is used widely.
6. It can also be used increasingly for data storage as it is like XML syntax.
1.5. Disadvantages of HTML
1. It can created only static and plain pages
2. Need to write lot of code
3. Security features are not good
4. If we need to write long code for making a webpages than it produce some complexity
1.6. Need for system
The system has been prepared towards the fulfillment of the goals of Bachelor of Business
Administration. The project has been prepared considering all the relevant aspects stated. The
project is an approach to provide knowledge in an easy to access manner. The website thus created
is easy to operate and provides a fair degree of knowledge regarding the subject as well.

Our project is an attempt to provide some knowledge regarding the topic in an easy to access and a
convenient way. Also it provides information that easily understandable.

Online banking (or Internet banking or E-banking) allows customers of a financial institution to
conduct financial transactions on a secure website operated by the institution, which can be a

retail or virtual bank, credit union or building society.

To access a financial institution's online banking facility, a customer having personal Internet
access must register with the institution for the service, and set up some password (under various
names) for customer verification. The password for online banking is normally not the same as
for telephone banking. Financial institutions now routinely allocate customer numbers (also under
various names), whether or not customers intend to access their online banking facility. Customer
5
numbers are normally not the same as account numbers, because a number of accounts can be
linked to the one customer number. The customer will link to the customer number any of those
accounts which the customer controls, which may be cheque, savings, loan, credit card and other
accounts. Customer numbers will also not be the same as any debit or credit card issued by the
financial institution to the customer.

To access online banking, the customer would go to the financial institution's website, and enter the
online banking facility using the customer number and password. Some financial institutions have
set up additional security steps for access, but there is no consistency to the approach adopted.

6
Introduction to Information Systems

Information & Organizations

7
Functional aspects of MIS
MIS is an integrated collection of functional information systems, each supporting particular
functional area.

Financial MIS
This MIS provides financial information to all financial managers within an organization.

8
Manufacturing MIS

Marketing MIS
This MIS supports managerial activities in product development, distribution, pricing decisions &
promotional effectiveness.

9
Human Resource MIS
This type of MIS is concerned with all the activities related to employees & potential employees of
the organization.

The order fulfillment process

Fulfilling a customer order involves a complex set of steps that require the close coordination of
the sales, accounting & manufacturing functions.

10
Role of Information Systems in a business:
Firms invest in information systems in order to:
Achieve operational excellence.
Develop new products & services.
Attain customer intimacy & service.
Improve decision making.
Promote competitive advantage.
Ensure survival.

11
CHAPTER 2
OBJECTIVES

12
The main objectives of this project are as follows:

1. Understand the importance of the web as a medium of communication

2. Understand the principles of creating an effective web page, including as in depth


consideration of information architecture.

3. Become familiar with graphic design principles that relates to web design and learn how to
implement these theories into practices.

4. Develop skills in analyzing the usability of a website.

5. Learn the language of the web: HTML & CSS.

6. Be able to embed social media content into web pages.

7. Implement and understand how to interpret basic web analytics.

13
CHAPTER 3
RECOGNITION OF NEEDS

14
RECOGNITION OF NEED
One must know what the problem is before it can be solved. The success of a system largely

depends on how accurately a problem is defined, thoroughly investigated, and properly carried out

through the choice of solution. User need identification and analysis are concerned with what the

user needs are rather that what he wants. Not until the problem has been identified, defined and

evaluated, should the analyst think about the solutions and whether the problem is worth solving.

The need for current project of Soul of Life NGO system arises as following:

1) This project will need to know about the Soul of Life NGO.

2) This website will help to know about the events of Soul of Life NGO.

3) This website will help to get the feedback web audience.

4) It will promote their activities and more people can develop their interest in this NGO.

15
CHAPTER 4
FEASIBILITY STUDY

16
FEASIBILITY STUDY
The objective of a feasibility study is to solve a problem, but to acquire a sense of its scope. During
the study, the problem definition is crystallized and aspects of the problem to be included in the
system are determined. Consequently, costs and benefits are estimated with greater accuracy at this
stage.
The aim of a feasibility study is to access alternative system and to propose the most feasible and
desirable system for development. Thus, feasibility provides an overview of the problem and acts
as an important checkpoint that should be completed before committing more resources.
The result of the feasibility study is a formal proposal. This is simply a report- a formal document
detailing the nature and scope of the proposed solution. The proposal summarizes what is known
and what is going to be done. The proposed system can be assessed in terms of four major
categories as summarized below:

Organizational Feasibility:
The extent to which a proposed system supports the objective of the organization (i.e. group
members). Aware the audience about their Individual social responsibility is the objective of
organization and that is achieved to a certain extent by the proposed system.

Economic Feasibility:
In this study costs and returns are evaluated to know whether returns justify the investment in the
system project. As this is a research project done by an individual the cost involved is to extent of
just making the documentation of the project and the returns from the proposed system are; user
friendly online shopping site and project report on application of html.

Technical Feasibility:
In this it is evaluated whether reliable hardware and software is used for the proposed system. For
our proposed system hardware like personal computer and software of Microsoft office is used
which is considered reliable and efficient for the proposed system.

Operational Feasibility:
The willingness and ability of management and customers to use and support a proposed system is
studied and operational feasibility.
17
CHAPTER 5
METHODOLOGY
AND
THEORETICAL
FRAMEWORK

18
METHODOLOGY AND THEORETICAL FRAMEWORK

Project Category
The main aim to design this project is to provide graphical user interface that helps the user to
access information without any complexity and with minimum operation. We categorize this
project for commercial usage. This document also describes the various interfaces i.e. the
hardware, software and the user interfaces. Along with that the document also describes the various
functions and some general constraints. This project is cost efficient as well as highly optimized as
per the requirement of user.

Assumptions and Dependencies:


We assume all users have basic knowledge. We also assume that the users will be given software
training, documentation and reference material

Future:
The doors for the amendments and improvements are always wide to any system. In order to get
better services out of it; desire modification can be made to the system without much effort. As and
when required new modules can easily be incorporated into existing system. But this is sure that
provided system does not show any problem.

19
Methodology adopted for project
Methodology is generally a guideline system for solving a problem, with specific components such
as phases, tasks, methods, techniques and tools. It can be defined also as follows:
1. "The analysis of the principles of methods, rules, and postulates employed by a discipline";
2. "The systematic study of methods that are, can be, or have been applied within a discipline"
3. "The study or description of methods".
A methodology can be considered to include multiple methods, each as applied to various facets of
the whole scope of the methodology.
We adopted methodology of water fall model:

Fig.: Water Fall Model

20
Design Constraints
In our professional training design phase we have come across following constraints:
Technology-We have used html for our project. Regarding it we have to be careful about
following things:-

o Fonts-We have to use fonts that are properly visible.

o Forms-Number of forms used in our project are need to be less to avoid complexity

o GUI- User interface should be easy to operate.

Requirements-While designing we need to change design of project according to


requirements of library

Policies of institute- according to new policies of institute. We need to change our modules

21
CHAPTER 6
HARDWARE AND
SOFTWARE
REQUIREMENTS

22
HARDWARE AND SOFTWARE REQUIREMENT
Each system needs some sort of hardware and software for it to function properly. The hardware
and software requirement of the student database system are as follow:

HARDWARE SPECIFICATION
The software requires IBM compatible machines with the following recommended
specification.
Processor: Pentium III / AMD Alton or higher
RAM: 128 MB or higher
Hard Disk Drive: 20 GB or higher
Monitor: 15 SVGA Colour
Mouse: Standard 3 button scroll mouse
Keyboard: Standard 101/102-Key Keyboard
Optical Drive: 52X CD- ROM Drive
Removable Device (Optional): 512 MB USB 2.0 Pen Drive

SOFTWARE SPECIFICATIONS:
Operating system : Window XP, 2003 and 2007
Microsoft office 2013, 2010 or earlier version
HTML
NOTEPAD

23
SOFTWARE DESCRIPTION

MICROSOFT WINDOWS:-
Microsoft Windows is a graphical user interface. It uses graphics to organize the users workplace.
Users can select and execute program with the help of a mouse. The program that runs from within
windows also has a graphical user interface; for example, MS EXCEL, MS WORD etc.
Windows provides a board range of graphical functions for drawing lines and geometric shapes and
changing colour. It also provides library functions for accessing screen, printers, keyboard, mouse
and functions for working with various other types of objects like menus, bitmaps, icons etc. These
libraries are a part of operating system.
The system- defined functions that an application can call are provided by an interface known as
the Application Programming Interface, or API. It is the interface between an application and
Windows environment.

ABOUT HTML:
HTML, an initialism of Hypertext Mark-up Language, is the predominant mark-up language for
web page. It provides a means to describe the structure of text-based information in a document---
by denoting certain text as headings, paragraph, lists, and so on--- and to supplement that text with
interactive forms, embedded images, and other objects. HTML is written in the form of labels
(known as tags), surrounded by angle brackets. HTML can also describe, to some degree, the
appearance and semantics of a document, and can include embedded scripting language code
which can affect the behaviour of web browsers and other HTML processors.

ABOUT NOTEPAD
Notepad is a basic text editor that you can use to create simple documents. The most common use
for Notepad is to view or edit text (.txt) files, but many users find notepad a simple tool for creating
a web page. Because Notepad supports only very basic formatting, this is especially useful when
creating HTML documents for web page. You can save your notepad file as Unicode, ANSI, UTF-
8, or big-endian Unicode. These formats provide you greater flexibility when working with
documents that use different character sets.

24
CHAPTER 7
DATABASE DESIGN

25
DATABASE DESIGN
A database is an integrated collection of data/files tables related to one another in support of a
common purpose. Each file in a database is made up of records, which in turn made of data
elements. A database provides a working environment where we store tables/files; establish
relationship between tables, set properties and data validation rules that control how the related
tables work together. The database files in this program provide effective storage capacities and
contribute to the overall efficiency of the program.

Input Design:-
Proposed software uses user- friendly graphical user interface for input purpose. Data can be easily
input by the user through this screen. Repetition is avoided in data entry screen.
Whenever data, which is already input, is entered again, the system alerts you with error messages.
The major form of input is HTML coding.

Output Design:-
The computer output is the most important of information to the user. Efficient intelligence output
design would improve the system relationship with the user and help in decision making. In online
applications the information is displayed on the screen. A major form of output is the web page or
the online shopping site and the hard copy of project report from the printer. Printout should be
designed around the output requirement of user.

SYSTEM IMPLEMENTATION
Implementation means converting a new system into operation. The source code that is actual
program is developed in this phase. In the proposed system, the source code is written in notepad.
The installation of the software is also done in this phase.

Testing and Modification


System testing is the stage of implementation, which is aimed at ensuring that the system works
accurately and efficiently before line operation commences. The following types of tests were
performed after developing a test plan. The approach was to test each entity with successively large
ones, up to the system level.

26
Program Testing
A program represents the logical elements of the system. With program testing, the actual output
was compared with the expected output. This test checks for syntax errors and logical errors. When
there was an error, the sequence of instructions was traced and the problem was determined.

String Testing
The individual program modules that work perfectly when tested alone were integrated with the
related program modules to test how they interact with the total system.

System Testing
System testing was designed to uncover weakness that was not found in the earlier tests. The total
system was validated, as the users in the operational environment would implement it.

User Acceptance Testing


This testing was performed with the objective of testing the users on the validity and reliability of
the system. It was verified that the procedure operate to the specifications and also that vital data
integrity was maintained.

27
CHAPTER 8
LIMITATIONS

28
LIMITATIONS OF THE STUDY

There was limited data available.

There was time constraint.

There was cost constraint of getting best available hardware and software.

As we are students and this is the first instance of making the proposed system, thus it is of

Amateur Form.

29
CHAPTER 9
SCREENSHOTS
AND
CODING

30
home.html

31
home.html
<html>
<head>
<title> Soul of Life NGO </title>
</head>
<frameset rows="20%,80%" border=0 >
<frameset cols="20%,80%">
<frame name="f1" src="logo.html" scrolling=no noresize >
<frame name="f11" src="name.html" scrolling=no noresize >

</frameset>
<frameset cols="20%,80%" border=0 >
<frame name="f2" src="contents.html" scrolling=no noresize >
<frameset rows="90%, 10%" border=0 >
<frame name="f3" src="images.html" noresize >
<frame name="f4" src="footer.html" scrolling=no noresize >
</frameset>
</frameset>
</html>

32
logo.html

33
logo.html
<html>
<BODY BACKGROUND="J.JPG">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<img src="Soul of Life.png"
width="90%" height="80%" alt="Soul of Life">
</body>
</html>

34
name.html

35
name.html

<html>
<BODY BACKGROUND="J.JPG">
<font face="Andalus" font-family="bold" size="40">
<marquee width="100%" height="70%" direction="up"
behavior="alternate"><marquee
direction="right" behavior="alternate">&nbsp;&nbsp; SOUL OF LIFE NGO
&nbsp;&nbsp;
</marquee></marquee></font>
<font face="Forte" font-family="bold" color="black" size="6">
<center>
HUMANS FOR HUMANITY
</center>
</font>
</body>
</html>

36
images.html

37
images.html
<html>
<head>
<title> Images </title>
</head>
<BODY BACKGROUND="J.JPG">
<center> <h1> Welcome to Soul of Life </h1> </center>
<marquee direction="left" behavior="scroll" scrollamount="12" >
<a href="Plantation Drive.html"> <img src="4.jpg" width="50%" height="70%"
border="2px" border-color="#9370DB"> </a> &nbsp;
<a href="Old Age Home.html"> <img src="2.jpg" width="50%" height="70%"
border="2px" border-color="#9370DB"> </a> &nbsp;
<a href="Orp.html"> <img src="3.jpg" width="50%" height="70%" border="2px"
border-color="#9370DB"> </a> &nbsp;
<a href="Blind School.html"> <img src="1.jpg" width="50%" height="70%"
border="2px" border-color="#9370DB"> </a> &nbsp;
</marquee>
</body>
</html>

38
footer.html

39
footer.html
<html>
<head>
<title> Footer </title>
</head>
<BODY BACKGROUND="J.JPG">
<center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="home.html"
target="main"><font size="4" color="black">Home </a>
&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="contact.html"
target="main"><font size="4" color="black">Contact Us</a><br>
<center> SOUL OF LIFE. All Rights Reserved. </center>
</body>
</html>

40
contents.html

41
contents.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="menu css1.css" />
<title>Contents</title>
<Style> A:hover{text-transform:uppercase; color:yellow }
A:active {color:red}
Li {font-family:Arial FONT COLOR=#ffffff}
</style>
</head>
<BODY BACKGROUND="J.JPG">
<div class="menu">
<ul>
<li>
<table border=0>
<tr>
<a href="Home.html" target=main><font size="6"><b><FONT COLOR=#ffffff>
Home </a>
</th>
</tr>
</table>
</li>
<li>
<table border=0>
<tr>
<a href="Old Age Home.html" target=main><font size="6"><b><FONT
COLOR=#ffffff>Visit to Old Age Home </a>
</th>
</tr>
</table>
</li>
<li>
<table border="0">
<tr>
<a href="Blind School.html" target="main"><font size="6"><b><FONT
COLOR=#ffffff>Visit to Blind School</a>
</td>
</tr>
</table>
</li>
42
<li>
<table border="0">
<tr>
<a href="Plantation Drive.html" target="main"><font size="6"><b><FONT
COLOR=#ffffff> Plantation Drive</a>
</td>
</tr>
</table>
</li>
<li>
<table border="0">
<tr>
<a href="Orp.html" target="main"><font size="6"><b><FONT
COLOR=#ffffff>Visit to Orphanage</a>
</td>
</tr>
</table>
</li>
<li>
<table border=0>
<tr>
<A href="feedback.html" target="main"><font size="6"><b><FONT
COLOR=#ffffff> Feedback
</A>
</th>
</tr>
</table>
</li>
<li>
<table border=0>
<tr>
<A href="contact.html" target="main"><font size="6"><b><FONT
COLOR=#ffffff> Contact Us
</A>
</th>
</tr>
</table>
</li>
</ul></div>
</marquee>
</body> </html>
43
contact.html

44
contact.html

<html>
<head>
<title>contact us</title>
</head>
<body background="h.jpg">
<h1 style="font-family:monotype corsiva;font-size:60px"><u><center>contact
us<center></u></h1>
<font size=8><center>get in touch with us for any queries,
<br>
please drop us an email at <b>souloflifengo@gmail.com</b></center>.<br></font>
</body>
</html>

45
feedback.html

46
feedback.html

<HTML>
<HEAD>
<TITLE>Feedback Form</TITLE>
</HEAD>
<BODY background=PH.png>
<h1 style="font-family:Lucida Handwriting;"><b><FONT
COLOR=#9370DB>Give your Suggestions!!!</FONT></b></h1>

<form name="SOUL OF LIFE" method="POST">


<FONT FACE="Monotype Corsiva"SIZE="6" color="black">
Name: <br>
<input type="text" value=" "><br>
<br>

Contact No.: <br>


<input type="text" value=" "><br>
<br>

E-mail ID: <br>


<input type="text" value=" "><br>
<br>

Feedback: <br>
<textarea rows="5" cols="50" ></textarea><br>
<br>

<input type="Submit" value="Submit" action=MAIL TO:hj23455@gmail.com>


<input type="Reset" value="Clear" action="clear">

</FONT>
</form>

</BODY>
</HTML>

47
Plantation Drive.html

48
Plantation Drive.html
<html>
<head>
<title>Plantation Drive</title>
</head>
<BODY BACKGROUND="c.JPG">
<h1 style="font-family:Arial;font-size:70px"><u><center>Plantation
Drive<center></U></H1>
<h3><center> Hope is a beautiful thing. It helps people thrive even through the
toughest of times. We must always try to be a ray of hope for someone or the other.
And, the Rotaract Clubs are one such ray of hope for the society.
<BR> So, here we are spreading hope through the Green Revolution project.
<br> Continuing with its tradition of serving the society and preserving the
environment, We have initiated Project Green Revolution.
</center> </h3>
<table border="0" height="100%" width="100%">
<tr>
<td><img src="plantation (1).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
<td><img src="plantation (2).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
</tr>
<tr>
<td><img src="plantation (3).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
<td><img src="plantation (4).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
</tr>
<tr>
<td><img src="plantation (5).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
<td><img src="plantation (6).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
</tr>
</table>
</body>
</html>

49
Old Age Home.html

50
Old Age Home.html
<html>
<head>
<title> Visit to Old Age Home </title>
</head>
<BODY BACKGROUND="B.JPG">
<h1 style="font-family:Arial;font-size:60px"><u><center>Visit to Old Age Home
<center></U></H1>
<h3><center>Elders are our guiding light, but as they grow old they become
isolated. Many people for their own other priorities leave them and send them to old
age homes to live a monotonous life filled with gloom, loneliness ,natural aging and
disease. Least they understand that the old people want only happiness love and care
to live their lives.
So, to give them the happiness and making them feel loved and cared, We under its
initiative "Vridh Sahyog" visited an old age home, Apna Ghar Vridh Ashram in
Burari, Delhi on
15th July 2016 to give them a day filled with liveliness.
The team reached the ashram with pockets full of happiness and spent time with the
old people from different walks of life, interacted with them, heard their stories. We
even had lunch with them and played with them games like Antakshari.
</center> </h3>
<table border="0" height="100%" width="100%">
<tr>
<td><img src="Old Age Home (1).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
<td><img src="Old Age Home (2).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
</tr>
<tr>
<td><img src="Old Age Home (3).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
<td><img src="Old Age Home (4).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
</tr>
<tr>
<td><img src="Old Age Home (5).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
<td><img src="Old Age Home.jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
</tr> </table></body></html>
51
Orp.html

52
Orp.html
<html>
<head>
<title> Visit to Orphanage </title>
</head>
<BODY BACKGROUND="D.JPG">
<h1 style="font-family:Arial;font-size:60px"><u><center>Visit to
Orphanage<center></U></H1>
<h3><center>These two words are enough for anyone to make them smile and fill
them with joy. Well, saying that we all are blessed that we know our born days.
But then there are some who dont even know there birthdays.. We organized
"VARSHAGANATHA: Happy Birthday Bharat" event on 27th August, 2016 at
Prayas Children's Home for Boys, Adarsh Nagar, where we celebrated a collective
birthday of all the children there.</center> </h3>
<table border="0" height="100%" width="100%">
<tr>
<td><img src="Orp (1).jpg" border="2px" border-color="#9370DB" height="10%"
width="70%"></td>
<td><img src="Orp (2).jpg" border="2px" border-color="#9370DB" height="10%"
width="70%"></td>
</tr>
<tr>
<td><img src="Orp (3).jpg" border="2px" border-color="#9370DB" height="10%"
width="70%"></td>
<td><img src="Orp (4).jpg" border="2px" border-color="#9370DB" height="10%"
width="70%"></td>
</tr>
<tr>
<td><img src="Orp (5).jpg" border="2px" border-color="#9370DB" height="10%"
width="70%"></td>
<td><img src="Orp (6).jpg" border="2px" border-color="#9370DB" height="10%"
width="70%"></td>
</tr>
</table>
</body>
</html>

53
Blind School.html

54
Blind School.html

<html>
<head>
<title>Blind School Visit </title>
</head>
<BODY BACKGROUND="E.JPG">
<h1 style="font-family:Arial;font-size:60px"><u><center>Visit to a Blind
School<center></U></H1>
<h3><center> Kindness is the language which deaf can hear and the blind can see"
So, for engaging ourself in social work we under the PROJECT VISION FOR
BLIND organised a visit to Blind Shelter on 19th February 2017 at Upkar Complex ,
Shanti Swaroop Marg , Burari , New Delhi for charity and Social development of
visually impaired students. The event was graced with interactive session followed
by lunch and desert. We distributed goggles, towels, eatables, clothes, toiletries. We
also donated for their one month ration require.
</center> </h3>
<table border="0" height="100%" width="100%">
<tr>
<td><img src="Blind School (1).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
<td><img src="Blind School (2).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
</tr>
<tr>
<td><img src="Blind School (3).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
<td><img src="Blind School (4).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
</tr>
<tr>
<td><img src="Blind School (5).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
<td><img src="Blind School (6).jpg" border="2px" border-color="#9370DB"
height="10%" width="70%"></td>
</tr>
</table>
</body>
</html>

55
CHAPTER 10
VERIFICATION

56
VERIFICATION
Testing is the process of executing a program with the intent of finding the
errors .Testing strategy must incorporate test planning, test case design,
test execution, and resultant data collection and evaluation .Testing is an
individualistic process, and the number of different types of tests varies as
much as the different approaches.

Why It Is Done?
Effective testing will contribute to the delivery of higher quality products, more satisfied users,
lower maintenance cost, more accurate and reliable results.
Who Should Do The Testing?
A strategy for testing is developed by project manager, engineers, and test specialists. A successful
test is the one that uncovers yet undiscovered error.
What Should We Test?
Testing must be based on subset of possible test cases. So organization should choose right testing
techniques that find the maximum number of test cases.
Testing Tactic

1. Black Box Testing

2. White Box Testing

Black Box Testing:-attempt to analyze the code It involves only observation of the output for
certain input values, and there is no, which produces the output. The internal structure of the
program is ignored. It focuses on the functional requirement of the s/w. Black box testing attempts
to find errors in the following categories:
Incorrect or missing functions,

Interface errors,

Errors in data structures or external data base access,

Behaviour or performance errors, and

57
Initialization and termination errors.

Four types of black box testing:


1. Boundary value analysis

2. Equivalence class testing

3. Decision table based testing

4. Cause effect graphing techniques

White Box Testing:-It is sometimes called glass-box testing, is a test case design philosophy that
uses the control structures described as a part of component-level design to derive test cases. Using
white box testing method, the s/w engineer can derive test cases that

1. Guarantee that all independent paths within a module have been exercised at least once,

2. exercise all logical decision on their true and false sides,

3. execute all loops at their boundaries and within their operational bounds, and

4. Exercise internal data structures to ensure their validity.

Three types of white box testing:


1. Path testing

2. Data flow testing

3. Mutation testing

58
CHAPTER 11
HOW TO TURN IT INTO
LIVE WEBSITE

59
HOW TO TURN IT INTO LIVE WEBSITE

Find a good hosting provider like hostgator, bluehost, etc., you have to upload your html files using
a ftp program or you can use your hosting company's panel to upload your files. Search yahoo or
Google for "free ftp programs. If you have already registered a domain name change the domain
name servers data. The name servers data is provided by the hosting company. You have to
point" the domain name servers to the hosting company. This is done in your domain registrar's
account. Then upload your files into the public_html directory in your hosting company's account
and voila your website should be live!!!

60
CHAPTER 12
CONCLUSION

61
CONCLUSION
This Soul of Life NGO has helped in the following:

1) This website helped the people to know about the Soul of Life NGOs events and their details.

2) This website helped the NGO to get the feedback web audience.

3) It promoted their activities and more people can develop their interest in this NGO.

With more modifications, this website can be improved and turn to a live website.

62

You might also like