Anda di halaman 1dari 110

INDEX

Chapter 1.Introduction
1.1 Existing SYSTEM
1.2 Proposed SYSTEM:
1.3 Hardware and Website Requirements
1.4 Feasibility Study:

Chapter 2. Requirements Specification Document


2.1

Introduction

2.2

Functional Requirements

2.3

Non-Functional Requirements

Chapter 3. Architecture & Technologies


3.1 Introduction
3.2 UML & its usage for modeling the System
3.3 Multi-tier Architecture
3.4 Client / Presentation tier
3.4.1 JavaScript
3.5 Business Logic Tier
3.6 Data Storage Tier
3.7 Modules:
3.7.1Adminstrator Module
3.7.2 User Module
3.7.3Test Module

Chapter 4. Design
4.1 Requirement Analysis Phase
4.2 Design Phase
4.3 Development Phase
4.4 Coding Phase
4.5 Testing Phase

Chapter 5. UML DIAGRAMS


5.1 Class Diagram:
5.2 Use Case Diagram for Admin
5.3 Use Case Diagram for Normal User:
5.4 Sequence Diagram for Exam Management:
5.5 Sequence Diagram for User Options:
5.6 Activity Diagram
5.7 ER Diagram

Chapter 6.Data Dictionary


Chapter 7.Technologies
Chapter 8.Screens
Chapter 9. Implementation & Testing
Chapter 10. Conclusion
Chapter 11. Bibilography

Abstract:
This School portal project developed using PHP programming language. The main aim of this
project is to develop an online website which covers all the details of school i.e.; Student
attendance details, Event & Activities details, Photo gallery , Notice, Time Table, Result etc.
Admin is the Super user of this project. All the record stores in MySQL Database. The proposed
Website will also reduce the cumbersome paper work, manual labor as well as communication
cost.
School Jotter makes life easier for teachers in more ways than one. Use it to
advertise vacancies and manage CVs, send SMS messages to Staff, create online forms, publicize
events, and more. Because School Jotter is a web based CMS, you can update your site from
anywhere with an Internet connection. Updating and editing your website, and adding images,
videos or web forms couldn't be simpler. Make the most out of the various add-ons such as email
broadcasting to parents, SMS messaging, media, and surveys. From your initial training session
onwards we're on hand to provide \support telephone, email and even web chat.

The various features provided by the system are: Users doesnt have the permission to delete the records only Admin had the permission to
delete the records of users.
Secure
Easy to use
Home Delivery
Fully Dynamic

Module Description:
The system after careful analysis has been identified to be presented with the following modules:
3

Administrator
Notice
Insert

Update

Delete

View

Search

Update

Delete

View

Search

Update

Delete

View

Search

Update

Delete

View

Search

Update

Delete

View

Search

Update

Delete

View

Search

Update

Delete

View

Search

Update

Delete

View

Search

---------

Delete

View

Search

Faculty
Insert

Facility
Insert

Gallery
Insert

Student Achievement
Insert

Student Master
Insert

Bus Master
Insert

Category
Insert

Contact
Insert

User

Message
Home

Slider

Notice

About Us

Principal Message

History

Details

Our Aim

Admission
4
Rules & Regulation

School Uniform

Bus Route

Academic
Affiliation

Achievement

a) Home

Student Achievement

b) About Us
About us
i) Principal Message
ii) History of School

Description

iii) Our Aim


c)Contacts
Admission
i) Rules & Regulation

Contact Form

Contact Details

Features:
Description of the Project:

1.Introduction
The title of the project is School portal. This project will handle whole the
activities of the school. School portal has most of the facilities that a modern school requires to
computerize its day-to-day jobs. It provides facilities to keep the records of student, fees,
Teaching and non-teaching staff with all their required details along with all required
Transaction handling. It has facilities to generate various types of reports, which are required by
the management during normal business operations to operate the business effectively.
5

This is Student Information System developed in PHP. The Website manages to


keep all the records of the student and the institution. At first the student is supposed to register. During
this process, a unique register number will be given through which they can log in and clarify any
doubts.According to their register number a class will be allocated to them. His/her all the important
details will be saved in the database. Along with this, their yearly marks, awards gained, attendance can
also be stored. At the end of the year, along with information, that particular students yearly reports will
be sent to their parents email id or phone number. The Website also provides complete details of the
institution.
This Website is error free. Anyone can use this Website. You can download
this Website by clicking on download below. So use this Website and get more benefit from from this.
If have any doubts then post your doubts below.

1.1 Existing System


Before school systems, each department in an organization would most likely have their own computer
system, data and database. Unfortunately, many of these systems would not be able to communicate
with one another or need to store or rewrite data to make it possible for cross computer system
communication.

For instance
1. For no dues approval a student has to first check by fee clerk, then library regarding any late
submissions of book. This is very tedious for student, so a system should be like at a single place all
dues can be checked.
2. Modification to one unit need to inform all other units to change their data also. This arise many
problems.
3. We cannot get accurate and timely information as different modifications abrupt the data.
4. Examination control process is very long and tedious .A student has to visit different windows for
approval of their details.
5. Any event or new Notice Board details is not immediately informed to students. This lead to delay of
communicating with students.
6. Traditionally all the works are supposed to be maintained manually and this job is very laborious.
Since it can generate solution, therefore the work becomes a lot easier for the agent.

Drawbacks of Existing System:


6

1. Difficulty in adding Information manually.


2. Doesnt provide effective mechanism
3. Difficulty in browse the all the information.
4. Difficult in buying Products

1.2 Proposed System


We should define problem completely and the goals should be known before our destination In the next
step, we should specify inputs and outputs of our interest Then the structure of various database should
be designed which will be used during the programming Next, we should design our programs of user
friendly nature and always provide a way to the User to read back the origin if he/she find any complex
problem at any stage We should know the function of each and every program which will leads us to or
helps us to Read at the specified goal. Then we write these individual programs which later on joining
solve our problem Next step involve then testing of these programs and correction if necessary At
last, linking all the programs in a well-specified manner and combining in the form of a menu,
submenu etc. will be our defined problem. Out of these defined steps, few of the major steps will
respect to Project.

Advantages of the proposed system:


1. Managing the levels is very easy
2. Storing the Videos is so easy.
3. Giving input is as simple as just a single mouse click
4. Easy to maintain up to date information.
5. Cheaper to maintain.
6. No manual tracking is required.

1.3 Hardware And Software Requirements


1. Website Requirements
Operating System

Windows XP / Windows 7

Data Base

MYSQL

Programming Language

PHP

Server

Apache

2.

Hardware Requirements

Processor

PIII or Above

RAM

512 MB

Hard Disk

50 GB

1.4 FEASIBILITY STUDY:


Feasibility study is an important phase in the website development process. It enables the
developer to have an assessment of the product being developed It refers to the feasibility study
of the product in terms of outcomes of the product, operational use and technical support
required for implementing it.
Feasibility study should be performed on the basis of various criteria and parameters. The
various feasibility studies are:

Economic Feasibility

Operational Feasibility

Technical Feasibility

Economic Feasibility: It refers to the benefits or outcomes we are deriving from the product
compared to the total cost we are spending for developing the product. If the benefits are more
or less the same as the older system, then it is not feasible to develop the product.
In the present system, the development of the new product greatly enhances the
accuracy of the system and cuts short the delay in the processing of application.
The errors can be greatly reduced and at the same time providing a great level of security. Here
we dont need any additional equipment except memory of required capacity. No need for
spending money on client for maintenance because the database used is web enabled database.

Operational Feasibility: It refers to the feasibility of the product to be operational. Some


products may work very well at design and implementation but may fail in the real time
environment. It includes the study of additional human resource required and their technical
expertise.
In the present system, all the operations can be performed easily compared to existing
system and supports for the backlog data. Hence there is need for additional analysis. It was
found that the additional modules added are isolated modules as far as the operational is
concerned, so the Developed system is operationally feasible.

Technical Feasibility: It refers to whether the Website that is available in the market fully
supports the present application. It studies the pros and cons of using particular Website for the
development and its feasibility. It also studies the additional training needed to be given to the
people to make the application work.

10

Implementation plan:
The main plan for the system developed is to upgrading existing system to the proposed
system. There are mainly 4 methods of upgrading the existing system to proposed

Parallel Run System

Direct Cut-Over System

Pilot System

Phase-in Method

Parallel Run System: It is the most secure method of converting from an existing to new
system. In this approach both the systems run in parallel for a specific period of time. During
that period if any serious problems were identified while using the new system, the new system
is dropped and the older system is taken at the start point again.

Direct Cut -Over Method: In this approach a working version of the system is implemented in
one part of the organization such as single work area or department. When the system is
deemed complete it is installed through out the organization either all at once (direct cut-over)
or gradually (phase-in).

Phase-in Method: In this method a part of the system is first implemented and over time other
remaining parts are implemented.

Implementation planed used: The workflow Management system is developed on the basis of
Parallel Run Method because we upgraded the system, which is already in use to fulfill the
requirements of the client. The system already in use is treated as the old system and the new
system is developed on the basis of the old system and maintained the standards processed by

11

the older system. The upgraded system is working well and is implemented on the client
successfully.

Project Plan:
It was decided to use good Software engineering principals in the development of the system
since the company had quite a big client network & was aiming to provide staffing for the
clients or to develop the internal projects of the companies & expand their operations in the
near future. So the following Project Plan was drawn up:
1. The Analysts will interact with the current manual system users to get the Requirements. As a
part of this the Requirements Specification Document will be created.
2. The requirements Specifications document will contain the Analysis & Design of the system
& UML will be used as the modeling language to express the Analysis & Design of the System.
According to Grady Booch et al, in The Unified Modeling Language User Guide [UML-1998],
The Unified Modeling Language (UML) is a graphical language for visualizing, specifying,
constructing, and documenting the artifacts of a Website-intensive system. The UML gives you
a standard way to write a system's blueprints, covering conceptual things, such as business
processes and system functions, as well as concrete things, such as classes written in a specific
programming language, database schemas, and reusable Website components.
3. The Analysis, Design, Implementation & testing of the System itself will be broadly based on
the Rational Unified Website Development process. According to Ivan Jacobson et al, in The
Unified Website Development Process (The Addison-Wesley Object Technology Series)
[USDP-2000], the Unified Website Development Process contains Inception, Elaboration,
Construction & Transition as the main Phases, which contain further cycles & iterations. This
process will be followed to produce an incremental cycle, which will deliver milestones like the
Requirements Specification Document etc., at the end of each of the iterations, Phases or
cycles.
12

4. The Architecture & Technologies will be decided as a part of the Analysis of the
requirements.
5. Once the Design is ready the Implementation & Testing strategy of the system will
commence. Each will be independent of the other.

2. Requirements Specification Document

2.1 Introduction:
According to Roger Pressman in Website Engineering: A Practitioner's Approach (McGraw-Hill
Publications) [SEPA1997], the requirement specification document is produced at the end of
Analysis of the system. This document is a very comprehensive document & contains all the
User requirements & Analysis diagrams. The Requirements are broadly divided into two
groups:
1. Functional requirements
2. Non-functional requirements

2.2 Functional Requirements:


The main purpose of functional requirements within the requirement specification document is
to define all the activities or operations that take place in the system. These are derived through
interactions with the users of the system. Since the Requirements Specification is a
comprehensive document & contains a lot of data, it has been broken down into different
Chapters in this report. The depiction of the Design of the System in UML is presented in a
separate chapter. The Data Dictionary is presented in the Appendix of the system.
1. The System should allows the administrator to manage different levels of tests
and their sequence.
13

2. It allows the administrator to manage the questions in each category.


3. It allows the administrator to manage the list of questions in each category.
4. Candidate can register himself for writing the test.
5. The system then takes the candidate the first level after logging in.
6. The system generates the test by generating questions randomly pickup the
questions from the list
7. It allows the candidate to select answers of questions
8. This system finally evaluates the test, display the result and store it.
9. This system can then takes the candidate to the next level.
10. It allows the administrator to generate the report bases on some cut off
marks.
2.3 Non-Functional Requirements:
The non-functional requirements consist of
1. Analysis, Design & Data requirements (Use-case diagrams, textual analysis, sequence
diagrams, data dictionary etc.)
2. Constraints.
3. Guidelines.
4. Validation Criteria.

