College Website: KLE'S Bachelor of Computer Application Autonomous, Hubli

College Website
KLES Bachelor of Computer Application Autonomous, Hubli
College Website
College Website
CONTENTS
Topics
Page
1. Objectives
1.1 Project work

1.2 Problem Definition
2. System Definition
2.1 Introduction
2.2 Architecture Design
2.3 About Dataflow Diagram
2.4 Notation used in Dataflow Diagram
2.5 Dataflow Diagram
2.6 System Requirement
3. Front End Tool
11
3.1 Web Programming Model

3.2 HTML
3.3 Features of HTML
3.4 PHP
3.5 Javascript
3
College Website
4. Coding
19
5. Testing
26
6. Executed Web forms
30
7. Future Enhancement
61
8. Conclusion
62
9. Bibliography
63
*****
College Website
Introduction
ABOUT THE TOPIC
A website is a collection of Web pages, images, videos and other
digital assets that is hosted on one or several Web server, usually accessible via
the Internet, cell phone or a LAN . The pages of websites can usually be
accessed from a common root URL called the homepage, and usually reside on
the same physical server. The URLs of the pages organize them into a hierarchy,
although the hyperlinks between them control how the reader perceives the
overall structure and how the traffic
flows between the different
parts of the site.

A website requires attractive design and proper arrangement of links and
images, which enables a browser to easily interpret and access the properties of
the site. Hence it provides the browser with adequate information and
functionality about the organization, community, network etc.
College Website
Objective
College Website
Chapter 1.
Objective
The main Objective of the project is to provide the updated college

Information of KLEs BCA students and Latest information of the college. All
information is managed by the college administrator.
1.1 Project Work:

One of the unique features is administrator interacts with the website.
With this feature, administrator has a control to access all the web pages. He has
the ability to modify information on website. Site viewer can access the latest
college information.
The website has been developed for our college in an effort to make it as
attractive and dynamic as possible.
The working of the project is as follows.
The first page provides several links. The Home page contains several
information about the site like campus, management, facilities, infrastructure
etc. User Login module helps the user to login to the site. For that he must type
the username and password correctly. Admin can put the flash news and the
events corner display the latest developments, announcements and events
associated with the college activities. Admin can also upload the images in the
college
7
gallery
and
can
be
removed
whenever
necessary.
College Website
The End User can view all the details given by the admin . The end user
can
also
give
their
feedback
regarding
the
college
activities.
1.2 Problem Definition:

The college is not having the website and we took this challenge to build
the college website which can be later hosted as college website
Advantage
It is user-friendly as well as attractive for users. In todays generation, this
will surely satisfy all needs and the information will be centralized.
The main advantage of this site is the administrator is having all the privileges
to modify the contents of the site.
College Website
Literature Survey
EXISTING SYSTEM
The college is not having the website and we took this challenge to build the
college website which can be later hosted as college website
PROPOSED SYSTEM
In order to make the site dynamic and more interactive we have tried to include
a database link to our college website. Provision has also been made to display
the latest events and announcements associated with the college online along
with a dynamic photo gallery. We have developed our project using the three
tier architecture which uses different languages.
College Website
System Definition
10
College Website
Chapter 2.
System Definition
2.1 Introduction
System design develops the architectural detail required to build a system
or a product. The purpose of design phase is to plan a solution of the problem
specified by requirement document. This phase is the first step in moving from
the problem domain to solution domain. It involves the necessary report &
inputs. In other words, The design phase act as a bridge between the SRS &
implementation phase. The output of this phase is the design document. The
design system is essentially a blue print, or a plan for a solution for the system.
2.2 The Architectural Design
The architectural design defines the relationship between major structural
elements of the software, the design pattern that can be used to achieve the
requirements that have been defined for the system, the constraints that effect
the way in which architectural design patterns can be applied.
11
College Website
2.3 Data Flow Diagram
Graphical description of systems data & how the processes transform the
data is known as data flow diagram. It is also known as Bubble chart. DFD
modules, a system using external entities from which data flow to a process
which transforms the data and create output data transforms which go to.
Other processes or external entities like files. The main metric of DFD is
that it can provide an overview of what data a system would process, what
transformation of data are done, what files are used and where the result flows.
2.4 Notations Used In Data Flow Diagram:

Data flow that move data.
The processing transactions are specified by this

