Final Project Report A Web Based Food Se

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 67

Final Project Report

A Web Based Food Selection Assistant App for the


Restaurant of Multan City

PID-BSIT-F1459

Project Supervisor
Ghulam Irtaza

Submitted By

NAME

Department of Information Technology,


University of Education, Lahore.
(Multan Campus)
CERTIFICATE

This is to certify that Name have worked on and completed their Software
Project at Department of Information Technology, University of Education,
Lahore in partial fulfillment of the requirement for the degree of BS IT under
my guidance and supervision.

In our opinion, it is satisfactory and up to the mark and therefore fulfills the
requirements of BS in Information Technology.

Supervisor / Internal Examiner

Ghulam Irtaza

Department of Information Technology

University of Education, Lahore.

(Multan Campus)

___________________

(Signature)
ACKNOWLEDGEMENT

Up and above everything, all prays go to ALLAH, I find no words to express my


deepest sense to gratitude to the almighty ALLAH, the most gracious compassionate
and beneficent and his prophet MUHAMMAD (peace be upon him) who is a true torch
of guidance for whole humanity forever. I am greatly obliged to ALLAH by whom
grace I have been able to accomplish this project successfully.

I’m grateful to my loving parents for their encouragement and all sort of moral,
social, and financial support not only in my academic career but also in all other aspects
of life. Their prayers were incessant and enabled me to reach this stage. I’m also
thankful to my all family for their kindness, love and ever supporting prayers. I heartily
express my love to my sisters and brothers for their love and care.

I feel great honor to express my sincere and cordial thanks to GHULAM


IRTAZA my project supervisor, for his encouragement and guidance, invaluable
inspiration and healthy criticism towards handling the project effectively and
comprehensively. I also want to thanks my all teachers through playgroup to
bachelors.

I express my gratitude to Principal University of Education Multan Campus,


who did his tireless efforts for providing us all facilities throughout the academic
session.

I can’t forget to express special thanks to all my friends who were always ready
to back up me when I really felt myself in problem, they guided me to the best of their
knowledge sacrificing their precious time.
TABLE OF CONTENTS

CHAPTER NO. 1 PAGE

GATHERING & ANALYZING INFO


1

1.1 INTRODUCTION 2

1.2 PURPOSE 2

1.3 SCOPE 3

1.4 DEFINITIONS, ACRONYMS AND ABBREVIATIONS 4

CHAPTER NO. 2

SOFTWARE REQUIREMENT SPECIFICATION


6

2.1 FUNCTIONAL REQUIREMENTS 7

2.1.1 Network Login 7

2.1.2 Customer Performance Management 7

2.1.3 Admin Information Management 7

2.2 NON-FUNCTIONAL REQUIREMENTS 7

2.2.1 Reliability 7

2.2.2 Supportability 7

2.2.3 System Requirements 7

2.2.4 Usability 7

2.2.5 Efficiency 7
2.2.6 Portability 8

2.3 DOMAIN REQUIREMENTS 9

2.4 USE CASES AND USAGE SCENARIOS 10

2.4.1 Use Case Diagrams 10

2.4.2 Usage Scenarios 19

CHAPTER NO. 3

PLANNING THE PROJECT

18

3.1 INTRODUCTION 19

3.2 METHODOLOGY

19

3.2.1 AVAILABLE METHODOLOGIES 19

3.2.2 CHOSEN METHODOLOGY 19

3.3 REASONS FOR CHOSEN METHODOLOGY 20

3.4 WORK PLAN 20

3.5 PROJECT STRUCTURE 22

3.5.1 Team Structure 23

3.5.2 Project Schedule (Submission Calendar) 23

CHAPTER NO. 4

DESIGNING THE PROJECT

30

4.1 INTRODUCTION 31

4.2 PURPOSE 31

4.3 SCOPE 31
4.4 DEFINITIONS, ACRONYMS AND ABBREVIATIONS

32

4.5 ARCHITECTURAL REPRESENTATION (ARCHITECTURE DIAGRAM) 32

4.6 DYNAMIC MODEL: SEQUENCE DIAGRAMS 35

4.7 OBJECT MODEL/LOGICAL MODEL: CLASS DIAGRAM 35

4.8 DEPLOYMENT MODEL (DEPLOYMENT DIAGRAM) 36

4.9 DATABASE MODEL (ER-DIAGRAM, DFD) 36

4.10 GRAPHICAL USER INTERFACES 38

CHAPTER NO.5

DEVELOPMENT AND IMPLEMENTATION


42

5.1 DEVELOPMENT PLAN (ARCHITECTURE DIAGRAM)


43

5.1.1 Development of the programs 44

5.1.2 Tool Selection 44

5.1.3 Platform Selection 45

5.1.4 Selection of Tools 45

5.1.5 PHP: Hypertext Pre-Processor 46

5.1.6 Free-Like Totally Free 46

5.1.7 Free from Restrictive Licenses 46

5.1.8 Massively Reduce Your Server Bills 47

5.1.9 Mature Code 47

5.1.10 Constantly Update 47

5.1.11 Works with a Number of Databases 47


5.1.12 Huge Amounts of Free Integrated Developer Options 47

5.1.13 Improved Communication 48

5.1.14 Managed Complexity 48

5.1.11 System Development 48

CHAPTER NO.6

TESTING
51

6.1 INTRODUCTION 52

6.2 TEST PLAN 52

6.2.1 Unit Testing 52

6.2.2 System Testing 52

6.2.3 Integration Testing 53

6.2.4 User Acceptance Testing 53

6.3 TEST CASES


53

6.4 RESULTS

57

CHAPTER NO.7

CONCLUSION & FUTURE WORK


58

7.1 CONCLUSION
59
7.2 FUTURE WORK
59

CHAPTER NO.8

DEPLOYMENT

60

8.1 DEPLOYMENT PLAN (DEPLOYMENT DIAGRAM)