2.3.1 Analysis, Design & Data requirements


The use case diagrams, textual analysis and sequence diagrams & data dictionary fall into this
category. Since each category above is of considerable importance, they have been dealt in
separate chapters. An outline is only included here.
The Analysis & Design phases of the system yield Use Case diagrams, textual analysis,
Sequence Diagrams, Class diagrams & Data Dictionary. Data dictionary consists of process
statements showing how data is flowing from starting point to end point.
14

2.3.2 Constraints
These are the requirements that are not directly related to the functionality of the system. These
should be considered as mandatory when the system is developed. The following Constraints
were arrived at for the system:
1. The system should be available over the intranet so that the Users like the candidates can use
the system from their system which was assigned to him.
2. For gaining entry into the system the users should be registered and should be able use login
& passwords for gaining access to the system.
3. The users should be able to change their passwords for increased security.
4. The system should conform to the requirement specified and final deliverables of the project
before some date.
5. The system should be easy to understand and organized in a structured way. The users should
also receive feedback about any errors that occur.
6. There should be no limitation about the hardware platform that is to be used to run the
system.
7. Data integrity should be maintained if an error occurs or the whole system comes down.
2.3.3 Guidelines:
We have discussed mandatory requirements in the previous section. The requirements in this
section should be taken as suggestions & they should be thought of as recommendations to
further enhance the usability of the system.
1. The system should display a menu for users to choose from.
2. The system should display users requests in a reasonable time.
3. Services of the system should be available 24 hours a day.
4. The system should be designed in such a way that it is easy to enhance it with more
functionality. It should be scalable & easily maintainable.
15

2.3.4 Validation Criteria:


The Validation Criteria are dealt separately in the Chapter dealing with the Test Strategy & Test
cases.

3. Architecture & Technologies

3. 1 Mysql
According to the Mysql Corporation website, in the Products category where Mysql is listed
Whether users are creating a database for personal use, departmental use or for an entire
organization, oracle offers an easy-to-use database for managing and sharing data. Oracle brings
not only the traditional broad range of easy data management tools but also adds increased
integration with the Web for easier sharing of data across a variety of platforms and user levels
and additional ease-of-use enhancements to assist with personal productivity.
Mysql is a relational Database, which forms part of the Office Suite of products from mysql
Corporation. Though it can be used only for small applications, this RDBMS was chosen for the
implementation because it has a very user friendly Graphical User Interface. The tables can be
created in the design view or through a Wizard. It is easy to create integrity constraints &
foreign keys through the GUI.

3.2 Modules:

3.2.1 Administrator Module: This module allows administrator to manage user contact,
manage Advertisement, and manage slider and so manyIt allows him to add, modify and delete the all these modules related information.

16

3.2.2 User Module: This module allow user to view latest news, home, about as, contact as and
so manyIt allows him to add, modify and delete the all these modules related information.

3.2.3 Registration: This module allows the users to register for the website. It allows the Users
select an option for add favorites with in the stipulated time and continues generating the like
and add new post.

4. Designs:
The general methodology in developing a system in involved in different phases, which
describe the systems life cycle model for developing Website project. The concept includes not only
forward motion but also have the possibility to return that is cycle back to an activity previously
completed. This cycle back or feedback may occur as a result of the failure with the system to meet a
performance objective or as a result of changes in redefinition of system activities. Like most systems
that life cycle of the computer-based system also exhibits distinct phases.
Those are,
Requirement Analysis Phase
Design Phase
Development Phase
Coding Phase
Testing Phase

4.1. Requirement Analysis Phase:


This phase includes the identification of the problem, in order to identify the problem;
we have to know information about the problem, the purpose of the evaluation for problem to

17

be known. We have to clearly know about the clients requirements and the objectives of the
project.

4.2. Design Phase:


Website design is a process through which the requirements are translated into a
representation of Website. One of the Website requirements have been analyzed and specified,
the Website design involves three technical activities: design, coding generation and testing.
The design of the system is in modular form i.e. the Website is logically partitioned into
components that perform specific functions and sub functions. The design phase leads to
modules that exhibit independent functional characteristics.
It even leads to interfaces that reduce the complexity of the connections between
modules and with the external environment. The design phase is of main importance because in
this activity, decisions ultimately affect the success of Website implementation and
maintenance.

4.3. Development Phase:


The development phase includes choosing of suitable Website to solve the particular problem
given. The various facilities and the sophistication in the selected Website give a better
development of the problem.

4.4. Coding Phase:


The coding phase is for translating the design of the system-produced during the design
phase into code in a given programming language, which can be executed by a computer and
which performs the computation specified by the design.

4.5 Testing Phase:


18

Testing is done in various ways such as testing the algorithm, programming code; sample
data debugging is also one of following the above testing.

Requirement Specification:

Here, the focus is on specifying what has been found giving analysis such as
representation, specification languages and tools, and checking the specifications are addressed
during this activity.
The Requirement phase terminates with the production of the validate SRS document.
Producing the SRS document is the basic goal of this phase.
The purpose of the Website Requirement Specification is to reduce the communication
gap between the clients and the developers. Website Requirement Specification is the medium
through which the client and user needs are accurately specified. It forms the basis of Website
development. A good SRS should satisfy all the parties involved in the system.

Purpose:
The purpose of this document is to describe all external requirements or client
provisioning. It also describes the interfaces for the system.

Scope:
This document is the only one that describes the requirements of the system. It is
meant for the use by the developers, and will also use by the basis for validating the
final delivered system. Any changes made to the requirements in the future will have to
go through a formal change approval process. The developer is responsible for asking
19

for clarifications, where necessary, and will not make any alternations without the
permission of the client.

Design:
Design of Website involves conceiving, planning out and specifying the
externally observable characteristics of the Website product. We have data design,
architectural design and user interface design in the design process. These are explained
in the following section. The goal of design process is to provide a blue print for
implementation, testing and maintenance activities.

The primary activity during data design is to select logical representations of


data objects identified during requirement analysis and Website analysis.

A data

dictionary explicitly represents the relationships among data objects and constraints on
the elements of the data structure. A data dictionary should be established and used to
define both data and program design.
Design process is in between the analysis and implementation process. The
following design diagrams (Data Flow Diagrams and E-R Diagrams) make it easy to
understand and implement
The design process for Website system has two levels.
1. System Design or Top Level Design.
2. Detailed Design or Logical Design.

System Design or Top Level Design:


In the system design the focus is on deciding which modules are needed for the
system, the specification of these modules and how these modules should be
interconnected.
20

Detailed Design or Logical Design:


In detailed design the interconnection of the modules or how the specifications
of the modules can be satisfied is decided. Some properties for a Website system design
are

Verifiability.

Completeness.

Consistency.

Trace ability.

Simplicity/Understandability.

21

5. UML DIAGRAMS

UML APPROACH:

UML stands for Unified Modeling Language. UML is a language


For specifying, visualizing and documenting the system. This is the step while developing any
product after analysis. The goal from this is to produce a model of the entities involved in the
project which later need to be built.The representation of the entities that are to be used in the
product being developed need to be designed.

Website design is a process that gradually changes as various


new, better and more complete methods with a broader understanding of the of the whole
problem in general come into existence. There are various kinds of methods in Website design.
They are as follows :

Use case Diagram

Sequence Diagram

Collaboration Diagram

State Chart Diagram

Object Diagram

Class Diagram

Component Diagram

Deployment Diagram

22

5.1 Use case Diagrams:


Use case diagrams model behavior within a system and helps the developers understand
of what the user require. The stick man represents whats called an actor.
An actor represents an outside entity- either human or technological. In this example its
human (Stick man). Notice the curved rectangle on the diagram this represents the system
boundary everything inside that is part of that system, and everything outside are actors
(basically not part of system).

Use case diagrams can be useful for getting an overall view of the system and clarifying
who can do and more importantly what they cant do.

Use case Diagram consists of use cases and actors and shows the interaction between
the use case and actors.

The purpose is to show the interactions between use cases and actor.

To represent the system requirements from users perspective.

It must be remembered that the use-cases are the functions that are to be
performed in the module.

An actor could be the end-user of the system or an external system.

5.2 Sequence Diagram:


The purpose is to show the of functioning through a use case. In other Words, we call it
mapping processes in terms of data transfers from the actor through corresponding objects.

To represent the logical flow of data with respect to a process.


23

It must be remembered that the the sequence diagram display Objects and
not the classes.

5.3 Collaboration Diagram:


The diagrammatic representation of process is shown. It is the same As sequence
diagram. However, the representation is generic and not logical Step by step. The purpose of
collaboration diagram is to assist the Quality Engineers and System Architects to have a view of
the distribution of Processing between objects.

5.4 Class Diagram:

This is one of the most important of the diagrams in development.

The diagram breaks the class into three layers. One has the name,
the second describes its attributes and the third its methods. The
private attributes are represented by a padlock to left of the name.

The relationships are drawn between the classes.

Developers use the Class Diagram to develop the classes.

Analyses use it to show the details of the system.

Architects look at class diagrams to see if any class has too many functions and see if they are
required to be split.

5.5 State Transition Diagrams:

The purpose is to model various states in which an object can


exist.
24

Most of the objects in a complex system maintain states,


depending upon which modifies its behavior.

Implementation takes start state and stop state.

The details are not used for generating the code by Rational Rose, they are merely for
documentation.

25

1) Class Diagram:

Login Details

User

Username
Username

Password

Password

Connection
Manager

Register

URL
Query
Post

Username
Password
Verify Password

Check
DB Connection
Username
Password
DB Verify Password

26

2) Use Case for Administrator:

Add Post

Show Records

Modify Record
Admin

Delete Records

Results

27

3) Use Case Diagram for Normal User:

Home

New_post

Normal User

User

Contact us

About

Facebook

28

4) Sequence Diagram for post streaming:

Admin Login

Add

Update

Delete

Login ()

Choose ()

Creation ()

Add ()

Update ()

Delete ()

29

Log-in

Invalid User
Authetication

Valid User

Administration

Add

Update

Log-Out

Activity

Activity diagram for Different options for the user.

30

Delete

User Form

User

Login

Post

Log-Out

SYSTEM

ANALYSIS:
Analysis is the detailed study of the various operations performed by the system and their
relationships within and outside of the system. A key question is: what must be done to solve the
problem? One aspect of analysis is defining the boundaries of the system and determining whether or
not candidate system should consider other related systems. During analysis, data are collected on the
available files, decision points, and transactions handled by the present system.

What is SRS?
Website Requirement Specification (SRS) is the starting point of the Website developing
activity. AS system grew more complex it became evident that the goal of the entire system cannot be
easily comprehended. Hence the need for requirement phase arose. The Website project is initiated by
31

the client needs. The SRS is the means of translating the ideas of the minds of the clients (the input)
into a formal document (the output of the requirement phase).
The SRS phase consists of two basic activities:

Problem/Requirement Analysis: The process is order and more nebulous of the two, deals with
understanding the problem, the goal and constraints.

Requirement Specification: Here, the focus is on specifying what has been found giving
analysis such as representation, specification languages and tools, and checking the
specifications are addressed during this activity

The Requirement phase terminates with the production of the validate SRS document. Producing the
SRS document is the basic goal of this phase.

Role of SRS:
The purpose of the Website Requirement Specification is to reduce the communication gap
between the clients and the developers. Website Requirement Specification is the medium through
which the client and the user needs are accurately specified. It forms the basis of the Website
development. A good SRS should satisfy all the parties involved in the system.

CLIENT SERVER MODEL

When an architect designs a building, he has a vision of the finished product and produces a result
based on that vision. Client server, on the other hand, is more like Darwinian model of evolution of a
living species. No one has a vision of the finished products; rather, day-today events and gradual
changes affect it over time in reaction to those events.

32

In the beginning, application were fairly simple, reading input transaction in a batch,
processing them against a data store, and the output was paper. Record retrieval was usually a set of
subroutines embedded in the updating program.