notation.
12
College Website
Data Flow Diagrams
13
College Website
2.5 Data Flow Diagrams
Request
Site
Details
index
Site
User/End
User
Request
Gallery
photos
Request
About US
Request
Contact
US
Request
Design
ed by
14
Names
College Website
Use Case Diagram
Admin
Login
Update Events
Admin
Update News
Update Gallery
receives feedback
15
College Website
User
View Events
View News
View Photo Gallery

User
View College Details
Sends Feedback
16
College Website
Architecture Diagram
The architectural design defines the relationship among major structural
element of the program. Architecture diagram shows the relationship between
different components of system. This diagram is very important to understand
the overall concept of system.
17
College Website
2.6 HARDWARE AND SYSTEM REQUIREMENTS
Software Requirements
CLIENT SIDE:
Operating
System
Processor
RAM
Windows 98/XP/2000
Pentium III or 2.0 GHz or higher
256 Mb or more
SERVER SIDE:
Operating System
Windows 98/xp ,Windows ME
Processor
Pentium 4 and above
RAM
1 GB and above
Hard Disk
40GB and above
Software Requirements
Operating
System
18
Windows XP/2000/Vista
Front End
PHP
Back End
Mysql
Server
WAMP Server
College Website
Front End tool
19
College Website
Chapter 3.
Front End Tool
6.1 Technologies Used in this Project:

Implementation is the realization of an application, or execution of a plan, idea, model,
design, specification, standard, algorithm, or policy and it is a process of having the
systems personnel check out and put new equipments into use, train users, install new
application a and construct any files of data needed to use it.
Another factor to be considered in the implementation phase in the acquisition of the
hardware and software. Once the software is developed for the system and testing is
carried out, it is the process of making the newly designed system fully operational and
consistent in performance. To implement Customer Relationship Management, we have
made use PHP language with Mysql.
6.2 PHP:
PHP is a scripting language originally designed for producing dynamic web pages. It
has evolved to include a command line interface capability and can be used in standalone
graphical applications. While PHPwas originally created by Rasmus Lerdorf in 1995, the
main implementation of PHP is now produced by The PHP Group and serves as the de facto
standard for PHP as there is no formal specification.
PHP is free software released under the PHP License; however it is incompatible with
the GNU General Public License (GPL), due to restrictions on the usage of the term PHP. It is
a widely-used general-purpose scripting language that is especially suited for web
development and can be embedded into HTML. It generally runs on a web server, taking PHP
code as its input and creating web pages as output. It can be deployed on most web servers
and on almost every operating system and platform free of charge. PHP is installed on more
than 20 million websites and 1 million web servers.PHP originally stood for Personal Home
Page
20
College Website
6.2.2:Usage
PHP is a general-purpose scripting language that is especially suited for web
development. PHP generally runs on a web server, taking PHP code as its input and creating
web pages as output. It can also be used for command-line scripting and client-side GUI
applications. PHP can be deployed on most web servers, many operating systems and
platforms, and can be used with many relational database management systems. It is available
free of charge, and the PHP Group provides the complete source code for users to build,
customize and extend for their own use.
PHP primarily acts as a filter, taking input from a file or stream containing text and/or
PHP instructions and outputs another stream of data; most commonly the output will be
HTML. It can automatically detect the language of the user. From PHP 4, the PHP parser
compiles input to produce byte code for processing by the Zend Engine, giving improved
performance over its interpreter predecessor. Originally designed to create dynamic web
pages, PHPs principal focus is server-side scripting, and it is similar to other server-side
scripting languages that provide dynamic content from a web server to a client, such as
Microsofts Active Server Pages, Sun Microsystems Java Server Pages, and mod_perl. PHP
has also attracted the development of many frameworks that provide building blocks and a
design structure to promote rapid application development (RAD). Some of these include
CakePHP, Symfony, CodeIgniter, and Zend Framework, offering features similar to other
web application frameworks.
The WAMP architecture has become popular in the web industry as a way of
deploying web applications. PHP is commonly used as the PHP in this bundle alongside
Linux, Apache and MySQL, although the P may also refer to Python or Perl.As of April
2007, over 20 million Internet domains were hosted on servers with PHP installed, and PHP
was recorded as the most popular Apache module. Significant websites are written in PHP
including the user-facing portion of Face book, Wikipedia (MediaWiki), Yahoo!, My
Yearbook, , Digg, Wordpress and Tagged.
In addition to server-side scripting, PHP can be used to create stand-alone, compiled
applications and libraries, it can be used for shell scripting, and the PHP binaries can be
called from the command line.
21
College Website
6.2.3:Speed optimization
As with many scripting languages, PHP scripts are normally kept as human-readable
source code, even on production web servers. In this case, PHP scripts will be compiled at
runtime by the PHP engine, which increases their execution time. PHP scripts are able to be
compiled before runtime using PHP compilers as with other programming languages such as
C (the language PHP and its extensions are written in). Code optimizers aim to reduce the
computational complexity of the compiled code by reducing its size and making other
changes that can reduce the execution time with the overall goal of improving performance.
The nature of the PHP compiler
is such that there are often opportunities for code optimization, and an example of a
code optimizer is the Zend Optimizer PHP extension.
Another approach for reducing overhead for high load PHP servers is using PHP
accelerators. These can offer significant performance gains by caching the compiled form of
a PHP script in shared memory to avoid the overhead of parsing and compiling the code
every time the script runs.
6.3:HTML
Hyper Text Markup Language (HTML) is used to creating the web page either of
Static or of Dynamic and used to develop the user friendly web pages.
HTML is used for developing web pages.HTML is popularly used in World Wide
Web(WWW).It uses ASCII characters for both the main text and formatting instructions. The
main text is data and the whole information is used by the browser to format the data. A
HTML document is simply a text file, which contains certain information you would like to
publish.
A set of instructions embedded in a document is called Markup language. These
instructions describe what the document text means and how it should look in a display. The
language also tells you how to make a document with other document on your local system,
the World Wide Web and other Internet resources such as FTP.
The global publishing format of the Internet is HTML. It allows authors to use not
only text but also format that text with headings, list and tables, and also includes still images
22
College Website
videos, and sound within text. Readers can access pages information from any where in the
world at the click of mouse button information can be downloaded to readers own PC or
workstations HTML pages can also be used for entering a data and as a front end for
commercial transaction.
6.4:MY SQL
What is a database? Quite simply, its an organized collection of data. A database
management system (DBMS) such as Access, FileMaker Pro, Oracle or SQL Server provides
you with the software tools you need to organize that data in a flexible manner. It includes
facilities to add, modify or delete data from the database, ask questions (or queries) about the
data stored in the database and produce reports summarizing selected contents.
MySql is a multithreaded,multi-user SQL database management system (DBMS). The
basic program runs as a server providing multi-user access to a number of databases.
Originally financed in a similar fashion to the JBoss model, MySql was owned and sponsored
by a single for-profit firm, the Swedish company MySQLAB now a subsidiary of Sun Micro
system , which holds the copyright to most of the codebase.
The projects source code is available under terms of the GNU General Public
License, as well as under a variety of proprietary agreements. MySql is a database. The data
in MySql is stored in database objects called tables. A table is a collection of
related data entries and it consists of columns and rows. Databases are useful when
storing information categorically.
6.4.1:Queries
A query is a question or a request. With MySql, we can query a database for specific
information and have a record set returned.
6.4.2:Create a connection to a database