61

REFERENCES 62
LIST OF FIGURES

2.4.1.1 Use Case Diagram


10

2.4.1.2: Sequence Diagram 11

2.4.1.3: Interaction Overview Diagram 12

2.4.1.4: Activity Diagram 13

2.4.1.5: Communication Diagram 14

2.4.1.6: Component Diagram 15

2.4.1.7: Class Diagram 16

2.4.1.8: Deployment Diagram 17

2.4.1.9: State Transition Diagram 18

4.5.1 DFD Symbols 33

4.5.2: DFD 35

4.9: Database Model (ER-Diagram) 37

4.10.1: Home Page 38

4.10.2: Food Item 38

4.10.3: Admin Login 39

4.10.4: Chat Panel 39

4.10.5: Add Food Page 40

5.1: AUP Development 43

5.2: System Development 49


LIST OF TABLES

3.1: Work Plan 27

3.2: Team Structure 29

6.1: Test Case Title: Log-in 54

6.2: Test Case Title: Customer Registration 54

6.3: Test Case Title: View Details 55

6.4: Test Case Title: View/Order Food stuff 56


ABSTRACT

“E-MENU” is a web based online project. The main aim of the project is to
provide a centralized point from where every person in the Multan Region can view
and get order of their Deals. It is an online web-based online food ordering project that
serves the functionality of E-Menu. The system allows only registered customers to
login and new customers are allowed to register on the application. This is proposed to
be a web application. This project gives customers the opportunity to order the deals
and Food Stuff provided by all the restaurants and enables them to get their food stuff
at home. This project allows restaurants to direct communicate with customers.
CHAPTER 1
Gathering and Analyzing Information
A Web Based Food Selection Assistant App for the Restaurant of Multan City

1.1 INTRODUCTION

Here, a web based interaction system of e-menu is developed. This site manages all the
Restaurants related information, this system also maintain records of all Restaurants of
Multan who register on the website. In this system administrator and Restaurants can
view their deals and details related to their Restaurants. Customers can also chat with
the administrator of Restaurants for any query about their menu content. Administrator
can add, edit, view, update, and delete any information on the website. Customers can
view the information authorized by the administrator.

This is a web application allows you to access the whole information about all
Restaurants of Multan. The collection of the resources and information at one place in
an organized way is made accessible to all the registered Customers and Restaurants of
Multan.

E-menu is a collection of information of all Restaurants of Multan are stored in one


place for current and later use anytime and anywhere. The purpose of this project is to
collect, display and store all the deals and details of food of all Restaurants of Multan at
one website point. To provide web-based communication there is also online web based
chat box for necessity, to ask about any deal and detail about food. Manual searching
for the Restaurants and reasonable prices is most time consuming and difficult as
compared to Manual Suggestion Based System. This system shows the comparison of
various existing food items and their prices. In this project, I will introduce some new
ideas for improving the existing systems.

1.2 PURPOSE

This project aims at creating an E-menu for online food ordering from all over the
Multan. This allows registered users of the system to easily log in and can easily visit
all restaurant’s menu online that are available on the site and choose the menu available
for the order. Saving time, money & easily order by sitting at home are major goals of
this project. Customers can register themselves and view all the allowed details of the
Restaurants of all Multan. The Main objective of E-menu is to gather all the
Restaurants details to one same place and suggest. In this way, every customer will be

Department of Information Technology 2


A Web Based Food Selection Assistant App for the Restaurant of Multan City

able to order any kind of food from any Restaurant from this App/Website. Below are
the some objectives we will cover in this project.

 We can save detail of all Restaurants in Multan.

 All Deals and Food Staff Record.

 All Customer Details.

 Ordering System for any person, any place and from any Restaurant.

 Price comparing Module is Useful for all the customers.

1.3 SCOPE

The E-Menu Cell that is to be developed provide the restaurants as well customers of
University of Education deals and Food Stuff and notes information and also their next
and previous order details. We will firstly cover all restaurants of Multan and after
further implementation and improvements, it will be expand to Punjab region. The E-
Menu is supposed to have the following features:

 The project provides the customers and restaurants with online deals and Food
Stuff viewing and downloading.

 The project provides login facility to the customers.

 The system provides the customers suggestions about restaurants and food items
according to their budget.

 The customers can chat with the administrator for any query about restaurants
details and deals .

The features that are described in this document E-Menu will cover all the Restaurants
in Multan City. After this, we will expand it to Punjab Region for other further
implementation after improvement.

Document are used in the future phases of the project development cycle. The features
described here meet the needs of all the customers. The success criteria for the system
is based in the level up to which the features described in this document are
implemented in the system.

Department of Information Technology 3


A Web Based Food Selection Assistant App for the Restaurant of Multan City

1.4 DEFINITIONS, ACRONYMS AND ABBREVIATIONS

The definitions, acronyms and abbreviation used in project are:

 PHP : Hypertext Preprocessor


 UML: Unified Modeling Language
 HTML : Hypertext Markup Language
 CSS : Cascading Style Sheet
 SDLC : Software Development Life Cycle
 OS : Operating System
 XML : Extensible Markup Language
 DFD : Data Flow Diagram
 MySQLi : My Structured Query Language (Improved)
 AUP : Agile Unified Process
 RUP : Rational Unified Process
 TDD : Test Driven Development
 RIPP : Rapid Iterative Production Prototyping
 RAD : Rapid Application Development
 ERD : Entity Relationship Diagram

Department of Information Technology 4


CHAPTER 2
Software Requirement Specification
A Web Based Food Selection Assistant App for the Restaurant of Multan City

2.1 FUNCTIONAL REQUIREMENTS

2.1.1Network Login:

Since the system needs to handle a lot of confidential customer information, a network
login function is essential for ensuring security. Users who do not have the correct
access rights will be prevented from connecting to the database. There are two groups
of users of the system with different access rights:

 Admin - acts as the system administrator and can perform all functions.

