Mini Project Report

1
Content page no.

Introduction……………………………………..3
Objective...............................................................3
Module and language used………………………4
About the existing project………………………4
about the new implementing project……………5
some demerit of implementing project………....5
how does online project work…………………..6
implementation of project………………………6
some definition of diagram
Entity relationship diagram……………………..6
Data flow diagram………………………………6
use case diagram………………………………..7
activity diagram…………………………………7
class diagram……………………………………7
About project diagram
erd………………………………………………8
data flow diagram………………………………9
use case…………………………………………10
activity
user……………………………………………..11
admin……………………………………………12
munshi…………………………………………..13
class diagram…………………………………...14
web development of project
front page……………………………………….15
code of front page………………………………16-18
elements in navigation bar
contacts…………………………………………19-23
services…………………………………………24-25
WASEEM KHAN GI-5433 17-CAB-136

2
about us………………………………………………………26-29
elements of (staff) drop down list coding
wardens………………………………………………………35-38
munshi house…………………………………………………39-41
dining staff……………………………………………………42-45
functionality of project
pay mess bill online………………………………………….46-50
food status……………………………………………………51
feedback………………………………………………………52-55

3
ONLINE DINING PORTAL

INTODUCTION
Today’s life is digital (Applying the culture, practices, processes & technologies of
the Internet-era to respond to people's raised expectations. ) life because of internet
and service provide by using internet and mostly are facilitated with this and most of the
necessary things/task are slowly becoming digitalized but something are still done with
pen and paper.
Now talking about the prestigious Aligarh Muslim university that most of things/task are
online (like registration, fee submission etc ) but the hall dining is not online so ,After
suffering with late innovation I am dealing with one of the hall (Mohmmad Habib hall)
to make dining online .This is completely web based project .
OBJECTIVE
This include all the services and information regarding the worker inside
the hostel mess & convert them online.
The services are:
 Online dining fee payment.
 Check the food status.
 Weekly food menu.
 Feedback
 In case new comer’s come in the hall get the information regarding the mess ,warden,
dining incharge and staff.
 This give a easy platform for the mess (munshi) to reduces his load of work and make
their task faster .
 Make our hall’s residence free from going in munshi office to stand in quee to make
payment/deficit or check food status.
 Also decreases the no. of employee involving in doing the same task (more than 3 or
4 reduces to maximum 2).
 And save the university amount.

4
MODULE
 Admin 1 (LDC)
 Login/Logout
 Update /Delete Student record
 Admin 2 (MUNSHI)
 Login/logout
 Students record
 User (STUDENT)
LANGUAGE USED
Front end:
 HTML
 CSS
 BOOTSTRAP 4
 JAVA SCRIPT
Back end:
 PHP
 MY SQL
Now
what about the existing project?

The existing project contain the lot of field work with respective to student
point of view like:
• If student is not present in hostel unable to stop/continue food.
• Not able to make payment outside the hostel promise.
• If student have not a balance or cash not able to pay mess fee and wait till cash comes
from home.
• For checking the food status goes to munshi office.
• For paying fee goes to office and wait in quee and office open only for limited hours
• One fixed employee for collecting the mess fee.

5
What about the new implementing project?

The implementing project contain all the digital services
And now according to student’s point of view:
• Able to stop/continue food If not present in the hostel premises.

• Able to make online fee payment using the BHIM UPI app’s.
• Student feel free from all the field responsibilities.
According to student parents/Guardian:
• Parents/Guardian can know what food their ward is eating in mess.
• Pay their ward mess fee online by them.
According to officials:
• Incharge dining or senior food monitor knows the actual attendance .
According to Employee:
• Fell free from copy work and student pressure.
• And utilize this in some other work of mess.
• Our fee payment directly goes to account of the hostel without involving the third
party.
There are some demerit of implementing project:

It is completely web based so,
• Can not access without internet pack.
• Insufficient online data to perform some functions
• Skill deficits
• Technical issues e.g. PHP / MYSQL & other systems (eg. student interfaces).

6
How does online dining portal work?

Some special diagram shows the functionality of this:
 Entity relationship diagram(erd)
 Use case
 Data flow diagram(dfd)
+Context level(0-Level)
+1Level dfd
 Activity diagram
 Class diagram
Now some contrast and definition on special diagram used for

implementation.
Entity relationship diagram(erd):

An entity relationship model, also called an entity-relationship (ER) diagram, is a
graphical representation of entities and their relationships to each other, typically used in
computing in regard to the organization of data within databases or information systems.
Use case:
A use case diagram is a dynamic or behaviour diagram in UML (Unified modelling
language). Use case diagrams model the functionality of a system using actors
and use cases. Use cases are a set of actions, services, and functions that the system needs to
perform.
Data flow diagram(dfd):

A data-flow diagram (DFD) is a way of representing a flow of a data of a process or a
system (usually an information system). The DFD also provides information about the
outputs and inputs of each entity and the process itself.
Context level dfd:

A level 0 data flow diagram (DFD), also known as a context diagram, shows a data system as
a whole and emphasizes the way it interacts with external entities And gives the information
at basic level.

7
1-level dfd:
In 1-level DFD, context diagram is decomposed into multiple bubbles/processes.in this level
we highlight the main functions of the system and breakdown the high level process of 0-
level DFD into subprocesses.
Activity diagram:
Activity diagram is defined as a UML diagram that focuses on the execution and flow of
the behaviour of a system instead of implementation. It is also called object-oriented
flowchart. Activity diagrams consist of activities that are made up of actions which apply to
behavioural modelling technology.
Class diagram:
A class diagram in the Unified Modeling Language (UML) is a type of static
structure diagram that describes the structure of a system by showing the system's classes,
their attributes, operations (or methods), and the relationships among objects.

8
Now according to the condition of project all diagram is implemented

as:
Entity relationship diagram(erd)

9
Data flow diagram

+ Context level dfd:
+1-level dfd:

10
Use case:
ACTIVITY DIAGRAM:
 STUDENT (user)
 ADMIN
 MUNSHI

11
+User:

12
+admin:

13
+munshi:

14
Class diagram:

15
Web development of online dining portal:

Front page (Home page)
Html Code of Home page:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Dinig habib hall</title>
<meta charset="utf-8">

16
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<body bgimage="./img/nature_background_with_green_grass_and_blue_sky-.jpg">
<nav class="navbar navbar-expand-md bg-dark navbar-dark">


<a class="navbar-brand" href="">ALIGARH MUSLIM UNIVERSITY</a>


<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>


<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.php">Home</button> </a>
</li>
<a class="nav-link" href="./contacts.html">Contact</button> </a>
</li>
<a class="nav-link" href="./service.html">Service</a>
</li>
<a class="nav-link" href="./aboutus.html">About us</a>
</li>
</li>
</ul>
</div>
</nav>

17
<div class="container">
<H1>MOHAMMAD HABIB HALL </H1>
<H2> PROVOST'S OFFICE</H2>
<div class="row">
<div class="col-lg-2">
<div class="card" style="width:200px" class="float-right">
<img src="./img/rafiuddin sir.jpg" width="200" height="150" >
<div class="card-body">
<h4 class="card-title">PROF. RAFIUDDIN</h4>
<p>Provost's</p>
<a href="https://www.amu.ac.in/dshowfacultydata2.jsp?did=2&eid=211" class="btn btn-

primary">See Profile</a>
</div>
</div>
</div>
<div class="col-lg-10">

<div id="demo" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
</ul>


<div class="carousel-inner">
<div class="carousel-item active">
<img src="./img/MOHAMMAD-HABIB-HALL-6.webp" alt="h4.jpg">
</div>
<div class="carousel-item">
<img src="./img/mohammad-habib-hall.jpg" alt="Chicago">
</div>

18
</div>


<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</div>
<div class="dropdown" align="float-right">
<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-
toggle="dropdown">Staff
<span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
<li role="presentation"><a role="menuitem" tabindex="-1"
href="./warden.html">Warden</a></li>
href="./dinnigstaff.html">Dinnig Staff</a></li>
href="./munshihouse.html">Munshi House</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#"></a></li>
</ul>
</div>
</div>
<style>
/* Make the image fully responsive */
.carousel-inner img {
width: 100%;
height: 100%;
padding-right: 0px;
}

19
H1{
color:black;
text-shadow: 3px 2px 4px red;
}
H2{
text-shadow: 3px 2px 2px pink;
}
marquee{
color:red;
text-shadow:2px 2px 2px brown;
}
.card-body{
border:black;
}
</style>
</div>
</body>
</html>
Element(link) in navigation bar:

Contact
Service
About us
Now coding of these element:
Contact
<!DOCTYPE html>
<html lang="en">
<head>

20
<script
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>

<a class="navbar-brand" href="#">ALIGARH MUSLIM UNIVERSITY</a>

</button>

</li>
</li>
</li>
<a class="nav-link" href="./aboutus.html">About us</a>
</li>

21
</ul>
</div>
</nav>
<div>
<body>
<h1> CONTACTS</h1>
<div class="jumbotron text-center">
<table border=1 class="table table-hover">
<tr class="col-sm-12 col-lg-12">
<thead>
<tr>
<td>S.NO</td>
<td>NAME</td>
<td>E-MAIL</td>
<td>CONTACT</td>
</tr>
<tr>
<td> 1.</td>
<td> PROF. RAFIUDDIN</td>
<td>rafi_amu@yahoo.co.in</td>
<td>0571-2703515
</td>
</tr>
<tr>
<td> 2. </td>
<td> Dr. M.Mujahid Khan</td>
<td> mujahidchemistry@gmail.com
</td>
<td>9634325860

22
</td>
</tr>
<tr>
<td>3.</td>
<td> Dr. Mohd Arsalan </td>
<td>mohdarsalan.chem@gmail.com
</td>
<td>9760229165</td>
</tr>
<tr>
<td>4.</td>
<td> Dr. Nasir A. Salati</td>
<td>nasalati@gmail.com
</td>
<td>+915712720088
</td>
</tr>
<tr>
<td>5.</td>
<td>Dr. S. M. Zakaria</td>
<td>s.zakariya@gmail.com
</td>
<td> </td>
</tr>
<tr>
<td>6.</td>
<td>Dr. Pankaj Kharade</td>
<td>drpankaj.pgi08@gmail.com

23
</td>
<td>05712741440
</td>
</tr>
<tr>
<td>7.</td>
<td>Dr. Imran Khan</td>
<td> imrannano@gmail.com
</td>
<td>8218151733
</td>
</tr>
</thead>
</table>
</body>
</div>
</body>
</html>

24
Service
<!DOCTYPE html>
<html lang="en">
<head>
<script
<title>Sevice</title></head>
<body>
<body>

25


</button>
</li>
</li>
</li>
<a class="nav-link" href="./aboutus.html">Aboutus</a>
</li>
</ul>
</div>
</nav>
<li><a href ="./online.html"> Pay mess bill online </a></li>
<li> <a href="foodstatus.php"> check your's food status </a> </li>
<li><a href ="menu"> our mess weekly food menu</a> </li>
<li> <a href ="./feedback.html"> feedback</a>
</body>

26
</html>
About us
<!DOCTYPE html>
<html lang="en">
<head>
<script
<title>Sevice</title></head>
<body>
<body>

27


</button>
</li>
</li>
</li>
<a class="nav-link" href=./about.html">Aboutus</a>
</li>
</ul>
</div>
</nav>
<h1> MOHMMAD HABBIB HALL</h1>
<body>
Maohammad Habib was born in 1895 at Lucknow in the illustrious family of Mohammed
Nasim, a leading advocate; Mohammad Habib studied at the M.A.O. School and College. He
topped the B.A. examination of the Allahabad University in 1916. The M.A.O. College was
then affiliated to that University. He then proceeded to Oxford for higher studies.

28
It was there that he received his baptism in nationalism. He was among the organizers of the
Oxford Majlis, which he served as president for one term. The ideas of his liberal-minded
tutor Ernest Barker, a meeting with Ms. Sarojni Naidu, a reception of Yeasts and the
patronage which he received from Mohammad Ali, who visited London those days, played a
role in shaping young Habib's ideas. At the call of Maulana Mohammad Ali, Habib returned
to India to teach at Jamia Millia Islamia but apparently never became a regular member of its
staff. When the non-cooperation movement was called off in 1922, he accepted an
appointment as Reader, and almost immediately afterwards as Professor, at the newly
chartered Aligarh Muslim University.
In 1926, he won the election of the U.P. Legislative Council as a Swarajist. The next year, he
married Sohaila, daughter of Abbas Tyabji a noted disciple of Mahatma Gandhi. Soon after
Habib became a great admirer of Jawharlal Nehru and gave a considerable part of his income
to the Congress Party.
At Aligarh, Habib made his mark in many ways. As an academician, his great emphasis was
on writing history based on original sources, and he encouraged the study of aspects of
history other than dynastic or political. He himself wrote on social and cultural history, and
painstakingly unraveled the history of Muslim mystics for some of whom he came to cherish
an almost personal affection.
In the forties, his interest in Marxism heightened; and in 1952 he presented in a remarkable
piece, his introduction to a reprint of Elliot and Dawson's History, Vol. II, an interpretation of
early medieval India deeply influenced by Marxist ideas. He visited Paris to represent his
country at the UN General Assembly, followed by a trip to Peking (now Beijing) in 1952 on
the first goodwill mission from India to People's Republic of China.Both the visits
strengthened him in his belief in the need for India to help countries resisting imperialism. He
kept nursing the sapling of liberalism in the portals of the University.
He retired in 1958 but was appointed Professor Emeritus. He lost neither his interest in
politics nor in research work. He contested for the office of the Vice President of India in
1969 as a candidate of the combined opposition, partly because he was critical of the
government policies, and partly because, as he cheerfully told Press Correspondents, he was
going to lose. He died on 22 June 1971 following a brief illness.
Mohammed Habib Hall was established in 1972 and was inaugurated by Professor Abdul
Aleem, the Vice-Chancellor. The Hall with a number of 375 rooms was originally meant for
Research Scholars. With the passage of time, students from various disciplines were
admitted. The present strength of the Hall is 925. There are only three hostels:
<ul>
<li> Chakraverty Hostel</li>
<li>Umaruddin Hostel</li>
<li>Haider Khan Hostel</li>
</ul>
</body>

29
</body>
elements used in drop down list:

warden
munshi house

30
dining staff
coding of these element of these elements:
warden:
<!DOCTYPE html>
<html lang="en">
<head>
<script
</head>
<body>


</button>


31
</li>
<a class="nav-link" href="#">Contact</button> </a>
</li>
</li>
<a class="nav-link" href=./about.html">About</a>
</li>
</ul>
</div>
</nav>
<div>
<h4>WARDENS</h4>

<tr>
<th> S.No</th>
<th> Name </th>
<th> Designation </th>
<th> Hostel</th>
</tr>
<tr>
<td>1.</td>
<td> Dr. M.Mujahid Khan </td>
<td> Dinning Incharge </td>
<td> Chakraverti </td>

32
</tr>
<tr>
<td>2.</td>
<td> Dr. Mohd Arsalan </td>
<td> Common room incharge,T.T,Billiard </>td
<td> Ummaruddin </td>
</tr>
<tr>
<td>3.</td>
<td> Dr. Nasir A. Salati</td>
<td> Gymnasium, & Annexe</td>
<td> Haider Khan Hostel</td>
</tr>
<tr>
<td>4.</td>
<td>Dr. S. M. Zakaria</td>
<td>Canteen Incharge + Drinking Water</td>
<td> </td>
</tr>
<tr>
<td>5.</td>
<td>Dr. Pankaj Kharade</td>
<td> Reading Room Incharge,Health & Hygiene,I.T,Cultural</td>
<td>Umaruddin Hostel</td>
</tr>
<tr>
<td>6.</td>
<td>Dr. Imran Khan</td>
<td> Common Room Incharge ,T.T, Billiards</td>
<td></td>

33
</tr>
</table>
</div>
</body>
</html>
Munshi house
<!DOCTYPE html>

34
<html lang="en">
<head>
<script
</head>
<body>


</button>
</li>

35
</li>
</ul>
</div>
</nav>
<div>
<h1> MUNSHI HOUSE</h1>
<h4>MUNSHI HOUSE</h4>
<tr>
<th> S.No</th>
<th> Name </th>
</tr>
<tr>
<td> 1.</td>
<td> Ali Raza </td>
<td>Incharge</td>
</tr>
<tr>
<td> 2.</td>
<td> Arwab-uz-zama</td>
<td> Incharge</td>
</tr>
<tr>
<td> 3.</td>
<td> Mohd Nadeem</td>
<td> Sub incharge</td>

36
</tr>
<tr>
<td> 4.</td>
<td> Mohd Aftab</td>
<td> Stock incharge</td>
</tr>
</table>
</div>
</body>
</html>
Dining staff
<!DOCTYPE html>
<html lang="en">
<head>

37

<script
</head>
<body>


</button>

</li>
</li>

38
<a class="nav-link" href="./aboutus.html">About</a>

</li>
</ul>
</div>
</nav>
<h3>DINING STAFF</h3>

<tr>
<th> Table </th>
<th> Name </th>
<th> Hostel</th>
</tr>
<tr>
<td>A</td>
<td>Mohd Naimuddin, Mohd Taveer,Israil & Team </td>
<td> Bearer</td>
<td> Chakraverti</td>
</tr>
<tr>
<td>B</td>
<td>Mohd Sadik,Chote khan, Mohd Munajir & Team </td>
<td> Bearer</td>
<td> Umaruddin Khan</td>
</tr>
<tr>

39
<td>C</td>
<td> Mohd Sabbir,Mohd Sahid,Mohd Nusrat,Samiuddin Khan</td>
<td> Bearer</td>
<td>Haider Khan Hostel</td>
</tr>
</thead>
</table>
</div>
</body>
</html>
Functionality of the project means back end processing (i:e Services)

40
1-Pay mess bill online

For this login is required and for login form should be formed.
<!DOCTYPE html>
<html lang="en">
<head>
<script
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>


</button>

</li>
</li>
<a class="nav-link" href="https://www.amu.ac.in/amuhalls.jsp?did=100">Aboutus</a>
</li>
</ul>

41
</div>
</nav>
<div>
<form action="info.php" method="POST" class="was-validated">

<div class="form-group">
<label for="uname">Username:</label>
<input type="text" class="form-control" id="uname" placeholder="Enter username"
name="uname" required>
<div class="valid-feedback">Valid.</div>
<div class="invalid-feedback">Please fill out this field.</div>
</div>
<div class="form-group">
<label for="pwd">Enrollment:</label>
<input type="Enrollment" class="form-control" id="pwd" placeholder="Enter Enrollment"
name="enrollment" required>
<div class="invalid-feedback">Please fill out this field.</div>
</div>
<div class="form-group form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" name="remember" required> I agree
with this.
<div class="invalid-feedback">Check this checkbox to continue.</div>
</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</body>
</html>

42
Php code to process this login form

<?php
$name = $_POST['uname'];
$enrollment = $_POST['enrollment'];
require "connection.php";
$sql = "SELECT * FROM hostel_data where name='$name' && e_no='$enrollment'";

$result = mysqli_query($conn, $sql);
mysqli_close($conn);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>proceed to pay</title>
<script
</head>
<body>
<?php require_once "navbar.php";?>
<h1> Complete details of the student</h1>
<table class="table table-hover">
<thead>

43
<th>ID</th>
<th>Name</th>
<th>Enrollment</th>
<th>Class</th>
<th>RoomNo.</th>
</tr>
</thead>
<tbody>
<?php if (mysqli_num_rows($result) > 0) {
// output data of each row
while($row = mysqli_fetch_assoc($result)) {
echo " <tr><th>" . $row["id"]. " </th><th>" . $row["name"]. "</th><th>".

$row["e_no"]. "</th><th>" . $row["class"]."</th><th>" . $row["room_no"]. "</th></tr>";
}
} else {
echo "0 results";
}?>
</tbody>
</table>
</div>
The minimum mess charge of one month to pay= Rs1200/-<br>
your are not able to pay mess charge less then minimum charge <br>
but pay deficit<br>
proceed to payment according to your need <br>
<pre> <button type="button" class="btn btn-primary">Pay</button> </pre>
</body>
</html>

44
*When form submit and process the detail’s student and mess charge is display and proced to
pay button is to be click to pay mess bill.
After this work of gateway for transaction.
Check food status

Php code of the status bar
<?php
include('connection.php');
$date = date("j");
echo $date;
?>
<input id = "stop" type="button" name="stop"value="Stop" onclick="stop()">
mess attandence :
<progress value=<?php echo $date; ?> max="31">
</progress>
<script type="text/javascript">
function stop(){
var stop = document.getElementById('stop');
console.log(stop);
}
</script>

45
Feedback form
Html and php include code
<!DOCTYPE html>
<html lang="en">
<head>
<script
</head>
<body>


</button>


46
</li>
</li>
</li>
</ul>
</div>
</nav>
<div>
<body>
<?php
// define variables and set to empty values
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (empty($_POST["name"])) {
$nameErr = "Name is required";
} else {
$name = test_input($_POST["name"]);
}

47
if (empty($_POST["email"])) {
$emailErr = "Email is required";
} else {
$email = test_input($_POST["email"]);
}
if (empty($_POST["website"])) {
$website = "";
} else {
$website = test_input($_POST["website"]);
}
if (empty($_POST["comment"])) {
$comment = "";
} else {
$comment = test_input($_POST["comment"]);
}
if (empty($_POST["gender"])) {
$genderErr = "Gender is required";
} else {
$gender = test_input($_POST["gender"]);
}
}
function test_input($data) {
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;

48
}
?>
<h2>FEEDBACK</h2>
<p><span class="error">* required field</span></p>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>
Name: <input type="text" name="name">
<span class="error">* <?php echo $nameErr;?></span>
<br><br>
E-mail: <input type="text" name="email">
<span class="error">* <?php echo $emailErr;?></span>
<br><br>
Website: <input type="text" name="website">
<span class="error"><?php echo $websiteErr;?></span>
<br><br>
Comment: <textarea name="comment" rows="5" cols="40"></textarea>
<br><br>
<span class="error">* <?php echo $genderErr;?></span>

