Sunteți pe pagina 1din 82

Page |1

1.1 Background

The E learning system manages and stores e-books information electronically according to categories. The
system helps both student and other users to keeps a constant track of all the books and videos available in
the System , download or watch/read them online. It becomes necessary for colleges to Keep a continuous
check on the books issued and returned. Also it happens when students don‘t return Book or loses it. The
college has to then bear the loss of books lost. Hence the system eliminates The Need of issuing books and
keeping a manual track of it by providing students with the facility of downloading e-books from the system.it
contains books listed according to semesters and branches So That students can easily find their desired e-
books and learning videos, it moreover makes convenient For the student to download e-books whenever
required.

The application reduced as much as possible to avoid errors while entering the data. It also provides error
message while entering invalid data .No formal knowledge is needed for the user to use this system. Thus by
this all it proves it is user friendly. E-learning management system. It can assist the user to concentrate on their
other activities rather to concentrate on the record keeping. Thus it will help organization in better utilization of
resources.

Every organization, whether big or small, has challenges to overcome and managing the information of student,
Assignment, QUIZ, CLASS, QUESTUION. Every E-learning management system has different assignment
needs, therefore we design exclusive employee management systems that are adapted to your managerial
requirements.
Page |2

1.2 Objectives

 The main objetive of the project on E-learning is to manage the details of assignment ,student.It
manages all the information about assignment ,class,question,assignment.
 The project is totally built at administrative end and thus only the administrator is gaurented the access.
 The purpose of the project is to build and application program to reduce the manual work for managing
the Assignment, Class,Teacher.
 It tracks all the details about the TEACHER,QUIZ,QUESTION

 The system excludes the use of paper work by managing all the e book information electronically.
 Administrator doesn‘t have to keep a manual track of the users as the system provides e-book download
facility.
 Cloud server allows numerous users to read books, watch videos online at the same time.
 There is no fine system.
 Provides the searching facilities based on various factors. Such as assignment, TEACHER,QUIZ ,
QUESTUION.
 It tracks all the information of student, Class, Quiz .
 Manage the information of student.
 Show the information and description of the Assignment, TEACHER.
 It deals with monitoring the information and transaction of QUIZ.
Page |3

1.3 Purpose,scope

1.3.1 Purpose

 The main objetive of the project on E-learning is to manage the details of assignment ,student.It
manages all the information about assignment ,class,question,assignment.
 The project is totally built at administrative end and thus only the administrator is gaurented the access.
 The purpose of the project is to build and application program to reduce the manual work for managing
the Assignment, Class,Teacher.
 It tracks all the details about the TEACHER,QUIZ,QUESTION

 The system excludes the use of paper work by managing all the e book information electronically.
 Administrator doesn‘t have to keep a manual track of the users as the system provides e-book download
facility.
 Cloud server allows numerous users to read books, watch videos online at the same time.
 There is no fine system.
 Provides the searching facilities based on various factors. Such as assignment, TEACHER,QUIZ ,
QUESTUION.
 It tracks all the information of student, Class, Quiz .
 Manage the information of student.
 Show the information and description of the Assignment, TEACHER.
 It deals with monitoring the information and transaction of QUIZ.

1.3.2 Scope

It may help collecting perfect management in details.in a very short time, the collection will be obvious,
simple and sensible.It will help a person to know the management the passed year perfectly and vividly.It also
helps in current all works relative to E-learning Management syetem.It will be also reduced the cost of
collecting the management & collection procedure will go on smoothly.

Our project aims at Business process automation,that is we have tried to computerized various processes of
E-learning Management system.
 In computer system the person has to fill the various froms & number of copies of the forms can be easily
generated at a time.
 In computer system ,it is not necessary to create the manifest but we can directly print it,which saves our time.
 To assist the staff in capturing the effort spent on their respective working areas.
 To utilize resources in an efficient manner by increasing their productivity through automation.
 The system generates types of information that can be used for various purpose.
 It satisfy the user requirement.
 Be easy to understand by the user and operator.
 Be easy to operate.
 Have a good user interface.
 Be expandable.
 Delivered on schedule within the budget.
Page |4

CHAPTER 2
SURVEY OF TECHNOLOGIES
Page |5

DATA FLOW DIAGRAMS:


A graphical tool used to describe and analyze the moment of data through a system manual or automated including
the process, stores of data, and delays in the system. Data Flow Diagrams are the central tool and the basis from
which other components are developed. The transformation of data from input to output, through processes, may be
described logically and independently of the physical components associated with the system. The DFD is also
knows as a data flow graph or a bubble chart.

DFDs are the model of the proposed system. They clearly should show the requirements on which the new system
should be built. Later during design activity this is taken as the basis for drawing the system‘s structure charts.

The Basic Notation used to create a DFD‘s are as follows:

1. Dataflow: Data move in a specific direction from an origin to a destination.

2. Process: People, procedures, or devices that use or produce (Transform) Data. The physical component is not
identified.

3. Source: External sources or destination of data, which may be People, programs, organizations or other entities.

4. Data Store: Here data are stored or referenced by a process in the System.

Context Level Diagram

Dataflow Diagram:

Data flow diagram is the starting point of the design phase that functionally decomposes the requirements
specification. A DFD Consists of a series of bubbles joined by lines .The bubbles represent data transformation and
the lines represent data flows in the system. A DFD describes what data flow rather than how they are
processed, so it does not hardware ,software and data structure.
Page |6

Response
Response
Admin Student
E-LEARNING
Request Request
Page |7

Administrator

Log

Add new
User
User
Delete deleted
User successfull
Select Subject y
Sel
ect
Add new Topic
Added
Topic Successfully

Administrator Select Subject

Delete Topic
Topic deleted
successfully
Login

Change
Registration
Password
Delete
Password
file
File deleted Updated

succussfully
Page |8

Student

File displayed

Video
View file

Video
Tutorial

File name

Student

Chat Interaction b/w


student and teacher

Posting
in forum

mtopic
Page |9

HTML

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

HTML is also often used to refer to content of the MIME type text/html or even more broadly as a generic term for
HTML whether in its XML-descended form (such as XHTML 1.0 and later) or its form descended directly from
SGML

Hyper Text Markup Language

Hypertext Markup Language (HTML), the languages of the World Wide Web (WWW), allows users to produces
Web pages that include text, graphics and pointer to other Web pages (Hyperlinks).
HTML is not a programming language but it is an application of ISO Standard 8879, SGML (Standard Generalized
Markup Language), but specialized to hypertext and adapted to the Web. The idea behind Hypertext is that instead of
reading text in rigid linear structure, we can easily jump from one point to another point. We can navigate through
the information based on our interest and preference. A markup language is simply a series of elements, each
delimited with special characters that define how text or other items enclosed within the elements should be
displayed. Hyperlinks are underlined or emphasized works that load to other documents or some portions of the same
document.
HTML can be used to display any type of document on the host computer, which can be geographically at a different
location. It is a versatile language and can be used on any platform or desktop.
HTML provides tags (special codes) to make the document look attractive. HTML tags are not case-sensitive. Using
graphics, fonts, different sizes, color, etc., can enhance the presentation of the document. Anything that is not a tag is
part of the document itself.

Basic HTML Tags:


<! -- --> specifies comments

<A>……….</A> Creates hypertext links

<B>……….</B> Formats text as bold

<BIG>……….</BIG> Formats text in large font.

<BODY>…</BODY> Contains all tags and text in the HTML document

<CENTER>...</CENTER> Creates text

<DD>…</DD> Definition of a term

<DL>...</DL> Creates definition list

<FONT>…</FONT> Formats text with a particular font

<FORM>...</FORM> Encloses a fill-out form


P a g e | 10

<FRAME>...</FRAME> Defines a particular frame in a set of frames

<H#>…</H#> Creates headings of different levels( 1 – 6 )

<HEAD>...</HEAD> Contains tags that specify information about a document

<HR>...</HR> Creates a horizontal rule

<HTML>…</HTML> Contains all other HTML tags

<META>...</META> Provides meta-information about a document

<SCRIPT>…</SCRIPT> Contains client-side or server-side script

<TABLE>…</TABLE> Creates a table

<TD>…</TD> Indicates table data in a table

<TR>…</TR> Designates a table row

<TH>…</TH> Creates a heading in a table

Attributes

The attributes of an element are name-value pairs, separated by "=", and written within the start label of an element,
after the element's name. The value should be enclosed in single or double quotes, although values consisting of
certain characters can be left unquoted in HTML (but not XHTML).Leaving attribute values unquoted is considered
unsafe.

Most elements take any of several common attributes: id, class, style and title. Most also take language-related
attributes: lang and dir.

The id attribute provides a document-wide unique identifier for an element. This can be used by style sheets to
provide presentational properties, by browsers to focus attention on the specific element or by scripts to alter the
contents or presentation of an element. The class attribute provides a way of classifying similar elements for
presentation purposes. For example, an HTML document (or a set of documents) may use the designation
class="notation" to indicate that all elements with this class value are all subordinate to the main text of the document
(or documents). Such notation classes of elements might be gathered together and presented as footnotes on a page,
rather than appearing in the place where they appear in the source HTML.

CSS

Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the process of
making web pages presentable.

CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the style of fonts,
the spacing between paragraphs, how columns are sized and laid out, what background images or colors are used, as
well as a variety of other effects.

CSS is easy to learn and understand but it provides a powerful control over the presentation of an HTML document.
Most commonly, CSS is combined with the markup languages HTML or XHTML.
P a g e | 11

Advantages of css

 CSS saves time.


 Pages load faster.
 Easy maintenance.
 Superior styles to HTML.
 Multiple Device Compatibility.
 Global web standards.

Java Script

JavaScript is a script-based programming language that was developed by Netscape Communication Corporation.
JavaScript was originally called Live Script and renamed as JavaScript to indicate its relationship with Java.
JavaScript supports the development of both client and server components of Web-based applications. On the client
side, it can be used to write programs that are executed by a Web browser within the context of a Web page. On the
server side, it can be used to write Web server programs that can process information submitted by a Web browser
and then update the browser‘s display accordingly

Even though JavaScript supports both client and server Web programming, we prefer JavaScript at Client side
programming since most of the browsers supports it. JavaScript is almost as easy to learn as HTML, and JavaScript
statements can be included in HTML documents by enclosing the statements between a pair of scripting tags

<SCRIPTS>.. </SCRIPT>.

<SCRIPT LANGUAGE = ―JavaScript‖>

JavaScript statements

</SCRIPT>

Here are a few things we can do with JavaScript:

 Validate the contents of a form and make calculations.


 Add scrolling or changing messages to the Browser‘s status line.
 Animate images or rotate images that change when we move the mouse over them.
 Detect the browser in use and display different content for different browsers.
 Detect installed plug-ins and notify the user if a plug-in is required.
P a g e | 12

PHP