Customer - can view and order deals and food Items.

2.1.2 Customer Information Management

This function allows the personal information of customer, such as their name, phone
no., address, etc., to be managed. Using this function a customer can:

 View or order the deals and food items


 Can Check his/her order status

2.1.3 Admin Information Management

E-Menu app needs to change the records of items/ deals, such as the particulars, their
prices, the type or Image, etc. Using this function and admin can:

 Insert a new record for a deal/Food Item;


 Make changes to the record of a Food Items;

 Search for a particular item or a group of items in a record.

2.2 NON-FUNCTIONAL REQUIREMENTS

2.2.1 Reliability

E-Menu reliability requirements deals with failures to provide online food order
services. As this project is based totally on PHP so it provides the advanced
functionality of better Security and Usability.

Department of Information Technology 6


A Web Based Food Selection Assistant App for the Restaurant of Multan City

2.2.2 Supportability

E-Menu is designed & developed in HTML5, CSS3, Bootstrap4, PHP7.0, and


JavaScript, it is supported by every device including PCs, Laptops, Tablet, Smart
phones, and any handheld devices connected to the internet. It supports all the browsers
versions.

2.2. 3 System Requirements

Now, this method is intended in such the way that it takes fewer resources to figure out
work correctly. It’s its type of minimum needs that we’d like to require care of :

 System neesd 2GB of RAM to run all the operations smoothly.

 It wants a minimum of 1.3GHz of Processor for all processes to run smoothly.

 The system must be controlled by approved person as wrong hands can delete
deals and Food Stuff, notes, results or leak them.

 Rest is all up to the customer’s usage of project.

 The system is made correctly without any bug or error. All the testing is done as
per the requirements. So everything now depends on the usage of this project.

2.2.4 Usability

 The system shall allow the users to access the E-Menu from the Internet using
HTML or it’s derivative technologies. The E-Menu uses a web browser as an
interface.

 No specific training is required as every person knows how to use Browser now
adays.

 The E-Menu is user-friendly, self-explanatory, and responsive.

2.2.5 Efficiency

E-Menu is very efficient and compatible to every hardware on which it will run.
Whenever admin or customer search any query it will respond in no time(very fast).

2.2.6 Portability

Department of Information Technology 7


A Web Based Food Selection Assistant App for the Restaurant of Multan City

E-Menu is adaptable to every environment of other Restaurants of Multan. It is


designed and developed in such as way that it can be ported to any hardware of
Restaurants.

2.3 DOMAIN REQUIREMENTS

The Domain Requirements of E-Menu are below and all these domain requirements are
capable to fullfill the requirements.

 XAMP/Local Server

 HTML5

 CSS3

 PHP7

 Javascript

 MySQLi

Department of Information Technology 8


A Web Based Food Selection Assistant App for the Restaurant of Multan City

2.4 USE CASES AND USAGE SCENARIOS

2.4.1 Use Case Diagrams

Figure 2.4.1.1: Use Case Diagram

In Use Case Diagram, a customer can view and order deals. Admin can access every
panel including Customer Dashboard. Customer can check order status. He can also
view and order deals and food items.

1. Use case name: Place Order

Description:  Customer places an order from the available choices. 

Primary Actor: Customer 

Pre-conditions: System is connected to a power source, display is turned on and


system is configured to accept the inputs. 
Flow of Events:

Department of Information Technology 9


A Web Based Food Selection Assistant App for the Restaurant of Multan City

1. User selects his language preference for the session.


2. User selects from the menu.
3. User confirms the order

Alternative Flow of Events: 

1. User accidentally presses a wrong button and after realizing it he hits


the backspace button.
2. User enters a wrong order and wants to go back to the main menu.

Post Condition: Order has been made that Assumption: User is familiar with
goes to the system for processing.  how to enter values through mouse
and has a general idea

Table 2.4.1.1: This Table shows the process of Order Placement

1. Use case name: customer, On Delievery, cash collector. 

Description:  The user is asked for the mode of payment. The payment is accepted or
is collected by cash collector. And the customer is given a token with their order
number.

Primary Actor: Customer 

Pre-conditions: The order has been confirmed and the total bill has been displayed on
the screen to the customer. Costumer decides to go ahead with the order.
Flow of Events: 

 User enters the mode of payment. (online/on Delievery)


 User makes the payment in cash
 Cash collector collects the money and gives back the change if required.
 User receives a token number and final bill.

Alternative Flow of Events: 

1. User accidentally presses a wrong button and after realizing it he hits

Department of Information Technology 10


A Web Based Food Selection Assistant App for the Restaurant of Multan City

the backspace button.


2. User enters a wrong order and wants to go back to the main menu.

Post Condition: Customer waits for the order Assumption: User is familiar with
to be processed.  how the system works and what is
expected out of system.

Table 2.4.1.2: This Table shows the process of Delivery

1. Use case name: Monitor Food Items

Description:  The user is asked for the mode of payment. The payment is accepted or
is collected by cash collector. And the customer is given a token with their order
number.

Primary Actor Food preparation person, Store Manager Description: This use case


triggers when an item goes out of stock. 

Pre-conditions: None 

 Flow of Events: 
1. Food preparation person/Store manager notices an item out of stock
2. Updates the menu accordingly.

Post Condition: A new and updated menu list Assumption: The Store manager is
will be displayed.  given the rights and privileges to
enter the system and make the
required changes.

Table 2.4.1.3: This Table shows the Monitor Food Items

1. Use case name: Read Order.

Description:  Internal order system reads the order once the customer confirms his
order and then he communicates the order to the Restaurant person. 

Department of Information Technology 11


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Primary Actor Food preparation person, Internal Order system. 

Pre-conditions: User confirms the order. 

 Flow of Events:
1. Internal order system reads the order
2. Communicates the order to the Restaurant

