Documente Academic
Documente Profesional
Documente Cultură
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
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.
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.
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
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
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
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.
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
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>.
JavaScript statements
</SCRIPT>
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
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.
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:
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.
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.
Create separate tables for sets of values that apply to multiple records.
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.
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 .
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
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
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.
Project Planning:
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.
Select a project
Budget allocation
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.
Requirements
Gathering
Analysis
Design
Coding
Testing
Imleplement
Hardware Components:
Hard Disk-50GB
Memory-1GB RAM
Cloud Server
Software Requirements:
Operating system
Sql 2008
Windows Azure
P a g e | 23
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 .
Benefit to Organization
CHAPTER 4
SYSTEM DESIGN
P a g e | 26
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:
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.
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
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
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.
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.
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.
Index.php
<?php
include('header.php');
//Start session
session_start();
//Unset the variables stored in session
unset($_SESSION['id']);
?>
<body>
<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> Home
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>
</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>
</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> <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> Campuses
</div>
<div class="hero-unit-3">
<p><a href=""><i class="icon-sign-blank"></i> Talisay Campus</a></p>
<p><a href=""><i class="icon-sign-blank"></i> Fortune Towne
Campus</a></p>
<p><a href=""><i class="icon-sign-blank"></i> Binalbagan Campus</a></p>
<p><a href=""><i class="icon-sign-blank"></i> Alijis Campus</a></p>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="alert alert-success"><i class="icon-file icon-large"></i> <strong>Bayan -
Anihan Projects</strong></div>
<div class="hero-unit-2">
P a g e | 33
</div>
</div>
</body>
</html>
Header.php
<!DOCTYPE html>
<html lang="en">
<head>
<!--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
Contact.php
<?php
include('header.php');
//Start session
session_start();
//Unset the variables stored in session
unset($_SESSION['id']);
?>
<body>
<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> Home
<div class="pull-right">
<i class="icon-double-angle-right icon-large"></i>
</div>
</a></li>
</li>
<li class="nav-header">About US</li>
<li><a href="#mission" role="button" data-toggle="modal"><i class="icon-book icon-
large"></i> 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> 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> 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="row-fluid">
<div class="span12">
<div class="alert alert-success"> Talisay Campus </div>
<div class="row-fluid">
<div class="span6">
</div>
<div class="span6">
</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>
<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> Home</a></li>
</ul>
</div>
</div>
<div class="span9">
<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">
<!-- .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>
</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> 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> Student</a></li>
</ul>
</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
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
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
{
$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");}
}
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");}
}
?>
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">
</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">
<!-- .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>
</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>
<div class="control-group">
<div class="controls">
<button type="submit" name="login" class="btn btn-info"><i class="icon-
signin icon-large"></i> 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']);
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();
?>
<?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">
</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
<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>
</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>
</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
<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> Teacher</a><span class="divider">/</span></li>
<li class="active"><i class="icon-group icon-large"></i> 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="control-group">
<div class="controls">
<button type="submit" name="login" class="btn btn-info"><i class="icon-
signin"></i> 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']);
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">×</button>
<div class="alert alert-danger"><i class="icon-remove-sign"></i> 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> Home</a></li>
<li><a href="#"><i class="icon-file-alt icon-large"></i> New And
Events</a></li>
<li><a href="#"><i class="icon-sitemap icon-large"></i> Site Map</a></li>
<li><a href="#"><i class="icon-envelope-alt icon-large"></i> Contact
Us</a></li>
<li class="nav-header">About US</li>
<li><a href="#"><i class="icon-book icon-large"></i> Mission</a></li>
<li><a href="#"><i class="icon-book icon-large"></i> Vision</a></li>
<li><a href="#"><i class="icon-list-alt icon-large"></i> History</a></li>
</ul>
</div>
</div>
</div>
P a g e | 55
<div class="row-fluid">
<div class="span12">
<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> 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">×</button>
<strong><i class="icon-user icon-large"></i> 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'];
?>
$(document).ready(function(){
<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> this Student?</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true"><i
class="icon-remove icon-large"></i> Close</button>
<a href="delete_student.php<?php echo '?id=' . $student_id; ?>"
class="btn btn-danger"><i class="icon-trash icon-large"></i> 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>
<div class="row-fluid">
<div class="span12">
<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> 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">
<?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"];
</div>
</div>
</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>
P a g e | 59
</body>
</html>
<div class="row-fluid">
<div class="span12">
<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> Add Video Tutorials</a>
</li>
</ul>
<!-- right nav -->
</div>
<div class="span10">
<div class="hero-unit-3">
<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">
$(document).ready(function(){
</script>
<!-- end script -->
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>
P a g e | 61
</body>
</html>
<div class="row-fluid">
<div class="span12">
<div class="container">
<div class="row-fluid">
<div class="span2">
<!-- left nav -->
<ul class="nav nav-tabs nav-stacked">
<li class="active">
</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> Add Video Tutorials Entry</div>
<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">
</div>
</div>
<div class="control-group">
<div class="controls">
<?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);
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
P a g e | 63
<div class="row-fluid">
<div class="span12">
<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> 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">×</button>
<strong><i class="icon-user icon-large"></i> 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'];
?>
});
</script>
<!-- end script -->
<!-- script -->
<script type="text/javascript">
$(document).ready(function(){
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
<?php include('footer.php'); ?>
</div>
</div>
</div>
P a g e | 65
</body>
</html>
<div class="row-fluid">
<div class="span12">
<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> Add
User</a>
<a href="user.php"><i class="icon-arrow-left icon-large"></i> 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> Add User Account</div>
</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">
</div>
</div>
</form>
<?php
if (isset($_POST['save'])) {
$un = $_POST['un'];
$p = $_POST['p'];
$fn = $_POST['fn'];
$ln = $_POST['ln'];
</div>
</li>
</ul>
</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>
<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> 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> 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> 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>
<!-- 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>
<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> 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> 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> 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">×</button>
<strong><i class="icon-user icon-large"></i> 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">
<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
</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>
<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> 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> 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> 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">×</button>
<strong><i class="icon-user icon-large"></i> 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">
<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>
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:
Student page:
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