PHP started out as a small open source project that evolved as more and more people found out how useful it was.
Rasmus Lerdorf unleashed the first version of PHP way back in 1994.
 PHP is a recursive acronym for "PHP: Hypertext Preprocessor".
 PHP is a server side scripting language that is embedded in HTML. It is used to manage dynamic content,
databases, session tracking, even build entire e-commerce sites.
 It is integrated with a number of popular databases, including MySQL, PostgreSQL, Oracle, Sybase, Informix,
and Microsoft SQL Server.
 PHP is pleasingly zippy in its execution, especially when compiled as an Apache module on the Unix side.
The MySQL server, once started, executes even very complex queries with huge result sets in record-setting
time.
 PHP supports a large number of major protocols such as POP3, IMAP, and LDAP. PHP4 added support for
Java and distributed object architectures (COM and CORBA), making n-tier development a possibility for the
first time.
 PHP is forgiving: PHP language tries to be as forgiving as possible.
 PHP Syntax is C-Like.
Common uses of PHP
 PHP performs system functions, i.e. from files on a system it can create, open, read, write, and close them.

 PHP can handle forms, i.e. gather data from files, save data to a file, through email you can send data, return
data to the user.
 You add, delete, modify elements within your database through PHP.
 Access cookies variables and set cookies.
 Using PHP, you can restrict users to access some pages of your website.
 It can encrypt data.
Characteristics of PHP
Five important characteristics make PHP's practical nature possible −

 Simplicity
 Efficiency
 Security
 Flexibility
 Familiarity
"Hello World" Script in PHP
To get a feel for PHP, first start with simple PHP scripts. Since "Hello, World!" is an essential example, first we will
create a friendly little "Hello, World!" script.
As mentioned earlier, PHP is embedded in HTML. That means that in amongst your normal HTML (or XHTML if
you're cutting-edge) you'll have PHP statements like this −

<html>
<head>
<title>Hello World</title>
</head>
<body>
<?php echo "Hello, World!";?>
</body>
</html>
P a g e | 13

Database:

A database management system (DBMS) is computer software designed for the purpose of managing databases, a
large set of structured data, and run operations on the data requested by numerous users. Typical examples of
DBMSs include Oracle, DB2, Microsoft Access, Microsoft SQL Server, Firebird, PostgreSQL, MySQL, SQLite,
FileMaker and Sybase Adaptive Server Enterprise. DBMSs are typically used by Database administrators in the
creation of Database systems. Typical examples of DBMS use include accounting, human resources and customer
support systems.

Originally found only in large companies with the computer hardware needed to support large data sets, DBMSs
have more recently emerged as a fairly standard part of any company back office.

Description

A DBMS is a complex set of software programs that controls the organization, storage, management, and retrieval of
data in a database. A DBMS includes:

 A modeling language to define the schema of each database hosted in the DBMS, according to the DBMS data
model.
 The four most common types of organizations are the hierarchical, network, relational and object models.
Inverted lists and other methods are also used. A given database management system may provide one or
more of the four models. The optimal structure depends on the natural organization of the application's
data, and on the application's requirements (which include transaction rate (speed), reliability,
maintainability, scalability, and cost).
 The dominant model in use today is the ad hoc one embedded in SQL, despite the objections of purists who
believe this model is a corruption of the relational model, since it violates several of its fundamental
principles for the sake of practicality and performance. Many DBMSs also support the Open Database
Connectivity API that supports a standard way for programmers to access the DBMS.
 Data structures (fields, records, files and objects) optimized to deal with very large amounts of data stored on a
permanent data storage device (which implies relatively slow access compared to volatile main memory).

 A database query language and report writer to allow users to interactively interrogate the database, analyze its
data and update it according to the users privileges on data.
 It also controls the security of the database.
 Data security prevents unauthorized users from viewing or updating the database. Using passwords, users
are allowed access to the entire database or subsets of it called subschemas. For example, an employee
database can contain all the data about an individual employee, but one group of users may be authorized to
view only payroll data, while others are allowed access to only work history and medical data.
 If the DBMS provides a way to interactively enter and update the database, as well as interrogate it, this
capability allows for managing personal databases. However, it may not leave an audit trail of actions or
provide the kinds of controls necessary in a multi-user organization. These controls are only available when
a set of application programs are customized for each data entry and updating function.

 A transaction mechanism, that ideally would guarantee the ACID properties, in order to ensure data integrity,
despite concurrent user accesses (concurrency control), and faults (fault tolerance).
P a g e | 14

 It also maintains the integrity of the data in the database.


 The DBMS can maintain the integrity of the database by not allowing more than one user to update the
same record at the same time. The DBMS can help prevent duplicate records via unique index constraints;
for example, no two customers with the same customer numbers (key fields) can be entered into the
database. See ACID properties for more information (Redundancy avoidance).

The DBMS accepts requests for data from the application program and instructs the operating system to transfer the
appropriate data.

When a DBMS is used, information systems can be changed much more easily as the organization's information
requirements change. New categories of data can be added to the database without disruption to the existing system.

Organizations may use one kind of DBMS for daily transaction processing and then move the detail onto another
computer that uses another DBMS better suited for random inquiries and analysis. Overall systems design decisions
are performed by data administrators and systems analysts. Detailed database design is performed by database
administrators.

Database servers are specially designed computers that hold the actual databases and run only the DBMS and related
software. Database servers are usually multiprocessor computers, with RAID disk arrays used for stable storage.
Connected to one or more servers via a high-speed channel, hardware database accelerators are also used in large
volume transaction processing environments.

DBMSs are found at the heart of most database applications. Sometimes DBMSs are built around a private
multitasking kernel with built-in networking support although nowadays these functions are left to the operating
system.

SQL

Structured Query Language (SQL) is the language used to manipulate relational databases. SQL is tied very closely
with the relational model.

In the relational model, data is stored in structures called relations or tables.

SQL statements are issued for the purpose of:

Data definition: Defining tables and structures in the database (DDL used to create, alter and drop schema objects
such as tables and indexes).

Data manipulation: Used to manipulate the data within those schema objects (DML Inserting, Updating, Deleting
the data, and Querying the Database).

A schema is a collection of database objects that can include: tables, views, indexes and sequences

List of SQL statements that can be issued against an Oracle database schema are:

 ALTER - Change an existing table, view or index definition (DDL)


 AUDIT - Track the changes made to a table (DDL)
 COMMENT - Add a comment to a table or column in a table (DDL)
 COMMIT - Make all recent changes permanent (DML - transactional)
 CREATE - Create new database objects such as tables or views (DDL)
 DELETE - Delete rows from a database table (DML)

 DROP - Drop a database object such as a table, view or index (DDL)


 GRANT - Allow another user to access database objects such as tables or views (DDL)
P a g e | 15

 INSERT - Insert new data into a database table (DML)

 No AUDIT - Turn off the auditing function (DDL)


 REVOKE - Disallow a user access to database objects such as tables and views (DDL)
 ROLLBACK - Undo any recent changes to the database (DML - Transactional)
 SELECT - Retrieve data from a database table (DML)
 TRUNCATE - Delete all rows from a database table (can not be rolled back) (DML)
 UPDATE - Change the values of some data items in a database table (DML)

Normalization:

Normalization is the process of organizing data in a database. This includes creating tables and establishing
relationships between those tables according to rules designed both to protect the data and to make the database more
flexible by eliminating redundancy and inconsistent dependency.

Redundant data wastes disk space and creates maintenance problems. If data that exists in more than one place must
be changed, the data must be changed in exactly the same way in all locations. A customer address change is much
easier to implement if that data is stored only in the Customers table and nowhere else in the database.
What is an "inconsistent dependency"? While it is intuitive for a user to look in the Customers table for the address
of a particular customer, it may not make sense to look there for the salary of the employee who calls on that
customer. The employee's salary is related to, or dependent on, the employee and thus should be moved to the
Employees table. Inconsistent dependencies can make data difficult to access because the path to find the data may
be missing or broken.
There are a few rules for database normalization. Each rule is called a "normal form." If the first rule is observed, the
database is said to be in "first normal form." If the first three rules are observed, the database is considered to be in
"third normal form." Although other levels of normalization are possible, third normal form is considered the highest
level necessary for most applications.
As with many formal rules and specifications, real world scenarios do not always allow for perfect compliance. In
general, normalization requires additional tables and some customers find this cumbersome. If you decide to violate
one of the first three rules of normalization, make sure that your application anticipates any problems that could
occur, such as redundant data and inconsistent dependencies.
The following descriptions include examples.

First Normal Form :

Eliminate repeating groups in individual tables.

Create a separate table for each set of related data.

Identify each set of related data with a primary key.

Do not use multiple fields in a single table to store similar data. For example, to track an inventory item that may

come from two possible sources, an inventory record may contain fields for Vendor Code 1 and Vendor Code 2.
What happens when you add a third vendor? Adding a field is not the answer; it requires program and table
modifications and does not smoothly accommodate a dynamic number of vendors. Instead, place all vendor
P a g e | 16

information in a separate table called Vendors, then link inventory to vendors with an item number key, or vendors to
inventory with a vendor code key.

Second Normal Form :

Create separate tables for sets of values that apply to multiple records.

Relate these tables with a foreign key.

Records should not depend on anything other than a table's primary key (a compound key, if necessary). For
example, consider a customer's address in an accounting system. The address is needed by the Customers table, but
also by the Orders, Shipping, Invoices, Accounts Receivable, and Collections tables. Instead of storing the customer's
address as a separate entry in each of these tables, store it in one place, either in the Customers table or in a separate
Addresses table.

Third Normal Form :

Eliminate fields that do not depend on the key.

Values in a record that are not part of that record's key do not belong in the table. In general, any time the contents of
a group of fields may apply to more than a single record in the table, consider placing those fields in a separate table.

For example, in an Employee Recruitment table, a candidate's university name and address may be included. But you
need a complete list of universities for group mailings. If university information is stored in the Candidates table,
there is no way to list universities with no current candidates. Create a separate Universities table and link it to the
Candidates table with a university code key.

EXCEPTION: Adhering to the third normal form, while theoretically desirable, is not always practical. If you have a
Customers table and you want to eliminate all possible interfield dependencies,

you must create separate tables for cities, ZIP codes, sales representatives, customer classes, and any other factor that
may be duplicated in multiple records. In theory, normalization is worth pursing. However, many small tables may
degrade performance or exceed open file and memory capacities.

It may be more feasible to apply third normal form only to data that changes frequently. If some dependent fields
remain, design your application to require the user to verify all related fields when any one is changed .

Other Normalization Forms :

Fourth normal form, also called Boyce Codd Normal Form (BCNF), and fifth normal form do exist, but are rarely
considered in practical design. Disregarding these rules may result in less than perfect database design, but should
not affect functionality.
P a g e | 17

CHAPTER 3
REQUIREMENTS AND ANALYSIS
P a g e | 18

3.1 Problem Definition