Post Condition: A new and updated menu list Assumption: The Store manager is
will be displayed.  given the rights and privileges to
enter the system and make the
required changes.

Table 2.4.1.3: This Table shows the Read Order.

Department of Information Technology 12


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Figure 2.4.1.2: Sequence Diagram

In Sequence Diagram, we show the activities of the customer and it’s steps how he
check and access the website. Customer access website and website is fetched by web
server which can be fetched by Database. Admin controls the Database and Web
Server.

Department of Information Technology 13


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Figure 2.4.1.3: Interaction Overview Diagram

In Interaction Overview Diagram, we show the customer open the website search deals
and order it. He can also contact with the admin for any error or query. He can search,
browse, view or order the food items and deals and can check out.

Department of Information Technology 14


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Figure 2.4.1.4: Activity Diagram

In this Activity Diagram, we show the flow of admins how they can login and access
the website. admins can view and update information there and new admin/ restaurant
can register. Admin/ restaurant can update their profile and can left the website.

Department of Information Technology 15


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Figure 2.4.1.5: Component Diagram

In the Component Diagram, we show the Internal structure of the E-Menu.


Management System in which customer can search, view, and order the deals or food
items. User can search the deals from the Database we created which contains all type
of food stuff.

Department of Information Technology 16


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Figure 2.4.1.6: Class Diagram

In the Class Diagram, we show the activities of admin and customer. How admin can
login and what he can do on the website like approve order, add items, modify items,
add items, and add deals.

Department of Information Technology 17


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Figure 2.4.1.7: Deployment Diagram

In the Deployment Diagram, user visit the E-Menu to check the deals and order it from
the database. The history of deals and it’s details are saved in the database server.

Department of Information Technology 18


CHAPTER 3
Planning the Project
A Web Based Food Selection Assistant App for the Restaurant of Multan City

3.1 INTRODUCTION

The Planning Phase is the time when the project team transform the initial vision/scope
from the Envisioning Phase into practical plans on how to achieve it. The main purpose
of the Planning Phase is to define the solution in detail along with the approved project
plan and schedule. It states that how and when the project’s objective to be achieved. A
project planning is a formal, approved document used to guide both project execution
and project control.

3.2 METHODOLOGY

A software development methodology or methodology is a framework that is used to


structure, plan and control the process of developing a system. It provides a project
team with the game plan for implementing the project. A good methodology should be
flexible and adapt to the needs of the project organization. It defining the overall goals
of the project.

3.2.1 Available Methodologies

Here we have some Methodologies for developing a system.

Rapid Application Development Model

The term was roused by James Martin, who worked with associates to build up another
technique called Rapid Iterative Production Prototyping (RIPP). In 1991, this approach
turned into the start of the book Rapid Application Development. Quick application
advancement is still being used today and a few organizations offer items that give a
few or the greater part of the apparatuses for RAD programming improvement. (The
idea can be connected to equipment improvement too.) These items incorporate
necessities gathering instruments, prototyping devices, PC helped programming
building devices, dialect advancement situations, groupware for correspondence among
improvement individuals, and testing devices.

3.2.2 CHOSEN METHODOLOGIES

We have used Agile Unified Process Methodology to develop E-Menu System.

Department of Information Technology 20


A Web Based Food Selection Assistant App for the Restaurant of Multan City

3.3 REASONS FOR CHOSEN METHODOLOGY


Agile development, in its simplest form, offers a lightweight framework for helping
teams, given a constantly evolving functional and technical landscape, maintain a focus
on the rapid delivery of business value (i.e., bang for the buck). As a result of this
focus, the benefits of agile software development are that organizations are capable of
significantly reducing the overall risk associated with software development.

Agile Method have some of these Advantages:

 Stakeholder Engagement

 Transparency

 Early and Predictable Delivery

 Predictable Costs and Schedule

 Allows for Change

 Focuses on Business Value

 Focuses on Users

 Improves Quality

3.4 WORK PLAN

Here is some work plan for unique web portal in which we defined how we plan to
work:

SR
Activities Days Reason of Durations
No

Project/Product Analysis and finding feasibilities which are exists in


Feasibility our Product/project need little bit more concentration
1 2
Report by we can judge that what kind of benefits can be
obtained to a specific user.

2 Project/Product 1 In scope we concentrate on the limit of area at which


Scope our Project/Product facilitating and defined.

Department of Information Technology 21


A Web Based Food Selection Assistant App for the Restaurant of Multan City

We need the all counts of internal external files.


Identifying the files also take more concentration.
3 Project/Product 3
Calculation of Fi by rating, Cost / FP, Total Estimated
Costing
Effort, and Total Project Cost involve deep study of
project.

It is a large procedure in which first identifying


project activities after that define all activities early
4 CPM - Critical
start, early finish, late start, late finish and calculation
Path Method
3 of total slack time and Free slack time. And then
finding the critical path by analysis.

We have just entered data in MS Visio application


software, because all work for Gantt chart already
5 Gantt Chart 1
specify.

Introduction to
Team member
6 We mention just introduction with specific skill set
and Tools and
also define tools and technology which we are going
Technology 1
to use.

7 Vision document 2 There is need only some more things and description
of previous identified parameters of products for
generating the Vision.

There is need of finding the uncertainties which can


be come in our product/project and they definitely
8 Risk List 1
lead to loss also define the approaches to resolve
them.

System
specification and
9 1 Need analysis according to system specification.
external entities

Use case First identify the use case name and Description of
descriptions every single use case according to OOAD.

Department of Information Technology 22


A Web Based Food Selection Assistant App for the Restaurant of Multan City

10 8

11 Use Case 5 Make high level use case diagram and analysis level
Diagram use case diagram in which we define inclusion,
extension and generalization relation ships.

Design Class Already identify Classes in domain model .in DCD


Diagram first identify attributes and function of every class
12 4
also define relationships among or between classes.

13 Data Model 1 Make ERD using Microsoft Visio.

