Examination Module in College ERP: Jagran Institute of Management Kanpur

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">


<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="nav-item">
<div class="container">
<div class="nav-depart">
</div>
<nav class=" Examination menu">
<ul>
<li class="active"><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>
<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="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="row">
<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="row">
<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>
</div>
<a href="#">
<h4>Ankit Verma</h4>
</a>
<p>Front-end Developer</p>
</div>
</div>
</div>
<img src="img/Capture.png" alt="">
</div>
</div>
</div>
<a href="#">
<h4>Apoorvi Shukla</h4>
</a>
<p>Database Administrator</p>
</div>
</div>
</div>

<img src="img/latest-1.jpg" alt="">
</div>
</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 charset="utf-8">
<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;">
<div class="col">
<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>
<select id="course">
<option>Select course</option>
<option value="MCA">MCA</option>
<option value="MBA">MBA</option>
<option value="PGDM">PGDM</option>
</select>
</div>
<div class="col">
<label class="mr-sm-3">Name:</label>
<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>
<div class="col">
<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>Exam Date*</th>
<th>Timings</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<button onclick="myAdmitcard()">Print this page</button>
<p style="font-weight: bold; float: right;text-decoration: underline;">Coordinator Signature</p>
</div>
</div>
<script>
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>
rel="stylesheet">

</head>
<body>
<div class="header-top">
<div class="ht-left">
</div>
</div>
</div>
</div>
</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.html">Admin</a></li>
</ul>
</li>
<li><a href="# ">MCA 4th sem</a></li>
</ul>
</li>
</ul>
</nav>
<div id=" Examination "></div>
</div>
</div>
</header>

<div class=" section">
<div class="row">
<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="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>
<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>


</body>
</html>
4- Student Login
<html lang="zxx">
<head>
<meta name="description" content=" Examination ">
<title>Examination </title>
rel="stylesheet">


</head>
<body>
<div class="ht-left">
</div>
</div>
</div>
</div>
</div>
<nav class=" Examination ">
<ul>
<li><a href="./login1.html">Admin</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
<div id=" Examination "></div>
</div>
</div>
</header>

<div class=" Examination -section">
<div class="row">
<div class=" Examination -text">
<span>Login</span>
</div>
</div>
</div>
</div>
</div>


<div class="register-login-section spad">
<div class="row">
<div class="login-form">
<h2>Student Login</h2>
<form action="#">
<label for="username"><b>Username or email address *</b></label>
<input type="text" id="username">
</div>
<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>


</body>
</html>
5- Contact Details
<html lang="zxx">
<head>
<meta name="description" content=" Examination ">
<title> Examination </title>
rel="stylesheet">


</head>
<body>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class=" Examination menu">
<ul>
<li><a href="./login.html">Admin</a></li>
</ul>
</li>
<li class="active"><a href="./contact.html">Contact</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="row">
<div class=" Examination -text">
<span>Contact</span>
</div>
</div>
</div>
</div>
</div>

<section class="contact-section spad">
<div class="row">
<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>
<i class="ti-mobile"></i>
</div>
<span>Phone:</span>
<p>+91 7784827216</p>
</div>
</div>
<i class="ti-email"></i>
</div>
<span>Email:</span>
<p>ankitverma08822@gmail.com</p>
</div>
</div>
</div>
</div>
<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">
<input type="text" placeholder="Your name">
</div>
<input type="text" placeholder="Your email">
</div>
<textarea placeholder="Your message"></textarea>
<button type="submit" class="site-btn">Send message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>


</body>
</html>

Examination Module in College ERP: Jagran Institute of Management Kanpur

Caricato da

Informazioni sul documento

Descrizione originale:

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Examination Module in College ERP: Jagran Institute of Management Kanpur

Caricato da

Copyright:

Formati disponibili

Examination Module in College ERP

Submitted in partial fulfillment of the requirements for qualifying

Under the guidance of

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

Fig.1 -Home Page

Fig.4- Admin Login

Fig.6- For Contact to Admin

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

<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">

<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">

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

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

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

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

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

<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>

<table class="table table-bordered">

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

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

Potrebbero piacerti anche