<br><br>
<input type="submit" name="submit" value="Submit">
</form>
</body>

Mini Project Report

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 Report

Uploaded by

Copyright:

Available Formats

1

Content page no.

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

ONLINE DINING PORTAL

WASEEM KHAN GI-5433 17-CAB-136

what about the existing project?

WASEEM KHAN GI-5433 17-CAB-136

What about the new implementing project?

• Able to stop/continue food If not present in the hostel premises.

There are some demerit of implementing project:

WASEEM KHAN GI-5433 17-CAB-136

How does online dining portal work?

Now some contrast and definition on special diagram used for

Entity relationship diagram(erd):

Data flow diagram(dfd):

Context level dfd:

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

Now according to the condition of project all diagram is implemented

WASEEM KHAN GI-5433 17-CAB-136

Data flow diagram

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

Web development of online dining portal:

Html Code of Home page:

WASEEM KHAN GI-5433 17-CAB-136

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

<nav class="navbar navbar-expand-md bg-dark navbar-dark">

WASEEM KHAN GI-5433 17-CAB-136

<H2> PROVOST'S OFFICE</H2>

<a href="https://www.amu.ac.in/dshowfacultydata2.jsp?did=2&eid=211" class="btn btn-

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

Element(link) in navigation bar:

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

<nav class="navbar navbar-expand-md bg-dark navbar-dark">

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

<nav class="navbar navbar-expand-md bg-dark navbar-dark">

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

elements used in drop down list:

WASEEM KHAN GI-5433 17-CAB-136

WASEEM KHAN GI-5433 17-CAB-136

<table border=1 class="table table-hover">

WASEEM KHAN GI-5433 17-CAB-136