0% found this document useful (0 votes)

88 views

Examination Module in College ERP: Jagran Institute of Management Kanpur

This document contains code for an examination module college ERP system. It includes code for the home page, group member details, examination form, admin login, and student login pages. Images of the interface designs and implementation details in HTML, CSS, JavaScript are provided. The system was created by 4 students for their 4th semester MCA project under the guidance of a professor.

Uploaded by

HIMANSHU MISHRA 1847227

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

88 views

Examination Module in College ERP: Jagran Institute of Management Kanpur

Uploaded by

HIMANSHU MISHRA 1847227

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 25

Examination Module in College ERP

Submitted in partial fulfillment of the requirements for qualifying

M.C.A 4th Sem
JAGRAN INSTITUTE OF MANAGEMENT
Kanpur

By
Ankit Verma (1843414003)
Apoorvi Shukla (1904340149004)
Anamika Singh (1904340149018)
Sohiba Qureshi (1904340149037)

Under the guidance of

Mr. Ashish Mishra (Asst. Professor)

Date: 6-04-2020 Batch: 2018-2021

Interface Design
IMPLEMENTATION DETAILS

Fig.1 -Home Page

Fig.2 -Group Members & Individual Roles
Fig.3- Examination Form

Fig.4- Admin Login

Fig.5- Student Login

Fig.6- For Contact to Admin

Code Implementation
1-Home Page & Group Members & Individual Roles
<html lang="zxx">
<head>
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap"
rel="stylesheet">

</ul>
</li>
<li><a href="./login.html">Admit Card</a></li>
<li><a href="./contact.html">Contact</a></li>
<li><a href="#">Student</a>
<ul class="dropdown">
<li><a href="#">MCA 4th sem</a></li>
<li><a href="# ">MCA 2nd sem</a></li>

</ul>
</li>
</ul>
</nav>
<div id=" Examination wrap"></div>
</div>
</div>
</header>

<div class="Examination ">
<div class="Examination -bg" data-setbg="img/abc.png">
<div class="container">
<div class="row">
<div class="col-lg-5">
<span>Admit card</span>
<h1>Examination Module</h1>
<p>We are happy to teach you</p>
<a href="./login.html" class="primary-btn">New Register</a>
</div>
</div>

</div>
</div>
<div class="Examination " data-setbg="img/df.png">
<div class="container">
<div class="row">
<div class="col-lg-5">
<span>Admit card</span>
<h1>Examination Module</h1>
<p>We are happy to teach you</p>
<a href="./login.html" class="primary-btn">New Register</a>
</div>
</div>

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

<section class="latest-blog spad">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h2>Group Members & Individual Roles</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-latest-blog">
<img src="img/ankit.png" alt="">
<div class="latest-text">
<div class="tag-list">
<div class="tag-item">

</div>
<div class="tag-item">

</div>
</div>
<a href="#">
<h4>Ankit Verma</h4>
</a>
<p>Front-end Developer</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-latest-blog">
<img src="img/Capture.png" alt="">
<div class="latest-text">
<div class="tag-list">
<div class="tag-item">
</div>
<div class="tag-item">
</div>
</div>
<a href="#">
<h4>Apoorvi Shukla</h4>
</a>
<p>Database Administrator</p>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6">

<div class="single-latest-blog">
<img src="img/latest-1.jpg" alt="">
<div class="latest-text">
<div class="tag-list">
<div class="tag-item">
</div>
<div class="tag-item">
</div>
</div>
<a href="#">
<h4>Anamika Singh & Sohiba</h4>
</a>
<p>Back-end Developer</p>
</div>
</div>
</div>
</div>
</section>


<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/jquery.dd.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</bod>
</html>

2- Examination Form
<html lang="en">

<head>

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

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">

<title>Admit Card</title>

</head>

<body>

<div> <img src="header.jpg" ></div>

<div class="row" style="border:1px solid #000; margin:25px 0px; padding:25px;">