A learning system based on formalised teaching but with the help of electronic resources is known as E-learning.
While teaching can be based in or out of the classrooms, the use of computers and the
Internet forms the major component of E-learning. E-learning can also be termed as a network enabled transfer of
skills and knowledge, and the delivery of education is made to a large number of recipients at the same or different
times. Earlier, it was not accepted wholeheartedly as it was assumed that this system lacked the human element
required in learning.

E-learning has proved to be the best means in the corporate sector, especially when training programs are conducted
by MNCs for professionals across the globe and employees are able to acquire important skills while sitting in a
board room, or by having seminars, which are conducted for employees of the same or the different organizations
under one roof. The schools which use E-learning technologies are a step ahead of those which still have the
traditional approach towards learning.
P a g e | 19

3.2 Requirements specification

Software Requirement Specification:

The Software Requirements Specification is produced at the culmination of the analysis task.The
function and performance allocated to software as part of system engineering are refined by establishing a complete
information description,a detailed functional and behavioral description ,an indication of performance requirements
and design constraints, appropriate validation criteria, and other data pertinent to requirements.

The proposed system has the following requirements:

 System needs store information about new entry of Assignment.


 System needs to help the internal staff to keep information of student and find them as per various queries.
 System need to maintain quantity record.
 System need to keep the record of TEACHER.
 System need to update and delete the record.
 System also needs a search area.
 It also needs a security system to prevent data.
P a g e | 20

3.3 Planning and Scheduling

Project Planning:

Software project plan can be viewed as the following:

1) Within the organization: How the project is to be implemented? what are various
constraints(time,cost,staff)? What is market strategy?
2) With respect to the customer: Weekly or timely meeting with the customer with
presentation on status reports. Customer feedbacks is also taken and further modification and
developments are done. Project milestones and deliverables are also presented to the customer.

For a successful software project the following steps can be followed:

 Select a project

o Identifying project‘s aims and objectives


o Understanding requirements and specification
o Methods of analysis, design and implementation
o Testing techniques
o Documentaion

 Project milestones and deliverables

 Budget allocation

o Exceeding limits within control

 Project Estimates

o Cost
o Time
o Size of code
o Duration

 Resource Allocation

o Hardware
o Software
o Previous relevant project in information
o Digital Library

 Risk Management

o Risk avoidance
o Risk detetion
P a g e | 21

Project Scheduling :

An elementary Gantt chart or Timeline chart for the development plan is given below.
The plan explains the tasks versus the time (in weeks) they take to complete.

March April May

Requirements
Gathering

Analysis

Design

Coding

Testing

Imleplement

Wi ‗s are Weeks of the months, for i=1,2,3,4


P a g e | 22

3.4 Software and Hardware Requirements

Hardware Components:

 Hard Disk-50GB

 Memory-1GB RAM

 Cloud Server

Software Requirements:

 Operating system

 Sql 2008

 Adobe Dreamweaver cs6

 Windows Azure
P a g e | 23

3.5 Preliminary product Description

The first step in the system development life cycle is the preliminary investigation to determine
the feasibility of the system.The purpose of the preliminary investigation is to evaluate project
requests.it is not a design study nor does it include the collection of detailed to describe the business
system in all respect. Rather ,it is the collecting of information that helps committee members to
evaluate the merits of the project request and make an informed judgment about the proposed project .

Analysis working on the preliminary investigation should accomplish the following


objectives:

 Clarity and understand the project request


 Determine the size of the project.
 Assess costs and benefits of alternative approaches.
 Determine the technical and operational feasibility of alternatives approaches.
 Report the finding to management ,with recommendations outlining the acceptance or rejection of
the proposal.

Benefit to Organization

The Organization will obviously be able to gain benefits such as


savings in operating cost,reduction in paperwork, better utilization of human resources and more
presentable image increasing goodwill.
P a g e | 24

3.6 Conceptual Model


P a g e | 25

CHAPTER 4
SYSTEM DESIGN
P a g e | 26

4.1 Basic Modules

In this phase, a logical system is built which fulfils the given requirements. Design phase of
software developments deals with transforming the clients ‗s requirements into a logically working
system. Normally, design is performed in the following in the following two steps:

1. Primary Design phase:

In this phase, the system is designed at block level. The blocks are created on the basis of
anaysis done in the problem identification phase.Different blocks are created for
differentfunction emphasis is put on minimising the information floe between blocks. Thus,
all activities which require more interaction are kept in one block.

2. Secondary Design phase:

In the secondary phase the detailed design of every block is performed.

The general tasks involved in the design process are the following :
1. Design various blocks for overall system processes.
2. Design smaller, compact and workable module in each block.
3. Design various database structures.
4. Specify detailed of program to achieve desired functionality.
5. Design the form of inputs, and outputs of the system.
6. Perform documenatation of the design.
7. System review.
P a g e | 27

CHAPTER 5
IMPLEMENTATION AND DESIGN
P a g e | 28

5.1 Implementation Approaches:-

The implementation is the final and important phase. It involves User training, system testing and successful
running of the developed system. The users test the developed system when changes are made according to the
needs. The testing phase involves the testing of the developed system using various kinds of data. An elaborate
testing of data is prepared and system is tested using the tests data.

Implementation is the stage where theoretical design turned into a working system. Implementation is planed
carefully to propose system to avoid unanticipated problems. Many preparations involved before and during the
implementation of proposed system. The system needed to be plugged in to the organization‘s network then it could
be accessed from anywhere, after a user logins into the portal. The tasks that had to be done to implement the system
were to create the database tables in the organization database domain. Then the administrator was granted his role so
that the system could be accessed.

The next phase in the implementation was to educate the system. A demonstration of all the functions that can be
carried out by the system was given to examination department person, who will make extensive use of the system.
P a g e | 29

5.2 Unit Testing:

Each module is considered independently. It focuses on each unit


of software as implemented in the source code .it is while box testing.

5.3 Integrated Testing:

Integration testing aims at constructing the program structure while at tha same constructing tests to
uncover errors associated with interfacing the modules.modules are integrated by using the top down
approach.

5.4 Testing Approach:

Security Testing of the Project

Testing is vital for the success of any software.no system design is ever perfect.Testing is also carried in two
phase.first phase is during the software engineering that is during the module creation. Second phase is after is
after the completion of software.this is system testing which verifies that the whole set of programs hanged
together.

White Box Testing

In this technique,the close examination of the logical parts through the software are tested bycases that
exercise species sets of condition or loops. all logical parts of the software chacked once .errors that can be
corrected using this technique are typographical errors,logical expression which should be executed once may
be getting executed more than once and error resulting by using wrong controls and loops .When the box
testing tests all the independent part within a module a logical decisions on their true and the false side are
exercised, all loops and bounds within their operational bounds were excrcised and internal data structure to
ensure their validity were exercised once.
This method enables the software engineer to device sets of input techniques that fully exercise all functional
requirements for a program.black box testing teste the input,the output and the external data.it checks whether
the input data is correct and whether we are getting the desired output.

Alpha Testing

Acceptance testing is also sometimes called alpha testing.Be spoke systems are developed for a single
customer. The alpha testing proceeds until the system developer and the customer agree that the provide
system is an acceptable implementationof the system requirements.

Beta Testing

On the other hand, when a system isto be marked as a software product, another process called beta testing is often
conducted.During beta testing,a system is delivered among a number of potential users who agree to use it. The
customer then report problms to the developers .this provides the product for real use and detects errors which may
not have been anticipated by the system developers.
P a g e | 30

Validation Testing

Validation testing was performed to ensure that all the functional and performance requirements are met .

System Testing

It is executing programs to check logical changes made in it with intention of finding errors.asystem is tested for
online response,volume of transaction , recovery from failure etc.System testing is done to ensure that system that the
system satisfies all the user requirements.

A car manufacturer does not produce the car as a whole car. Each component of the car is manufactured separately,
like seats, steering, mirror, break, cable, engine, car frame, wheels etc.
After manufacturing each item, it is tested independently whether it is working the way it is supposed to work and
that is called Unit testing.
Now, when each part is assembled with another part, that assembled combination is checked if assembling has not
produced any side effect to the functionality of each component and whether both components are working together
as expected and that is called integration testing.
Once all the parts are assembled and the car is ready, it is not ready actually.
The whole car needs to be checked for different aspects as per the requirements defined like if car can be driven
smoothly, breaks, gears and other functionality working properly, car does not show any sign of tiredness after being
driven for 2500 miles continuously, color of car is generally accepted and liked, car can be driven on any kind of
roads like smooth and rough, sloppy and straight etc and this whole effort of testing is called System testing and it
has nothing to do with integration testing.
The example worked the way it was expected and the client was convinced about efforts required for system test.

I narrated the example here to encourage the importance of this testing.

5.4 Coding Detailed and Code Efficiency

Index.php
<?php
include('header.php');
//Start session
session_start();
//Unset the variables stored in session
unset($_SESSION['id']);
?>
<body>

<?php include('navhead.php'); ?>

<div class="container">
<div class="row-fluid">
<div class="span3">

<div class="hero-unit-3">
<div class="alert-index alert-success">
<i class="icon-calendar icon-large"></i>
<?php
$Today = date('y:m:d');
$new = date('l, F d, Y', strtotime($Today));
echo $new;
?>
</div>
</div>

<div class="hero-unit-1">
<ul class="nav nav-pills nav-stacked">
P a g e | 31

<li class="nav-header">Links</li>
<li class="active"><a href="#"><i class="icon-home icon-large"></i>&nbsp;Home
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>

<li><a href="sitemap.php"><i class="icon-sitemap icon-large"></i>&nbsp;Site Map


<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>
<li><a href="contact.php"><i class="icon-envelope-alt icon-large"></i>&nbsp;Contact
Us
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a>
</li>
<li class="nav-header">About US</li>
<li><a href="#mission" role="button" data-toggle="modal"><i class="icon-book icon-
large"></i>&nbsp;Mission
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>
<li><a href="#vision" role="button" data-toggle="modal"><i class="icon-book icon-
large"></i>&nbsp;Vision
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>
<li><a href="history.php"><i class="icon-list-alt icon-large"></i>&nbsp;History
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>

</a></li>

</ul>
</div>
<br>

</div>
<div class="span9">
<section class="main">
<div class="custom-calendar-wrap">
<div id="custom-inner" class="custom-inner">
<div class="custom-header clearfix">
<nav>
<span id="custom-prev" class="custom-prev"></span>
<span id="custom-next" class="custom-next"></span>
</nav>
<h2 id="custom-month" class="custom-month"></h2>
<h3 id="custom-year" class="custom-year"></h3>
</div>
<div id="calendar" class="fc-calendar-container"></div>
</div>
</div>
</section>
P a g e | 32

<div class="alert alert-info">


<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Head Up!</strong>&nbsp;Welcome to Jharkhand rai univerrsity State College
E-Learning Site.
</div>
<div class="slider-wrapper theme-default">
<?php include('slider.php'); ?>
</div>
<!-- end slider -->
</div>

</div>

</div>
<!---------------->
<div class="container">