Common functions gradually migrated from the application to the operating system. Database
processing was one of the first major functions to be removed from application control. Much of the
time database functions in the application included retrieval, replacement and insertion. Since it was
function had to be introduced database
Administration. This new function was separated from the application code and involved defining the
structure of the database, value ranges backup, rollback, and so forth.

Advantages of Client Server Model:

The hardware and Website can be placed where it will do the most good.

In Client Server model PCs, the power can be spread across the client and the server.

On client side, an Active X object is used to present data

By having the client side it can do more work

The client Website supplies the interface (Such as windowed program) and the knowledge of
how to pass the request to the server and the format of the data for the user when its returned
from the server. The servers job is to manipulate the data according to the users request.

TECHNOLOGIES

World Wide Web Web Technologies:


33

The World Wide Web is an open ended information system where the information can be
retrieved and is designed to use in the Internets distributed environment. It contains Web pages that
provide information and controls. The World Wide Web initially started as a text only medium but now
ranges of features are added like graphics, sounds, animation and video. A large portion of internet is
organized as the world wide web. A Web application is defined as multi tier application based on the
internet standards, using a web browser as client. The rule making body of the web is W3C. W3C
stands for World Wide Web Consortium. W3C puts together specifications for Web standards. The most
essential Web standards are HTML, CSS and XML. The latest HTML standard is XHTML 1.0.

Hyper Text Transfer Protocol:


The standard web transfer protocol is HTTP. Each interaction consists of one ASCII request,
followed by one RFC 822 MIME like response. Although the use of TCP for the transport connection
is very common, it is not formally required by the standard. HTTP is constantly evolving. Several
versions are in use and others are under development.

Three Tier Architecture:


A web application follows a 3 tier model. The first tier consists of presentation layer, the
second tier consists of the application layer and the third tier provides the data. A web application will
collect the data from the client and sends the request to the web server.

TCP/IP Protocol:
The most basic internet standard is the TCP/IP protocol. This protocol defines the rules for
establishing connections between computers, that is between client and server hardware.

34

Server

Web server
2nd
tier
Request

Web
browser

Run

time

3rd
tier

Server
script
(or

Response

program)
environment
Data Stores
1st

tier

35

In a web application the first tier includes the web browser and the web server. The relevant
script let program runs and gets the data (second and the third tier) and sends the data to the Web
server. The web server sends the data back to the
Client (first tier).

Apache Web Server:


Apache was originally based on the code and ideas found in the most popular HTTP server of
the time. NCSA httpd1.3 (early 1995). It has since evolved into a far superior system which can
rival( and probably surpass) almost any other UNIX based HTTP server in terms of functionality,
efficiency and speed. Since it began, it has been completely rewritten and includes many features.
Apache is, as of January 1997, the most popular WWW server on the Internet, according to the Net
craft Survey.

Why Apache?
To address the concerns of a group of WWW providers and part time http programmers that
http didnt as they wanted it to behave. Apache is an entirely volunteer effort, completely funded by its
members, not by commercial sales. Apache has been show to be substantially faster than many other
free servers.

Hypertext Markup Language (HTML):


HTML is a collection of platform independent styles used to create a web document. Html can
be used to display any type of document on the host computer, which can be geographically at different
location. It is a versatile language and can be used on any platform or desktop being platform
36

independent, HTML indicates the manner in which the document to be read by the interpreter. This can
be done with the set of HTML elements and tags which mark up the document and inform the browser,
such as Internet Explorer, about the action to be taken when a certain element or tag is specified.

HTML Elements and Tags:


A web page is made up of elements, each of which is defined by an HTML code or a tag. A tag
is always enclosed in angle brackets, and most tags come in pairs, with an opening and closing tag. The
closing tag is the same as the opening tag, but starts with forward slash.
Structure Of HTML:
HTML elements perform a defined task. HTML uses two types of elements.
They are
Empty Tags
Container Tags.
These tags differ because of what they represent. Empty tags represent formatting constraints
such as line breaks and horizontal rules. Container tags define a section of text, formats and dot all of
the selected text. A container tag has both a beginning and an ending.

HTML Layout:
An HTML document consists of text, which comprises the content of the document and tags,
which, defines the structure, and appearance of the document. The structure of an HTML document is
simple.
<HTML> tag enclosing the document header and body
Heres an example.
<HEAD>
<TITLE>The title of HTML Document</TITLE>
37

</HEAD>
<BODY>
This is where the actual HTML document
Text lies, which is displayed in the browser.
</BODY>
</HTML>

Dynamic Hypertext Markup Language (DHTML):


With the explosion of interest in the World Wide Web, Hypertext Markup Language (HTML)
has assumed a prominent place in the computer world. HTML has evolved to meet the increasing
demand for eye-catching and mind-catching web sites. Until recently, however the evolutionary
process mostly involved new and improved tags and attributes.

Java Script:
JavaScript is a scripting language that was created by Netscape. It was originally called Live
Script. Despite the similarities in name and syntax, JavaScript is not related to the Java programming
language.
JavaScript is supported by a wide range of Web browsers, including both Microsoft Internet
Explorer and Netscape Navigator. The Internet Explorer 3.0 supports JavaScript directly through a
scripting engine in the file jscript.dll.
Perhaps the best-known scripting language prior to the introduction of VBScript was
JavaScript. It is used to create interactive web applications supported by the Netscape browser.
38

JavaScript offers many of the same advantages as VBScript. JavaScript is simple to use, lightweight,
and dynamic. Developers can easily embed code functionality for interactive applications inside a web
page.

Syntax :

<SCRIPT LANGUAGE="JavaScript">
var rtn = false;
function push_me() {
alert ("Hello, World!");
return true;
}
</SCRIPT>

TESTING

Website testing is a critical element of the Website quality assurance and represents the ultimate
review of specification, design and coding. Testing is the exposure of the system to trial input to see
whether it produces correct output.

Testing Phases: Website testing phases include the following:


Test activities are determined and test data selected.
The test is conducted and test results are compared with the expected results.
There are various types of testing:

39

Unit Testing: Unit testing is essentially for the verification of the code produced during the coding
phase and the goal is test the internal logic of the module/program. Int the Generic code project, the
unit testing is done during coding phase of data entry forms whether the functions are working properly
or not. In this phase all the drivers are tested they are rightly connected or not.

Integration Testing: All the tested modules are combined into subsystems, which are then tested. The
goal is to see if the modules are properly integrated, and the emphasis being on the testing interfaces
between the modules. The generic code integration testing is done mainly on table creation module and
insertion module.

System Testing: It is mainly used if the Website meets its requirements. The reference document for
this process is the requirement document.

Acceptance Testing: It is performed with realistic data of the client to demonstrate that the Website is
working satisfactorily.

Testing Methods: Testing is a process of executing a program to find out errors. If testing is conducted
successfully, it will uncover all the errors in the Website. Any testing can be done basing on two ways:

White Box Testing: It is a test case design method that uses the control structures of the procedural
design to derive the test cases. Using this testing a Website engineer can derive the following test cases:
Exercise all the logical decisions on either true or false sides. Execute all loops at their boundaries and
within their operational boundaries. Exercise the internal data structures to assure their validity.

40

Black Box Testing: It is a test case design method used on the functional requirements of the Website.
It will help a Website engineer to derive sets of input conditions that will exercise all the functional
requirements of the program.
Black box Testing attempts to find errors in the following categories:

Incorrect or missing functions

Interface errors

Errors in data structures

By Black box testing we derive a set of test cases that satisfy the following criteria:

Test cases that reduce by a count that is greater than one, the number of additional test cases
that must be designed to achieve reasonable testing.

Test cases that tell us something about the presence or absence of classes of errors rather than
errors associated only with a specific test at hand.

TEST APPROACH:
Testing can be done in two ways:

Bottom up approach

Top down approach

Bottom up approach: Testing can be performed starting from smallest and lowest level modules and
proceeding one at a time. For each module in bottom up testing a short program executes the module
and provides the needed data so that the module is asked to perform the way it will when embedded
with in the larger system. When bottom level modules are tested attention turns to those on the next

41

level that use the lower level ones they are tested individually and then linked with the previously
examined lower level modules.

Top down approach: This type of testing starts from upper level modules, since the detailed activities
usually performed in the lower level routines are not provided stubs are written. A stub is a module
shell called by upper level module and that when reached properly will return a message to the calling
module indicating that proper interaction occurred. No attempt is made to verify the correctness of the
lower level module.

42

Data Base Table:

43

Screenshots

44

Coding
User View Coading

Index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0040)http://www.gautampublicschoolpilani.com/ -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<meta name="keywords" content="Gautam Public School, Pilani, CBSE Board, English
Medium School, Pre Primary, Primary, Secondary, Sports Facilities, Bus Facility,
Infrastructure">
<link id="bs-css" href="css/css.css" rel="stylesheet">
<meta name="description" content="Gautam Public School, School is co-educational
CBSE Board English Medium School, committed to providing quality education for all
its students.">
<title>RKVM-SCHOOL</title>
<body bgcolor="#CCCCCC">
<?php
include("head.php");
?>
<td height="297" colspan="2" valign="top" >
<?php include("homeslider.php"); ?>
</td>
<tr>
<td height="100%" colspan="2" valign="top" bgcolor="#FFFFFF">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top" class="small-text">&nbsp;</td>
<td background="../Gautam Public School -_files/.jpg" class="small-text">&nbsp;
</td>
<td valign="top" class="small-text">&nbsp;
</td>
<td background="image/dots1.jpg" class="small-text">&nbsp;
</td>
<td class="small-text">&nbsp;</td>
</tr>
<tr>
<td width="29%" valign="top">
<?php include("left_slider.php"); ?>
</td>
<td width="1%" background="../Gautam Public School -_files/dots1.jpg">&nbsp;
</td>
<td width="44%" valign="top">
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<br />

45

<td width="12">
<img src="image/bullet1.jpg" width="7" height="13">
</td>
<td class="title1">
Welcome to Ram Krishna Vidhya Mandir, Dhar
</td>
</tr>
<tr>
<td colspan="2" class="bodytextCopy">&nbsp;
</td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="100%" class="bold-text">
<div align="justify">
<p>
<strong>Shri Ram krishna Vidhya Mandir , Dhar.<img alt=""
src="image/about_ramkrishna.png" style="width: 100px; height: 100px; float: right;
margin: 2px 10px; border-width: 1px; border-style: solid;"></strong></p>
<p>
Shri ram krishna vidhya mandir is an educational project which is urged with
spiritual knowledge with the help of education and culture. We want to make those
student who have powerful desire, strength and we teach them how to be selfdepend.</p>
Its an <strong>English medium co-educational</strong> school following
<strong>CBSE syllabus.</strong> I hope that "Shri Ram krishna Vidhya Mandir" will
scale the new heights of education in the years to come and we must all pledge to
work sincerely to realize the goal. My best wishes are with you all.<br /><br />
</span><strong>The school strives to help children mature with a love for
learning,</strong> develop critical thought and a feeling of care and concern for
mankind so that they acquire the strength of character and moral values needed to
become good citizens of the future. Our commitment is to shape children into
conscientious and responsible citizens with high sense of honesty, integrity and
truthfulness. Our goal is excellence and we strive hard to achieve it and uphold
it through continuous improvement and openness to embrace new ideas and
experiences.<br></p>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td height="21" colspan="2" valign="bottom">&nbsp;</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
</tbody></table>
</td>
<td width="1%" background="image/dots1.jpg">&nbsp;
</td>
<td width="25%" valign="top">
<?php include("right_slider.php"); ?>
</td>
</tr>
</tbody></table>
</td>
</tr>
<?php

46

include("foot.php");
?>
</body></html>