14 Interface 15 Interfaces are easy to use, user can easily interact


Creation with our system, and it is really a user friendly
system.

System is capable of performing its required


functionality on demand and without failure system
15 Back-end coding 36
can accomplish its given task accurately and
completely according to standard time and cost.

16 System Testing 9 This is the phase which aware us the work need some
changes or it meet user requirements or not, If not
then what changes are required.

Table 3.1 Work Plan

3.5 PROJECT STRUCTURE

 Prepare for the activity of site mapping

 Brainstorm the types of content

 Define primary navigation

 Flesh out second & third level structure & content

 Don’t forget about utility pages

 Create notes and high-level specifications for each page

Department of Information Technology 23


A Web Based Food Selection Assistant App for the Restaurant of Multan City

 Designate the type of design template

 Iterate. Iterate. Iterate.

3.5.1 Team Structure

A good web development project nearly always has the following necessary roles:

 Content Creator – helps generate new content for the website.

 Project architect – develops the overall concept of the project (not the design)

 Project manager – manages the project and keeps everything on track

 Site designer – designs the look and functionality of the site

 Back-end developer – creates the framework the site interface will be placed on

 Front-end developer – creates and implements interface components

 Site tester – ideally does everything possible to try and break the site until it can
be broken no more.

3.5.2 PROJECT SCHEDULE


Scheduling is all about keeping your workflow as organized as possible. At its core, it
allows you to define your project’s final deadline and determine the individual
milestones that must be met in order to hit that deadline. Here we have seven steps for
creating project schedule.

 Identify individual deliverables

 Define the sequence of activities

 Determine the resources required 

 Identify external factors that could influence your project

 Establish key milestones and final deadlines

 Create your schedule

 Monitor and reforecast

Department of Information Technology 24


CHAPTER 4
Designing the Project
A Web Based Food Selection Assistant App for the Restaurant of Multan City

4.1 INTRODUCTION

Any Design in an application is the base to attract any user to our website or an
application. When user visit Website or an application he has no concern about the
code used behind the Website or application. He not need to know which tool is used in
this design of the Application. The Design of any Particular Website or an application
represents its Functionality. Proper Designing or Structure of the website Provide User
Support.

4.2 PURPOSE

1. The Purpose of the application is to facilitate the Customer.

2. It Provides data about all Resturants of Multan

3. It stores the all kind of Information about Resturants.

4. It Generates Information of the nearby all Resturants.

5. It Stores all kind of Record of Resturants.

6. Many More….

4.3 SCOPE

1. To Provide Customers the Access of ordering any kind of Food Online.

2. To Reduce Restaurant Choosing Time.

3. To Provide User Friendly Environment.

4. To Provide Wide Collection of Restaurants Record.

5. To Add , Delete, and Manage their Accounts.

6. To Communicate with Customers and Restaurants Members.

4.4 DEFINITIONS, ACRONYMS AND ABBREVIATIONS


While making the e-menu no special acronyms and abbreviations can be used there are
simple terms can be used which is given below.
 HTTP

Department of Information Technology 26


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Hyper Text Transfer Protocol is transaction oriented client/server protocol


between Application and a web server.

 XML
Extensible Markup Language is a markup language that was designed to
transport and store data

 MySQLi
Mysqli is an improved version of Structure Query Language. It is a database
management system that provide a flexible and efficient database platform to
rise a strong “On Command” business application.

 Administrator
The administrator can perform all the activities of the system such like add,
remove, update different records and He or She can also create new users and
also can delete any deals and Food Stuff and user and change its password.

 CSS
Cascading Style Sheet is the language for describing the presentation
of Web pages, including colors, layout, and fonts. It allows one to adapt the
presentation to different types of devices, such as large screens, small screens,
or printers. CSS is independent of HTML and can be used with any XML-based
markup language.

 PHP
PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used
open source general-purpose scripting language that is especially suited for web
development and can be embedded into HTML.

Department of Information Technology 27


A Web Based Food Selection Assistant App for the Restaurant of Multan City

4.5 ARCHITECTURAL REPRESENTATION (ARCHITECTURE DIAGRAM)

For system developers, they need system architecture diagrams to understand, clarify,
and communicate ideas about the system structure and the user requirements that the
system must support. It's a basic framework can be used at the system planning phase
helping partners understand the architecture, discuss changes, and communicate
intentions clearly.

Figure 4.5. ARCHITECTURE DIAGRAM

Department of Information Technology 28


A Web Based Food Selection Assistant App for the Restaurant of Multan City

4.6 DYNAMIC MODEL: SEQUENCE DIAGRAMS

Sequence diagrams are used to show the functionality through a use case. Any actors
involved in the system are shown at the top of the diagrams. The objects that the system
needs in the order to perform the use cases are shown at the top of the diagram. Each
arrow represents a message pass between actors and the objects or object and object to
perform the needed functionality. Following diagrams are used to describe the behavior
of the system.

Figure 4.6. SEQUENCE DIAGRAM

Department of Information Technology 29


A Web Based Food Selection Assistant App for the Restaurant of Multan City

4.7 OBJECT MODEL/LOGICAL MODEL: CLASS DIAGRAM

In the Class Diagram, we show the activities of admin and customer. How admin can
login and what he can do on the website like approve order, add items, modify items,
add items, and add deals.

Figure 4.7. CLASS DIAGRAM

Department of Information Technology 30


A Web Based Food Selection Assistant App for the Restaurant of Multan City

4.8 DEPLOYMENT MODEL (DEPLOYMENT DIAGRAM)

Deployment diagrams is a kind of structure diagram used in modeling the physical


aspects of a system. Deployment target is usually represented by a node which is either
hardware device or some software execution environment. Nodes could be connected
through communication paths to create networked systems of arbitrary complexity. In
the Deployment Diagram, user visit the E-Menu web app to check the Deals and order
it from the database. The history of orders and it’s details are saved in the database
server.

