Report SLS PDF

MINI PROJECT REPORT
on
SOCIAL LEARNING SYSTEM

Submitted as partial fulfillment of
MASTER OF COMPUTER APPLICATIONS

DEGREE
SESSION 2016-17
By
PARIJAT ANAND (1603214849)

MOHIT (1603214842)
Under the guidance of
MS. ANJALY CHAUHAN MS. SURBHI SHARMA

ASST. PROFESSOR ASST. PROFESSOR
ABES ENGINEERING COLLEGE, GHAZIABAD (032)
AFFILIATED TO
Dr. A.P.J ABDUL KALAM TECHNICAL UNIVERSITY, UTTAR
PRADESH LUCKNOW
1
STUDENT DECLARATION
We hereby declare that the work being presented in this report entitled “Social
Learning System” is an authentic record of our own work carried out under the
supervision of “Ms. Anjaly Chauhan” and “Ms. Surbhi Sharma”.
Date: Signature of Student
PARIJAT ANAND
MOHIT
Signature of HOD 1.Signature of Internal-1
Prof. Yogesh Kr. Mittal Ms. Anjaly Chauhan
HOD-MCA Asst. Professor.
2. Signature of Internal-2
Ms. Surbhi Sharma
Asst. Professor.
Date:
2
ACKNOWLEDGEMENT
For any successful completion of a software project is not a work of an individual. It combines
efforts, ideas, suggestions, reviews and hard work. We take this opportunity to express our
profound gratitude and deep regards to our guide Ms. Anjaly Chauhan (Asst. Prof.) and
Ms.Surbhi Sharma (Asst. Prof.)for their exemplary guidance, monitoring and constant
encouragement throughout the course of this project. The blessing help and guidance given by
their time to time shall carry me a long way in the journey of life on which we are about to embark.
We also take this opportunity to express a deep sense of gratitude to Prof. Yogesh Kr. Mittal
(HOD- MCA) for his cordial support, valuable information and guidance which helped out in
completing this task through various stages. And continuous effort in building a good
infrastructure and develop a professional attitude within ourselves during the academic period of
MCA.
Lastly, we thank almighty, our parents, brother, sister, and friends for their constant encouragement without
which this assignment would not be possible.
Signature of Student
PARIJAT ANAND (1603214849)
MOHIT (1603214942)
MCA-IV Semester
SECTION-‘B’
3
ABSTRACT
SOCIAL LEARNING SYSTEM is an online website which gives all required feature to their
users whenever they needed to browse books and their related videos by making their login Ids.
The purpose of developing this application “Social Learning System” is to provide the facility of
reading books anywhere anytime to the book lovers and book needy and they can also prefer for
the realted videos from this application.
In general if any user needs to read a book and they don’t have that book, at that time they doesn’t
need to worry, they can easily access and download computer science related books and videos. It
makes easier specially for students of carrying book while vacation and travelling. As this system
provides all types of at a single place in a very sorted and categorized manner so that anyone can
very easily access it that’s why it helps to save our money as well as time of going to the library
and finding a particular among many is a quite difficult task.
Social Learning System is an online web site which gives all required facilities to their user of
reading, viewing and downloading books and along with you can also make request the admin for
any particular book as per your requirement. By using this portal the user can easily access to their
desired books.
4
TABLE OF CONTENTS
Sr. No. Topics Page No.

1. Introduction 6
1.1 Objective 6
1.2 Need of project 6
2. Feasibility study 7
2.1 Purpose 7
3 Software Specific Requirements 8
3.1 Specific Requirements 8
3.1.1 Frontend 8
3.1.2 Backend 8
4 Design 9
4.1 ER-Diagram 9
4.2 User Case diagram 9
4.3 Screen shots 10
5 Tables 16
6 Coding 17
7 Conclusion 40
8 References 41
5
1. INTRODUCTION:
Social Learning System is a new system that replaces the reading of books online instead of going
to the library. You can read book easily anywhere, you don’t have any need to carry heavy books.
The system is expected to evolve over several releases, ultimately connecting to the Internet
reading and downloading books.
The scope of the project is very bright as the price of books is raising day by day. There is no any
risk of stolling books because of any natural disaster. We can easily access to the books that we
want to read. It saves our money of buying books as well time consumed in going to market and
purchasing. In today’s world this helps beneficially to save and utilize both time and money. Since
it’s a basic need of people and one of the heck of people so this easy alternative will attract people
and will be beneficial for this project.
1.1 OBJECTIVE:
Objective of this website is to providing facility to the book lovers to read book anytime and
anywhere, no any time limit as in library. There is no any need to carry heavy books where ever
you go while travelling. Our project Topic is “Online book reading system”. The objective of our
project is to make users to read the books more easily and effectively with simple, cost effective
and faster interface.
1.2 NEED OF PROJECT