Bus Route Code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0050)http://www.gautampublicschoolpilani.com/route.aspx -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<meta name="keywords" content="Gautam Public School, Pilani, CBSE Board, English
Medium School, Pre Primary, Primary, Secondary, Sports Facilities, Bus Facility,
Infrastructure">
<link id="bs-css" href="css/css.css" rel="stylesheet">
<meta name="description" content="Gautam Public School, School is co-educational
CBSE Board English Medium School, committed to providing quality education for all
its students.">
<title>RKVM-SCHOOL</title>
<body bgcolor="#CCCCCC">
<?php
include("head.php");
?>
<tr>
<td height="100%" colspan="2" valign="top" bgcolor="#FFFFFF">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="71%" colspan="3" valign="top">
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr><br />
<td width="12">
<img src="image/bullet1.jpg" width="7" height="13">
</td>
<td class="title1">
Bus Fees Structure For Session 2013-2014
</td>
</tr>
<tr>
<td colspan="2" class="bodytextCopy">&nbsp;
</td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="100%" class="bold-text">
<div align="justify">
<table border="1" cellpadding="0" cellspacing="0" style="text-align:center;" s="">
<tbody>
<tr style="border:solid;">
<th style="width:45px;">&nbsp;S. No.
</th>
<th style="width:160px;">&nbsp; Bus No.
</th>

47

<th style="width:103px;">
Name</th>
<th style="width:103px;">
Mobile</th>
<th style="width:103px;">
Address</th>
</tr>
<?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_stu_master");
while ($row=mysql_fetch_array($sql))
{
?>
<tr>
<td style="width:45px;">
<?php echo $row["id"]; ?></td>
<td style="width:160px;">
<?php echo $row["bus_no"]; ?></td>
<td style="width:103px;">
<?php echo $row["name"]; ?></td>
<td style="width:103px;">
<?php echo $row["mob"]; ?></td>
<td style="width:103px;">
<?php echo $row["addr"]; ?></td>
</tr>
<?php }?>
</tbody>
</table>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
<td width="1%" background="./busrute_files/dots1.jpg">&nbsp;
</td>
<td width="27%" valign="top">
<?php include("right_slider.php"); ?>
</td>
</tr>
</tbody></table>
</td>
</tr>
<?php
include("foot.php");
?>
</body></html>

48

Student Achievement Code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0056)http://www.gautampublicschoolpilani.com/acheivement.aspx
-->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<meta name="keywords" content="Gautam Public School, Pilani, CBSE Board, English
Medium School, Pre Primary, Primary, Secondary, Sports Facilities, Bus Facility,
Infrastructure">
<link id="bs-css" href="css/css.css" rel="stylesheet">
<meta name="description" content="Gautam Public School, School is co-educational
CBSE Board English Medium School, committed to providing quality education for all
its students.">
<title>RKVM-SCHOOL</title>
<body bgcolor="#CCCCCC">

<?php
include("head.php");
?>
<tr>
<td height="100%" colspan="2" valign="top" bgcolor="#FFFFFF">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<div style="float:left;">
<td width="100%" colspan="3" valign="top">
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr><br />
<td width="12">
<img src="image/bullet1.jpg" width="7" height="13">
</td>
<td class="title1">
Our Success Stories
</td>
</tr>
<tr>
<td colspan="2" class="bodytextCopy">&nbsp;
</td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="100%" class="bold-text">
<div align="justify">
<div class="product_div">
<div class="pro_img" style="float: left;">

49

<table border="0" cellpadding="0" cellspacing="0" style="margin-right: 5px; marginbottom: 20px;">


<tbody>
<tr>
<?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_stu_achiv");
while ($row=mysql_fetch_array($sql))
{
?>
<td style="height: 160px;" valign="middle">
<div style="border: 1px solid #5d9a9a; width: 110px; background: white; borderradius: 5px 5px 5px 5px;
height: 160px; float: left; padding: 8px 6px 4px 8px; margin-bottom: 7px; marginleft: 35px;">
<img id="ctl00_ContentPlaceHolder1_gdv_Cat1_ctrl0_imgcat" title="<?php echo
$row["name"]; ?>" src="news-upload/<?php echo $row["file"]; ?>" alt="<?php echo
$row["name"]; ?>" style="height:160px;width:110px;border-width:0px;">
</div>
<center><strong><?php echo $row["name"]; ?></strong> <br><?php echo $row["per"]; ?
></center>
</td>
<?php
}?>
</tr>
</tbody></table>
</div>
</div>
<!-- <div class="product_div">
<div class="pro_img" style="float: left;"></div>
</div>
<div class="product_div">
<div class="pro_img" style="float: left;"></div>
</div>
<div class="product_div">
<div class="pro_img" style="float: left;"></div>
</div>
<div class="product_div"></div>-->
<!--<div class="pagination">
</div>-->
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</div>
</tbody></table>
</td>
</tr>
<?php

50

include("foot.php");
?>
</body></html>

Facility Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="Gautam Public School, Pilani, CBSE Board, English
Medium School, Pre Primary, Primary, Secondary, Sports Facilities, Bus Facility,
Infrastructure" />
<link id="bs-css" href="css/css.css" rel="stylesheet">
<meta name="description" content="Gautam Public School, School is co-educational
CBSE Board English Medium School, committed to providing quality education for all
its students." />
<title>RKVM-SCHOOL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<body bgcolor="#CCCCCC">
<?php
include_once("head.php");
?>
<tr>
<td height="100%" colspan="2" valign="top" bgcolor="#FFFFFF">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" colspan="3" valign="top">
<table border="0" align="center" cellpadding="0" cellspacing="0" width="960px">
<tr>
<td valign="top" bgcolor="#FFFFFF" align="left" style="width: 700px;">
<div style="float: left; width: 700px;">
<div style=" padding-bottom: 10px;
margin-top: 20px; margin-left: 0px;" class="title1">
<img src="image/bullet1.jpg" width="7" height="13" />
RKVM - Facilities </div>
<?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_facelity");
while ($row=mysql_fetch_array($sql))
{
?>

<table class="text33" style="padding-bottom: 15px; width:700px;">


<tr>
<td class="blog_img_bg" style="border:solid 1px black; float:left; width:200px;">
<a class="login-page" href="facilitydetail.aspx?update=1" style="text-decoration:
none;">

51

<img id="ctl00_ContentPlaceHolder1_lstview_product_ctrl0_imgcat" src="newsupload/<?php echo $row['file']; ?>" style="height:110px;width:197px;borderwidth:0px;" /></a>


</td>
<td class="blog_txtleft" style="width:470px; vertical-align:top;">
<div class="title1">
<span id="ctl00_ContentPlaceHolder1_lstview_product_ctrl0_lbl_title"><?php echo
$row["title"]; ?></span>
</div>
<div id="ctl00_ContentPlaceHolder1_lstview_product_ctrl0_divdesc"
class="bodytextCopy">
<span id="ctl00_ContentPlaceHolder1_lstview_product_ctrl0_lbldesc" style="fontfamily: Arial,Helvetica,sans-serif;
font-size: 12px;color: rgb(51, 51, 51);font-style: normal;line-height: 1.5;"><?php
echo $row["disc"]; ?></span>
<br />
<br />
</div>
</td>
</tr>
</table>

<?php
}?>
<div class="pagination">
</div>
</div>
</td> <td width="290px" style=" vertical-align:top; margin-top:10px;">
<?php include("right_slider.php"); ?>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<?php
include_once("foot.php");
?>
</body>
</html>

52

Facility Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0052)http://www.gautampublicschoolpilani.com/faculty.aspx -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<meta name="keywords" content="Gautam Public School, Pilani, CBSE Board, English
Medium School, Pre Primary, Primary, Secondary, Sports Facilities, Bus Facility,
Infrastructure">
<link id="bs-css" href="css/css.css" rel="stylesheet">
<meta name="description" content="Gautam Public School, School is co-educational
CBSE Board English Medium School, committed to providing quality education for all
its students.">
<title>RKVM-SCHOOL</title>
</head>
<body bgcolor="#CCCCCC">
<?php
include("head.php");
?>
<tr>
<td height="100%" colspan="2" valign="top" bgcolor="#FFFFFF">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="71%" colspan="3" valign="top">
<table width="660px">
<tbody><tr>
<td>
<table width="660" border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="3" style="font-weight: bold;">
<br />
<div class="title1" style="float: left; width: 660px;">
<img src="./faculty_files/bullet1.jpg" width="7" height="13">
Head Faculty
<div style="float: right; padding-right: 30px;">
<b>Page : </b> <a id="ctl00_ContentPlaceHolder1_rptpage_ctl00_btnpageno"
href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$rptpage$ctl00$btnpageno','
')" style="font-weight: bold; font-size: small; color:3d3d3d;">1</a>
<table border="0" cellspacing="0" cellpadding="0" visible="false">
<tbody><tr>
<td align="left" valign="middle">
</td>
</tr>
</tbody></table>
</div>
</div>
</td>
</tr>
<tr>
<td style=" float:left;">
<div id="ctl00_ContentPlaceHolder1_UpdatePanel1">

53

<table id="ctl00_ContentPlaceHolder1_DtltFaculty" cellspacing="0"


autogeneratecolumns="False" emptydatatext="No Faculty are available" border="0"
style="width:650px;border-collapse:collapse;">
<tbody><tr>
<?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_faculty");
while ($row=mysql_fetch_array($sql))
{
?>
<td>
<table width="70px" class="bodytextCopy" style="padding-top: 5px;vertical-align:
top; padding-left: 0px; text-align: left;">
<tbody><tr>
<td width="150px">
<div style="width: 158px; height: auto; padding: 6px 4px 6px 4px;border: solid 1px
#dbdbdb" "="">
<center>
<a href="" id="ctl00_ContentPlaceHolder1_DtltFaculty_ctl00_a1">
<img src="news-upload/<?php echo $row['file']; ?>"
id="ctl00_ContentPlaceHolder1_DtltFaculty_ctl00_imghead" width="150" style="border:
solid 1px gray" height="150"></a></center>
</div>
<center>
<a href="" id="ctl00_ContentPlaceHolder1_DtltFaculty_ctl00_a8" style="textdecoration:none; color: #3d3d3d;"><span style=" font-weight: bold; font-size:
12px;">
<span id="ctl00_ContentPlaceHolder1_DtltFaculty_ctl00_Label1" class="errormsg"><?
php echo $row["name"]; ?></span></span></a>
</center>
<center>
<span id="ctl00_ContentPlaceHolder1_DtltFaculty_ctl00_Label2" style="font-size:
12px;"><?php echo $row["desig"]; ?></span>
</center>
</td>
</tr>
</tbody></table>
<?php
}?></td><td></td><td></td>
</tr>
</tbody></table>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td height="15px">
</td>
</tr>
<tr>
<td>
<div id="ctl00_ContentPlaceHolder1_up1">
<table width="550" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="3" style="margin-bottom: 15px;">
</td>
</tr>
</tbody></table>
</div>
</td>
</tr>
<tr>

54

<td height="15px">
</td>
</tr>
<tr>
<td>
<div id="ctl00_ContentPlaceHolder1_UpdatePanel2">
<table width="550" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="3" style="margin-bottom: 15px;">
</td>
</tr>
</tbody></table>
</div>
</td>
</tr>
<tr>
<td height="15px">
</td>
</tr>
<tr>
<td>
<div id="ctl00_ContentPlaceHolder1_UpdatePanel3">
<table width="550" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="3" style="margin-bottom: 15px;">
</td>
</tr>
</tbody></table>
</div>
</td>
</tr>
<tr>
<td height="15px">
</td>
</tr>
</tbody></table>
</td>
<td width="1%" background="./faculty_files/dots1.jpg">&nbsp;
</td>
<td width="27%" valign="top">
<?php include("right_slider.php"); ?>
</td>
</tr>
</tbody></table>
</td>
</tr>
<?php
include("foot.php");
?>
</body></html>

55

Gallary Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="Gautam Public School, Pilani, CBSE Board, English
Medium School, Pre Primary, Primary, Secondary, Sports Facilities, Bus Facility,
Infrastructure" />
<link id="bs-css" href="css/css.css" rel="stylesheet">
<meta name="description" content="Gautam Public School, School is co-educational
CBSE Board English Medium School, committed to providing quality education for all
its students." />
<title>RKVM-SCHOOL</title>
</head>
<body bgcolor="#CCCCCC">
<?php
include_once("head.php");
?>
<tr>
<td height="100%" colspan="2" valign="top" bgcolor="#FFFFFF">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="71%" colspan="3" valign="top">
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF" align="left" style="width: 700px;"
class="title1"><p><img src="image/bullet1.jpg" />
Photo Gallery
</p>
<p><?php include_once("gallery.php"); ?>
</ul>
<div class="clr">
</div>
</div>
</p>
<div class="clr">
</div>
</td>
<td width="290px" style="vertical-align: top; margin-top: 10px;">
<br />

