You are on page 1of 112

NATIONAL SCHOOL OF BUSSINESS MANAGEMENT

GREEN UNIVERSITY
BACHELORS’ DEGREE PROGRAMME
BATCH 19.1

Group Assignment- Project Overview


Module Code & Title
SE303.3 Mobile Application Development

1
Food recipes system

2
Group Member Details

Number Student name Student ID

1 B.A.P.N.S. Pathirana 21009875

2 R.M.H.G. Rathnayake 21012256

3 R.D. Rupasinghe 21089428

4 D.P. Malshani 22008543

5 R.M.P.M. Rathnathilaka 21004319

6 W.A.N.D. De Silva 22008539

3
CONTENT

1)Introduction

2) Page of the mobile application


❖ Home page
❖ Login
❖ Register
❖ About us
❖ Food Menu
❖ categories of recipes
✓ Burger page
✓ Hot drink page
✓ Juice page

3) Code about mobile application

4)Conclusion

4
FOOD RECIPES SYSTEM

INTRODUCTION

There are a number of food and beverage mobile application around the world that offer
complete access to exotic recipes. We have set up the best, user-friendly mobile application for
you to get the most out of it. Those who are interested in cooking or discovering new and
innovative recipes can fulfil their need through this mobile application.

We create this mobile application about the food recipes system. It aims to provide the
required services to the customer. Opportunity to get information, schedule, etc. This is an
application made by including recipes. Anyone who wants to know about the recipes here can
view the recipes here by creating an account. All account login and sign up are entered
database. Here any customer who has an account can know Burger recipes, Hot drinks recipes,
Juice recipes etc.

This mobile application is designed to be easily understood by children, young and old alike.
The back button is applied to most every page.

5
VIEW OF MOBILE APPLICATION

HOME PAGE

The back ground colors on this page are pleasing to people. The details are clear. Attention has

been paid the use of colors. The work done through the web site can be seen when looking at

the home pages. All the required information is shown in a small space.

➢ different colors were used here than on the home page.


➢ use images that capture the idea when posting pictures.
➢ You use this application in first time or you haven’t an account, firstly you clicked
the “REGISTER” button after you can enter register page.
➢ You had an account; you want to see our recipe click the “LOGIN” button.

6
➢ It has a three DOTS optional click in login page
➢ It’s a extra option and easy way to enter the each food page.
➢ Mainly, only you can enter the three-food category after the login
➢ We can see under the all the pages have a “NAVIGATION BAR”.
➢ Navigation bar has a three-parts. There are,
• “HOME ” click
• “DASH BOARD” click
• “SETTING” click
➢ Specially, home and setting both clicks are we can always ready to
entered but we can’t always enter the dashboard click because we
create this mobile application after the login.

7
LOGIN

8
➢ It collects the details of the customers who order food.
➢ users can sign up by providing an email and password.
➢ Considerable, If forgotten your email and password or both you can
see a error message in this page
➢ This page connect to the database

9
Register

10
➢ Users should enter their details and register the system.
➢ After you register this system you can taste our recipe.
➢ These all details are essential, if you can’t fill a detail send an error
notification of each detail.
➢ If you have Facebook account and google account we can automatically
registered this application.
➢ This page connect to the database

11
ABOUT US

➢ We create this page for every detail about mobile application


➢ You click the “GET START” button after you enter the home page.

12
MENU PAGE

➢ We create three categories of food (Burger, Coffee, Juice)


➢ So, you can click a category, you entered the page of each category
➢ Create a nice slide show in top of the menu page.

13
CATEGORIZE OF FOODS
1)BURGER PAGE

14
2)HOT DRINKS PAGE

15
3) JUICE PAGE

➢ You click one of category, you can get a small idea about food of each category.
➢ We introduce three main categories of foods are burgers, hot drinks, juices. In each
categories page. Specially, you can click a food as you taste you saw all of the recipes of
each food (swipe up)

16
RECIPE PAGES
1)BURGER RECIPES

17
18
2)HOT DRINKS RECIPES

19
20
3) JUICE RECIPES

21
22
➢ Top of every recipe page, you can see a different colour and a food picture with each food.
➢ Now you can saw every food recipes very clear and attractive pages. These food recipes are
explaining the step by step.
➢ Every bottom of food recipe you can click “HOW TO MAKE” button. Then you gone to the you
tube page. They have how to make the food in the video clip.

23
CODE ABOUT MOBILE APPLICATION

1)APP
❖ Manifests

24
❖ Layout
Burger Page

25
26
27
28
29
30
Hot Drinks Page

31
32
33
34
35
Juice Page

36
37
38
39
40
41
Login

42
43
44
Main Page

45
46
47
Menu Bar

48
49
50
51
52
Scroll 1

53
54
55
Scroll 2

56
57
Scroll 3

58
59
60
Sign Up Page

61
62
63
64
65
Welcome Page

66
67
❖ Java
Burger

68
69
70
Hot Drinks

71
72
73
74
Juice

75
76
77
Login

78
79
80
81
Main Activity

82
83
84
Menu Bar

85
86
87
88
89
Scroll 1

90
91
92
Scroll 2

93
94
95
Scroll 3

96
97
98
Sign Up

99
100
101
102
103
Welcome

104
105
❖ Gradle Scripts

106
❖ Setting Page

❖ Menu

107
108
❖ Java
Preference

109
110
About Android Studio

Android Studio is an integrated development environment (IDE) for Google Android Operating
System. It is built based on JetBrains’ IntelliJ IDEA Community Edition, and it specifica lly
designed for creating applications on Android devices. Some of the key features of Android
Studio are as follows
1. Instant Run – a feature that pushes code and resource changes to the running app. It allows
changes to be made to the app without the need to restart the app, or rebuilding the APK, so that
the effects can be seen instantly.
2. An Emulator – a virtual android device that can simulate variety of hardware features such as
GPS location, network latency, motion sensors, and multi-touch input that can be used to run and
install the app. It can then be used for testing purposes.
3. Testing Tools and Frameworks – extensive testing tools such as, JUnit 4 and functional UI
test frameworks are included with Android Studio. Espresso Test Recorder can generate UI test
code by recording the developer’s interactions with the app on a device or emulator. The tests
can be run on a device, an emulator, in Firebase Test Lab, or on a continuous integration
environment.

111
Conclusion

A mobile application has to be able to keep up with heavy demands


to compete with all the new applications that are developed each day. Good performance a nd
nice visuals are base requirements for the development of mobile applications. There are many
options for tools when developing and one of these choices is a native application, which is said
to have better performance and suitability to the mobile environment. Another choice is a tool
which requires only one code base for multiple platforms and is therefore easier to maintain.
Android studio is an open-source User Interface (UI) toolkit created by Google that can create
cross-platform applications with one code base while said to maintain the aspects of looking
native. This paper explores how Android studio compares to native applications, which are
currently seen as superior in mobile behavior and performance. An experiment was conducted to
test how Android studio as a cross-compiler compared to two native applications made of kotlin
and Flutter and swift and XCode, in terms of CPU performance.
This project was developed to allow users to find food
recipes using an intuitive and simple to use mobile application. The app allows the users to find
recipes based on different criteria such as, recipe of foods, types of food and how to make food.
It also provides a filtering system that can be used to filter the list of recipes based on the
ingredients used in each recipe, the time it takes to make the food, and the number of servings.
The app also allows the users to add their own recipes using the interface provided.

112

You might also like