Weather App

Group 2

Truong Đuc Minh Quang – 21522521

Nguyen Thai Long – 21522305
Nguyen Thi Yen Ly – 21522316

Lecturer: Thai Huy Tan, M.Sc

Introduce 01

02 Login Screen

Fragment 03
Demo, Questions
04 and Answers
01
Introduce
1. Introduce
Overview diagram
Map

Sign in
Weather
Home
Screen
Graph
Sign up

Setting

Fragment
Log out
 02
Login Screen
2. Login Screen
2. Login Screen
- Home Screen: Select Sign In or Sign Up.
Beside, There is also a button to change
languages.

- Sign in Screen: Fill in information

including username and password.

- Sign up Screen: Register an account,

fill in information including username,
email, password and confirm password.
 03

Fragment
3. Fragment
3. Fragment
a. Map Fragment

- Display map and 2 devices

- Light Device (Red Marker): Brightness,

ColourRGB, Colour Temprerature, Email.

- Weather Device (Blue Marker): humidity,

rainfall, temperature, wind speed, place,
manufacturer.
3. Fragment
b. Weather Fragment

- Displays information about:

+ Date: Day, Month, Year
+ Location
+ Temprature
+ Humidity
+ Rainfall
+ Windspeed
- Weather forecast feature for the next few days
3. Fragment
c. Graph Fragment

- Textboxs:
+ Select display attibutes (Temperature,
humidity, PM10, PM25, CO2,…). => Oy axis.
+ Select the start and end dates on the
graph. => Ox axis.
- Graph:
+ Ox axis: Shows the selected date.
+ Oy axis : Shows the selected attribute.
+ Red line: Shows the value at the selected time.
3. Fragment
d. Setting Fragment

- Buttons :
+ Convert units from Celsius to Fahrenheit.
+ About: information of group members.
+ Log out.
04
Demo, Questions
and Answers
 THANKS
FOR
WATCHING!