<div class="row-fluid">
<div class="span12">

<div class="row-fluid">
<div class="span9">
<div class="alert alert-success"><i class="icon-file icon-
large"></i>&nbsp;<strong>Patag Medical Mission</strong></div>
<div class="hero-unit-2">
Announcements
In support to the thrust of the government to improve the health status of neighboring
barangays, the Faculty and Staff of CHMSC ECS Fortune Towne, Bacolod City, launched its Medical
Mission in Patag, Silay City. It was conducted last March 2010, to address the health needs of the
people. A medical consultation is given to the residents of SitioPatag to attend to their health related
problems that may need medical treatment. Medical tablets for headache, flu, fever, antibiotics and
others were availed by the residents.
</div>

</div>
<div class="span3">
<div class="alert alert-info">
<i class="icon-building icon-large"></i>&nbsp;Campuses
</div>
<div class="hero-unit-3">
<p><a href=""><i class="icon-sign-blank"></i>&nbsp;Talisay Campus</a></p>
<p><a href=""><i class="icon-sign-blank"></i>&nbsp;Fortune Towne
Campus</a></p>
<p><a href=""><i class="icon-sign-blank"></i>&nbsp;Binalbagan Campus</a></p>
<p><a href=""><i class="icon-sign-blank"></i>&nbsp;Alijis Campus</a></p>
</div>
</div>
</div>
</div>

</div>

<br>
<div class="alert alert-success"><i class="icon-file icon-large"></i>&nbsp;<strong>Bayan -
Anihan Projects</strong></div>
<div class="hero-unit-2">
P a g e | 33

The BAYAN-ANIHAN is a Food Production Program with a battle cry of ―GOODBYE


GUTOM‖, advocating its legacy ―Food on the Table for every Filipino Family‖ through backyard
gardening. NGO‘s, governmental organizations, private and public sectors, business sectors are the
cooperating agencies that support and facilitate this project and Carlos Hilado Memorial State College
(CHMSC) is one of the identified partner school. Being a member institution in advocating its thrust,
the school through its Extension and Community Services had conducted capability training workshop
along this program identifying two deputy coordinators and trainers last November 26,27 and 28,
2009, with the end in view of implementing the project all throughout the neighboring towns,
provinces and regions to help address poverty in the country. Program beneficiaries were the selected
families of GawadKalinga (GK) in Hope Village, Brgy. Cabatangan, Talisay City, with 120 families
beneficiaries; GK FIAT Village in Silay City with 30 beneficiaries; Bonbon Dream Village brgy. E.
Lopez, Silay City with 60 beneficiaries; and respectively Had. Teresita and Had. Carmen in Talisay
City, Negros Occidental both with 60 member beneficiaries. This program was introduced to 30
household members with the end in view of alleviating the quality standards of their living.
</div>

<?php include('footer.php'); ?>


</div>

</div>
</div>

</body>
</html>
Header.php

<!DOCTYPE html>
<html lang="en">
<head>

<title>CHMSC Elearning System</title>


<link href="admin/img/chmsc.png" rel="icon" type="image">
<link href="admin/css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
<link href="admin/css/bootstrap-responsive.css" rel="stylesheet" type="text/css"
media="screen">
<link href="admin/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" href="admin/css/DT_bootstrap.css">
<?php include('admin/connect.php'); ?>
</head>
<script src="admin/js/jquery.js" type="text/javascript"></script>
<script src="admin/js/bootstrap.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8" language="javascript"


src="admin/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8" language="javascript"
src="admin/js/DT_bootstrap.js"></script>
<script type='text/javascript' language='javascript' src='js/ndhui.js'></script>

<!--slider -->
<link rel="stylesheet" href="admin/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="admin/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="admin/themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="admin/themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="admin/css/nivo-slider.css" type="text/css" media="screen" />
P a g e | 34

<script type="text/javascript" src="admin/js/jquery.nivo.slider.js"></script>


<script type="text/javascript">
jQuery(document).ready(function() {
$(window).load(function() {
$('#slider').nivoSlider();
});
});
</script>
<!--end slider -->

Contact.php
<?php
include('header.php');
//Start session
session_start();
//Unset the variables stored in session
unset($_SESSION['id']);
?>
<body>

<?php include('navhead.php'); ?>

<div class="container">
<div class="row-fluid">
<div class="span3">

<div class="hero-unit-3">
<div class="alert-index alert-success">
<i class="icon-calendar icon-large"></i>
<?php
$Today = date('y:m:d');
$new = date('l, F d, Y', strtotime($Today));
echo $new;
?>
</div>
</div>

<div class="hero-unit-1">
<ul class="nav nav-pills nav-stacked">

<li class="nav-header">Links</li>
<li><a href="index.php"><i class="icon-home icon-large"></i>&nbsp;Home
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>

<li><a href="sitemap.php"><i class="icon-sitemap icon-large"></i>&nbsp;Site Map


<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>
<li class="active"><a href="contact.php"><i class="icon-envelope-alt icon-
large"></i>&nbsp;Contact Us
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a>
P a g e | 35

</li>
<li class="nav-header">About US</li>
<li><a href="#mission" role="button" data-toggle="modal"><i class="icon-book icon-
large"></i>&nbsp;Mission
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>
<li><a href="#vision" role="button" data-toggle="modal"><i class="icon-book icon-
large"></i>&nbsp;Vision
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>
<li><a href="history.php"><i class="icon-list-alt icon-large"></i>&nbsp;History
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>

</ul>
</div>
<br>

</div>
<div class="span9">

<div class="alert alert-info">


<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong><i class="icon-phone-sign icon-large"></i>&nbsp;Directories!</strong>&nbsp;
</div>
<div class="hero-unit-3">

<div class="row-fluid">
<div class="span12">
<div class="alert alert-success"> Talisay Campus </div>

<div class="row-fluid">
<div class="span6">

<p><i class="icon-circle"></i>&nbsp;Lab School - 712-0848</p>


<p><i class="icon-circle"></i>&nbsp;Accounting - 495-5560</p>
<p><i class="icon-circle"></i>&nbsp;President's Office - 495-
4064(telefax)</p>
<p><i class="icon-circle"></i>&nbsp; VPA/PME - 495-1635</p>
<p><i class="icon-circle"></i>&nbsp; Registrar Office - 495-
4657(telefax)</p>
<p><i class="icon-circle"></i>&nbsp; Cashier - 712-7272</p>
<p><i class="icon-circle"></i>&nbsp; CIT - 712-0670</p>
<p><i class="icon-circle"></i>&nbsp; SAS/COE - 495-6017</p>
<p><i class="icon-circle"></i>&nbsp; BAC - 712-8404(telefax)</p>
<p><i class="icon-circle"></i>&nbsp; Records - 495-3470</p>

</div>
<div class="span6">

<p><i class="icon-circle"></i>&nbsp; Supply - 495-3767</p>


<p><i class="icon-circle"></i>&nbsp;Internet Lab - 712-6144/712-6459</p>
P a g e | 36

<p><i class="icon-circle"></i>&nbsp;COA - 495-5748</p>


<p><i class="icon-circle"></i>&nbsp; Guard House - 476-1600</p>
<p><i class="icon-circle"></i>&nbsp;HRM - 495-4996</p>
<p><i class="icon-circle"></i>&nbsp;Extension - 457-2819</p>
<p><i class="icon-circle"></i>&nbsp; Canteen - 495-5396</p>
<p><i class="icon-circle"></i> &nbsp; Research - 712-8464</p>
<p><i class="icon-circle"></i> &nbsp; Library - 495-5143</p>
<p><i class="icon-circle"></i> &nbsp; OSA - 495-1152</p>
</div>
</div>
</div>
</div>

</div>

<!-- end slider -->


</div>

</div>
<?php include('footer.php'); ?>
</div>

</div>
</div>

</body>
</html>

History.php
<?php
include('header.php');
//Start session
session_start();
//Unset the variables stored in session
unset($_SESSION['id']);
?>
<body>

<?php include('navhead.php'); ?>

<div class="container">
<div class="row-fluid">
<div class="span3">
<div class="hero-unit-3">
<div class="alert-index alert-success">
<i class="icon-calendar icon-large"></i>
<?php
$Today = date('y:m:d');
$new = date('l, F d, Y', strtotime($Today));
echo $new;
?>
</div>
P a g e | 37

</div>
<div class="hero-unit-1">
<ul class="nav nav-pills nav-stacked">

<li class="nav-header">Links</li>
<li><a href="index.php"><i class="icon-home icon-large"></i>&nbsp;Home</a></li>

<li><a href="sitemap.php"><i class="icon-sitemap icon-large"></i>&nbsp;Site


Map</a></li>
<li><a href="#"><i class="icon-envelope-alt icon-large"></i>&nbsp;Contact
Us</a></li>
<li class="nav-header">About US</li>
<li><a href="#mission" role="button" data-toggle="modal"><i class="icon-book icon-
large"></i>&nbsp;Mission</a></li>
<li><a href="#vision" role="button" data-toggle="modal"><i class="icon-book icon-
large"></i>&nbsp;Vision</a></li>
<li class="active"><a href="history.php"><i class="icon-list-alt icon-
large"></i>&nbsp;History</a></li>

</ul>
</div>

</div>

<div class="span9">

<div class="alert alert-info">


<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>CHMSC History</strong>
</div>

<p>
<div class="hero-unit-2">

Carlos Hilado Memorial State College, formerly Paglaum State College, is a public
educational institution that aims to provide higher technological, professional and vocational
instruction and training in science, agriculture and industrial fields as well as short term or vocational
courses. It was Batas Pambansa Bilang 477 which integrated these three institutions of learning: the
Negros Occidental College of Arts and Trades (NOCAT) in the Municipality of Talisay, Bacolod City
National Trade School (BCNTS) in Alijis, Bacolod City, and the Negros Occidental Provincial
Community College (NOPCC) in Bacolod City, into a tertiary state educational institution to be called
Paglaum State College. Approved in 1983, the College Charter was implemented effective January 1,
1984, with Mr. Sulpicio P. Cartera as its President. The administrative seat of the first state college in
Negros Occidental is located at the Talisay Campus which was originally established as Negros
Occidental School of Arts and Trades (NOSAT) under R.A. 848, authored and sponsored by Hon.
Carlos Hilado. It occupies a five-hectare land donated by the provincial government under Provincial
Board Resolution No. 1163. The renaming of the college to Carlos Hilado Memorial State College
was effected by virtue of House Bill No. 7707 authored by then Congressman Jose Carlos V. Lacson
of the 3rd Congressional District, Province of Negros Occidental, and which finally became a law on
May 5, 1994.

Talisay Campus. July 1, 1954 marked the formal opening of NOSAT with Mr. Francisco
Apilado as its first Superintendent and Mr. Gil H. Tenefrancia as Principal. There were five (5) full
time teachers, with an initial enrolment of eighty-nine (89) secondary and trade technical students. The
shop courses were General Metal Works, Practical Electricity and Woodworking. The first classes
were held temporarily at Talisay Elementary School while the shop buildings and classrooms were
P a g e | 38

