Mini Project 1

GLA MESS MENU
SYSTEM
Group No.28
Under The Supervision of:- Presented By:-
Dr. VINOD JAIN YOGESH (204200250)
(Asst. Professor) TANYA MAHESHWARI (204200223)
Department of CEA SHIVAM BHARADWAJ (204200196)
GLA University, Mathura YASH KUNTAL (204200248)
SONALI GOYAL (204200214)
YASH JAKHAR (204200246)
UTKARSH GUPTA (204200227)
1
Content
 Introduction
 Objective
 Tools and Technology
 Hardware and Specification
 Module Definition
 Data Flow Diagram of 0 Level
 Data Flow Diagram of 1 Level
 ER Diagram of Mess Menu Management System
 Result
 Conclusion
2
Introduction
• The product is a web application used to manage mess
menu selection process.
• Objective of the system is to provide a user friendly that
is easy to manage, maintain.
• Our primary focus is to develop a paperless system that
provides the management a way to facilitate smoother
functioning of the mess system.
3
Objective
The objectives of the system are-

• Decrease the human efforts.
• Increase operational efficiency and accuracy.
• To reduce Paperwork.
• Fast Generation.
• Saves time in Menu Selection.
4
Tools And Technology
HTML-CSS
• HTML is a Markup Language which means you use HTML to simply
“mark up” a text document with tags that tell a Web browser how to
structure it to display.
• Version :- 5
• Cascading Style Sheets (CSS) is a style sheet language used for

describing the presentation of a document written in a markup
language
• Version :- W3.CSS 4
5
MySQL
• MySQL is the world’s most popular open source database. With its proven
performance , reliability and ease-of-use, MySQL has become
the leading database choice for web-based applications.
• Version :- MySQL 5.7
PHP
• PHP is a server-side scripting language designed for web
development but also used as a general- purpose programming language.
6
JavaScript:-
• JavaScript is a text-based programming language used both on the
client-side and server-side that allows you to make web pages
interactive. JavaScript gives web pages interactive elements that
engage a user.
• Version:- ECMAScript2018
7
What is XAMPP ?
 X = Cross Platform
 A = Apache Server
 M = MariaDB
 P = PHP
 P = Perl
• XAMPP is an open-source application develop by Apache friends and
the easiest way to be local web server with access to MySQL database,
PHP and Perl. It is an all in one package.
• Version –: xampp- 7.4
09/09/2022 8
HARDWARE SPECIFICATION
• Processor :- i2core
• Platform:-Windows (any version)/Linux/Android
• RAM:-1GB
• Processor Speed:-1.5 GHZ
9
MODULE DEFINITION

Student Module
Allows users to interact with the system. Various sub
modules in this are:
•Login: Handling student login and validation of details will be
handled in this module
•Vote for menu: Voting for menu items will be handled by this
module
•User: Students can access their proﬁles and other meal related
data. 10
Manager web portal:-
Various screens in the manager web portal are:
• Login screen: Handling manager login done from web portal.
• Account handling: Manager can activate a student’s
account from this module.
• Manage polls: Managing polls will be handled by this module
11
Data flow Diagram of 0 Level
Give vote Final Result

User Mess Menu System Poll
For menu
12
Data flow Diagram of 1 Level
Login, password change Login

Login info
Se
List of multiple menu