Figure 4.8 DEPLOYMENT DIAGRAM

Department of Information Technology 31


A Web Based Food Selection Assistant App for the Restaurant of Multan City

4.9 DATABASE MODEL (ER-DIAGRAM, DFD)


Many Organizations depend on Web Applications for performing various activities and
stores the collected details in the database. Testing of the database is done to ensure the
correctness for the design and working of the database. This paper performs testing of
database design for the application using the Entity Relationship diagram for various
components used in the database, the model is generated from the relational database
that represents various data, entities and the relationship among them. It generates the
test data in the form of semantics of the prolog facts and the rules. The Guard queries
are generated as test cases for the database. These are executed to validate that the
design of the database is appropriate for the Web Application with the objects.

Figure 4.9: Database Model (ER-Diagram)

Department of Information Technology 32


A Web Based Food Selection Assistant App for the Restaurant of Multan City

4.10 GRAPHICAL USER INTERFACES

Figure 4.10.1: HOME PAGE

Figure 4.10.2: FOOD ITEM PAGE

Department of Information Technology 33


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Figure 4.10.3: ADMIN LOGIN PAGE

Figure 4.10.4: ADMIN PANEL

Department of Information Technology 34


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Figure 4.10.5: ADD FOOD ITEM PAGE

Department of Information Technology 35


CHAPTER 5
Development & Implementation
A Web Based Food Selection Assistant App for the Restaurant of Multan City

5.1 DEVELOPMENT PLAN (ARCHITECTURE DIAGRAM)

Figure 5.1 Agile Development


Here we have a step-by-step plan for web app Development Process:

 Creating a roadmap
You have to understand the direction of the project and establish the goals and purposes
of the web application.

 Define the target audience


Prepare the analytics report with the following information: type of audience, age,
gender, education; web access capabilities of the audience; the level of security and
quantitative audience stats.

 Create a detailed functional specifications document


It is used to eliminate any sort of confusion in the future, a functional specifications
document lists all the technical specifications and functionalities of a web application
which is to be developed.

 Deciding on outsourcing
Web application development is often cost-effective and faster when outsourced.

 Selecting Technology
On this stage you need to define the platform, technology, environment, structure,
and framework. Don’t forget about the project timeline which has to be decided on the
same stage (as far as it largely depends on technology).

 Designing Layout and Interface

Department of Information Technology 37


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Here a visual guide or a simple UI sketch has to be created. Once the interface and
interaction models are approved, the design is implemented.

 Web app development


First, do the application’s architecture and framework, design its database structure.
Then you have to develop or customize the module, classes, and libraries, and
implement all the functionalities mentioned in the specifications.

 Testing
That includes QA testing and bug fixing. A web application must be put through the
paces, and all suitable testing techniques must be employed, including load testing,
stress testing, performance testing, usability testing etc.
ARCHITECTURE DIAGRAM

Figure 5.1.1 ARCHITECTURE DIAGRAM

Department of Information Technology 38


CHAPTER 6
Testing
A Web Based Food Selection Assistant App for the Restaurant of Multan City

6.1 INTRODUCTION

Web Testing in simple terms is checking your web application for potential bugs before
its made live or before code is moved into the production environment. During this
stage issues such as that of web application security, the functioning of the site, its
access to handicapped as well as regular users and its ability to handle traffic is
checked. Web application testing, a software testing technique exclusively adopted to
test the applications that are hosted on web in which thTest planning, the most
important activity to ensure that there is initially a list of tasks and milestones in a
baseline plan to track the progress of the project. It also defines the size of the test
effort. It is the main document often called as master test plan or a project test plan and
usually developed during the early phase of the project. Here we have some plan
activities.

 To determine the scope and the risks that need to be tested and that are NOT to
be tested.

 Documenting Test Strategy.

 Making sure that the testing activities have been included.

 Deciding Entry and Exit criteria.

 Evaluating the test estimate.

 Planning when and how to test and deciding how the test results will be
evaluated, and defining test exit criterion.

 The Test artefacts delivered as part of test execution.

 Defining the management information, including the metrics required and


defect resolution and risk issues.

 Ensuring that the test documentation generates repeatable test assets.

6.2.1 UNIT TESTING


Unit testing, a testing technique using which individual modules are tested to determine
if there are any issues by the developer himself. It is concerned with functional
correctness of the standalone modules. The main aim is to isolate each unit of the

Department of Information Technology 40


A Web Based Food Selection Assistant App for the Restaurant of Multan City

system to identify, analyze and fix the defects. There are many advantages of Unit
Testing.

 Reduces Defects in the newly developed features or reduces bugs when


changing the existing functionality.

 Reduces Cost of Testing as defects are captured in very early phase.

 Improves design and allows better refactoring of code.

 Unit Tests, when integrated with build gives the quality of the build as well.

6.2.2 SYSTEM TESTING


System Testing (ST) is a black box testing technique performed to evaluate the
complete system the system's compliance against specified requirements. In System
testing, the functionalities of the system are tested from an end-to-end perspective.
System Testing is usually carried out by a team that is independent of the development
team in order to measure the quality of the system unbiased. It includes both functional
and Non-Functional testing.

6.2.3 INTEGRATING TESTING


Data integrity corresponds to the quality of data in the databases and to the level by
which users examine data quality, integrity and reliability. Data integrity testing
verifies that the data in the database is accurate and functions as expected within a
given application. Characteristics of Integrating Testing and given below

 Checking whether or NOT a blank value or default value can be retrieved from
the database.

 Validating each value if it is successfully saved to the database.

 Ensuring the data compatibility against old hardware or old versions of


operating systems.

 Verifying the data in data tables can be modified and deleted

 Running data tests for all data files, including clip art, tutorials, templates, etc.

6.2.4 USER ACCEPTANCE TESTING

Department of Information Technology 41


A Web Based Food Selection Assistant App for the Restaurant of Multan City

