1

2
3
4
1 Introduction
The globe is quite diverse, and in today's society, individuals primarily desire ease and comfort
in whatever they do. People prefer to purchase meals online and have it delivered to their homes
rather than going to a restaurant. As a result of numerous customers choosing to place meal
orders here, the restaurant's owner, staff, and patrons experience increased chaos. The restaurant
must take a lot of calls before accepting an online food order, which makes it tough for them to
keep track of the calls and causes the orders to be incorrect. It is tough for the restaurant to
improve its services while dealing with such issues. The restaurant "RemoveHunger" has
provided a way to create the application where this issue might be resolved in order to combat it.
Customers must be able to examine the menu, choose their meal, and place an order using this
online food ordering system. They must also be able to pay for their orders online (SMARTHER,
2021).

Figure 1 Logo

The proprietors' RemoveHunger service satisfies the need of the online meal ordering system.
The accessibility and user satisfaction of the system should be high. The user should be able to
place orders for meals and other things as well as make payments online. There shouldn't be any
tension associated with placing typical meal orders. In order to address the needs of the end-
users, the designer should bear in mind all the stakeholders and adhere to accessibility design
principles.

5
2 Problem Statements
This results in new technology at a high degree of freelancing, automation, and high
documentation and work efforts. They are all kept in the chest and are organized using racks and
cardboard. The booked procedure is time-consuming, and the information cannot be completed
rapidly. The following are the consequences of not having a laptop:
 Time consuming
 Private information may be lost; and talented employees are necessary for the internet
platform.
 Problematic in retrieving deleted information

3 Objectives
 To make it possible for restaurant patrons to place orders and make payments online.
 To create and construct a more usable, responsive application.
 To speed up and simplify the ordering process.

4 Scope
The RemoveHunger applications will allow customers to offer food online and payments meets
through online. This request allow the customers to choose different foods item viewing the
menu. The breadth of this website will greatly expand as more and more consumers use it as the
number of patrons of this restaurant continually grows. Additionally, this website will automate
and simplify the ordering process for the restaurant, allowing them to simply manage online
meal orders. Therefore, long-term usage of this website will undoubtedly benefit the restaurant
both economically and in terms of time.

4.1 Targeted Audience

This foods sequence is used by RemoveHunger client license. This application help and make
easy to the customers who are willing to order food online and get food order instance. If for
whatever reason they are unable to visit the restaurant, they may log on to our website, place
orders, and pay using their credit or debit cards. The restaurant's management staff will also be
frequently use that website since they are in charge of controlling the website's menu options as
well as the orders that are generated through the website.

6
5 Project Schedule
Figure 2: Gantt chart

6 Major Function
 Users can create an account on the website and log in.

7
  User can search the menu items in nav bar.
 Users can add things to their shopping carts.
 Users have the option to pay online.
 Users have access to their profiles.
 Admin is able to oversee operational workers.
 Admin can control menu items, orders, and reports.

7 Requirements Specification
This above is define below;

 The users must be login to the website.

 Both dynamic and interactive website should be developed.
 The website should adapt the screen size of any device and must be responsive.
 Any typical Web Browser should be able to visit the webpage.
 The ability to handle Users, Products, Categories, and Orders is required of
administrative users.
 To place orders, customers need to be able to explore the food menu and add things to
basket.
 Users must have access to profile management.
 Customers ought to have access to their order history.
 Customers ought to have access to their order history.
 Customers ought to be permitted to express their opinions.
 For online payments, the system must offer a Payment gateway.

7.1 Hardware requirements

 2GB Ram
 1024x720 of screen size
 The website's server & database need 20GB of free hard drive space to operate.
 High bandwith

7.2 Software requirements

 every internet site

8
  SQL Server Management Studio 2015 or above, as well as Visual Studio 2015 or higher

8 Design
8.1 Use case diagram
Companies are able to use visual display to demonstrate their running systems throughout the
design and development stage. Use case diagrams are a tool for charting and visualizing system
and human interactions. Use case diagrams may help individuals in a range of fields, including
selling, web development, advertising, and technology, design networks. We describe use case
diagrams, go through their essential components and intended application, and provide instances
of the use context diagram in various contexts inside this post (indeed, n.d.).

Figure 3: Use case diagram

8.2 Class diagram

9
Figure 4 Class diagram

8.3 Administrative case diagram

Figure 5: Administrative case diagram

10
8.4 Activity Diagram
In contrast to a graph or data chart, a process diagram depicts the steps, flows, or controls in a
system. Process diagrams are a popular way to model business processes. They can also be
depicted in user interface diagrams. Simulation activities might be sequential or concurrent.
There is always a beginning and an end to art. (smartdraw, n.d.).

Figure 6: Activity Diagram

11
8.5 Admin side DFD
Figure 7: DFD 1st Level

12
9 Website architecture

9.1 Mobile View

13
9.2 Desktop View

9.3 Interface Design