Before you can access data in a database, you must create a connection to the database. In
PHP, this is done with the mysql_connect() function.
Syntax: Mysql connect (server name, username, password);
Server name: Optional Specifies the Server to connect .Default values is localhost: 3306
6.4.3 Steps to create a database in PHPMyAdmin
23
College Website
1) The following figure shows your PHPMyAdmin interface, just enter your database name
and click the 'Create' button to create your database.
2) Now to create a new table enter your table name and the number of fields in the table, then
click the 'Go' Button.
3) The next step is to create the fields, just enter values for each field name, type, length of
the field, null option and mention whether it is a primary key or not. Then click the 'Save'
button to complete your table creation.
4) The following figure is displayed upon successful creation of your table
24
College Website
6.4.4 Steps to Drop Table in PHPMyAdmin

Login to phpmyadmin.Click 'databases'
A list of your databases will appear. Click the one that is your WordPress database.
Note the size of the 'wp_bad_behaviour_log' table - this is one to be emptied in this example.
Now tick the box to the left of the table you wish to empty.
Note: your table may well have a different name, and unless you have been told otherwise, do
NOT empty a table that is used by the Word Press core.
25
College Website
From the drop-down menu, highlight and click the 'Empty' option.
You will now get a confirmation screen.
This is your last chance to check - there is no 'UNDO' function here !
Click 'Yes' and you will be returned to viewing all the tables in your install.
And your table has been cleared out.