56

<img src="image/bullet1.jpg" alt="" width="7px" height="13px"><font color="#FF6600"


size="4px"> Event & Activities</font>
<br>
<?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_cat");
while ($row=mysql_fetch_array($sql))
{
?>
<font color="#FF6600" style="margin-left:13px;" > <?php echo "<a href=gallary.php?
status=$row[id] ><img src=image/new2.gif> $row[cat_name]</a> "?></font>
<br />
<?php }?>
</td>
</tr>
<tr>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<?php
include_once("foot.php")
?>
</body>
</html>

57

Gallery Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>imgZoom jQuery plugin - odyniec.net</title>
<meta name="keywords" content="imgzoom,jquery,plugin,image,gallery,zoom,fade
in,rotate,svg,vml,lightbox,Michal Wojciechowski,odyniec" />
<link rel="stylesheet" type="text/css" href="css1/imgzoom.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen"
href="/css/msie/ie6.css" />
<noscript>
<link rel="stylesheet" type="text/css" media="screen"
href="/css/msie/ie6-nojs.css" />
</noscript>
<script type="text/javascript" src="/js/DD_belatedPNG_0.0.8a.js"></script>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="/css/msie/ie7.css" />
<![endif]-->
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.imgzoom.pack.js"></script>
<script type="text/javascript">
$(function () {
<?php /*?> <?php
$i =0;
$sql=mysql_query("select * from tbl_gallery");
while ($row=mysql_fetch_array($sql))
{
?>
$('#img<?php echo $i; ?>').imgZoom({ showOverlay: true });
<?php
$i++;
}
?><?php */?>
<?php
include_once("conn.php");
if(isset($_GET['status']))
{
$i =1;
$cat_id=$_GET['status'];
$sql=mysql_query("select * from tbl_gallery where cat_id='$cat_id'");
while ($row=mysql_fetch_array($sql))
{
?>

58

$('#img<?php echo $i; ?>').imgZoom({ showOverlay: true });


<?php
$i++;
}}
?>
});
</script></head>
<body>
<div class="container demo">
<div style="float: left; width: 10px;">
<table>
<tbody>
<tr>
<?php
include_once("conn.php");
if(isset($_GET['status']))
{
$i =1;
$cat_id=$_GET['status'];
$sql=mysql_query("select * from tbl_gallery where cat_id ='$cat_id'");
while ($row=mysql_fetch_array($sql))
{
?>
<td>
<a href="news-upload/<?php echo $row["img"]; ?>"><img style="height:90px;
width:90px;" id="img<?php echo $i; ?>" src="news-upload/<?php echo $row["img"]; ?
>"
title="<?php echo $row["title"] ?>" /></a>
<br />
<?php echo $row["title"]; ?>
</td>
<?php
$i++;
}}?>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>

59

Home Slider Code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content=" image slider, responsive slider" />
<meta name="description" content="created with WOW Slider, a free wizard program
that helps you easily generate beautiful web slideshow" />
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
</head>
<body style="background-color:#d7d7d7">
<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_slider");
while ($row=mysql_fetch_array($sql))
{
?>
<li><img src="news-upload/<?php echo $row["img"]; ?>" alt="<?php echo
$row["title"]; ?>" title="<?php echo $row["title"]; ?>" id="wows1_0"/></li>
<?php }?>
</ul></div>
<div class="ws_bullets"><div>
<?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_slider");
while ($row=mysql_fetch_array($sql))
{
?>
<a href="news-upload/<?php echo $row["img"]; ?>"></a>
<?php }?>
</div></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
</body>
</html>

60

Notice Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="Gautam Public School, Pilani, CBSE Board, English
Medium School, Pre Primary, Primary, Secondary, Sports Facilities, Bus Facility,
Infrastructure" />
<link id="bs-css" href="css/css.css" rel="stylesheet">
<meta name="description" content="Gautam Public School, School is co-educational
CBSE Board English Medium School, committed to providing quality education for all
its students." />
<title>RKVM-SCHOOL </title>
</head>
<body bgcolor="#CCCCCC">
<?php include("head.php"); ?>
<tr>
<td height="100%" colspan="2" valign="top" bgcolor="#FFFFFF">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="71%" colspan="3" valign="top">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="12">
<img src="image/bullet1.jpg" width="7" height="13" />
</td>
<td class="title1">
Notice
</td>
</tr>
<tr>
<td colspan="2" class="bodytextCopy">&nbsp;
</td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
</table>
</td>
</tr>
</table>
<div align="justify">
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>

61

<tr>
<td colspan="2" class="bodytextCopy">&nbsp;
</td>
</tr>
<tr>
<td colspan="2"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="100%" class="bold-text">
<div align="justify">
<table border="1" cellpadding="0" cellspacing="0" style="text-align:center;" s="">
<tbody>
<tr style="border:solid;">
<th style="width:45px;">&nbsp;S. No. </th>
<th style="width:103px;"> Title</th>
<th style="width:103px;"> Description</th>
<th style="width:103px;"> File</th>
</tr>
<?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_notice");
while ($row=mysql_fetch_array($sql))
{
?>
<tr>
<td style="width:45px;"><?php echo $row["id"]; ?></td>
<td style="width:103px;"><?php echo $row["title"]; ?></td>
<td style="width:103px;"><?php echo $row["disc"]; ?></td>
<td style="width:103px;"><a href="news-upload/<?php echo $row["file"]; ?>"
>Download File</a></td>
</tr>
<?php }?>
</tbody>
</table>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</div>
<p>&nbsp;</p></td>
<td width="1%" background="images/dots1.jpg">&nbsp;
</td>
<td width="27%" valign="top">
<?php include("right_slider.php"); ?>
</td>
</tr>
</table>
</td>
</tr>
<?php include("foot.php"); ?>
</body>
</html>

62

Notice1 Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="Gautam Public School, Pilani, CBSE Board, English
Medium School, Pre Primary, Primary, Secondary, Sports Facilities, Bus Facility,
Infrastructure" />
<link id="bs-css" href="css/css.css" rel="stylesheet">
<meta name="description" content="Gautam Public School, School is co-educational
CBSE Board English Medium School, committed to providing quality education for all
its students." />
<title>RKVM-SCHOOL</title>
</head>
<body bgcolor="#CCCCCC">
<?php include("head.php"); ?>
<tr>
<td height="100%" colspan="2" valign="top" bgcolor="#FFFFFF">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="71%" colspan="3" valign="top">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="12">
<img src="image/bullet1.jpg" width="7" height="13" />
</td>
<td class="title1">
Notice
</td>
</tr>
<tr>
<td colspan="2" class="bodytextCopy">&nbsp;
</td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
</table>
</td>
</tr>
</table>
<div align="justify">
<?php
include_once("conn.php");
if(isset($_GET['status']))
{
$id=$_GET['status'];
$data=mysql_fetch_array(mysql_query("select * from tbl_notice where id='$id'"));

63

$title=$data['title'];
$date=$data['date'];
$disc=$data['disc'];
?>
<!--<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" class="bold-text" colspan="2">
<div align="justify">
</td</tr>
<tr>
<td class="title1">
</td>
</tr>
<tr>
<td>
</td>
</tr>
</div>
</tr>
</table>-->
<table border="0" style="width:19%; height:42%;">
<tr>
<td rowspan="3">
<img alt="" src="image/news-icon.jpg" style="width: 100px; height: auto; " /></td>
<td>
<?php echo $data["title"]; ?>
</td>
</tr>
<tr>
<td>
<?php echo $data["disc"]; ?></td>
</tr>
<tr>
<td>
<a href="news-upload/<?php echo $data["file"]; ?>" >Download</a></td>
</tr>
</table>
<?php } ?>
</div>
<p>&nbsp;</p></td>
<td width="1%" background="images/dots1.jpg">&nbsp;
</td>
<td width="27%" valign="top">
<?php include("right_slider.php"); ?>
</td>
</tr>
</table>
</td>
</tr>
<?php include("foot.php"); ?>
</body>
</html>

64

Contact Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="Gautam Public School, Pilani, CBSE Board, English
Medium School, Pre Primary, Primary, Secondary, Sports Facilities, Bus Facility,
Infrastructure" />
<link id="bs-css" href="css/css.css" rel="stylesheet">
<meta name="description" content="Gautam Public School, School is co-educational
CBSE Board English Medium School, committed to providing quality education for all
its students." />
<title>RKVM-SCHOOL </title>
<script type="text/javascript">
function validation()
{
var a = document.form.msg.value;
if(form.name.value=="")
{
alert("please enter name");
form.name.focus();
return false;
}
else if(form.email.value=="")
{
alert("please enter email");
form.email.focus();
return false;
}
else if(a=="")
{
alert("Please Enter Your Details Here");
document.form.msg.focus();
return false;
}
}
</script>
</head>
<body bgcolor="#CCCCCC">
<?php
include_once("head.php");
?>
<tr>
<td height="100%" colspan="2" valign="top" bgcolor="#FFFFFF">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" colspan="3" valign="top">
<div style="padding-bottom: 10px;margin-top: 20px; margin-left: 0px; float:left;">
<img src="image/bullet1.jpg" width="7" height="13" />
&nbsp;<span class="title1">Contact Us</span>
<form name="form" method="post" onsubmit="return validation()">
<br />
Name:<br />

65

<input type="text" name="name"


/><br />
E-Mail:<br />
<input type="text" name="email" /><br />
Message:<br />
<textarea name="msg" cols="30" rows="4"></textarea><br />
<input type="submit" name="contact-us" value="Submit" />
</form>
</div>
<br />
<br />
<div class="cont_right" style=" padding-left:10px; margin-left:600px;">
<span class="bold-text"><table border="0" width="232">
<tbody>
<tr>
<td valign="top" width="60">
<strong>Address</strong></td>
<td valign="top" width="1">
<strong>:</strong></td>
<td valign="top" width="171">
<p>
<strong>Ram Krishna Vdhiya Mandir</strong><br />
Golab Chaker,<br />
Dhar-263855(Rahul.),</p>
</td>
</tr>
<tr>
<td valign="top" width="60">
<strong>Phone</strong></td>
<td valign="top" width="1">
<strong>:</strong></td>
<td valign="top" width="171">
07292-263855</td>
</tr>
<tr>
<td valign="top" width="60">
<strong>Email</strong></td>
<td valign="top" width="1">
<strong>:</strong></td>
<td valign="top" width="171">
<strong><a href="#" style="text-decoration: none; cursor: default;"
target="_blank">&nbsp;<span style="text-decoration: none; color:
Black;">rkvmdhar@</span></a>gmail.com</strong> &nbsp;<strong> <a href="#"
style="text-decoration: none; cursor: default;" target="_blank"> <span style="textdecoration: none; color:
Black;">info@</span></a></strong><strong>amitsolanki943@gmail.com
&nbsp;</strong><strong> <a href="#" style="text-decoration: none;cursor: default;"
target="_blank"><span style="text-decoration: none; color:
Black;">principal@</span></a></strong><strong>ramkrishnavdhiyamandir.com</strong></
td>
</tr>
</tbody>
</table>
<p>&nbsp;
</p>
</span>
</div>
<div class="clr">
</di>
<div class="clr" style="padding-top: 15px;">
</div>
</div>
<div class="clr">
</div>

66

</td>
</tr>
</table>
</td>
</tr>
<?php
include_once("foot.php");
include_once("conn.php");
?>
<?php
if(isset($_POST["contact-us"]))
{
$name=$_POST['name'];
$email=$_POST['email'];
$msg=$_POST['msg'];
mysql_query("insert into tbl_contact(name,email,msg)
values('$name','$email','$msg')");
header("location:contact.php?msg=save");
}
?>
</body>
</html>

Connection Code
<?php
$conn=mysql_connect("localhost","root","");
mysql_select_db("admin1",$conn);
?>

67

Admin Coading
Notice Coad
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
var a = document.form.disc.value;
if(form.title.value=="")
{
alert("please enter title");
form.title.focus();
return false;
}
else if(form.date.value=="")
{
alert("please enter date");
form.date.focus();
return false;
}
else if(form.file.value=="")
{
alert("please enter file");
form.file.focus();
return false;
}
else if(a=="")
{
alert("Please Enter Your message Here");
document.form.disc.focus();
return false;
}
}
</script>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">