User e th
ef
in
al
re
su
l t
Choose menu
Poll
Admin by
/Result
management
Current View system
mess menu
Access the
data
Data stored 13
• Symbols:-
There are some symbols which is used to create ER Diagram.
Entity
Process
Data Flow
Data Store 14
ER Diagram of Mess Menu Management System
Admin
Login id
M M
Password
Vote
Can
access
1
M Vote
User check M
M
Wi
F.Name sto ll
re Poll
1
1
Result
Login Password
L.Name Mess
Id Final Menu
Menu
RESULT
The snapshots of the system are as follows:
1. Log-in page
09/09/2022 16
2. Student Registration form
17
18
Student Polling Interface :-
09/09/2022 19
Code:
• Index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mess Menu System</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="logstyle.css">
</head>
<body>
<style>
09/09/2022 20
nav{
background-color: black;
}
.nav1 .ul1 .a1:hover{
background-color: red; letter-spacing: 2px;}
</style>
<header class="head1">
<h1 class="head2">Mess Menu Management System</h1>
<hr class="hr1">
<nav class="nav1">
<ul class="ul1">
<li><a class="a1" href="login.php">Login</a></li>
<li><a class="a1" href="registration.php">Register</a></li>
<li><a class="a1"href="index.php">Home</a></li>
<li><a class="a1" href="about.html">About</a></li>
<li><a class="a1" href="contact.php">Contact</a></li>
</ul>
09/09/2022 21
</nav>
</header>
<div class="container1"> <br><br> <div class="form"> <form>
<center>
<h1> Student Login Form </h1> </center> <hr><br> <label>Username : </label>
<input type="text" placeholder="Enter Username" name="username" required>
<label>Password : </label>
<input type="password" placeholder="Enter Password" name="password" required>
<input type="submit" class="login" name = "submit">
</form>
</div> </div>
<footer class="foot">
<p>copyright © all rights are reserved</p>
</footer>
</body>
</html>
22
• Registration.php
<?php$servername = "localhost";
$username = "root";$password = "";$myDB = "mess";$conn = mysqli_connect($servername, $username, $password,$myDB);
if (!$conn)
{
die("Connection failed: " . mysqli_connect_error());
}
if(isset($_POST['submit’]))
{
$name = $_POST['name’];
$email = $_POST['email'];
$un_rll = $_POST['un_rll’];
$select_course=$_POST['selectCourse'];
$gender = $_POST['gender'];
$phone = $_POST['phone'];
$address = $_POST['address'];
$password = $_POST['Pass'];
23
$confirm_password = $_POST['cnfPass’];
if($password === $confirm_password)
{
$sql = "INSERT INTO registration(name, email, universityRollNo, course, gender, phone, address, password, confirm_password)
VALUES('$name','$email','$un_rll','$select_course','$gender','$phone','$address','$password','$confirm_password')";
if (mysqli_query($conn, $sql))
{echo "Registration Successfull“;}
else
{
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}
}
Else
{
echo "Password and Confirm Password are not same !!";
}
}
mysqli_close($conn);?>
24
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
Registration form
</title>
<link rel="stylesheet" href="RegStyle.css">
</head>
<body class="body1">
<center>
<h1><u>Please Register Here</u></h1>
</center>
<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="POST">
<div class="container">
<center>
<h1> Student Registeration Form</h1> </center><hr><label><b>Name</b></label
25
<input type="text" name="name" placeholder= "Enter your name" size="30" required />
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<label><b>University Roll Number:</b> </label>
<input type="text" name="un_rll" placeholder="Enter University Roll Number" required />
<div style="display: inline-block">
<label for="selectCourse"> <b> Course : </b> </label>
<select id="course" name="selectCourse">
<option value="Course" >Course</option>
<option value="BCA" >BCA</option>
<option value="BBA" >BBA</option>
<option value="B.Tech" >B.Tech</option>
<option value="MBA" >MBA</option>
<option value="MCA" >MCA</option>
<option value="M.Tech" >M.Tech</option>
</select> </div
26
<div style="display: inline-block">
<label><b> Gender : </b> </label>
<input type="radio" value="Male" name="gender"> Male
<input type="radio" value="Female" name="gender"> Female </div> <br><br>
<label><b> Phone </b> </label><br>
<input type="text" name="phone" placeholder="Enter Phone no." size="10" required><br> <label><b> Current
Address </b> </label>
<textarea cols="80" rows="1" name="address" placeholder="Enter Address" value="address"name="course"
required></textarea>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="Pass" required> <br>
<label for="psw-repeat"><b>Confirm Password</b></label>
<input type="password" placeholder="Retype Password" name="cnfPass" required>
<input type="submit" class="registerbtn" name ="submit"> </div>
</form>
</body>
</html>
27
• Regstyle.CSS
Body
{
font-family: Calibri, Helvetica, sans-serif;
background-image: url("GLAU.jpg");
} .container
{
padding: 50px;
background-color: rgb(16, 180, 235);
width: 60%;
position: relative;
left: 240px;
border: 3px solid white;
}
input[type=text],
input[type=password],
textarea
{
28
width: 97%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
background: #f1f1f1;
border:1px solid black;
}
input[name=phone]
{
width:97%;
padding: 15px;
display: inline-block;
background: #f1f1f1;
border:1px solid black;
}
input[type=text]:focus,
input[type=password]:
29
focus,textarea[name=address]:
focus
{
background-color:rgb(248, 181, 58);
outline: none; }
div { padding: 10px 0; }
hr { border: 1px solid white; margin-bottom: 25px; }
.body1{ background-color: #06EAFF; }
.registerbtn { background-color: #4CAF50;
color: white;
padding: 15px;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
border:2px solid black; }
.registerbtn:hover { opacity: 1; }
30
Conclusion
• Reduces human efforts.
• Steps ahead in technology.
• Reduces paper work.
• Reduces time.
• Mess Menu Selection on monthly
31
THANK YOU!!!
32

Mini Project 1

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Mini Project 1

Uploaded by

Copyright:

Available Formats

GLA MESS MENU

The objectives of the system are-

• Cascading Style Sheets (CSS) is a style sheet language used for

Give vote Final Result

Login, password change Login

List of multiple menu

You might also like