If you needed to Drop a table, follow exactly the same, but select 'Drop' from the menu.
26
College Website
Coding
27
College Website
Chapter 4.
Coding
Main Page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<form action="eventinsert.php" method="post" enctype="multipart/form-data"
name="form1">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="200" border="1" align="center">
<tr>
<td>Event Title </td>
<td><input name="event_title" type="text" id="event_title"></td>
</tr>
<tr>
<td>Event description</td>
<td><textarea name="event_desc" id="event_desc"></textarea></td>
28
College Website
</tr>
<tr>
<td>Upload path </td>
<td><input name="upload_path" type="file" id="upload_path">
</td>
</tr>
<tr>
<td>Date</td>
<td><input name="date" type="text" id="date"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
<input type="reset" name="Reset" value="Reset"></td>
</tr>
</table>
<p> </p>
</form>
</body>
</html>
Insert
<?php
$event_id=$_REQUEST["event_id"];
$con= mysql_connect("localhost","root","");
mysql_select_db("jabin",$con);
$sql="delete from event where event_id='$event_id'";
//echo $sql;
29
College Website
mysql_query($sql);
?>
<script type="text/javascript" language="php">
alert("Student Deleted");
document.location="viewevent.php";
</script>
View
<?php include("header.php") ?>
<?php
$sql="select * from event";
$res=mysql_query($sql);
?>
<p>Event Details</p>
<tr>
<td width="48">Event Id</td>
<td width="64">Event Title</td>
<td width="149">Event Description</td>
<td width="198">Upload Photo</td>
<td width="25">Date</td>
<td width="39">delete</td>
<td width="32">edit</td>
30
College Website
</tr>
<?php
while($row=mysql_fetch_array($res))
{
?>
<tr>
<td><?php echo $row["event_id"]; ?></td>
<td><?php echo $row["event_title"]; ?></td>
<td><?php echo $row["event_desc"]; ?></td>
<td><img src="files/<?php echo $row["upload_path"]; ?>"
width="200" height="150"></td>
<td><?php echo $row["date"]; ?></td>
<td><a href="eventdelete.php?event_id=<?php echo
$row["event_id"];?>">delete</a></td>
<td><a href="eventedit.php?event_id=<?php echo $row["event_id"];?
>">edit</a></td>
</tr>
<?php
}
?>
</table>
<p> </p>
<a href="event.php">Add Events</a>
<?php include("footer.php") ?>
31
College Website
Edit
<?php
$sql="select * from event where event_id='$event_id'";
//echo $sql;
$res=mysql_query($sql);
$row=mysql_fetch_array($res);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<form action="eventupdate.php" method="post" enctype="multipart/form-data"
name="form1">
<p> </p>
32
College Website
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<tr>
<td>Event Title </td>
<input name="event_id" type="hidden" id="event_id" value="<?php echo
$row["event_id"];?>">
<td><input name="event_title" type="text" id="event_title" value="<?php
echo $row["event_title"];?>"></td>
</tr>
<tr>
<td>Event description</td>
<td><textarea name="event_desc" id="event_desc" ><?php echo
$row["event_desc"];?></textarea></td>
</tr>
<tr>
<td>Date</td>
<td><input name="date" type="text" id="date" value="<?php echo
$row["date"];?>"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
<input type="reset" name="Reset" value="Reset"></td>
</tr>
33
College Website
</table>
<p> </p>
</form>
</body>
</html>
Update
<?php
$event_id=$_POST["event_id"];
$event_title=$_POST["event_title"];
$event_desc=$_POST["event_desc"];
$upload_path=$_POST["upload_path"];
$date=$_POST["date"];
$con=mysql_connect("localhost","root","");
$sql="update event set
event_title='$event_title',event_desc='$event_desc',date='$date' where
event_id='$event_id'";
//echo $sql;
mysql_query($sql);
?>
alert("event Updated");
document.location="viewevent.php"
</script>
34
College Website
Delete
<?php
$sql="delete from event where event_id='$event_id'";
//echo $sql;
mysql_query($sql);
?>
alert("Student Deleted");
document.location="viewevent.php";
</script>
Testing
35
College Website
Chapter 5.
Testing
1. Introduction:
Testing is a process of executing program with an indent of finding
error. Testing is vital to success of the system. Testing demonstrates that the
software functions appear to be working according to the specifications and
performance requirements appeared to have been met. If a test is conducted
successfully, it will discover errors in the software.
1.1.Test Objectives:
The system is tested with variety of inputs. The System is tested for
accuracy and correctness of the results obtained. Finally the system is tested
for inter operability.
2. Test Approaches:
2.1.Black Box Testing:
This method focuses on the functional requirements of the software.
This testing enables to derive set input conditions that will fully exercise all
functional requirements of the program. Black Box Testing attempts to find
errors in the following category.
Incorrect or missing functions.
Interface errors.
Performance errors.
Initialization and Termination errors.
2.2.White Box Testing:
36
College Website
This is performed early in the testing process, while Black Box testing
is applied during the last stage of testing. In this test cases are generated on
the logic of each module by drawing flow graphs of that module and logical
decisions are tested on all the cases.
It has been used to generate the test case in the following test
cases:
Guarantee that all independent paths have been executed.
Execute all logical decisions from their True and False side.
Execute all loops at their boundaries and within their operational
bounds.
Execute internal data structures to ensure their validity.
3. Testing Strategies:
3.1.Unit Testing:
Unit testing is done on individual modules as they are completed and
become executable. It is confined only to the designers requirements.
3.2.Integration Testing:
Integration testing ensures that software and subsystems work together
as a whole. It tests the interface of all the modules to make sure that the
modules behave properly when integrated together.
37
College Website
3.3.System Testing:
System testing involves in-house testing of the entire system before
delivery to the user. Its aim is to satisfy the user. The system meets all
requirements of the clients specifications.
3.4.Performance Testing:
It was a good idea to do our stress testing early on, because it gave us
time to fix some of the unexpected deadlocks and stability problems that
only occurred when components were exposed to very high transaction
volumes.
3.5.Validation Testing:
The system has been tested and implemented successfully and thus
ensured that all requirements as listed in the software requirements
specification are completely fulfilled. In case of erroneous input
corresponding error messages are displayed.
3.6.Acceptance Testing:
It is a pre-delivery testing in which entire system is tested at clients
site on real world data to find errors.
38
College Website
Web Forms
39
College Website
Chapter 6.
Web Forms
Home Page
40
College Website
About Us
41
College Website
About KlE Society
42
College Website
Infrastructure
43
College Website
Class Rooms
44
College Website
45
College Website
Notifications
46
College Website
Gallery
47
College Website
Chapter 7.
Future Enhancement
The concept proposed by us can be enriched and made into a very useful
device that will probably be helpful in the near future. In this section we can see
some of the enhancements that can be made.
The present website of the college is static; in future the version of this
application can be developed dynamic and added with the following:
Online Campus interview
Online Internal Assessment Test
Online Examination Forms
Online student results along with attendance
We can embed some intelligence like providing the user id and password
for each student and also for the lecturers to update the information of students,
number of classes conducted and etc.
48
College Website
Chapter 8.
Conclusion
Our project college website provides the faster and reliable access to all
users. Through this website all the information about the college the as well as
student can be gained online whenever and wherever we need. Thus it is a time
efficient.
It is interactive user interface allows different candidates to access their
details and more information of there interest. It is administrator who manages
the entire website information.
49
College Website
Chapter 9.
Bibliography
1. http://w3schools.com for information on HTML
2. http://en.wikipedia.org/wiki/PHP for Php.
3. http://www.hotscripts.com/category/php/ for Php