68

<!-- The styles -->


<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<?php include("conn.php")?>
<?php include('header.php'); ?>
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a><span class="divider">/</span>
</li>
<li>
<a href="#">Notice</a>
</li>
</ul>
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i>Notice</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">

69

<form class="form-horizontal" action="submit.php" enctype="multipart/form-data"


method="post" onsubmit="return validation()" name="form">
<fieldset>
<?php
$id="";
$title="";
$date="";
$disc="";
$op="add-notice";
if(isset($_GET['status']))
{
$id=$_GET['status'];
$op="update-notice";
$data=mysql_fetch_array(mysql_query("select * from tbl_notice where id='$id'"));
$title=$data['title'];
$date=$data['date'];
$disc=$data['disc'];
}
?>
<!--<legend>Datepicker, Autocomplete, WYSIWYG</legend>-->
<div class="control-group">
<label class="control-label" for="typeahead">Title</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="title"
provide="typeahead" data-items="4" value="<?php echo $title; ?>">

data-

</div>
</div>
<div class="control-group">
<label class="control-label" for="date01">Date input</label>
<div class="controls">
<input type="text" class="input-xlarge datepicker" id="date01" name="date"
value="<?php echo $date ;?>">
</div>
</div>
<div class="control-group">
<label class="control-label" for="fileInput">File input</label>
<div class="controls">
<input class="input-file uniform_on" id="file" type="file" name="file">
</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea2">Discription</label>
<div class="controls">
<!--<input type="text" class="span6 typeahead" id="typeahead" name="disc" dataprovide="typeahead" data-items="4" value="">-->
<textarea name="disc" cols="30" rows="4" class="typeahead"><?php echo $disc; ?
></textarea><br />

</div>
<!--<div class="controls">
<textarea class="cleditor" id="Disc" name="disc" rows="3"></textarea>
</div>-->
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="<?php echo $op; ?>"
value="save">Save</button>

70

<input type="hidden" name="id" value="<?php echo $id;?>">


<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>
</div><!--/span-->
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-user"></i> Members</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Title</th>
<th>File</th>
<th>Disc</th>
<th>Date</th>
<th>Edit</th>
<th>Delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_notice");
while ($row=mysql_fetch_array($sql))
{
echo "<tr>
<td>$row[id]</td>
<td class=center>$row[title]</td>
<td class=center>$row[file]</td>
<td class=center>$row[disc]</td>
<td class=center>$row[date]</td>
<td class=center>
<a class=btn btn-info href=notice.php?status=$row[id];>
<i class=icon-edit icon-white></i>
Edit
</a>
</td>
<td>
<a class=btn btn-danger href=submit.php?delete=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>

71

</div>
</div>
</div>
<?php

include('footer.php'); ?>

Slider Code
<?php include("conn.php")?>
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
if(form.title.value=="")
{
alert("please enter title");
form.title.focus();
return false;
}
else if(form.img.value=="")
{
alert("please enter file");
form.img.focus();
return false;
}
}
</script>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>

72

<link
<link
<link
<link
<link
<link
<link
<link
<link
<link
<link
<link

href='css/fullcalendar.print.css' rel='stylesheet' media='print'>


href='css/chosen.css' rel='stylesheet'>
href='css/uniform.default.css' rel='stylesheet'>
href='css/colorbox.css' rel='stylesheet'>
href='css/jquery.cleditor.css' rel='stylesheet'>
href='css/jquery.noty.css' rel='stylesheet'>
href='css/noty_theme_default.css' rel='stylesheet'>
href='css/elfinder.min.css' rel='stylesheet'>
href='css/elfinder.theme.css' rel='stylesheet'>
href='css/jquery.iphone.toggle.css' rel='stylesheet'>
href='css/opa-icons.css' rel='stylesheet'>
href='css/uploadify.css' rel='stylesheet'>

<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<?php include('header.php'); ?>
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a><span class="divider">/</span>
</li>
<li>
<a href="#">Slider</a>
</li>
</ul>
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i> Slider</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<form class="form-horizontal" action="submit.php" enctype="multipart/form-data"
method="post" onsubmit="return validation()" name="form">
<fieldset>
<?php
$id="";
$title="";
$op="add-slider";
if(isset($_GET['status']))
{
$id=$_GET['status'];
$op="update-slider";
$data=mysql_fetch_array(mysql_query("select * from tbl_slider where id='$id'"));
$title=$data['title'];

73

}
?>
<!--<legend>Datepicker, Autocomplete, WYSIWYG</legend>-->
<div class="control-group">
<label class="control-label" for="typeahead">Title</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="title"
provide="typeahead" data-items="4" value="<?php echo $title; ?>">

data-

</div>
</div>
<div class="control-group">
<label class="control-label" for="fileInput">File input</label>
<div class="controls">
<input class="input-file uniform_on" id="file" type="file" name="img">
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="<?php echo $op; ?>"
value="save">Save</button>
<input type="hidden" name="id" value="<?php echo $id;?>">
<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>
</div><!--/span-->
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-user"></i> Members</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Title</th>
<th>File</th>
<th>Update</th>
<th>delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_slider");
while ($row=mysql_fetch_array($sql))
{

74

echo "<tr>
<td>$row[id]</td>
<td class=center>$row[title]</td>
<td class=center>$row[img]</td>
<td class=center>
<a class=btn btn-info href=slider.php?status=$row[id];>
<i class=icon-edit icon-white></i>
Edit
</a>
</td>
<td>
<a class=btn btn-danger href=submit.php?deletee=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>
</div>
</div>
</div>
<?php

include('footer.php'); ?>

Faculty Code
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
if(form.name.value=="")
{
alert("please enter Name");
form.name.focus();
return false;
}
else if(form.file.value=="")
{
alert("please enter File");
form.file.focus();
return false;
}
else if(form.desig.value=="")
{
alert("please enter Designation");
form.desig.focus();
return false;
}
}
</script>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman

75

Licensed under the Apache License v2.0


http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<?php include("conn.php")?>
<?php include('header.php'); ?>
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a><span class="divider">/</span>
</li>
<li>
<a href="#">Faculty</a>
</li>
</ul>

76

</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i> Faculty</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<form class="form-horizontal" action="submit.php" enctype="multipart/form-data"
method="post" onsubmit="return validation()" name="form">
<fieldset>
<?php
$id="";
$name="";
$desig="";
$op="add-faculty";
if(isset($_GET['status']))
{
$id=$_GET['status'];
$op="update-faculty";
$data=mysql_fetch_array(mysql_query("select * from tbl_faculty where id='$id'"));
$name=$data['name'];
$desig=$data['desig'];
}
?>
<!--<legend>Datepicker, Autocomplete, WYSIWYG</legend>-->
<div class="control-group">
<label class="control-label" for="typeahead">Name</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="name"
provide="typeahead" data-items="4" value="<?php echo $name; ?>">

data-

</div>
</div>
<div class="control-group">
<label class="control-label" for="fileInput">File input</label>
<div class="controls">
<input class="input-file uniform_on" id="file" type="file" name="file">
</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea2">Designation</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="desig" dataprovide="typeahead" data-items="4" value="<?php echo $desig;?>">
</div>
<!--<div class="controls">
<textarea class="cleditor" id="Disc" name="disc" rows="3"></textarea>
</div>-->
</div>
<div class="form-actions">

77

<button type="submit" class="btn btn-primary" name="<?php echo $op; ?>"


value="save">Save</button>
<input type="hidden" name="id" value="<?php echo $id;?>">
<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>
</div><!--/span-->
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-user"></i> Members</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Name</th>
<th>File</th>
<th>Designation</th>
<th>Edit</th>
<th>Delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_faculty");
while ($row=mysql_fetch_array($sql))
{
echo "<tr>
<td>$row[id]</td>
<td class=center>$row[name]</td>
<td class=center>$row[file]</td>
<td class=center>$row[desig]</td>
<td class=center>
<a class=btn btn-info href=faculty.php?status=$row[id];>
<i class=icon-edit icon-white></i>
Edit
</a></td>
<td>
<a class=btn btn-danger href=submit.php?deleteeee=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>

78

</div>
</div>
</div>
<?php

include('footer.php'); ?>

Gallery Code
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
var a = document.form.cat_id.value;
if(document.form.cat_id.selectedIndex=="")
{
alert("Please select Category Name from the list");
return false;
}
else if(form.title.value=="")
{
alert("please enter Title");
form.title.focus();
return false;
}
else if(form.img.value=="")
{
alert("please enter Image");
form.img.focus();
return false;
}
}
</script>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}

79

</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<?php include("conn.php")?>
<?php include('header.php'); ?>
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a><span class="divider">/</span>
</li>
<li>
<a href="#">Gallery</a>
</li>
</ul>
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i> Gallery</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<form class="form-horizontal" action="submit.php" enctype="multipart/form-data"
method="post" onsubmit="return validation()" name="form">
<fieldset>
<?php
$id="";
$title="";
$op="add-gallery";
if(isset($_GET['status']))

80

{
$id=$_GET['status'];
$op="update-gallery";
$data=mysql_fetch_array(mysql_query("select * from tbl_gallery where id='$id'"));
$title=$data['title'];
}
?>
<!--<legend>Datepicker, Autocomplete, WYSIWYG</legend>-->
<div class="control-group">
<label class="control-label" for="selectError2">Category Name</label>
<div class="controls">
<select data-placeholder="Select" id="selectError2" data-rel="chosen"
name="cat_id">
<optgroup label="Select option">
<?php
$sql=mysql_query("Select * from tbl_cat");
while ($row1=mysql_fetch_array($sql))
{
if ($_GET['status']=="id")
{
if($id==$row1['id'])
{
?>
<option value="<?php echo $row1['id']; ?>" selected="selected"><?php echo
$row1['cat_name']; ?></option>
<?php
}
else
{
?>
<option value="<?php echo $row1['id']; ?>" ><?php echo $row1['cat_name']; ?
></option>
<?php
}
}
else
{
?>
<option value="<?php echo $row1['id']; ?>" ><?php echo $row1['cat_name']; ?
></option>
<?php
}
}
?>
</optgroup>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="typeahead">Title</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="title" dataprovide="typeahead" data-items="4" value="<?php echo $title; ?>">
</div>

81

</div>
<div class="control-group">
<label class="control-label" for="fileInput">Image</label>
<div class="controls">
<input class="input-file uniform_on" id="file" type="file" name="img">
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="<?php echo $op; ?>"
value="save">Save</button>
<input type="hidden" name="id" value="<?php echo $id;?>">
<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>
</div><!--/span-->
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-user"></i> Members</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Title</th>
<th>File</th>
<th>Update</th>
<th>delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_gallery");
while ($row=mysql_fetch_array($sql))
{
echo "<tr>
<td>$row[id]</td>
<td class=center>$row[cat_id]</td>
<td class=center>$row[title]</td>
<td class=center>$row[img]</td>
<td class=center>
<a class=btn btn-info href=gallery.php?status=$row[id];>
<i class=icon-edit icon-white></i>

82

Edit
</a>
</td>
<td>
<a class=btn btn-danger href=submit.php?gallery=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>
</div>
</div>
</div>
<?php

include('footer.php'); ?>

Facility Code
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
var a = document.form.disc.value;
if(form.title.value=="")
{
alert("please enter title");
form.title.focus();
return false;
}
else if(form.file.value=="")
{
alert("please enter file");
form.file.focus();
return false;
}
else if(a=="")
{
alert("Please Enter Your message Here");
document.form.disc.focus();
return false;
}
}
</script>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>

83

<meta name="viewport" content="width=device-width, initial-scale=1.0">


<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<?php include("conn.php")?>
<?php include('header.php'); ?>
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a><span class="divider">/</span>
</li>
<li>
<a href="#">Facelity</a>
</li>
</ul>
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i> Facelity</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

