HUMAN COMPUTER

INTERACTION

Bakeman Bakers Website

Submitted by: Maria Hamid

1
Table of Contents

Introduction 3

System Overview 3

Getting Started 4

System Requirement 4

Diagrams 4-7

Flow diagram 5-6

Block diagram 7

Conclusion 7

Appendix 7-11

Questionnaire 7-8

Web images 8-11

References 12

2
INTRODUCTION:
An online food ordering system is a web-based application that stimulates the foodies(customers)
to put food orders through internet.
In fast paced time of today, when everyone is squeezed for time, the majority of people are
fastidious when it comes to placing a food order. The customers of today are not only attracted
because placing an order online is very convenient but also because they have visibility into the
items offered, price and extremely simplified navigation for the order.
Manual listing of orders by the waiters may result to slow response in customer service. Hence,
if the restaurant uses this system, manipulation of orders to the customers be so easy and quickly
by just choosing the desired menu available in the system.
Online ordering website here, greatly simplifies the ordering process for both the customer and
the bakeman bakers. Website presents an interactive and up-to-date menu with all available
options in an easy to use manner. Customer can choose items to place an order which will land in
the cart. Customer can view all the order details in the cart before checking out. At the end,
customer gets order confirmation details. Once the order is placed it is entered in the database
and retrieved in pretty much real time. This allows bakeman bakers employees to quickly go
through the orders as they are received and process all orders efficiently and effectively with
minimal delays and confusion

SYSTEM OVERVIEW:
We have one home page where multiple options allow the user to choose different food items
with the actual price. There will be a system administrator who will have the right to add and
manage user accounts, a manager who will be managing product and orders. Following are the
system overview of the system:
 Create an account.
 Manage their account.
 Log in to the system.
 Navigate the restaurant’s menu.
 Select an item from the menu.
 Add an item to their cart.
 Review their cart.
 Cancel order.
 Provide payment details.
 Place an order.
 Receive confirmation.

3
 GETTNG STARTED:
Customers of the Web Ordering system will interact with the application through an easy to use
top navigation menu.

“Home” menu option: allows the users to see all food items offered with nice images as well as
to know about the taste of bakeman baker items.

“About” menu option: this option allows the user to about the bakeman bakers.
“Menu” menu option: a ‘Drop-Down’ menu, allows users to see all food items with price per
category.

“Order Online” menu option: Allows users to see details of the items placed in my order.
Details include Item #, Product Name, Product Description, Quantity, Unit Price. It also allows
‘Update’ and ‘Delete’ an item using single button click. User can then use a ‘ORDER NOW’
button to proceed further.
After pressing ORDER NOW button we see the final total amount. User will be asked to
provide all required details in displayed text boxes and make appropriate Dropdown selections.
Then, all this information can be saved using a ‘Save’ button. - User will then be presented with
a “Review Order” page, which will display Payment Information along with Order details to
review. User can then use a ‘Check Out’ button to place an order. - Once order is placed, user
will be presented with appropriate Order confirmation success/failure message.

“Contact” menu option: allow users to get feedback about items and ask for any queries.

SYSTEM REQUIREMENTS:
Systems requirements are to have knowledge about online ordering, how an order can be placed
in any website. For every website there are certain rules that must be followed.
In this topic my requirements were to have a website that gives knowledge about the food order
from bakeman there are certain items you have to select your item and add them to cart. After
that the system will generate the total. The you click the checkout button and add your correct
details. Once your order is placed you will get the confirmation message.
 User should have appropriate version of windows.
 System should have up to 2 GB ram minimum requirement for the application.

DIAGRAMS:

Flow Diagram:
4
 start

Home

About Menu Order Online Contact Chat

Cakes Snacks Sweets Donuts Fast Food Bread & Rusk Biscuits

Add to cart Select item

If we want
NO
to order Discard

Yes

Order Now

5
 Calculate Total

Add details

Payment Information
No

Correct

Yes

Review Order Checkout

Order Confirmation

6
Block diagram:

Web ordering Order

Database
system Retrieval
Bakers
customer employee

Menu
Management

Bakers employee

CONCLUSION:
We conclude that this project can be beneficial in daily life of people and will save a lot of time
by showing the list of food menus with accurate price of different bakery items with daily
updates and also this help us to avoid long queues at the counter.

APPENDIX:
This section includes questionnaire and various Web application images.

Questionnaire:
Q1. Number of orders per day for home delivery?
a. 100-250
b. 250-400
c. 400-550
d. 550 and above
Q2. Number of walk-in customers per day?
a. 75-150
7
 b. 150-300
c. 300-400
d. 400 and above
Q3. Are you tied up with any of the food ordering app?
a. Yes
b. No
Q4. Which online portal gives the maximum number of orders?
a. Foodpanda
b. Zomato
c. TinyOwl
d. Swiggy
Q5. Which portal do you prefer the most?
a. Foodpanda
b. Zomato
c. TinyOwl
d. Swiggy

Web Application images:

1. Home page

8
2. About page

3. Menu Section

9
4. Online Order

5. Order Details

10
6. Contact Us

11
REFERENCES:
1. https://scholarworks.gvsu.edu/cgi/viewcontent.cgi?article=1222&context=cistechlib
2. https://www.academia.edu/28907362/ONLINE_FAST_FOOD_ORDERING_SYSTEM_PROJECT
3. http://www.cs.bham.ac.uk/~rjh/courses/IntroductionToHCI/2017-18/Submissions/Group13.pdf
4. https://www.academia.edu/34223147/Food_order_proposal
5. https://www.slideshare.net/armanreza161/food-ordering-system-75284735
6. https://www.slideshare.net/sahiljain7169/summer-internship-project-report-on-online-food-
app-tinyowl
7. https://www.academia.edu/34499142/An_Online_Food_Ordering_System_System_Documenta
tion
8. https://editor.wix.com/html/editor/web/renderer/external_preview/document/632253e3-
fe64-48b2-a943-b93d807ae88f?metaSiteId=2060152f-47b2-49e9-b70b-0a9637f548d5

12