4. +www.adobe.com/products/dreamweaver.html
50

College Website: KLE'S Bachelor of Computer Application Autonomous, Hubli

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

College Website: KLE'S Bachelor of Computer Application Autonomous, Hubli

Încărcat de

Drepturi de autor:

Formate disponibile

College Website

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

1.1 Project work

3. Front End Tool

3.1 Web Programming Model

KLES Bachelor of Computer Application Autonomous, Hubli

6. Executed Web forms

KLES Bachelor of Computer Application Autonomous, Hubli

flows between the different

parts of the site.

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

The main Objective of the project is to provide the updated college

1.1 Project Work:

KLES Bachelor of Computer Application Autonomous, Hubli

1.2 Problem Definition:

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

2.4 Notations Used In Data Flow Diagram:

The processing transactions are specified by this

KLES Bachelor of Computer Application Autonomous, Hubli

Data Flow Diagrams

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

View Photo Gallery

View College Details

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

Windows 98/xp ,Windows ME

Pentium 4 and above

40GB and above

KLES Bachelor of Computer Application Autonomous, Hubli

Front End tool

KLES Bachelor of Computer Application Autonomous, Hubli

Front End Tool

6.1 Technologies Used in this Project:

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

6.4.2:Create a connection to a database

KLES Bachelor of Computer Application Autonomous, Hubli

4) The following figure is displayed upon successful creation of your table

KLES Bachelor of Computer Application Autonomous, Hubli

6.4.4 Steps to Drop Table in PHPMyAdmin

KLES Bachelor of Computer Application Autonomous, Hubli

And your table has been cleared out.

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli

KLES Bachelor of Computer Application Autonomous, Hubli