under construction. NOSAT was a recipient of FOA-PHILCUA aid in terms of technical books,
equipment, tools and machinery. Alijis Campus. The Alijis Campus of the Carlos Hilado Memorial
State College is situated in a 5-hectare lot located at Barangay Alijis, Bacolod City. The lot was a
donation of the late Dr. Antonio Lizares. The school was formerly established as the Bacolod City
National Trade School. The establishment of this trade technical institution is pursuant to R.A. 3886 in
1968, authored by the late Congressman Inocencio V. Ferrer of the second congressional district of the
Province of Negros Occidental. Fortune Towne. The Fortune Towne Campus of the Carlos Hilado
Memorial State College was originally situated in Negros Occidental High School (NOHS), Bacolod
City on a lot owned by the Provincial Government under Provincial Board Resolution No. 91 series of
1970. The school was formerly established as the Negros Occidental Provincial Community College
and formally opened on July 13, 1970 with the following course offerings: Bachelor of Arts, Technical
Education and Bachelor of Commerce. The initial operation of the school started in July 13, 1970,
with an initial enrolment of 209 students. Classes were first housed at the Negros Occidental High
School while the first building was constructed. Then Governor Alfredo L. Montelibano spearheaded
the first operation of the NOPCC along with the members of the Board of Trustees. In June 1995, the
campus transferred to its new site in Fortune Towne, Bacolod City. Binalbagan Campus. On Nov. 24,
2000, the Negros Occidental School of Fisheries (NOSOF) in Binalbagan, Negros Occidental was
integrated to the Carlos Hilado Memorial State College system as an external campus by virtue of
Resolution No. 46 series of 2000.
</div>
</p>

</div>

</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>

</body>
</html>
<div class="row-fluid">
<div class="span12">

<div class="navbar navbar-fixed-top navbar-inverse">


<div class="navbar-inner">
<div class="container">

<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>

<!-- Be sure to leave the brand out there if you want it shown -->

<!-- Everything you want hidden at 940px or less, place within here -->

<div class="nav-collapse collapse">


<!-- .nav, .navbar-search, .navbar-form, etc -->
P a g e | 39

<i class="icon-facebook-sign icon-large" id="color_white"></i>


<i class="icon-twitter icon-large" id="color_white"></i>
<i class="icon-google-plus icon-large" id="color_white"></i>
<i class="icon-github-alt icon-large" id="color_white"></i>
<i class="icon-linkedin-sign icon-large" id="color_white"></i>
<div class="pull-right">
<form class="navbar-search pull-left">
<i class="icon-search icon-large" id="color_white"></i>
<input type="text" class="search-query" placeholder="Search">
</form>
</div>

<!-- end collapse -->


</div>

</div>
</div>
</div>
<div class="hero-unit-header">
<div class="container">

<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
<div class="span6">
<img src="admin/images/head.png">
</div>
<div class="span6">
<div class="pull-right">
<!--- login button -->
<div class="btn-group">
<button class="btn btn-success"><i class="icon-signin icon-
large"></i>&nbsp;Login</button>
<button class="btn dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#student" role="button" data-toggle="modal"><i
class="icon-user icon-large"></i>&nbsp;Student</a></li>

</ul>
</div>

<!-- end login -->


<?php include('student_modal.php'); ?>
<?php include('teacher_modal.php'); ?>
</div>
</div>
</div>
</div>
</div>

</div>

</div>
P a g e | 40

Action.php
<?php
if($_GET['id'])
{
include "dbcon.php";
$id=$_GET['id'];
$up="update student_reg set status='y' where sl=$id";
$up1=mysql_query($up);
if($up1){header("location:index.php");}
}
if($_GET['conid'])
{
include "dbcon.php";
$id=$_GET['conid'];
$up="update student_reg set status='' where sl=$id";
$up1=mysql_query($up);
if($up1){header("location:index.php");}
}

if($_GET['delid'])
{
include "dbcon.php";
$id=$_GET['delid'];
$up="delete from tutorial where sl=$id";
$up1=mysql_query($up);
if($up1){header("location:add_tutorials.php");}
}

if($_GET['delviid'])
{
include "dbcon.php";
$id=$_GET['delviid'];
$up="delete from video_t where sl=$id";
$up1=mysql_query($up);
if($up1){header("location:video.php");}
}
?>

Connect.php

<?php
mysql_select_db('elearning', mysql_connect('localhost','root',''))or die(mysql_error());
?>

Function.php