As we know that the technology has the wide advancement in today’s world and increasing day
by day. Our knowledge should not be limited to our academics, so this application will help
students and Bibliophiles who have urge about technological advancement. Videos helps them to
learn efficiently.
It helps those students more benficialy who doesn’t want to read books but wants to learn, they
can take help from tutorial videos.
6
2. FEASIBILITY STUDY
Our project topic is “Online book reading system”. An Online Book Reading System is a Special
Type of application program where book readers can read their books online. Online Book
reading consists of initially smaller database of books where the readers are free to browse
through the various options and select one or more books. This System is also capable of user
login where the reader can create their login to save their books, bookmarks etc. for their
frequent access. The system is permits users to download books of their choice after getting
registered to the website.
1.3 PURPOSE
 Provide student for east solution for their academic and interest based content along with
video tutorial.
 To provide an interface through which reader/user can find books of his/her choice, open
& read in the mean time or keep it in the reading list for later on.
 By not providing feature of copy and download attempting to maintain the ownership of
the books and the webpage.
To maintain the originality and ownership of the contents provided download feature is
not available in here.
 Separate Logins will be there for different users.
7
3. SOFTWARE SPECIFIC REQUIREMENTS
3.1 SPECIFIC REQUIREMENTS:
Software Configuration:
➢ Operating System: Win7 and Above.

➢ Platform of Development: HTML , CSS, Jscript, JSP
➢ Database: Oracle 10g,Xampp
➢ Web Browser: Google Chrome, Mozilla Firefox,
➢ Front: End HTML, JavaScript, CSS & JSP.
Hardware Configuration:
➢ Processor: Intel Core i3, i5 and above.

➢ Main Memory: 4GB and above.
➢ Hard Disk: 500GB and above.
➢ Graphics(Optional): AMD Radeon, NVIDIA
3.1.1 FRONT END-

• CSS
• HTML
• BOOTSTRAP
• JAVASCRIPT
3.1.2 BACK END-
• MY SQL
• XAMPP
8
4. DESIGN
4.1 ER DIAGRAM:
4.2 USER CASE DIAGRAM
9
4.3 SCREEN SHOTS
HOME PAGE:
10
REGISTARTION PAGE:
LOGIN PAGE
11
E-BOOKS:
12
E- Tutorials:
13
REQUEST:
14
DATABASE:
15
5. TABLES
5.1 DATABASE TABLE STRUCTURE:
USER DETAILS: This table maintains details of Users.
Field Name Data Type
USERNAME Varchar2
EMAIL Varchar2
PASSWORD Varchar2
REQUEST DETAILS: This table maintains book details.SS
Field name Data type
VIDEOS Varchar2
BOOKNAME Varchar2
Administrator: This stores and maintains status of administrator.
Field Name Data Type
USERNAME Varchar2
PASSWORD Varchar2
16
6. CODING
HOME:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<title>SLC || Social Learning System</title>

<link href="assets/css/bootstrap.css" rel="stylesheet">

<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>

17
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-

collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="home.php">Social Learning System </a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="home.php">Home</a></li>
<li><a href="ebooks.php">E Books</a></li>
<li><a href="tutorials.html">E- Tutorials</a></li>
<li><a href="logout.php">Logout</a><li>
</ul>
</div>
</div>
</div>
<div id="headerwrap">
18 <div class="row">
 </div><! --/row -->
</div> 
</div><! --/headerwrap -->
<section id="works"></section>
<div class="row centered mt mb">
<h1>Our Services</h1>
<div class="col-lg-4 col-md-4 col-sm-4 gallery">
<a href="ebooks.php"><img src="assets/img/services/ebooks.png"

class="img-responsive"></a>
</div>
<a href="tut-category.html"><img
src="assets/img/services/tutvideo.jpg" class="img-responsive"></a>
</div>
<a href="request.html"><img
src="assets/img/services/request.jpg" class="img-responsive"></a>
</div>
19 </div><! --/row -->