User acceptance testing, a testing methodology where the clients/end users involved in
testing the product to validate the product against their requirements. It is performed at
client location at developer's site. For industry such as medicine or aviation industry,
contract and regulatory compliance testing and operational acceptance testing is also
carried out as part of user acceptance testing. UAT is context dependent and the UAT
plans are prepared based on the requirements and NOT mandatory to execute all kinds
of user acceptance tests and even coordinated and contributed by testing team.

6.3 TEST CASES

A test case is a document, which has a set of test data, preconditions, expected results
and post conditions, developed for a particular test scenario in order to verify
compliance against a specific requirement. Test Case acts as the starting point for the
test execution, and after applying a set of input values, the application has a definitive
outcome and leaves the system at some end point or also known as execution post
condition.

6.4 RESULTS

Result reporting is a mechanism with which the state of the product is presented to the
customer from various angles. Format of the Report varies from time to time as
mentioned below:

 Stage of testing in the Development Model.

 Targeted Audience.

 Testing technique adopted.

 Type of testing involved like Functional, Performance/Load/Stress, Disaster


recovery, etc.

Test planning, the most important activity to ensure that there is initially a list of tasks
and milestones in a baseline plan to track the progress of the project. It also defines the
size of the test effort. It is the main document often called as master test plan or a
project test plan and usually developed during the early phase of the project. Here we
have some plan activities.

 To determine the scope and the risks that need to be tested and that are NOT to
be tested.

Department of Information Technology 42


A Web Based Food Selection Assistant App for the Restaurant of Multan City

 Documenting Test Strategy.

 Making sure that the testing activities have been included.

 Deciding Entry and Exit criteria.

 Evaluating the test estimate.

 Planning when and how to test and deciding how the test results will be
evaluated, and defining test exit criterion.

 The Test artefacts delivered as part of test execution.

 Defining the management information, including the metrics required and


defect resolution and risk issues.

 Ensuring that the test documentation generates repeatable test assets.

6.2.1 UNIT TESTING


Unit testing, a testing technique using which individual modules are tested to determine
if there are any issues by the developer himself. It is concerned with functional
correctness of the standalone modules. The main aim is to isolate each unit of the
system to identify, analyze and fix the defects. There are many advantages of Unit
Testing.

 Reduces Defects in the newly developed features or reduces bugs when


changing the existing functionality.

 Reduces Cost of Testing as defects are captured in very early phase.

 Improves design and allows better refactoring of code.

 Unit Tests, when integrated with build gives the quality of the build as well.

6.2.2 SYSTEM TESTING


System Testing (ST) is a black box testing technique performed to evaluate the
complete system the system's compliance against specified requirements. In System
testing, the functionalities of the system are tested from an end-to-end perspective.
System Testing is usually carried out by a team that is independent of the development

Department of Information Technology 43


A Web Based Food Selection Assistant App for the Restaurant of Multan City

team in order to measure the quality of the system unbiased. It includes both functional
and Non-Functional testing.

6.2.3 INTEGRATING TESTING


Data integrity corresponds to the quality of data in the databases and to the level by
which users examine data quality, integrity and reliability. Data integrity testing
verifies that the data in the database is accurate and functions as expected within a
given application. Characteristics of Integrating Testing and given below

 Checking whether or NOT a blank value or default value can be retrieved from
the database.

 Validating each value if it is successfully saved to the database.

 Ensuring the data compatibility against old hardware or old versions of


operating systems.

 Verifying the data in data tables can be modified and deleted

 Running data tests for all data files, including clip art, tutorials, templates, etc.

6.2.4 USER ACCEPTANCE TESTING


User acceptance testing, a testing methodology where the clients/end users involved in
testing the product to validate the product against their requirements. It is performed at
client location at developer's site. For industry such as medicine or aviation industry,
contract and regulatory compliance testing and operational acceptance testing is also
carried out as part of user acceptance testing. UAT is context dependent and the UAT
plans are prepared based on the requirements and NOT mandatory to execute all kinds
of user acceptance tests and even coordinated and contributed by testing team.

6.3 TEST CASES

A test case is a document, which has a set of test data, preconditions, expected results
and post conditions, developed for a particular test scenario in order to verify
compliance against a specific requirement. Test Case acts as the starting point for the
test execution, and after applying a set of input values, the application has a definitive
outcome and leaves the system at some end point or also known as execution post
condition.

Department of Information Technology 44


A Web Based Food Selection Assistant App for the Restaurant of Multan City

6.4 RESULTS

Result reporting is a mechanism with which the state of the product is presented to the
customer from various angles. Format of the Report varies from time to time as
mentioned below:

 Stage of testing in the Development Model.

 Targeted Audience.

 Testing technique adopted.

 Type of testing involved like Functional, Performance/Load/Stress, Disaster


recovery, etc.

Department of Information Technology 45


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Test Case Title: Log-in

Test case 1: Log-in Priority (H, L): High

Test Objective: For Log-in

Test Description: “User enters the required fields, presses Log-in button”, It must
contact with the database, and database updates and sends result to the user.

Requirements Verified: Yes

Test Environment: Application must be in running state, Database Should


contain appropriate table and connection must be established between application
and database.

Test Setup/Pre-Conditions: Application should be in running state. All the


mandatory fields must be entered.

Actions Expected Results


The admin will Log-
in to access “Log-in successfully”, Displays Main Menu.
application.

Pass: Yes Conditions pass: Yes Fail: No

Problems / Issues: NIL

Notes: Successfully Executed

Table 6.1

Department of Information Technology 46


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Test Case Title: Customer Registration

Test case 2: User Registration Priority (H, L): High

Test Objective: For Verifying User Registration

Test Description: “User selects the required options.”

Requirements Verified: Yes

Test Environment: Application must be in running state, Database Should contain


appropriate table and connection must be established between application and
database.