<label class="mr-sm-2">Roll No:</label>

<input type="number" class="form-control mb-2 mr-sm-2">

<label class="mr-sm-2">Semester:</label>
<input type="number" class="form-control mb-2 mr-sm-2">

<label class="mr-sm-4">Course:</label>

<option>Select course</option>

</select>

</div>

<input type="text" class="form-control mb-2 mr-sm-2">

<label class="mr-sm-3">Gender:</label>

<label class="radio-inline" style="margin-left:34px;">

<input type="radio" name="optradio" checked>Male

</label>

<label class="radio-inline" style="margin-left:34px;">

<input type="radio" name="optradio">Female

</label>

</div>

<label for="img">Upload Image:</label>

<input type="file" name="img" id="img"><br><br>

<button type="button" class="btn btn-primary"> Submit</button></div>

</div>

<table class="table table-bordered">

<thead>

<tr>

<th>Subject Code</th>

<th>Subject Name</th>

<th>Timings</th>

</tr>
</thead>

<tbody>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

<button onclick="myAdmitcard()">Print this page</button>

<p style="font-weight: bold; float: right;text-decoration: underline;">Coordinator Signature</p>

</div>

function myAdmitcard() {

window.print();

</script>

</body>

</html>
3-Admin Login
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="description" content="Examination ">
<meta name="keywords" content=" Examination, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Examination </title>
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap"
rel="stylesheet">

<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/themify-icons.css" type="text/css">
<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="css/nice-select.css" type="text/css">
<link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>

<header class="header-section">
<div class="header-top">
<div class="container">
<div class="ht-left">
</div>
</div>
</div>
</div>
<div class="nav-item">
<div class="container">
<div class="nav-depart">
</div>
<nav class="nav-menu Examination">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="#">Examination Form</a></li>
<li><a href="#">Login</a>
<ul class="dropdown">
<li><a href="./login.html">Admin</a></li>
<li><a href="./login.html">Student</a></li>

</ul>
</li>
<li><a href="./login.html">Admit Card</a></li>
<li><a href="./contact.html">Contact</a></li>
<li><a href="#">Student</a>
<ul class="dropdown">
<li><a href="# ">MCA 4th sem</a></li>
<li><a href="# ">MCA 2nd sem</a></li>

</ul>
</li>
</ul>
</nav>
<div id=" Examination "></div>
</div>
</div>
</header>

<div class=" section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class=" -text">
<a href="#"><i class="fa fa-home"></i> Home</a>
<span>Login</span>
</div>
</div>
</div>
</div>
</div>

<div class="register-login-section spad">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="login-form">
<h2>Admin Login</h2>
<form action="#">
<div class="group-input">
<label for="username"><b>Username or email address *</b></label>
<input type="text" id="username">
</div>
<div class="group-input">
<label for="pass"><b>Password *</b></label>
<input type="text" id="pass">
</div>
<div class="group-input gi-check">
<div class="gi-more">
<label for="save-pass">
Save Password
<input type="checkbox" id="save-pass">
<span class="checkmark"></span>
</label>
<a href="#" class="forget-pass">Forget your Password</a>
</div>
</div>
<button type="submit" class="site-btn login-btn">Sign In</button>
</form>
<div class="switch-login">
<a href="./register.html" class="or-login">For Register</a>
</div>
</div>
</div>
</div>
</div>
</div>


<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/jquery.dd.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

4- Student Login
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="description" content=" Examination ">
<meta name="keywords" content=" Examination, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Examination </title>
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap"
rel="stylesheet">

</div>
<nav class=" Examination ">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="# ">Examination Form</a></li>
<li><a href="#">Login</a>
<ul class="dropdown">
<li><a href="./login1.html">Admin</a></li>
<li><a href="./login.html">Student</a></li>

</ul>
</li>
<li><a href="./login.html">Admit Card</a></li>
<li><a href="./contact.html">Contact</a></li>
<li><a href="#">Student</a>
<ul class="dropdown">
<li><a href="# ">MCA 4th sem</a></li>
<li><a href="# ">MCA 2nd sem</a></li>

</ul>
</li>
</ul>
</nav>
<div id=" Examination "></div>
</div>
</div>
</header>

<div class=" Examination -section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class=" Examination -text">
<a href="#"><i class="fa fa-home"></i> Home</a>
<span>Login</span>
</div>
</div>
</div>
</div>
</div>

<div class="register-login-section spad">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="login-form">
<h2>Student Login</h2>
<form action="#">
<div class="group-input">
<label for="username"><b>Username or email address *</b></label>
<input type="text" id="username">
</div>
<div class="group-input">
<label for="pass"><b>Password *</b></label>
<input type="text" id="pass">
</div>
<div class="group-input gi-check">
<div class="gi-more">
<label for="save-pass">
Save Password
<input type="checkbox" id="save-pass">
<span class="checkmark"></span>
</label>
<a href="#" class="forget-pass">Forget your Password</a>
</div>
</div>
<button type="submit" class="site-btn login-btn">Sign In</button>
</form>
<div class="switch-login">
<a href="./register.html" class="or-login">For Register</a>
</div>
</div>
</div>
</div>
</div>
</div>


<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/jquery.dd.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

5- Contact Details
<html lang="zxx">

<head>
<meta charset="UTF-8">
<meta name="description" content=" Examination ">
<meta name="keywords" content=" Examination, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> Examination </title>
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap"
rel="stylesheet">

</div>
<div class="nav-item">
<div class="container">
<div class="nav-depart">

</div>
<nav class=" Examination menu">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="# ">Examination Form</a></li>
<li><a href="#">Login</a>
<ul class="dropdown">
<li><a href="./login.html">Admin</a></li>
<li><a href="./login.html">Student</a></li>

</ul>
</li>
<li><a href="./login.html">Admit Card</a></li>
<li class="active"><a href="./contact.html">Contact</a></li>
<li><a href="#">Student</a>
<ul class="dropdown">
<li><a href="# ">MCA 4th sem</a></li>
<li><a href="#">MCA 2nd sem</a></li>

</ul>
</li>
</ul>
</nav>
<div id=" Examination wrap"></div>
</div>
</div>
</header>

<div class=" Examination -section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class=" Examination -text">
<a href="#"><i class="fa fa-home"></i> Home</a>
<span>Contact</span>
</div>
</div>
</div>
</div>
</div>

<section class="contact-section spad">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="contact-title">
<h4><I>Contacts Us</I></h4>
<p><I><B>Ankit Verma(Front-end Developer)</B> If you have any query about your
examination Hall ticket. So please contact us on given mail id and address.</I> </p>
</div>
<div class="contact-widget">
<div class="cw-item">
<div class="ci-icon">
<i class="ti-location-pin"></i>
</div>
<div class="ci-text">
<span>Address:</span>
<p>Saket Nagar,kanpur,UP</p>
</div>
</div>
<div class="cw-item">
<div class="ci-icon">
<i class="ti-mobile"></i>
</div>
<div class="ci-text">
<span>Phone:</span>
<p>+91 7784827216</p>
</div>
</div>
<div class="cw-item">
<div class="ci-icon">
<i class="ti-email"></i>
</div>
<div class="ci-text">
<span>Email:</span>
<p>[email protected]</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 offset-lg-1">
<div class="contact-form">
<div class="leave-comment">
<h4><I>Leave a Comment</I></h4>
<p><I>Our team member will call back later and answer your questions.</I></p>
<form action="#" class="comment-form">
<div class="row">
<div class="col-lg-6">
<input type="text" placeholder="Your name">
</div>
<div class="col-lg-6">
<input type="text" placeholder="Your email">
</div>
<div class="col-lg-12">
<textarea placeholder="Your message"></textarea>
<button type="submit" class="site-btn">Send message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>


<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/jquery.dd.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>