Interface design is the view of the user’s to understand the system. User can monitor the all the
sections.

Figure 8: Home Page

This is the homepage of the website. Users can view all the menu and can register from here to
order food items. User can view contact, about us, Select menu and register.

Figure 9: Contact

14
This is the contact section of the website. Here, the user can contact us throughout number, using Gmail.
User can view the location of the restaurants.

Figure 10: View Menu

This is the menu page of the website. Here, user can view all the food items they want to order. They can
order the food they want from this website.

Figure 11 Customer Login

15
From this page users can login into the user section. They can order, make payment after login from this
page.

Figure 12: Admin Login

This is admin login page.

16
Figure 13 Registration

In this page, new user can register their account to order the food and can makes payments online.

Figure 14 Add Dashboard

This is admin dashboard. Admin can ass foods, view the user feedback, view the sales can change the
password. Admin can edit and delete the food items.

Figure 15 Admin Login

17
From this page we can add a new admin.

Figure 16 View Feedback

This is a feedback page. In this admin can view the feedback given by the user.

Figure 17 View Sales

18
From this page admin can view the sales order of the food items. Admin can delete the sales.

Figure 18: User Section

This is the user section of the page. From here, user can view the menu. User can order the food items and
make payment online.

19
Figure 19: Edit User Profile

Figure 20 Add to cart

This is the cart or delivery option for the user.

Figure 21: Payments

20
10 Implementation
10.1 Related factor in designing the User Interface (UI)
User interface (UI) design is created specifically with your website's customers or visitors in
mind. You want more users to visit your website as the owner. Your website does not appear
inviting to users if you neglect the user interface. Nowadays, web designer place a greater
emphasis on the design of the user interface. Websites are being created in response to public
need. Here are a few stages that a design should follow to provide a fantastic user interface
(VXPLORE Technologies, n.d.).

21
11 Code Implementation
11.1 User Registration

11.2 Viewing record data (reading)

22
11.3 Changing Password

11.4 Removing Items from DB

11.5 User login

23
12 Steps Involved in implementing the system
The several steps can be implement in development of the application. This application was
developed in a sequential manner. It should adhere to a specific Methodology for System
Development in order to increase the activities are performed' productivity and efficiency.
Thanks to embedded warnings, logging, and coding performance level insights, debugging and
improving your program is simple (ALTVATER, 2020).

For this project, I've chosen the Waterfall Model as the System Development Methodology. The
wave technique is a typical project management strategy with a continuous framework. Each
stage of a waterfall project must be completed before going on to the next. Although there are
many different project management systems, I picked Waterfall because it is most suited to goal-
oriented tasks (Hoory & Bottorff, 2022). Various characteristics of waterfall processes;

Requirement: You sketch out the broad strokes of your project's needs at this stage. These really
are elevated ideas that can be put into practice in several methods.

Design: Once we have a strong knowledge, the following stage is to find out how to design a
solution that fits the project criteria. You can find out how to best serve millions of clients every
day.

Implementation: The site's incremental process is finished during this stage. Eventually, the ideas
created in the second step are codified and the entire program is created. Here, little software unit
instances are created and merged into larger programs.

Verification: Inside this stage, I test if the solution I developed in step four validates
my requirements. To verify that the system is bug-free, various testing stages are carried out.

Maintenance: After examination and inspection, the sketch is not complete. Equipment needs
extensive upkeep. We will soon provide you with "transformative and contemporary" services.

24
13 Conclusion
Since I was the developer of the application, I should have adopted the procedures of each
paragraph and planned my own plan to achieve a complete examination. The method of
purchasing food is now determined by this method. To simplify the process and more effective to
operate, this solution places a strong emphasis on responsiveness and usability of the design. The
system has a dynamic design and is adaptive as well. Clients of the RemoveHunger restaurant
will be able to explore the menus and place orders using this technology. Additionally, customers
may reserve a seat and a time slot for a specific day and time.

25
14 References
ALTVATER, A. (2020). What Is SDLC? Understand the Software Development Life Cycle. Stackify.

Hoory, L., & Bottorff, C. (2022, march 25). Forbes ADVISOR. Retrieved from What Is Waterfall
Methodology? Here’s How It Can Help Your Project Management Strategy:
https://www.forbes.com/advisor/business/what-is-waterfall-methodology/

indeed. (n.d.). Use Case Diagram: Definition and Examples. Retrieved from indeed:
https://www.indeed.com/career-advice/career-development/use-case-diagram

smartdraw. (n.d.). Activity Diagram. Retrieved from smartdraw: https://www.smartdraw.com/activity-

diagram/

SMARTHER. (2021). Advantages and Disadvantages of the Online Food Ordering System. SMARTHER, 2.

VXPLORE Technologies. (n.d.). VXPLORE Technologies. Retrieved from User Interface Design Factors:
https://www.v-xplore.com/user-interface-design-factors/

26
15 Appendices

27
28