Test Setup/Pre-Conditions: Application should be in running state. All mandatory


fields must be entered.

Actions Expected Results


The user will register to access “Registered Successfully” Display
application. Menu.

Pass: Yes Conditions pass: Yes Fail: No

Problems / Issues: NIL

Notes: Successfully Executed

Table 6.2

Department of Information Technology 47


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Test Case Title: View Details

Test case 3: Viewing details Priority (H, L): High

Test Objective: For Viewing Details

Test Description: “User selects the required option from the Menu; Application
connects with the database, database updates and sends result to the user.

Requirements Verified: Yes

Test Environment: Application must be in running state, Database Should contain


appropriate table and connection must be established between application and
database.

Test Setup/Pre-Conditions: Application should be in running state. The user must


have to select one of the options.

Actions Expected Results


The user will Log-in to access
Displays Details.
application.

Pass: Yes Conditions pass: Yes Fail: No

Problems / Issues: NIL

Notes: Successfully Executed

Table 6.3

Department of Information Technology 48


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Test Case Title: View/Order Food stuff

Test case 3: Viewing/Ordering Food stuff Priority (H, L): High

Test Objective: For Viewing and Ordering Food stuff

Test Description: “User selects the required option from the Menu; Application
connects with the database, database updates and sends result to the user.

Requirements Verified: Yes

Test Environment: Application must be in running state, Database Should contain


appropriate table and connection must be established between application and
database.

Test Setup/Pre-Conditions: Application should be in running state. The user must


have to select one of the options.

Actions Expected Results


The user will Log-in to access
Displays Food stuff to View Or Order.
application.

Pass: Yes Conditions pass: Yes Fail: No

Problems / Issues: NIL

Notes: Successfully Executed

Table 6.4

6.4 REPORT

Department of Information Technology 49


A Web Based Food Selection Assistant App for the Restaurant of Multan City

Reporting test execution results is very important part of testing, whenever test
execution cycle is complete, tester should make a complete test results report which
includes the Test Pass/Fail status of the test cycle.

If manual testing is done then the test pass/fail result should be captured in an excel
sheet and if automation testing is done using automation tool then the HTML or XML
reports should be provided to stakeholders as test deliverable.

Department of Information Technology 50


CHAPTER 7
Conclusion & Future Work
A Web Based Food Selection Assistant App for the Restaurant of Multan City

7.1 INTRODUCTION

People’s life is getting busier with every passing moment; especially in the
metropolitan & surrounding areas. To keep up with the hectic schedule, they need
quick, reliable, & anytime-anywhere assistance for various day-to-day tasks.Online
food ordering & delivery marketplace has been a promising business idea from the
start. And it is evident from the success of the first generation of online food ordering
startups like FoodPanda, GrubHub, Eat24, and others. However, amid the torrent of
new online business ideas, which are sprouting all over the web, the sector hasn’t
received the attention it deserves from aspiring entrepreneurs. As a result, many parts
of it still remain unexplored.

7.2 FUTURE WORK

This system is a bunch of benefits from various point of views. As this online
application enables the end users to register to the system online, select the food items
of their choice from the menu list, and order food online. It is developed to help
restaurants to simplify their daily operational and managerial task as well as improve
the dining experience of customers. And also helps restaurant develop healthy customer
relationships by providing good services. The system enables staff to let update and
make changes to their food and beverage list information based on the orders placed
and the orders completed.
Worldwide, the market for food delivery stands at €83 billion, or 1 percent of the total
food market and 4 percent of food sold through restaurants and fast-food chains. It has
already matured in most countries, with an overall annual growth rate estimated at just
3.5 percent for the next five years. This shows that it is the need of Modern Era.

Department of Information Technology 52


CHAPTER 8
Deployment
A Web Based Food Selection Assistant App for the Restaurant of Multan City

8.1 DEPLOYMENT PLAN (DEPLOYMENT DIAGRAM)


A Deployment Design characterizes the succession of activities or steps that must be
conveyed to convey changes into an objective framework condition. The individual
tasks inside a sending design can be executed physically or consequently. Organization
designs are normally all around characterized and affirmed preceding the sending date.
In circumstances where there is a high potential danger of disappointment in the
objective framework condition, arrangement designs may practiced to guarantee there
are no issues amid real organization. Organized repeatable arrangements are likewise
prime contender for robotization which drives quality and proficiency. As it is a
website so its deployment is not so difficult, the client who is using this just need a
standard browser to run it once it can uploaded on web server online by purchasing
domain and then it can accessed online. If you want to run locally you have to install
WAMP/XAMP first it can show the web you have to use simply a browser to run it
locally.

In the Deployment Diagram, user visit the E-Menu to check the deals and order it from
the database. The history of deals and it’s details are saved in the database server.

8.1 DEPLOYMENT PLAN (DEPLOYMENT DIAGRAM)

IMPLEMENTATION

Department of Information Technology 54


A Web Based Food Selection Assistant App for the Restaurant of Multan City

The implementation stage of software development is the process of converting a


system specification into an executable system. It almost always involves processes of
software design and programming. In other words, it is a process of converting system
requirements into program codes.

Department of Information Technology 55


A Web Based Food Selection Assistant App for the Restaurant of Multan City

REFERENCES

Food stuff Reference:

[1] Steven Morris, Carlos Coronel, Peter Rob, Database Systems: Design,
Implementation, and Management.

[2] Craig Larman, An Introduction to Object-Oriented Analysis and Design


and Iterative Development 3rd Edition.

[3] Pressmen, Somerville, Software Engineering: Design, Implementation, and


Management.

[4] Roger S. Pressman, David Lowe, Web Engineering: A Practitioner’s


Approach.

Websites:

[1] www.Stackoverflow

[2] www.php.com
[3] www.w3schools.com
[4] www.tutorialspoint.com/index.htm
[5] www.w3resource.com
[6] www.codeproject.com

Department of Information Technology 56

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy