GROUP ASSIGNMENT

TECHNOLOGY PARK MALAYSIA

CT050-3-2-WAPP
WEB APPLICATION
INTAKE CODE: NP2F1809IT
HAND OUT DATE: 23 April 2019
HAND IN DATE: 8 August 2019
WEIGHTAGE: 50%

______________________________________________________________________

INSTRUCTIONS TO CANDIDATES:

1. Submit your assignment at the administrative counter.

2. Students are advised to underpin their answers with the use of
references (Cited using the Harvard Name System of referencing).
3. Late submissions will be awarded zero (0) unless extenuating
Circumstances (EC) is upheld.
4. Cases of plagiarism will be penalized.
5. The assignment should be bound in an appropriate style (comb
bound or stapled)
6. Where the assignment should be submitted in both hard copy and
softcopy, the softcopy of the written assignment should be on a CD in
an envelope/ CD cover and attached to the hardcopy.
7. You must obtain 50% overall to pass this module.

GROUP ASSIGNMENT
 WEB APPLICATION

NP2F1809IT
MODULE LCTURER: MR. JASBIR MAKKAR

SUBMITTED BY:

Anjana Panta (NP000149)

Beena Dhamalahawa Tharu (NP000150)

Haleem Ansari (NP000151)

 Acknowledgment

This project report titled “Web Application” has been prepared to fulfill the partial
fulfillment of the requirement for BSc. IT IV Semester from Asia Pacific University (APU).

We would like to express our deepest appreciation to all those who provided us the
possibility to complete this report. Special gratitude is towards our second-year project,
provided by the college and our classmates whose contribution to stimulating suggestions and
encouragement helped us to coordinate our project especially in writing this report.

Furthermore, we would also like to acknowledge with much appreciation Mr. Jasbir
Makkar who gave his precious time for the completion of the project.

Sincerely,

Anjana Panta (NP000149)

Beena Dhamalahawa Tharu (NP000150)

Haleem Ansari (NP000151)

IV Semester (March Session)

 Table of Content
1. Introduction.........................................................................................................................1

1.1 Problem Statement.......................................................................................................2

2. Project Plans.......................................................................................................................3

2.1 Objective......................................................................................................................3

2.2 Scope...........................................................................................................................3

2.3 Aim..............................................................................................................................3

2.4 Target Audience..........................................................................................................3

2.5 Project Schedule (Gantt chart).....................................................................................4

2.6 Major function of website...........................................................................................5

3. Requirement Specification..................................................................................................6

3.1 User Profiling..............................................................................................................6

3.2 Hardware and Software Requirement.........................................................................7

3.3 Task Analysis..............................................................................................................7

4. System Design and Modelling............................................................................................9

4.1 Use Case Diagram.......................................................................................................9

4.2 Class Diagram...........................................................................................................10

4.3 Data Dictionary.........................................................................................................11

4.4 System Module..........................................................................................................13

4.5 Interface design.........................................................................................................15

5. Implementation.................................................................................................................18

5.1 Class..........................................................................................................................18

5.2 Object........................................................................................................................18

5.3 Inheritance.................................................................................................................18

5.4 Polymorphism............................................................................................................19

5.5 Screenshots:...............................................................................................................21
 5.6 Code Snap..................................................................................................................25

6. Conclusion........................................................................................................................27

7. References.........................................................................................................................28

Table of Figure
Figure 1: Gantt chart (1).............................................................................................................4

Figure 2: Gantt chart (2).............................................................................................................4

Figure 3: Use Case Diagram......................................................................................................9

Figure 4: Class Diagram...........................................................................................................10

Figure 5: Interface of Home.....................................................................................................15

Figure 6: Interface of Menu....................................................................................................16

Figure 7: Interface of adding to cart.........................................................................................17

Figure 8: Home page................................................................................................................21

Figure 9: Menu.........................................................................................................................22

Figure 10: Select Product.........................................................................................................22

Figure 11: Registration Form...................................................................................................23

Figure 12: Menu list.................................................................................................................23

Figure 13: Login Form.............................................................................................................24

Figure 14: Add to cart..............................................................................................................24

Figure 15: Connection Code....................................................................................................25

Figure 16: Login Code.............................................................................................................25

Figure 17: Create and Update Code.........................................................................................26

Figure 18: Cart Code................................................................................................................26

Figure 19: Order Code.............................................................................................................26

 Table of Tables
Table 1: User............................................................................................................................11

Table 2: Enquiry.......................................................................................................................11

Table 3: Menu..........................................................................................................................12

Table 4: Menu Category...........................................................................................................12

Table 5: Order..........................................................................................................................13
 1. Introduction
The world has been changed, and the technology has taken the world in its control.
Everything has become digital and smart such as digital marketing, smart phones, smart
watches, smart T.V. etc. The human being, the smartest creature of the nature, has brought
technologies and the technology has brought the evolution of the internet. After the evolution
of internet, human life has become easier and more comfortable. With the help of internet
people can save their precious time and money, do the work faster such as communication,
sharing information, etc. with each other easy with few seconds.

In this project, we have made a website for online food ordering system, from where any
group of people, i.e. any age of people can order their favorite foods through the internet.
They can order the food and soft drinks from their home or anywhere and can have their food
faster within short period. There are different type of user of the system, which are Admin,
Manager and Customer having their own authority and responsibility to the system. The
admin is responsible for managing the accounts for the manager and customer. Admin can
view, insert, update and delete the accounts of the manager and customers. Likewise, the
manager is responsible for the managing the food lists and the accounts of the customers. The
manager can insert, view, and update the accounts of the customer. The manager is also
responsible to view, update, delete and add the food lists. The customers are able to register,
login, search the food and soft drink items, select them and add to the cart. The bill will be
displayed after as well as before the purchasing.

Page | 1
 1.1 Problem Statement

So far, the traditional service system in this local fast food restaurant follows huge paper
work and human labour, which may not be sufficient with the ever-growing demand in quick
service in the industry. They are storing all of their data in manual way. With increasing of
customers daily, the data storing becomes tiresome and difficult as well. The manual
maintenance of the crucial information in paper are tedious and risky certain times. Thus,
they need the system with some features so they can maintain and store the records
accurately. They need full-fledged system to maintain their day-to-day transactions, orders
and regular update on records and cash transaction. This system is developed as a complete
framework, which demonstrates stage-by-stage information from procuring materials to
preparing an online environment in food industry.

On the other hand, due to enormous busy schedule and concentration on both professional
and personal work, the present generation is not willing to waste time in a queue of a
restaurant, be it for occupying a place or receiving the ordered menu. As seen in the customer
profile of this local fast food restaurant, it contains large number of customers, who are
young and familiar with web technologies. They are so impatient that they do not prefer to
wait in queue for any reason. Thus, this system will help such kind of customer to save their
valuable time by ordering their food without any manual interference and delay.

Page | 2
 2. Project Plans
Going to the restaurant and waiting for the food is a time-wasting process in this digital
world. In this project, an online food-ordering website has been built up to save the time of
the people and for fast ordering through online.

2.1 Objective
 To make the food ordering process easy
 To save the time of customers
 To support in enhancement of the digital world
 To digitalized the food ordering process

2.2 Scope

The platform for online purchasing, online ordering, online reservation, online selling, etc.
are increasing day by day. The customers search for their ease, so this online food ordering
system will make easy and will save time of the customer. Additionally, online seat
reservation, room-booking features can be added in the future on this system.

2.3 Aim

The main aim of the system is to digitalise the traditional food ordering system, give comfort,
and ease to the customers by ordering the food through online without spending time on
going to the restaurants.

2.4 Target Audience

Followings are the targeted audience for our system:

 Professional users
 Novice users
 Adult
 Child
 Male
 Female

Page | 3
  Elderly

2.5 Project Schedule (Gantt chart)

Figure 1: Gantt chart (1)

Page | 4
 Figure 2: Gantt chart (2)

2.6 Major function of website

The major functions, what functions the users are able to do in the system, are given as
follows:

Login or Signup: The old users who have already registered are able to login to the system
by filling the login form, on the login page. For the new users, there is a sign in page from
where they can sign in by filling the required fields and then allowed to login to the system.

View and Search items: The users are able to view the food and drink items and they are
able to search the food that they want.

Add to Cart: The customers are allowed to view, search, choose and then order the items
from add to cart panel.

Manage Accounts: The system administrator is able to add, view, update, delete and manage
the accounts of the users and managers.

Manage the Products: The Manager is able to view, add, update and admin is able to delete
the menu of the products (foods and drinks) as well.

Manage the Categories: The manager is allowed to manage the categories of the products.
The manager can add, view, update and delete the categories for the items (food and drinks).

Page | 5
Manage Orders: The customers are allowed to view the orders and buying products and bills
and the admin and managers are able to manage the order within the system.

Page | 6
 3. Requirement Specification

3.1 User Profiling

User Profiling is done for the proposing system to identify the attributes of the audiences. The
user profiling includes analysing and identifying a person’s persona and their characteristics
such as age, gender, socio-economic backgrounds, skills (if the person is professional or
novice user), etc. The user profiling is done to know who will be the users or who are going
to interact with the proposed system.

Advantages of the User Profiling are as follows:

 Helps to analyse the users that who are going to interact with the system
 User profiling helps to identify the requirements of customers
 Helps to identify the user’s skill (if the is novice or professional)
 Determine the demands of the customer from the system
 Supports on minimizing the errors within the system
 Help to predict the future of the systems

Finding the users

 Novice users
 Adult
 Child
 Male
 Female
 Elderly

Goals of Product

 To allow the customer view and search the food and drinks items
 To allow the customer by the products through online
 To manage accounts
 To manage products

Page | 7
  To manage categories
 To manage orders

Task Involved

Following are the tasks involved in the system:

 Login or sign in the user

 View and search the food and drinks items
 Buy the products
 Manage the customer accounts
 Manage the menu
 Manage the categories
 Manage the orders

3.2 Hardware and Software Requirement

Hardware Requirement

 Computer Device
 Processor: 1.8 GHz or faster processor.
 RAM: 3GB or more
 Hard disk space:18GB or more

Software Requirement

 Database: Microsoft SQL server 2014

 Operating System: Window 10
 Framework: ASP.NET
 Platform: Visual Studio 2019

3.3 Task Analysis

Task analysis is done for identifying the opportunities to improve the system and for creating
the preliminary ideas during defining the problem in order to achieve the goals of the system.
It is an approach that is used to handle or give the solution to the challenges within the

Page | 8
system. Task analysis is the activity, which is done for analysing and breaking down the task
for easily explaining the task and meeting the goals. [ CITATION AND19 \l 16393 ]

Aim of task analysis: To achieve defined aim.

Advantages of the task analysis:

 It helps to meet the users’ requirements

 It helps to identify the problem and brings new ideas
 It brings the personal, social and cultural experiences from different
personalities for the tasks
 It helps to minimize the error that might come within the system
 It breaks down the complex tasks into smaller and easier tasks
 It helps to generate new and more productive ideas

Page | 9
 4. System Design and Modelling

4.1 Use Case Diagram

Authentication

Display login error

new user

login

Customer

Database Server
registration «include»

User added

view order

«include»

Saves Order
registered user place order

Book Dining

«include» Web Server

checkout
Staff show Dining

Add menu

«include»

view menu items Add Category

System Operator

add menu items

Admin Manage Users

Customers Staff

Figure 3: Use Case Diagram

Page | 10
4.2 Class Diagram

Login

Attributes
- Password : string
- username : string
Operations
+ CheckUserLogin() : UserDetail

Login 1

Register 1

Register

Attributes
- email address : int
- Password : string
- PhoneNumber : int
- user name : string
Operations
+ CheckEmail(string) : UserDetail
+ CreateUser() : int
BLLenquiryform
Register 1 Register 1
Attributes
- enquiry date : int
- message : string Home
- userid : int
Operations 1..*

+ GetAllMenu() : Menu
+ GetAllPromotion() : Promotion
Menu 1..*

BLLMenucategory
MenuDetail
Attributes
Attributes
- categoryId : int
- categoryName : string Menu MenuDetail - CategoryId : int
Operations - Foodname : string
1 1 - Id : int
+ AddOrder()
- Image : string
+ GetAllCategory() : Category
- Price : int
+ GetAllMenu() : BLLMenucategory
Operations
+ GetAllMenuWithPromotiuon() : Promotion
- GetMenuByMenuId(int) : MenuDetail

Figure 4: Class Diagram

Page | 11
4.3 Data Dictionary
1. tblUser
Table 1: User

Field Name Data Type Field Size Description Example

Id int 5 Unique record 1
of each user
Username nvarchar 50 User name of Anjana
user
Phone nchar 10 Phone number 9805807269
of user
Email nvarchar 50 Email of User Anjana@gmail.com
Password nvarchar 50 Password of ****
user
UserType nchar 10 Type of user Admin
2. tblEnquiry
Table 2: Enquiry

Field Data Field Description Example

Name Type Size
Id int 5 Unique record 1
for each user
Username nvarchar 50 User name of Haleem
user
Email nvarchar 50 Email of user Haleem.ansari@gmail.com
Message nvarchar 50 Message form Thank you.
user

3. tblMenu
Table 3: Menu

Field name Data type Field Size Description Example

Page | 12
 Id int 5 Unique record 1
for each Menu
Food Name nvarchar 50 Name of the Popcorn
Food nuggets
Price Decimal (18,0) Price of the 499
food
CategoryId int 5 Foreign key of 1
category
Image nvarchar 50 Image of food
Description nvarchar 300 Description of Chicken
food Popcorn

4. tblMenuCategory
Table 4: Menu Category

Field name Data type Field Size Description Example

Id int 5 Unique record 1
for each Menu
Category
MenuCategor nvarchar 50 Category name Chicken
y items

Page | 13
 5. tblOrder
Table 5: Order

Field name Data type Field Size Description Example

Id Int 5 Unique record 1
for each order
MenuId Int 5 Foreign key of 1
Menu
Price Int Price of food 599
Quantity Int 5 Quantity of 1
food
Total Decimal (18,0) Total cost 599
Date time of Nvarchar 50 Date time of 01/07/19
purchase order
UserId Int 5 Foreign key of 1
User
Is paid Bit 5 Payment type

4.4 System Module

The system includes three modules and they are explained along with their roles as:

 Admin
 User
 Staff

The admin acts as the super user of this system who has access to the admin page. The admin
has the full rights to add/update/delete all the information of users and food items along with
their category. In addition, the module for admin is divided into different sub-modules as:

 Manage user
 Manage food items
 Manage orders

Page | 14
 Manage user

Manage food Admin Manage order

items

Manage User

Add user

Update user Manage user Delete user

Manage Item
Update Items

Add Items Manage Items View Items

Delete Items

Manage Order

View Order Manage Order Delete Order

User
View items

Page | 15

User
 Purchase
item

Registration

4.5 Interface design

Figure 5: Interface of Home

Page | 16
Figure 6: Interface of Menu

Page | 17
Figure 7: Interface of adding to cart

Page | 18
 5. Implementation

5.1 Class
In VFE the Class implementation as follows:
public class BLLEnquiryForm
{
}
public class BLLMenuCategory
{
}
public class BLLOrder
{
}
public class BLLUser
{
}

5.2 Object
In VFE the Object implementation as follows:
protected void btnLogin_Click(object sender, EventArgs e)
{
BLLUser user = new BLLUser();
}
In the above codes ‘user’ is created as an object.

5.3 Inheritance

The inheritance code used in system is given below:

Page | 19
 5.4 Polymorphism

Code used in the program is given below:

using System;

using System.Collections.Generic;

using System.Data;

using System.Data.SqlClient;

using System.Linq;

using System.Web;

using System.Configuration;

/// <summary> /// Summary description for DAO /// </summary>

public static class DAO

{ // public static string connectionStr = "Data Source=.; Integrated Security=true; Initial

Catalog=ValleyFoodexpress;";

public static string connectionStr =

ConfigurationManager.AppSettings.Get("myConnection").ToString();

public static SqlConnection GetConnection()

{ SqlConnection con = new SqlConnection(connectionStr);

if (con.State != ConnectionState.Open)

con.Open();

Page | 20
 }

return con;

public static DataTable GetTable(string sql, SqlParameter[] param, CommandType

cmdType) {

using (SqlConnection con = GetConnection())

SqlCommand cmd = new SqlCommand(sql, con);

cmd.CommandType = cmdType;

if (param != null)

{ cmd.Parameters.AddRange(param);

DataTable dt = new DataTable();

SqlDataAdapter da = new SqlDataAdapter(cmd);

da.Fill(dt);

return dt;

public static int IUD(string sql, SqlParameter[] param, CommandType cmdType)

Page | 21
 using (SqlConnection con = GetConnection())

SqlCommand cmd = new SqlCommand(sql, con);

cmd.CommandType = cmdType;

if (param != null)

cmd.Parameters.AddRange(param);

return cmd.ExecuteNonQuery();

5.5 Screenshots:

Figure 8: Home page

Page | 22
 Figure 9: Menu

Figure 10: Select Product

Page | 23
Figure 11: Registration Form

Figure 12: Menu list

Page | 24
Figure 13: Login Form

Figure 14: Add to cart

Page | 25
5.6 Code Snap

Figure 15: Connection Code

Figure 16: Login Code

Page | 26
Figure 17: Create and Update Code

Figure 18: Cart Code

Figure 19: Order Code

Page | 27
 6. Conclusion
A system for online food ordering system is developed on the platform ASP.NET, from
where any group of people, i.e. any age of people can order their favorite foods and drinks
through the internet without wasting time on going to the restaurants. They can view, choose
and order the food and soft drinks from their home or anywhere and can have their food
faster within short period. There are different type of user of the system, which are Admin,
Manager and Customer having their own authority and responsibility to the system. This
system can be used by any kind of users with less effort. The system is currently providing
the ordering process only, so the features like seat reservation, room reservation can be added
in the future.

Page | 28
 7. References
A.Smith, E., 2002. ASP.NET Projects. 1 ed. Delhi: John Wiley and Sons Inc.

Balagurusamy, E., 2011. Object Oriented Programming with C++. 5 ed. New Delhi: Tata
McGraw Hill.

Deital, P. D. a. H., 2011. C++ How to Program. 8 ed. Sonepat Haryana: Asoke K. Ghosh.

J.Hernaandez, M., 2013. DataBase Design for Mere Mortals. 3 ed. United State of America:
Edwards Brothers Molloy.

Kanjilal, J., 2010. ASP.NET 4.0 Programming. 1 ed. New Delhi: TATA McGRAWHILL.

KOMNINOS, A., 2019. How to improve your UX designs with Task Analysis. [Online]
Available at: https://www.interaction-design.org/literature/article/task-analysis-a-ux-
designer-s-best-friend

Murray, C. H. P. a. W. H., 2002. C#. 1 ed. New Delhi: Prentice Hall of India Private
Limited .

Penberthy, W., 2015. Beginning ASP.NET for Visual Studio 2015. 1 ed. Indianapolis: John
Wiley and Sons Inc..

Page | 29
 Work Load Matrix

Name Work Load Percentage Signature

(%)
Anjana Panta (NP000149) 33.34%

Beena Dhamalahawa Tharu 33.33%

(NP000150)
Haleem Ansari (NP000151) 33.33%

Page | 30