<?php
include "dbcon.php";
//pending student function start
function pending_student()
{
$a="select *from student_reg where status=''";
$a1=mysql_query($a);
?>
<div class="panel panel-danger">
<div class="panel-heading">
Pending Students
P a g e | 41

</div>
<div class="panel-body w3-black">
<table class="table">
<tr>
<th>Student Name</th>
<th>Student Email ID</th>
<th>Contact No.</th>
<th>Status</th>
<th>Active</th>
</tr>
<?php
while($a2=mysql_fetch_assoc($a1))
{
?>
<tr>
<td><?php echo $a2['name']; ?></td>
<td><?php echo $a2['email']; ?></td>
<td><?php echo $a2['phone']; ?></td>
<td>Pending</td>
<td><a href="action.php?id=<?php echo $a2['sl']; ?>" class="btn btn-
success">ACTIVE</a></td>
</tr>
<?php
}
?>
</table>
</div>
</div>
<?php

//pending student function End

//confirm student function start

function confirm_student()
{
$a="select *from student_reg where status='y'";
$a1=mysql_query($a);
?>
<div class="panel panel-success">
<div class="panel-heading">
Confirm Students
</div>
<div class="panel-body w3-black">
<table class="table">
<tr>
<th>Student Name</th>
<th>Student Email ID</th>
<th>Contact No.</th>
<th>Status</th>
<th>Deactive</th>
</tr>
<?php
while($a2=mysql_fetch_assoc($a1))
{
P a g e | 42

?>
<tr>
<td><?php echo $a2['name']; ?></td>
<td><?php echo $a2['email']; ?></td>
<td><?php echo $a2['phone']; ?></td>
<td>Confirm</td>
<td><a href="action.php?conid=<?php echo $a2['sl']; ?>" class="btn btn-
success">DEACTIVE</a></td>
</tr>
<?php
}
?>
</table>
</div>
</div>
<?php
}
// confirm student function end

//total student function start

function total_student()
{
$a="select *from student_reg order by sl desc";
$a1=mysql_query($a);
?>
<div class="panel panel-info">
<div class="panel-heading">
Total Students
</div>
<div class="panel-body w3-black">
<table class="table">
<tr>
<th>Student Name</th>
<th>Student Email ID</th>
<th>Contact No.</th>
</tr>
<?php
while($a2=mysql_fetch_assoc($a1))
{
?>
<tr>
<td><?php echo $a2['name']; ?></td>
<td><?php echo $a2['email']; ?></td>
<td><?php echo $a2['phone']; ?></td>
</tr>
<?php
}
?>
</table>
</div>
</div>
<?php

}
// total student function end

//add tutorials start


if(isset($_POST['add_book']))
P a g e | 43

{
$a=$_POST['t1'];
$b=$_POST['t2'];
$c=$_FILES['t3']['name'];
$c1=$_FILES['t3']['tmp_name'];

move_uploaded_file($c1,"../tutorials/".$c);
include "dbcon.php";
$ins="insert into tutorial(title,class,file) values('$a','$b','$c')";
$ins1=mysql_query($ins);
if($ins1){header("location:add_tutorials.php");}
}

//add tutorials end


//delete tutorilas start
function delete_tutorial()
{
$a="select *from tutorial";
$a1=mysql_query($a);
?>
<div class="panel panel-info">
<div class="panel-heading">
Delete Tutorials
</div>
<div class="panel-body w3-black">
<table class="table">
<tr>
<th>Title</th>
<th>For Class</th>
<th>File Name</th>
<th>Delete</th>
</tr>
<?php
while($a2=mysql_fetch_assoc($a1))
{
?>
<tr>
<td><?php echo $a2['title']; ?></td>
<td><?php echo $a2['class']; ?></td>
<td><?php echo $a2['file']; ?></td>
<td><a href="action.php?delid=<?php echo $a2['sl']; ?>" class="btn btn-
success"><i class="fa fa-trash"></i></a></td>
</tr>
<?php
}
?>
</table>
</div>
</div>
<?php
}
//delete tutorials end

//add video tutorials start


if(isset($_POST['add_video']))
{
$a=$_POST['t1'];
$b=$_POST['t2'];
$c=$_FILES['t3']['name'];
$c1=$_FILES['t3']['tmp_name'];
P a g e | 44

move_uploaded_file($c1,"../tutorials/".$c);
include "dbcon.php";
$ins="insert into video_t(title,class,file) values('$a','$b','$c')";
$ins1=mysql_query($ins);
if($ins1){header("location:video.php");}
}

//add video tutorials end

//delete video tutorilas start


function delete_video_tutorial()
{
$a="select *from video_t";
$a1=mysql_query($a);
?>
<div class="panel panel-info">
<div class="panel-heading">
Delete Video Tutorials
</div>
<div class="panel-body w3-black">
<table class="table">
<tr>
<th>Title</th>
<th>For Class</th>
<th>File Name</th>
<th>Delete</th>
</tr>
<?php
while($a2=mysql_fetch_assoc($a1))
{
?>
<tr>
<td><?php echo $a2['title']; ?></td>
<td><?php echo $a2['class']; ?></td>
<td><?php echo $a2['file']; ?></td>
<td><a href="action.php?delviid=<?php echo $a2['sl']; ?>" class="btn btn-
success"><i class="fa fa-trash"></i></a></td>
</tr>
<?php
}
?>
</table>
</div>
</div>
<?php
}
//delete video tutorials end

?>
P a g e | 45

Login.php
<?php
session_start();
if(isset($_POST['ad_log']))
{
$user=$_POST['user'];
$pass=md5($_POST['pass']);
if($user!="" AND $pass!="")
{
include "dbcon.php";
$pa="select *from admin_table where username='$user'";
$pa1=mysql_query($pa);
$pa2=mysql_fetch_assoc($pa1);
$password=$pa2['password'];
if($pass==$password)
{
$_SESSION['name']=$pa2['name'];
$_SESSION['log1']=true;
header("location:index.php");
}

}
}
?>
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

<body class="col-md-6 col-md-offset-3">


<header class="w3-container w3-teal w3-margin-top">
<h1>Admin Login</h1>
</header>

<div class="w3-container w3-full w3-margin-top">


<form class="w3-container w3-card-4" method="post">
<p>
<input class="w3-input" type="text" name="user" style="width:90%" required>
<label>Username</label></p>
<p>
<input class="w3-input" type="password" name="pass" style="width:90%" required>
<label>Password</label></p>
<p>
<button class="w3-button w3-section w3-teal w3-ripple" type="submit" name="ad_log"> Log in
</button></p>

</form>

</div>

</body>
</html>
P a g e | 46

Logout.php
<?php

session_start();
unset($_SESSION['id']);
session_destroy();
header('location:index.php');

?>
<?php
include('header.php');
//Start session
session_start();
//Unset the variables stored in session
unset($_SESSION['id']);
?>
<body>

<div class="row-fluid">
<div class="span12">

<div class="navbar navbar-fixed-top navbar-inverse">


<div class="navbar-inner">
<div class="container">

<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>

<!-- Be sure to leave the brand out there if you want it shown -->

<!-- Everything you want hidden at 940px or less, place within here -->

<div class="nav-collapse collapse">


<!-- .nav, .navbar-search, .navbar-form, etc -->

</div>

</div>
</div>
</div>

<div class="hero-unit-header">
<div class="container">
<div class="row-fluid">
<div class="span12">

<div class="row-fluid">
<div class="span6">
<img src="images/head.png">
</div>
P a g e | 47

<div class="span6">

<div class="pull-right">
<i class="icon-calendar icon-large"></i>
<?php
$Today = date('y:m:d');
$new = date('l, F d, Y', strtotime($Today));
echo $new;
?>
</div>
</div>
</div>
</div>
</div>

</div>
</div>

<div class="container">
<div class="row-fluid">
<div class="span6">
<div class="hero-unit-3">
<div class="alert alert-info">Mission</div>
<p>
To provide a highly developed form of teaching through maximizing the use of
technology which will somehow give an easier and efficient way of learning that will make them to be
competitive and productive citizens of the society.

</p>
</div>
<div class="hero-unit-3">
<div class="alert alert-info">Vision</div>
<p>
To be able to prove to people that Filipinos also know how to cope up with the
development in technology this will provide an easier way of teaching and a better form of learning.
</p>
</div>
</div>
<div class="span6">

<div class="alert alert-info"><strong>Login</strong> Please Enter The Details


Below</div>
<!-- login -->
<form class="form-horizontal" method="post">
<div class="control-group">
<label class="control-label" for="inputEmail">Username</label>
<div class="controls">
<input type="text" name="username" id="inputEmail"
placeholder="Username" required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" name="password" id="inputPassword"
placeholder="Password" required>
</div>
P a g e | 48

</div>

<div class="control-group">
<div class="controls">
<button type="submit" name="login" class="btn btn-info"><i class="icon-
signin icon-large"></i>&nbsp;Sign in</button>
</div>
<br>

<?php
if (isset($_POST['login'])) {

function clean($str) {
$str = @trim($str);
if (get_magic_quotes_gpc()) {
$str = stripslashes($str);
}
return mysql_real_escape_string($str);
}

$username = clean($_POST['username']);
$password = clean($_POST['password']);

$query = mysql_query("select * from user where username='$username' and


password='$password'") or die(mysql_error());
$count = mysql_num_rows($query);
$row = mysql_fetch_array($query);

if ($count > 0) {
session_start();
session_regenerate_id();
$_SESSION['id'] = $row['user_id'];
header('location:home.php');
session_write_close();
exit();
} else {
session_write_close();
?>

<div class="alert alert-danger"><i class="icon-remove-


sign"></i>&nbsp;Access Denied</div>

<?php

}
}
?>
</div>

</form>
</div>
<?php include('footer_fixed.php'); ?>
P a g e | 49

</div>

</div>
</div>
</div>

</body>
</html>

Student_profile.php

<?php
session_start();
if($_SESSION['log']==true)
{
include "stu_header.php";
?>
<html>
<head>

</head>
<body>
<div class="row">
<div class="col-md-8 col-md-offset-2" style="padding-top:10px">

<div class="panel panel-info">


<div class="panel-heading">
PROFILE
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-8">
<?php
echo $email=$_SESSION['email'];
include "dbcon.php";
$se="select *from student_reg where
email='$email'";
$se1=mysql_query($se);
$se2=mysql_fetch_assoc($se2);
?>
<table class="table table-border">
<tr class="active">
<th>Name</th>
<th>Email</th>
<th>Phone</th>
<th>Password</th>
</tr>
<tr>
<td><input type="text" name="t1" value="<?php echo $se2['name']; ?>"
class="form-control"></td>
<td><input type="text" name="t1" value="<?php echo $se2['email']; ?>"
readonly class="form-control"></td>
<td><input type="text" name="t1" value="<?php echo $se2['phone']; ?>"
class="form-control"></td>
P a g e | 50

<td><input type="text" name="t1" value="<?php echo $se2['password']; ?>"


readonly class="form-control"></td>
</tr>

</table>
</div>
<div class="col-md-4">
hjghj
</div>
</div>
</div>
</div>

</div>
</div><!----- row end---->
</body>
</html>
<?php
}
else
{
header("location:index.php");
}
?>

Welcome.php

<?php
include('session.php');
?>
<!DOCTYPE html>
<html>
<title>GURUKUL PATNA || ADMIN</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet">

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-
awesome.min.css">
<style>
body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}
.w3-row-padding img {margin-bottom: 12px}
/* Set the width of the sidebar to 120px */
.w3-sidebar {width: 120px;background: #222;}
/* Add a left margin to the "page content" that matches the width of the sidebar (120px) */
#main {margin-left: 120px}
/* Remove margins from "page content" on small screens */
@media only screen and (max-width: 600px) {#main {margin-left: 0}}
</style>
<body class="w3-teal">
P a g e | 51

<?php include "function.php" ; ?>


<div class="w3-black w3-hide-small">
<div class="row">
<div class="col-md-10"></div>

<div class="col-md-2">
<div class="dropdown">
<button class="btn btn-primary btn-group-justified dropdown-toggle" type="button" data-
toggle="dropdown"><i class="fa fa-user"></i> <?php echo $_SESSION['name']; ?>
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="logout1.php">LOGOUT</a></li>
</ul>
</div>
</div>
</div></div>
<!-- Icon Bar (Sidebar - hidden on small screens) -->
<nav class="w3-sidebar w3-bar-block w3-small w3-hide-small w3-center">
<!-- Avatar image in top left corner -->
<a href="index.php" class="w3-bar-item w3-button w3-padding-large w3-black">
<i class="fa fa-home w3-xxlarge"></i>
<p>HOME</p>
</a>
<a href="add_tutorials.php" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-book w3-xxlarge"></i>
<p>ADD TUTORIALS</p>
</a>
<a href="video.php" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-file-video-o w3-xxlarge"></i>
<p>ADD VIDEO TUTORIALS</p>
</a>
<a href="logout1.php" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-sign-out w3-xxlarge"></i>
<p>LOGOUT</p>
</a>
</nav>

<!-- Navbar on small screens (Hidden on medium and large screens) -->
<div class="w3-top w3-hide-large w3-hide-medium" id="myNavbar">
<div class="w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small">
<a href="index.php" class="w3-bar-item w3-button" style="width:25% !important">HOME</a>
<a href="add_tutorials.php" class="w3-bar-item w3-button" style="width:25% !important">ADD
TUTORIALS</a>
<a href="video.php" class="w3-bar-item w3-button" style="width:25% !important">ADD VIDEO
TUTORIALS</a>
<a href="logout1.php" class="w3-bar-item w3-button" style="width:25% !important">LOGOUT
</a>

</div>
</div>

<!-- Page Content -->


<div class="w3-padding-large" id="main">
<!-- Header/Home -->
<header class="w3-container w3-padding-32 w3-teal" id="home">
<div class="w3-bar w3-black">
<button class="w3-bar-item w3-button" onclick="openCity('pen_stu')">Pending Student</button>
<button class="w3-bar-item w3-button" onclick="openCity('con_stu')">Confirm Student</button>
<button class="w3-bar-item w3-button" onclick="openCity('to_stu')">Total Student</button>
</div>
P a g e | 52

<div id="pen_stu" class="w3-container city">


<h2>Pending Students</h2>
<?php
pending_student();
?>

</div>

<div id="con_stu" class="w3-container city" style="display:none">


<h2>Confirm Student</h2>
<?php
confirm_student();
?>
</div>

<div id="to_stu" class="w3-container city" style="display:none">


<h2>Total Student</h2>
<?php
total_student();
?>
</div>

<script>
function openCity(cityName) {
var i;
var x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(cityName).style.display = "block";
}
</script>
</header>

<!-- END PAGE CONTENT -->


</div>

</body>
</html>
<?php
}
else
{
header("location:login.php");
}
?>

Login_student.php

<?php
include('header.php');
//Start session
session_start();
//Unset the variables stored in session
unset($_SESSION['id']);
?>
<body>
P a g e | 53

<?php include('navhead.php'); ?>

<div class="container">
<div class="row-fluid">
<div class="span10">

<ul class="breadcrumb">
<li class="active">Login<span class="divider">/</span></li>
<li><a href="login_student.php"><i class="icon-group icon-
large"></i>&nbsp;Teacher</a><span class="divider">/</span></li>
<li class="active"><i class="icon-group icon-large"></i>&nbsp;Student</li>

<div class="pull-right">
<li>
<i class="icon-calendar icon-large"></i>
<?php
$Today = date('y:m:d');
$new = date('l, F d, Y', strtotime($Today));
echo $new;
?>
</li>
</div>
</ul>

<div class="alert alert-info">


<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Login Student!</strong>&nbsp;Please Enter the Details Below.
</div>

<form class="form-horizontal" method="post">


<div class="control-group">
<label class="control-label" for="inputEmail">Username</label>
<div class="controls">
<input type="text" name="username" id="inputEmail" placeholder="Username">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" name="password" id="inputPassword"
placeholder="Password">
</div>
</div>

<div class="control-group">
<div class="controls">
<button type="submit" name="login" class="btn btn-info"><i class="icon-
signin"></i>&nbsp;Sign in</button>
</div>

</div>

<?php
if (isset($_POST['login'])) {

function clean($str) {
$str = @trim($str);
if (get_magic_quotes_gpc()) {
$str = stripslashes($str);
P a g e | 54

}
return mysql_real_escape_string($str);
}

$username = clean($_POST['username']);
$password = clean($_POST['password']);

$query = mysql_query("select * from user where username='$username' and


password='$password'") or die(mysql_error());
$count = mysql_num_rows($query);
$row = mysql_fetch_array($query);

if ($count > 0) {
session_start();
session_regenerate_id();
$_SESSION['id'] = $row['user_id'];
header('location:home.php');
session_write_close();
exit();
} else {
session_write_close();
?>
<div class="pull-right">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<div class="alert alert-danger"><i class="icon-remove-sign"></i>&nbsp;Access
Denied</div>
</div>
<?php
exit();
}
}
?>

</form>

</div>
<div class="span2">

<div class="hero-unit-1">
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">Links</li>
<li><a href="index.php"><i class="icon-home icon-large"></i>&nbsp;Home</a></li>
<li><a href="#"><i class="icon-file-alt icon-large"></i>&nbsp;New And
Events</a></li>
<li><a href="#"><i class="icon-sitemap icon-large"></i>&nbsp;Site Map</a></li>
<li><a href="#"><i class="icon-envelope-alt icon-large"></i>&nbsp;Contact
Us</a></li>
<li class="nav-header">About US</li>
<li><a href="#"><i class="icon-book icon-large"></i>&nbsp;Mission</a></li>
<li><a href="#"><i class="icon-book icon-large"></i>&nbsp;Vision</a></li>
<li><a href="#"><i class="icon-list-alt icon-large"></i>&nbsp;History</a></li>

</ul>
</div>

</div>
</div>
P a g e | 55

<?php include('footer.php'); ?>


</div>
</div>
</div>
</body>
</html>

<?php include('header.php'); ?>


<?php include('session.php'); ?>
<body>

<div class="row-fluid">
<div class="span12">

<?php include('navbar.php'); ?>

<div class="container">

<div class="row-fluid">

<div class="span12">

<div class="hero-unit-3">
<a href="add_student.php" class="btn btn-success"><i class="icon-plus-sign icon-
large"></i>&nbsp;Add Student</a>
<br><br>
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-
bordered" id="example">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong><i class="icon-user icon-large"></i>&nbsp;Students Table</strong>
</div>
<thead>
<tr>

<th>Photo</th>
<th>Name</th>
<th>Username</th>
<th>Password</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$query = mysql_query("select * from student") or die(mysql_error());
while ($row = mysql_fetch_array($query)) {
$student_id = $row['student_id'];
?>

<!-- script -->


<script type="text/javascript">
$(document).ready(function(){
P a g e | 56

$('#e<?php echo $student_id; ?>').tooltip('show')


$('#e<?php echo $student_id; ?>').tooltip('hide')
});
</script>
<!-- end script -->
<!-- script -->
<script type="text/javascript">

$(document).ready(function(){

$('#d<?php echo $student_id; ?>').tooltip('show')


$('#d<?php echo $student_id; ?>').tooltip('hide')
});
</script>
<!-- end script -->

<tr class="odd gradeX">


<td width="40"><img class="img-rounded" src="<?php echo
$row['location']; ?>" height="50" width="30"></td>
<td><?php echo $row['firstname'] . " " . $row['middle_name'] . " " .
$row['lastname']; ?></td>

<td><?php echo $row['username']; ?></td>


<td><?php echo $row['password']; ?></td>

<td width="100">
<a rel="tooltip" title="Delete Course" id="d<?php echo $student_id; ?>"
href="#course_id<?php echo $student_id; ?>" role="button" data-toggle="modal" class="btn btn-
danger"><i class="icon-trash icon-large"></i></a>
<a rel="tooltip" title="Edit Course" id="e<?php echo $student_id; ?>"
href="#" class="btn btn-success"><i class="icon-pencil icon-large"></i></a>
</td>
<!-- user delete modal -->
<div id="course_id<?php echo $student_id; ?>" class="modal hide fade"
tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">

</div>
<div class="modal-body">
<div class="alert alert-danger">Are you Sure you Want to
<strong>Delete</strong>&nbsp; this Student?</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true"><i
class="icon-remove icon-large"></i>&nbsp;Close</button>
<a href="delete_student.php<?php echo '?id=' . $student_id; ?>"
class="btn btn-danger"><i class="icon-trash icon-large"></i>&nbsp;Delete</a>
</div>
</div>
<!-- end delete modal -->

</tr>
<?php } ?>
</tbody>
</table>
</div>
P a g e | 57

</div>
</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>

</body>
</html>

<?php include('header.php'); ?>


<?php include('session.php'); ?>
<body>

<div class="row-fluid">
<div class="span12">

<?php include('navbar.php'); ?>

<div class="container">

<div class="row-fluid">

<div class="span12">

<div class="hero-unit-3">
<a href="student.php" class="btn btn-success"><i class="icon-arrow-left icon-
large"></i>&nbsp;Back</a>
<br><br>
<form class="form-horizontal" method="POST" enctype="multipart/form-data">
<div class="control-group">
<label class="control-label" for="inputEmail">Username</label>
<div class="controls">
<input type="text" name="un" id="inputEmail" placeholder="Username"
required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" name="p" id="inputPassword"
placeholder="Password" required>
</div>
</div>

<div class="control-group">
<label class="control-label" for="inputEmail">Firstname</label>
<div class="controls">
<input type="text" name="fn" id="inputEmail" placeholder="Firstname"
required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Lastname</label>
<div class="controls">
<input type="text" name="ln" id="inputEmail" placeholder="Lastname"
P a g e | 58

required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Middlename</label>
<div class="controls">
<input type="text" name="mn" id="inputEmail" placeholder="Middlename"
required>
</div>

</div>
<div class="control-group">
<label class="control-label" for="input01">Image:</label>
<div class="controls">
<input type="file" name="image" class="font" required>
</div>
</div>
<div class="control-group">
<div class="controls">

<button type="submit" name="submit" class="btn btn-info"><i class="icon-


save icon-large"></i>&nbsp;Save</button>
</div>
</div>
</form>

<?php
if (isset($_POST['submit'])) {
$un = $_POST['un'];
$p = $_POST['p'];
$fn = $_POST['fn'];
$ln = $_POST['ln'];
$mn = $_POST['mn'];

$image = addslashes(file_get_contents($_FILES['image']['tmp_name']));
$image_name = addslashes($_FILES['image']['name']);
$image_size = getimagesize($_FILES['image']['tmp_name']);

move_uploaded_file($_FILES["image"]["tmp_name"], "uploads/" .
$_FILES["image"]["name"]);
$location = "uploads/" . $_FILES["image"]["name"];

mysql_query("insert into student


(username,password,firstname,lastname,middle_name,location)
values ('$un','$p','$fn','$ln','$mn','$location')
") or die(mysql_error());
header('location:student.php');
}
?>

</div>

</div>
</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>
P a g e | 59

</body>
</html>

<?php include('header.php'); ?>


<?php include('session.php'); ?>
<body>

<div class="row-fluid">
<div class="span12">

<?php include('navbar.php'); ?>

<div class="container">

<div class="row-fluid">
<div class="span2">
<!-- left nav -->
<ul class="nav nav-tabs nav-stacked">

<li class="active">
<a href="add_course.php"><i class="icon-plus-sign-alt icon-
large"></i>&nbsp;Add Video Tutorials</a>
</li>

</ul>
<!-- right nav -->
</div>
<div class="span10">
<div class="hero-unit-3">

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-


bordered" id="example">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong><i class="icon-user icon-large"></i>&nbsp;Video Tutorials
Table</strong>
</div>
<thead>
<tr>

<th>Video Tutorials</th>
<th>Department</th>
<th>Subject</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$query = mysql_query("select * from video1") or die(mysql_error());
while ($row = mysql_fetch_array($query)) {
$course_id = $row['course_id'];
?>
<tr class="odd gradeX">

<!-- script -->


<script type="text/javascript">
P a g e | 60

$(document).ready(function(){

$('#e<?php echo $course_id; ?>').tooltip('show')


$('#e<?php echo $course_id; ?>').tooltip('hide')
});
</script>
<!-- end script -->
<!-- script -->
<script type="text/javascript">
$(document).ready(function(){

$('#d<?php echo $course_id; ?>').tooltip('show')


$('#d<?php echo $course_id; ?>').tooltip('hide')
});

</script>
<!-- end script -->

<td><?php echo $row['v_file']; ?></td>


<td><?php echo $row['department']; ?></td>
<td><?php echo $row['subject']; ?></td>
<td width="100">
<a rel="tooltip" title="Delete Course" id="d<?php echo $course_id; ?>"
href="#course_id<?php echo $course_id; ?>" role="button" data-toggle="modal" class="btn btn-
danger"><i class="icon-trash icon-large"></i></a>
<a rel="tooltip" title="Edit Course" id="e<?php echo $course_id; ?>"
href="#" class="btn btn-success"><i class="icon-pencil icon-large"></i></a>
</td>
<!-- user delete modal -->
<div id="course_id<?php echo $course_id; ?>" class="modal hide fade"
tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
</div>
<div class="modal-body">
<div class="alert alert-danger">Are you Sure you Want to
<strong>Delete</strong>&nbsp; this Course?</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true"><i
class="icon-remove icon-large"></i>&nbsp;Close</button>
<a href="delete_course.php<?php echo '?id=' . $course_id; ?>" class="btn
btn-danger"><i class="icon-trash icon-large"></i>&nbsp;Delete</a>
</div>
</div>
<!-- end delete modal -->

</tr>
<?php } ?>
</tbody>
</table>
</div>

</div>
</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>
P a g e | 61

</body>
</html>

<?php include('header.php'); ?>


<?php include('session.php'); ?>
<body>

<div class="row-fluid">
<div class="span12">

<?php include('navbar.php'); ?>

<div class="container">

<div class="row-fluid">
<div class="span2">
<!-- left nav -->
<ul class="nav nav-tabs nav-stacked">

<li class="active">

<a href="course.php"><i class="icon-arrow-left icon-large"></i>&nbsp;Back</a>

</li>

</ul>
<!-- right nav -->
</div>
<div class="span10">
<div class="hero-unit-3">
<ul class="thumbnails">
<li class="span7">
<div class="thumbnail">
<div class="alert alert-info"><i class="icon-plus-sign-alt icon-
large"></i>&nbsp;Add Video Tutorials Entry</div>

<form class="form-horizontal" method="POST" enctype="multipart/form-


data">

<div class="control-group">
<label class="control-label" for="inputPassword">Video :</label>
<div class="controls">
<input type="file" name="cc" id="inputPassword" required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Department:</label>
<div class="controls">

<input type="text" name="cd" id="inputPassword"


placeholder="Department">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Subject:</label>
<div class="controls">
<input type="text" name="major" id="inputPassword"
placeholder="Subject">
P a g e | 62

</div>
</div>

<div class="control-group">
<div class="controls">

<button type="submit" name="save" class="btn btn-info"><i


class="icon-save icon-large"></i>&nbsp;Save Video</button>
</div>
</div>
</form>

<?php
if (isset($_POST['save'])) {

$cc=$_FILES['cc']['name'];
$cc1=$_FILES['cc']['tmp_name'];
$cd = $_POST['cd'];
$major = $_POST['major'];

move_uploaded_file($cc1,"tutorials/".$cc);

mysql_query("insert into video1 (v_file,department,subject) values


('$cc','$cd','$major')") or die(mysql_error());
header('location:course.php');
}
?>

</div>
</li>

</ul>

</div>

</div>

</div>

<?php include('footer.php'); ?>


</div>
</div>
</div>

</body>
</html>
P a g e | 63

<?php include('header.php'); ?>


<?php include('session.php'); ?>
<body>

<div class="row-fluid">
<div class="span12">

<?php include('navbar.php'); ?>

<div class="container">

<div class="row-fluid">

<div class="span2">
<!-- left nav -->
<ul class="nav nav-tabs nav-stacked">

<li class="active">
<a href="add_user.php"><i class="icon-plus-sign-alt icon-large"></i>&nbsp;Add
User</a>
</li>

</ul>
<!-- right nav -->
</div>
<div class="span10">

<div class="hero-unit-3">
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-
bordered" id="example">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong><i class="icon-user icon-large"></i>&nbsp;User Table</strong>
</div>
<thead>
<tr>
<th>Username</th>
<th>Password</th>
<th>Firstname</th>
<th>Lastname</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$query = mysql_query("select * from user") or die(mysql_error());
while ($row = mysql_fetch_array($query)) {
$user_id = $row['user_id'];
?>

<tr class="odd gradeX">

<!-- script -->


<script type="text/javascript">
$(document).ready(function(){

$('#e<?php echo $user_id; ?>').tooltip('show')


$('#e<?php echo $user_id; ?>').tooltip('hide')
P a g e | 64

});
</script>
<!-- end script -->
<!-- script -->
<script type="text/javascript">
$(document).ready(function(){

$('#d<?php echo $user_id; ?>').tooltip('show')


$('#d<?php echo $user_id; ?>').tooltip('hide')
});
</script>
<!-- end script -->

<td><?php echo $row['username']; ?></td>


<td><?php echo $row['password']; ?></td>
<td><?php echo $row['firstname']; ?></td>
<td><?php echo $row['lastname']; ?></td>
<td width="100">
<a rel="tooltip" title="Delete User" id="d<?php echo $user_id; ?>"
href="#userdel<?php echo $user_id; ?>" role="button" data-toggle="modal" class="btn btn-
danger"><i class="icon-trash icon-large"></i></a>
<a rel="tooltip" title="Edit User" id="e<?php echo $user_id; ?>"
href="#" class="btn btn-success"><i class="icon-pencil icon-large"></i></a>
</td>
<!-- user delete modal -->
<div id="userdel<?php echo $user_id; ?>" class="modal hide fade" tabindex="-
1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
</div>
<div class="modal-body">
<div class="alert alert-danger">Are you Sure you Want to
<strong>Delete</strong>&nbsp;<?php echo $row['firstname'] . " " . $row['lastname']; ?>?</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true"><i
class="icon-remove icon-large"></i>&nbsp;Close</button>
<a href="delete_user.php<?php echo '?id=' . $user_id; ?>" class="btn btn-
danger"><i class="icon-trash icon-large"></i>&nbsp;Delete</a>
</div>
</div>
<!-- end delete modal -->

</tr>
<?php } ?>
</tbody>
</table>

</div>
</div>
</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>
P a g e | 65

</body>
</html>

<?php include('header.php'); ?>


<?php include('session.php'); ?>
<body>

<div class="row-fluid">
<div class="span12">

<?php include('navbar.php'); ?>

<div class="container">

<div class="row-fluid">
<div class="span2">
<!-- left nav -->
<ul class="nav nav-tabs nav-stacked">

<li class="active">
<a href="add_user.php"><i class="icon-plus-sign-alt icon-large"></i>&nbsp;Add
User</a>
<a href="user.php"><i class="icon-arrow-left icon-large"></i>&nbsp;Back</a>
</li>

</ul>
<!-- right nav -->
</div>
<div class="span10">

<div class="hero-unit-3">
<ul class="thumbnails">
<li class="span7">
<div class="thumbnail">
<div class="alert alert-info"><i class="icon-plus-sign-alt icon-
large"></i>&nbsp;Add User Account</div>

<form class="form-horizontal" method="POST">


<div class="control-group">
<label class="control-label" for="inputEmail">Username:</label>
<div class="controls">
<input type="text" name="un" id="inputEmail"
placeholder="Username" required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password:</label>
<div class="controls">
<input type="password" name="p" id="inputPassword"
placeholder="Password" required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">FirstName:</label>
<div class="controls">
<input type="text" name="fn" id="inputPassword"
placeholder="FirstName" required>
P a g e | 66

</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">LastName:</label>
<div class="controls">
<input type="text" name="ln" id="inputPassword"
placeholder="LastName" required>
</div>
</div>
<div class="control-group">
<div class="controls">

<button type="submit" name="save" class="btn btn-info"><i


class="icon-save icon-large"></i>&nbsp;Save User</button>

</div>
</div>
</form>

<?php
if (isset($_POST['save'])) {

$un = $_POST['un'];
$p = $_POST['p'];
$fn = $_POST['fn'];
$ln = $_POST['ln'];

mysql_query("insert into user (username,password,firstname,lastname)


values ('$un','$p','$fn','$ln')")or die(mysql_error());
header('location:user.php');
}
?>

</div>
</li>

</ul>
</div>

</div>
</div>

<?php include('footer.php'); ?>


</div>
</div>
</div>

</body>
</html>

<?php
P a g e | 67

include('header.php');
include ('session.php');
$user_query = mysql_query("select * from student where student_id='$session_id'") or
die(mysql_error());
$user_row = mysql_fetch_array($user_query);
?>
<body>

<?php include('navhead_student.php'); ?>

<div class="container">
<div class="row-fluid">

<div class="span3">
<div class="hero-unit-3">
<div class="alert-index alert-success">
<i class="icon-calendar icon-large"></i>

<?php
$Today = date('y:m:d');
$new = date('l, F d, Y', strtotime($Today));
echo $new;
?>
</div>
</div>
<div class="hero-unit-1">
<ul class="nav nav-pills nav-stacked">

<li class="nav-header">Links</li>
<li class="active">
<a href="student_home.php"><i class="icon-home icon-large"></i>&nbsp;Home
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a>

</li>
<li>
<a href="student_class.php"><i class="icon-group icon-large"></i>&nbsp;Tutorials
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>

<li>
<a href="student_class1.php"><i class="icon-group icon-large"></i>&nbsp;Video
Tutorials
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>

</ul>
</div>

</div>

<div class="span9">
P a g e | 68

<div class="alert alert-info">


<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Head Up!</strong>&nbsp;Welcome to Carlos Hilado Memorial State College E-
Learning Site.
</div>
<div class="slider-wrapper theme-default">

<?php include('slider.php'); ?>

</div>
<!-- end slider -->
</div>

</div>
<?php include('footer.php'); ?>
</div>
</div>

</div>

</body>
</html>

<?php
include('header.php');
include ('session.php');
$user_query = mysql_query("select * from student where student_id='$session_id'") or
die(mysql_error());
$user_row = mysql_fetch_array($user_query);
?>
<body>

<?php include('navhead_student.php'); ?>

<div class="container">
<div class="row-fluid">
<div class="span3">
<div class="hero-unit-3">
<div class="alert-index alert-success">
<i class="icon-calendar icon-large"></i>
<?php
$Today = date('y:m:d');
$new = date('l, F d, Y', strtotime($Today));
echo $new;
?>
</div>
</div>
<div class="hero-unit-1">
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">Links</li>
<li class="active">
<a href="student_home.php"><i class="icon-home icon-large"></i>&nbsp;Home
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
P a g e | 69

</div>
</a>

</li>
<li>
<a href="student_class.php"><i class="icon-group icon-large"></i>&nbsp;Tutorials
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>

<li>
<a href="student_class1.php"><i class="icon-group icon-large"></i>&nbsp;Video
Tutorials
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>

</a></li>

</ul>
</div>

</div>
<div class="span9">

<div class="hero-unit-3">
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-
bordered" id="example">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong><i class="icon-user icon-large"></i>&nbsp;Tutorials Table</strong>
</div>
<thead>
<tr>

<th>Tutorials</th>
<th>Department</th>
<th>Subject</th>
</tr>
</thead>
<tbody>
<?php
$query = mysql_query("select * from subject") or die(mysql_error());
while ($row = mysql_fetch_array($query)) {
$course_id = $row['subject_id'];
?>
<tr class="odd gradeX">

<!-- script -->

<td>
<a href="tutorials/<?php echo $row['subject_code']; ?>"
download>Download</a></td>
</td>
<td><?php echo $row['subject_title']; ?></td>
P a g e | 70

<td><?php echo $row['category']; ?></td>


</td>

</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>

</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>

</body>
</html>

<?php
include('header.php');
include ('session.php');
$user_query = mysql_query("select * from student where student_id='$session_id'") or
die(mysql_error());
$user_row = mysql_fetch_array($user_query);
?>
<body>

<?php include('navhead_student.php'); ?>

<div class="container">
<div class="row-fluid">
<div class="span3">
<div class="hero-unit-3">
<div class="alert-index alert-success">
<i class="icon-calendar icon-large"></i>
<?php
$Today = date('y:m:d');
$new = date('l, F d, Y', strtotime($Today));
echo $new;
?>
</div>
</div>
<div class="hero-unit-1">
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">Links</li>
<li class="active">
<a href="student_home.php"><i class="icon-home icon-large"></i>&nbsp;Home
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a>

</li>
<li>
<a href="student_class.php"><i class="icon-group icon-large"></i>&nbsp;Tutorials
P a g e | 71

<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>

</a></li>

<li>
<a href="student_class1.php"><i class="icon-group icon-large"></i>&nbsp;Video
Tutorials
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>

</ul>
</div>

</div>
<div class="span9">

<div class="hero-unit-3">
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-
bordered" id="example">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong><i class="icon-user icon-large"></i>&nbsp;Video Tutorials Table</strong>
</div>
<thead>
<tr>

<th>Video Tutorials</th>
<th>Department</th>
<th>Subject</th>
</tr>
</thead>
<tbody>
<?php
$query = mysql_query("select * from video1") or die(mysql_error());
while ($row = mysql_fetch_array($query)) {
$course_id = $row['course_id'];
?>
<tr class="odd gradeX">

<!-- script -->

<td>
<video controls height="120px"
width="150px">
<source src="tutorials/<?php echo $row['v_file']; ?>" type="video/mp4">
</video>
</td>
<td><?php echo $row['department']; ?></td>
<td><?php echo $row['subject']; ?></td>
P a g e | 72

</td>

</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>

</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>

</body>
</html>

Screen and Layout:

Home page:
P a g e | 73

Login Student:

Student Home:
P a g e | 74

Tutorial page:

Video Tutorials:
P a g e | 75

Admin Login:

Admin Home page:


P a g e | 76

Student page:

Add Student page:


P a g e | 77

Add Video Tutorial page:

Add Video Tutorials Entry page:


P a g e | 78

Add Tutorials page:

Add Subject page:


P a g e | 79

Add User page:

Add User Account page:


P a g e | 80

Log Out:
P a g e | 81

Conclusion:
E-learning is not intended to replace conventional methods and learning in classroom.
Its aim is to create an augmented learning environment where technology is used to deliver
A combined range of teaching and learning techniques aimed at maximizing the individual
Participation and achieving the goals in the learning and teaching process as a greener world.
P a g e | 82

S-ar putea să vă placă și