</div><! --/container -->
<div id="social">
<div class="row centered">
<div class="col-lg-2">
<a href="#"><i class="fa fa-dribbble"></i></a>
</div>
<a href="#"><i class="fa fa-facebook"></i></a>
</div>
<a href="#"><i class="fa fa-twitter"></i></a>
</div>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
<a href="#"><i class="fa fa-tumblr"></i></a>
</div>
</div><! --/row -->
</div><! --/social -->
20
<div id="footerwrap">
<p><b>We Are Social Learning System</b></p>
</div>
<p>Tutorials & More.</p>
</div>
<p>sls@sociallearning.com</p>
</div>
</div>
</div>
</div><! --/footerwrap -->


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
21
</html>
REGISTRATION:
<?php
?>
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>SLS || Social Learning System</title>
<link rel="stylesheet" href="assets/css/registerformstyle.css">
</head>
<body>
<?php
require('db.php');
// If form submitted, insert values into the database.
if (isset($_REQUEST['username'])){
$username = stripslashes($_REQUEST['username']); // removes backslashes
$username = mysqli_real_escape_string($con,$username); //escapes special characters in a

string
$email = stripslashes($_REQUEST['email']);
$email = mysqli_real_escape_string($con,$email);
$password = stripslashes($_REQUEST['password']);
$password = mysqli_real_escape_string($con,$password);
22
$trn_date = date("Y-m-d H:i:s");
$query = "INSERT into ùsers` (username, password, email, trn_date) VALUES

('$username', '".md5($password)."', '$email', '$trn_date')";
$result = mysqli_query($con,$query);
if($result){
echo "<div class='form'><h3>You are registered successfully.</h3><br/>Click here to <a

href='login.php'>Login</a></div>";
}else{
?>
<fieldset class="container">
<form name="registration" action="" method="post">
<legend><i class="fa fa-empire fa-4x"></i></legend>
<div class="wrapper">
<label for="tbUnm" class="lbl-tb"><i class="fa fa-user fa-fw"></i> Username</label>
<br />
<input name="username" type="text" class="frm-ctrl tb" spellcheck="false"

autocomplete="off" />
<p class="hint">This name will be your unique identity on the website</p>
</div>
<label for="tbEmail" class="lbl-tb"><i class="fa fa-envelope-o fa-fw"></i> Email</label>
<br />
<input name="email" type="text" class="frm-ctrl tb" spellcheck="false" autocomplete="off"

/>
<p class="hint">We will be using this email address to contact you and recover your password
if you forget it</p>
</div>
23
<label for="password" class="lbl-tb"><i class="fa fa-unlock fa-fw"></i> Password</label>
<br />
<input name="password" type="password" class="frm-ctrl tb" />
<p class="hint">The password should have at least lowercase characters, uppercase

characters, numbers and symbols</p>
</div>
<input type="submit" name="submit" class="frm-ctrl btn" />
<p>Already Registered ||
<style>
a:visited {
color: blue;
background-color: transparent;
text-decoration: none;
</style>
<a href="login.html" target="_top">Login</a></p>
</div>
</form>
</fieldset>
<?php } ?>
</body>
</html>
24
LOGIN:
<?php?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>SLC || Login </title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"
rel="stylesheet">
<link rel="stylesheet" href="assets/css/loginformstyle.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body>
<?php
require('db.php');
session_start();
// If form submitted, insert values into the database.
if (isset($_POST['username'])){
$username = stripslashes($_REQUEST['username']); // removes backslashes
$username = mysqli_real_escape_string($con,$username); //escapes special characters in a

string
$password = stripslashes($_REQUEST['password']);
25 $password = mysqli_real_escape_string($con,$password);
//Checking is user existing in the database or not
$query = "SELECT * FROM ùsers` WHERE username='$username' and

password='".md5($password)."'";
$result = mysqli_query($con,$query) or die(mysql_error());
$rows = mysqli_num_rows($result);
if($rows==1){
$_SESSION['username'] = $username;
$_SESSION['loggedin'] = TRUE;
// header("Location: home.php"); // Redirect user to index.php
}else{
echo "<div class='form'><h3>Username/password is incorrect.</h3><br/>Click here to <a

href='login.php'>Login</a></div>";
header('Location:'.$_SESSION['redirectURL']);
}else{
?>
<div class="row" id="pwd-container">
<div class="col-md-4"></div>
<div class="col-md-4">
<section class="login-form">
<form method="post" action="" role="login">
<img src="assets/img/memberlogin.jpg" class="img-responsive"></a>
26
<input type="text" name="username" placeholder="Username" required class="form-
control input-lg" />
<input type="password" name="password" placeholder="Password" required class="form-

control input-lg" />
<button type="submit" name="submit" class="btn btn-lg btn-primary btn-

block">Login</button>
<div>
<a href="registration.php">Create account</a>
</div>
</form>
</section>
</div>
<div class="col-md-4"></div>
</div>
</div>
<script src="assets/js/loginformindex.js"></script>
<?php } ?>
</body>
</html>
27
LOGOUT:
<?php
session_start();
if(session_destroy()) // Destroying All Sessions
header("Location: home.php"); // Redirecting To Home Page
?>
E-BOOKS:
<?php
session_start();
if(!isset($_SESSION['loggedin'])){
$_SESSION['redirectURL'] = $_SERVER['REQUEST_URI']; // holds url for last page visited.
header('Location:login.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>

28
<title>SLC || Social Learning System</title>
</head>
<body>
<div>

collapse">
29 <span class="icon-bar"></span>
</button>
</div>
<div>
<h4>Welcome &nbsp<?php echo $_SESSION['username']; ?>!<a

href="logout.php"><br></a><h4>
</div>
</div>
<li><a href="tut-category.html">E - Tutorials</a></li>
</ul>
</div>
</div>
<div id="workwrap">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<h1>E Books</h1>
30 </div>
</div><! --/row
</div><! --/workwrap -->
</div>
<section id="tutorials"></section>
<div class="col-sm-1 col-sm-1">
<iframe src="books/Introduction To Automata Theory Languages ,

and Computation - John Hopcroft.pdf" style="width:1150px; height:500px;"
frameborder="0"></iframe>
<a href="books/Introduction To Automata Theory Languages , and

Computation - John Hopcroft.pdf">Download!</a>
</div>
</div>
<div class="col-sm-1 col-sm-1">
<iframe src="books/Database System Concepts.pdf"

style="width:1150px; height:500px;" frameborder="0"></iframe>
</div>
</div>
</div>
<div id="social">
31 <a href="#"><i class="fa fa-dribbble"></i></a>

</div>
</div>
</div>
</div>
</div>
</div>
</div><! --/row -->
</div>
32
</div>
</div>
</div>
</div>
================================================== -->
</body>
</html>
<?php?>
33
DATABASE:
<?php
/*
Author: Javed Ur Rehman
Website: http://www.allphptricks.com/
*/
$con = mysqli_connect("localhost","root","","register");
// Check connection
if (mysqli_connect_errno())
echo "Failed to connect to MySQL: " . mysqli_connect_error();
?>
REGISTER:
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
CREATE TABLE ùsers` (
ìd` int(11) NOT NULL,
ùsername` varchar(50) NOT NULL,
èmail` varchar(50) NOT NULL,
`password` varchar(50) NOT NULL,
34
`trn_date` datetime NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE ùsers`
ADD PRIMARY KEY (ìd`);
ALTER TABLE ùsers`
MODIFY ìd` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=7;
REQUEST
<!DOCTYPE html>
<html lang="en">
<head>
<title>SLS || Social Learning System</title>

35
</head>
<body>

collapse">
</button>
</div>
<li><a href="tutorials.html">E- Tutorials</a></li>
</ul>
</div>
36 </div>
<div id="headerwrap">
<div class="row">
 </div><! --/row -->
</div><! --/headerwrap -->
<section id="works"></section>
<h1>Please Submit This Form With Your Requests..We will get it to you
ASAP</h1>
</div><! --/row -->
<div id="social">
37
<a href="#"><i class="fa fa-dribbble"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div><! --/row -->
38
</div>
</div>
</div>
</div>
</div>
================================================== -->
</body>
</html>
39
7. CONLUSION
This project is productively concluded and works appropriately according to the needs this project
is residential in ASP.NET 2010, MY SQL SERVER. The system maintains data regularity by
avoiding handbook error & sock are maintained truthfully which reduces the victims that can be
made due to a mixture of environment features. All the obligation regard to this problem are solved
the needs specified in the problem characterization are rewarded. This project will help all end
users as an accessible system.
40
8. REFERENCES
Book References:
✓ Web Standards Solutions: The Markup and Style Handbook, Special Edition
✓ Bulletproof Web Design: Improving flexibility and protecting against worst-case

scenarios with XHTML and CSS (2nd Edition)
✓ The Art & Science Of CSS – This is one of Site point’s best CSS books. Loved it.
✓ HTML Utopia: Designing Without Tables Using CSS, 2nd Edition – Not being a
designer, I thought this book was a tremendous help in understanding how to better
design sites.
✓ Head First HTML with CSS & XHTML – This has been my go to book for some time.
The Head First books are just so great at breaking down topics in easy to understand
ways and this book is no exception.
✓ Introducing HTML5 (Voices That Matter) – Going to get this soon mainly because it’s
written by Remy Sharp and Bruce Lawson whom I respect tremendously, especially for
their HTML5 & CSS3 savvy.
✓ HTML5 For Web Designers – Just got this on 7/19/10. Need to read it by it’s by Jeremy
Keith and he rocks.
✓ CSS Cookbook, 3rd Edition (Animal Guide) – Just picked this up on a recommendation.
✓ CSS: The Missing Manual – I keep hearing rave reviews about this book all over the
place.
Website References
✓ http://www.w3schools.com
✓ www.htmldog.com/
41

Report SLS PDF

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Report SLS PDF

Enviado por

Direitos autorais:

Formatos disponíveis

MINI PROJECT REPORT

SOCIAL LEARNING SYSTEM

MASTER OF COMPUTER APPLICATIONS

PARIJAT ANAND (1603214849)

Under the guidance of

MS. ANJALY CHAUHAN MS. SURBHI SHARMA

ABES ENGINEERING COLLEGE, GHAZIABAD (032)

Date: Signature of Student

Signature of HOD 1.Signature of Internal-1

Prof. Yogesh Kr. Mittal Ms. Anjaly Chauhan

HOD-MCA Asst. Professor.

Ms. Surbhi Sharma

PARIJAT ANAND (1603214849)

Sr. No. Topics Page No.

1.2 NEED OF PROJECT

 Separate Logins will be there for different users.

➢ Operating System: Win7 and Above.

➢ Processor: Intel Core i3, i5 and above.

3.1.1 FRONT END-

4.2 USER CASE DIAGRAM

Field Name Data Type

REQUEST DETAILS: This table maintains book details.SS

Field name Data type

Administrator: This stores and maintains status of administrator.

Field Name Data Type

<meta http-equiv="X-UA-Compatible" content="IE=edge">

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

<meta name="description" content="">

<meta name="author" content="">

<link rel="shortcut icon" href="assets/ico/favicon.ico">

<title>SLC || Social Learning System</title>

<link href="assets/css/bootstrap.css" rel="stylesheet">

<link href="assets/css/style.css" rel="stylesheet">

<link href="assets/css/font-awesome.min.css" rel="stylesheet">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-

<span class="sr-only">Toggle navigation</span>

<a class="navbar-brand" href="home.php">Social Learning System </a>

<div class="navbar-collapse collapse">

<ul class="nav navbar-nav navbar-right">

<li><a href="ebooks.php">E Books</a></li>

<li><a href="tutorials.html">E- Tutorials</a></li>

<h4>HELLO PEOPLE, MY NAME IS</h4>

<h4>WEB DESIGNER, DEVELOPER & GAME

--> </div><! --/row -->

</div>

</div><! --/headerwrap -->

<div class="row centered mt mb">

<div class="col-lg-4 col-md-4 col-sm-4 gallery">

<a href="ebooks.php"><img src="assets/img/services/ebooks.png"

<div class="col-lg-4 col-md-4 col-sm-4 gallery">

<div class="col-lg-4 col-md-4 col-sm-4 gallery">

19 </div><! --/row -->

<div class="row centered">

<a href="#"><i class="fa fa-dribbble"></i></a>

<a href="#"><i class="fa fa-facebook"></i></a>

<a href="#"><i class="fa fa-twitter"></i></a>

<a href="#"><i class="fa fa-linkedin"></i></a>

<a href="#"><i class="fa fa-instagram"></i></a>

<a href="#"><i class="fa fa-tumblr"></i></a>

</div><! --/row -->