84

<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>


<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<form class="form-horizontal" action="submit.php" enctype="multipart/form-data"
method="post" onsubmit="return validation()" name="form">
<fieldset>
<?php
$id="";
$title="";
$disc="";
$op="add-facelity";
if(isset($_GET['status']))
{
$id=$_GET['status'];
$op="update-facelity";
$data=mysql_fetch_array(mysql_query("select * from tbl_facelity where id='$id'"));
$title=$data['title'];
$disc=$data['disc'];
}
?>
<!--<legend>Datepicker, Autocomplete, WYSIWYG</legend>-->
<div class="control-group">
<label class="control-label" for="typeahead">Title</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="title"
provide="typeahead" data-items="4" value="<?php echo $title; ?>">

data-

</div>
</div>
<div class="control-group">
<label class="control-label" for="fileInput">File input</label>
<div class="controls">
<input class="input-file uniform_on" id="file" type="file" name="file">
</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea2">Discription</label>
<div class="controls">
<textarea name="disc" cols="30" rows="4" class="typeahead"><?php echo $disc; ?
></textarea><br />
</textarea>
</div>
<!--<div class="controls">
<textarea class="cleditor" id="Disc" name="disc" rows="3"></textarea>
</div>-->
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="<?php echo $op; ?>"
value="save">Save</button>
<input type="hidden" name="id" value="<?php echo $id;?>">
<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>

85

</div><!--/span-->
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-user"></i> Members</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Title</th>
<th>File</th>
<th>Disc</th>
<th>Edit</th>
<th>Delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_facelity");
while ($row=mysql_fetch_array($sql))
{
echo "<tr>
<td>$row[id]</td>
<td class=center>$row[title]</td>
<td class=center>$row[file]</td>
<td class=center>$row[disc]</td>
<td class=center>
<a class=btn btn-info href=facelity.php?status=$row[id];>
<i class=icon-edit icon-white></i>
Edit
</a></td>
<td>
<a class=btn btn-danger href=submit.php?deleteee=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>
</div>
</div>
</div>
<?php

include('footer.php'); ?>

86

Student Achievement Code


<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
if(form.name.value=="")
{
alert("please enter Name");
form.name.focus();
return false;
}
else if(form.file.value=="")
{
alert("please enter Image");
form.file.focus();
return false;
}
else if(form.per.value=="")
{
alert("please enter Percentage");
form.per.focus();
return false;
}
}
</script>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>

87

<link
<link
<link
<link
<link
<link
<link
<link
<link
<link
<link

href='css/chosen.css' rel='stylesheet'>
href='css/uniform.default.css' rel='stylesheet'>
href='css/colorbox.css' rel='stylesheet'>
href='css/jquery.cleditor.css' rel='stylesheet'>
href='css/jquery.noty.css' rel='stylesheet'>
href='css/noty_theme_default.css' rel='stylesheet'>
href='css/elfinder.min.css' rel='stylesheet'>
href='css/elfinder.theme.css' rel='stylesheet'>
href='css/jquery.iphone.toggle.css' rel='stylesheet'>
href='css/opa-icons.css' rel='stylesheet'>
href='css/uploadify.css' rel='stylesheet'>

<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<?php include("conn.php")?>
<?php include('header.php'); ?>
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a><span class="divider">/</span>
</li>
<li>
<a href="#">Student Achivment</a>
</li>
</ul>
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i> Student Achivment</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<form class="form-horizontal" action="submit.php" enctype="multipart/form-data"
method="post" onsubmit="return validation()" name="form">
<fieldset>
<?php
$id="";
$name="";
$per="";
$op="add-stu_achiv";
if(isset($_GET['status']))
{
$id=$_GET['status'];
$op="update-stu_achiv";
$data=mysql_fetch_array(mysql_query("select * from tbl_stu_achiv where id='$id'"));
$name=$data['name'];

88

$per=$data['per'];
}
?>
<!--<legend>Datepicker, Autocomplete, WYSIWYG</legend>-->
<div class="control-group">
<label class="control-label" for="typeahead">Name</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="name"
provide="typeahead" data-items="4" value="<?php echo $name; ?>">

data-

</div>
</div>
<div class="control-group">
<label class="control-label" for="fileInput">Image input</label>
<div class="controls">
<input class="input-file uniform_on" id="file" type="file" name="file" >
</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea2">Persantge</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="per" dataprovide="typeahead" data-items="4" value="<?php echo $per;?>">
</div>
<!--<div class="controls">
<textarea class="cleditor" id="Disc" name="disc" rows="3"></textarea>
</div>-->
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="<?php echo $op; ?>"
value="save">Save</button>
<input type="hidden" name="id" value="<?php echo $id;?>">
<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>
</div><!--/span-->
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-user"></i> Members</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Name</th>
<th>Image</th>
<th>Percentage</th>
<th>Edit</th>

89

<th>Delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_stu_achiv");
while ($row=mysql_fetch_array($sql))
{
echo "<tr>
<td>$row[id]</td>
<td class=center>$row[name]</td>
<td class=center>$row[file]</td>
<td class=center>$row[per]</td>
<td class=center>
<a class=btn btn-info href=stu_achiv.php?status=$row[id];>
<i class=icon-edit icon-white></i>
Edit
</a></td>
<td>
<a class=btn btn-danger href=submit.php?stu_achiv=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>
</div>
</div>
</div>
<?php

include('footer.php'); ?>

Student Master Code


<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
var a = document.form.addr.value;
if(document.form.bus_no.selectedIndex=="")
{
alert("Please select Bus No. from the list");
return false;
}
else if(form.name.value=="")
{
alert("please enter Name");
form.name.focus();
return false;
}
else if(form.mob.value=="")
{
alert("please enter Mobile");

90

form.mob.focus();
return false;
}
else if(a=="")
{
alert("Please Enter Your Address Here");
document.form.addr.focus();
return false;
}
}
</script>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">

91

</head>
<?php include("conn.php")?>
<?php include('header.php'); ?>
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a><span class="divider">/</span>
</li>
<li>
<a href="#">Student Master</a>
</li>
</ul>
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i> Student Master</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<form class="form-horizontal" action="submit.php" enctype="multipart/form-data"
method="post" onsubmit="return validation()" name="form">
<fieldset>
<?php
$id="";
$name="";
$mob="";
$addr="";
$bus_no="";
$op="add-stu_master";
if(isset($_GET['status']))
{
$id=$_GET['status'];
$op="update-stu_master";
$data=mysql_fetch_array(mysql_query("select * from tbl_stu_master where
id='$id'"));
$name=$data['name'];
$mob=$data['mob'];
$addr=$data['addr'];
$bus_no=$data['bus_no'];
}
?>
<!--<legend>Datepicker, Autocomplete, WYSIWYG</legend>-->
<div class="control-group">
<label class="control-label" for="selectError2">Bus No.</label>
<div class="controls">
<select data-placeholder="Select" id="selectError2" data-rel="chosen"
name="bus_no">
<optgroup label="Select option">
<?php
$sql=mysql_query("Select * from tbl_bus_master");

92

while ($row1=mysql_fetch_array($sql))
{
if ($_GET['status']=="id")
{
if($id==$row1['id'])
{
?>
<option value="<?php echo $row1['bus_no']; ?>" selected="selected"><?php echo
$row1['bus_no']; ?></option>
<?php
}
else
{
?>
<option value="<?php echo $row1['bus_no']; ?>" ><?php echo $row1['bus_no']; ?
></option>
<?php
}
}
else

{
?>
<option value="<?php echo $row1['bus_no']; ?>" ><?php echo $row1['bus_no']; ?
></option>
<?php
}
}
?>
</optgroup>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="typeahead">Name</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="name" dataprovide="typeahead" data-items="4" value="<?php echo $name; ?>">
</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea2">Mobile</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="mob"
provide="typeahead" data-items="4" value="<?php echo $mob;?>">

data-

</div>
<!--<div class="controls">
<textarea class="cleditor" id="Disc" name="disc" rows="3"></textarea>
</div>-->
</div>

<div class="control-group">
<label class="control-label" for="textarea2">Address</label>
<div class="controls">
<!--<input type="text" class="span6 typeahead" id="typeahead" name="addr"
provide="typeahead" data-items="4" value="">-->

93

data-

<textarea name="addr" cols="30" rows="4" class="typeahead"><?php echo $addr; ?


></textarea><br />
</div>
<!--<div class="controls">
<textarea class="cleditor" id="Disc" name="disc" rows="3"></textarea>
</div>-->
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="<?php echo $op; ?>"
value="save">Save</button>
<input type="hidden" name="id" value="<?php echo $id;?>">
<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>
</div><!--/span-->
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-user"></i> Members</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Bus No.</th>
<th>Name</th>
<th>Mobile</th>
<th>Address</th>
<th>Edit</th>
<th>Delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_stu_master");
while ($row=mysql_fetch_array($sql))
{
echo "<tr>
<td>$row[id]</td>
<td>$row[bus_no]</td>
<td class=center>$row[name]</td>
<td class=center>$row[mob]</td>
<td class=center>$row[addr]</td>
<td class=center>
<a class=btn btn-info href=stu_master.php?status=$row[id];>
<i class=icon-edit icon-white></i>
Edit
</a>
</td>

94

<td>
<a class=btn btn-danger href=submit.php?stu_master=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>
</div>
</div>
</div>
<?php include('footer.php'); ?>

Bus Master Code


<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
if(form.bus_no.value=="")
{
alert("please enter Bus No.");
form.bus_no.focus();
return false;
}
else if(form.rute.value=="")
{
alert("please enter Bus Route");
form.rute.focus();
return false;
}
}
</script>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {

95

padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<?php include("conn.php")?>
<?php include('header.php'); ?>
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a><span class="divider">/</span>
</li>
<li>
<a href="#">Bus Master</a>
</li>
</ul>
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i> Bus Master</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<form class="form-horizontal" action="submit.php" enctype="multipart/form-data"
method="post" onsubmit="return validation()" name="form">
<fieldset>
<?php
$id="";
$bus_no="";
$rute="";

96

$op="add-bus_master";
if(isset($_GET['status']))
{
$id=$_GET['status'];
$op="update-bus_master";
$data=mysql_fetch_array(mysql_query("select * from tbl_bus_master where
id='$id'"));
$bus_no=$data['bus_no'];
$rute=$data['rute'];
}
?>
<!--<legend>Datepicker, Autocomplete, WYSIWYG</legend>-->
<div class="control-group">
<label class="control-label" for="typeahead">Bus No.</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="bus_no"
provide="typeahead" data-items="4" value="<?php echo $bus_no; ?>">

data-

</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea2">Bus Route</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="rute"
provide="typeahead" data-items="4" value="<?php echo $rute;?>">

data-

</div>
<!--<div class="controls">
<textarea class="cleditor" id="Disc" name="disc" rows="3"></textarea>
</div>-->
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="<?php echo $op; ?>"
value="save">Save</button>
<input type="hidden" name="id" value="<?php echo $id;?>">
<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>
</div><!--/span-->
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-user"></i> Members</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Bus No.</th>
<th>Bus Route</th>
<th>Edit</th>

97

<th>Delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_bus_master");
while ($row=mysql_fetch_array($sql))
{
echo "<tr>
<td>$row[id]</td>
<td class=center>$row[bus_no]</td>
<td class=center>$row[rute]</td>
<td class=center>
<a class=btn btn-info href=bus_master.php?status=$row[id];>
<i class=icon-edit icon-white></i>
Edit
</a></td>
<td>
<a class=btn btn-danger href=submit.php?bus_master=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>
</div>
</div>
</div>
<?php

include('footer.php'); ?>

Category Master Code


<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
if(form.cat_name.value=="")
{
alert("please enter Category Name");
form.cat_name.focus();
return false;
}
}
</script>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0

98

http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<?php include("conn.php")?>
<?php include('header.php'); ?>
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a><span class="divider">/</span>
</li>
<li>
<a href="#">Category</a>
</li>
</ul>
</div>

99

<div class="row-fluid sortable">


<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i>Category</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<div class="box-content">
<form class="form-horizontal" action="submit.php" enctype="multipart/form-data"
method="post" onsubmit="return validation()" name="form">
<fieldset>
<?php
$id="";
$cat_name="";
$op="add-cat";
if(isset($_GET['status']))
{
$id=$_GET['status'];
$op="update-cat";
$data=mysql_fetch_array(mysql_query("select * from tbl_cat where id='$id'"));
$cat_name=$data['cat_name'];
}
?>
<!--<legend>Datepicker, Autocomplete, WYSIWYG</legend>-->
<div class="control-group">
<label class="control-label" for="typeahead">Category Name</label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" name="cat_name"
provide="typeahead" data-items="4" value="<?php echo $cat_name; ?>">

data-

</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="<?php echo $op; ?>"
value="save">Save</button>
<input type="hidden" name="id" value="<?php echo $id;?>">
<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>
</div><!--/span-->
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-user"></i> Members</h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>

100

<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Title</th>
<th>Update</th>
<th>delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_cat");
while ($row=mysql_fetch_array($sql))
{
echo "<tr>
<td>$row[id]</td>
<td class=center>$row[cat_name]</td>
<td class=center>
<a class=btn btn-info href=category.php?status=$row[id];>
<i class=icon-edit icon-white></i>
Edit
</a>
</td>
<td>
<a class=btn btn-danger href=submit.php?cat=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>
</div>
</div>
</div>
<?php

include('footer.php'); ?>

Contact Code
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function validation()
{
if(form.cat_name.value=="")
{
alert("please enter Category Name");
form.cat_name.focus();
return false;
}
}
</script>
<!--

101

Charisma v1.0.0
Copyright 2012 Muhammad Usman
Licensed under the Apache License v2.0
http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<?php include("conn.php")?>
<?php include('header.php'); ?>
<div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>S.no.</th>
<th>Name</th>
<th>E-Mail</th>
<th>Message</th>

102

<th>delete</th>
</tr>
</thead>
<tbody><?php
include_once("conn.php");
$sql=mysql_query("Select * from tbl_contact");
while ($row=mysql_fetch_array($sql))
{
echo "<tr>
<td>$row[id]</td>
<td class=center>$row[name]</td>
<td class=center>$row[email]</td>
<td class=center>$row[msg]</td>
<td>
<a class=btn btn-danger href=submit.php?contact=$row[id];>
<i class=icon-trash icon-white></i>
Delete
</a>
</td>
</tr>";
}?>
</tbody>
</table>
</div>
</div>
</div>
<?php

include('footer.php'); ?>

Login Code
<?php
session_start();
?>
<?php
$no_visible_elements=true;
include('header.php'); ?>
<div class="row-fluid">
<div class="span12 center login-header">
<h2>Welcome to rkvm</h2>
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="well span5 center login-box">
<div class="alert alert-info">
Please login with your Username and Password.
</div>
<form class="form-horizontal" method="post">
<fieldset>
<div class="input-prepend" title="Username" data-rel="tooltip">
<span class="add-on"><i class="icon-user"></i></span><input autofocus class="inputlarge span10" name="uname" required />
</div>
<div class="clearfix"></div>
<div class="input-prepend" title="Password" data-rel="tooltip">

103

<span class="add-on"><i class="icon-lock"></i></span><input class="input-large


span10" name="pass" type="password" required />
</div>
<div class="clearfix"></div>
<div class="input-prepend">
<label class="remember" for="remember"><input type="checkbox"
id="remember" />Remember me</label>
</div>
<div class="clearfix"></div>
<p class="center span5">
<button type="submit" class="btn btn-primary" name="login">Login</button>
</p>
</fieldset>
</form>
</div><!--/span-->
</div>
<?php
include("conn.php");
if(isset($_POST['login']))
{
$uname=$_POST['uname'];
$pass=$_POST['pass'];
$cmd=mysql_query("select * from tbl_user where uname='$uname' and pass='$pass'");
$count=mysql_num_rows($cmd);
if($count==1)
{
$_SESSION['uname']=$uname;
$_SESSION['pass']=$pass;
header("location:index.php");
}
else
{
header("location:login.php");
}
}
?><!--/row-->
<?php include('footer.php'); ?>

Logout Code
<?php
session_start();
session_destroy();
header("location:login.php");
?>

Header Code
<!DOCTYPE html>
<html lang="en">
<head>
<!-Charisma v1.0.0
Copyright 2012 Muhammad Usman

104

Licensed under the Apache License v2.0


http://www.apache.org/licenses/LICENSE-2.0
http://usman.it
http://twitter.com/halalit_usman
-->
<meta charset="utf-8">
<title> Admin panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Charisma, a fully featured, responsive, HTML5,
Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">
<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>
<?php if(!isset($no_visible_elements) || !$no_visible_elements)
{ ?>
<!-- topbar starts -->
<div class="navbar">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.navcollapse,.sidebar-nav.nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>

105

<a class="brand" href="index.html"> <img alt="Charisma Logo"


src="img/logo20.png" /> <span>RKVM</span></a>
<!-- theme selector starts -->
<div class="btn-group pull-right theme-container" >
<a class="brand" href="logout.php">

<span>Log out</span></a>

<!--<ul class="dropdown-menu" id="themes">


<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
</ul>-->
</div>
<!-- theme selector ends -->
<!-- user dropdown starts -->
<!-- user dropdown ends -->
<div class="top-nav nav-collapse">
<!--<ul class="nav">
<li><a href="#">Visit Site</a></li>
<li>
<form class="navbar-search pull-left">
<input placeholder="Search" class="search-query span2" name="query" type="text">
</form>
</li>
</ul>-->
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!-- topbar ends -->
<?php } ?>
<div class="container-fluid">
<div class="row-fluid">
<?php if(!isset($no_visible_elements) || !$no_visible_elements) { ?>
<!-- left menu starts -->
<div class="span2 main-menu-span">
<div class="well nav-collapse sidebar-nav">
<ul class="nav nav-tabs nav-stacked main-menu">
<li class="nav-header hidden-tablet">Main</li>
<li><a class="ajax-link" href="index.php"><i class="icon-home"></i><span
class="hidden-tablet"> Home</span></a></li>
<li><a class="ajax-link" href="notice.php"><i class="icon-edit"></i><span
class="hidden-tablet"> Notice</span></a></li>
<li><a class="ajax-link" href="slider.php"><i class="icon-eye-open"></i><span
class="hidden-tablet"> Slider</span></a></li>
<li><a class="ajax-link" href="faculty.php"><i class="icon-font"></i><span
class="hidden-tablet"> Faculty</span></a></li>
<li><a class="ajax-link" href="gallery.php"><i class="icon-picture"></i><span
class="hidden-tablet"> Gallery</span></a></li>
<li><a class="ajax-link" href="facelity.php"><i class="icon-picture"></i><span
class="hidden-tablet"> Facility</span></a></li>

106

<li><a class="ajax-link" href="stu_achiv.php"><i class="icon-picture"></i><span


class="hidden-tablet"> Student Achivment</span></a></li>
<li><a class="ajax-link" href="stu_master.php"><i class="icon-picture"></i><span
class="hidden-tablet"> Student Master</span></a></li>
<li><a class="ajax-link" href="bus_master.php"><i class="icon-calendar"></i><span
class="hidden-tablet"> Bus master</span></a></li>
<li><a class="ajax-link" href="category.php"><i class="icon-calendar"></i><span
class="hidden-tablet"> Category</span></a></li>
<li><a class="ajax-link" href="contact.php"><i class="icon-calendar"></i><span
class="hidden-tablet"> Contact</span></a></li>
</ul>
<!--<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax"
type="checkbox"> Ajax on menu</label>-->
</div><!--/.well -->
</div><!--/span-->
<!-- left menu ends -->
<noscript>
<div class="alert alert-block span10">
<h4 class="alert-heading">Warning!</h4>
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript"
target="_blank">JavaScript</a> enabled to use this site.</p>
</div>
</noscript>
<div id="content" class="span10">
<!-- content starts -->
<?php } ?>

Footer Code
<?php if(!isset($no_visible_elements) || !$no_visible_elements)
<!-- content ends -->
</div><!--/#content.span10-->
<?php } ?>
</div><!--/fluid-row-->
<?php if(!isset($no_visible_elements) || !$no_visible_elements)

{ ?>

{ ?>

<hr>
<div class="modal hide fade" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"></button>
<h3>Settings</h3>
</div>
<div class="modal-body">
<p>Here settings can be configured...</p>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>
<footer>
<p class="pull-left">&copy; <a href="#" target="_blank">Amit solanki and Rahul
raghuwanshi</a> <?php echo date('Y') ?></p>
<p class="pull-right">Powered by: <a href="#">rkvm</a></p>
</footer>
<?php } ?>

107

</div><!--/.fluid-container-->
<!-- external javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- jQuery -->
<script src="js/jquery-1.7.2.min.js"></script>
<!-- jQuery UI -->
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
<!-- transition / effect library -->
<script src="js/bootstrap-transition.js"></script>
<!-- alert enhancer library -->
<script src="js/bootstrap-alert.js"></script>
<!-- modal / dialog library -->
<script src="js/bootstrap-modal.js"></script>
<!-- custom dropdown library -->
<script src="js/bootstrap-dropdown.js"></script>
<!-- scrolspy library -->
<script src="js/bootstrap-scrollspy.js"></script>
<!-- library for creating tabs -->
<script src="js/bootstrap-tab.js"></script>
<!-- library for advanced tooltip -->
<script src="js/bootstrap-tooltip.js"></script>
<!-- popover effect library -->
<script src="js/bootstrap-popover.js"></script>
<!-- button enhancer library -->
<script src="js/bootstrap-button.js"></script>
<!-- accordion library (optional, not used in demo) -->
<script src="js/bootstrap-collapse.js"></script>
<!-- carousel slideshow library (optional, not used in demo) -->
<script src="js/bootstrap-carousel.js"></script>
<!-- autocomplete library -->
<script src="js/bootstrap-typeahead.js"></script>
<!-- tour library -->
<script src="js/bootstrap-tour.js"></script>
<!-- library for cookie management -->
<script src="js/jquery.cookie.js"></script>
<!-- calander plugin -->
<script src='js/fullcalendar.min.js'></script>
<!-- data table plugin -->
<script src='js/jquery.dataTables.min.js'></script>
<!-- chart libraries start -->
<script src="js/excanvas.js"></script>
<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.pie.min.js"></script>
<script src="js/jquery.flot.stack.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>
<!-- chart libraries end -->
<!-- select or dropdown enhancer -->
<script src="js/jquery.chosen.min.js"></script>
<!-- checkbox, radio, and file input styler -->
<script src="js/jquery.uniform.min.js"></script>
<!-- plugin for gallery image view -->
<script src="js/jquery.colorbox.min.js"></script>
<!-- rich text editor library -->
<script src="js/jquery.cleditor.min.js"></script>
<!-- notification plugin -->
<script src="js/jquery.noty.js"></script>
<!-- file manager library -->
<script src="js/jquery.elfinder.min.js"></script>

108

<!-- star rating plugin -->


<script src="js/jquery.raty.min.js"></script>
<!-- for iOS style toggle switch -->
<script src="js/jquery.iphone.toggle.js"></script>
<!-- autogrowing textarea plugin -->
<script src="js/jquery.autogrow-textarea.js"></script>
<!-- multiple file upload plugin -->
<script src="js/jquery.uploadify-3.1.min.js"></script>
<!-- history.js for cross-browser state change on ajax -->
<script src="js/jquery.history.js"></script>
<!-- application script for Charisma demo -->
<script src="js/charisma.js"></script>
<?php //Google Analytics code for tracking my demo site, you can remove this.
if($_SERVER['HTTP_HOST']=='usman.it') { ?>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26532312-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async =
true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +
'.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')
[0]).appendChild(ga);
})();
</script>
<?php } ?>
</body>
</html>

11. BIBLIOGRAPHY

System Analysis and Design James A.Senn

Database System Design ElmasreeKorth

Modern Database Management McFadden, Hoffer, Prescott

Website Engineering Concepts Robert Pressman

109

110

Anda mungkin juga menyukai