ITC 504 Smart Home Application Interface Design Report

Desklib offers solved assignments and past papers to help students succeed.

ITC 504

Contents
Introduction...........................................................................................................................................4
Main Screen...........................................................................................................................................5
Sign Up..................................................................................................................................................6
Login Screen..........................................................................................................................................7
Home Screen.........................................................................................................................................8
Facebook Screen....................................................................................................................................9
Google Screen.....................................................................................................................................11
Account...............................................................................................................................................12
User Screen.........................................................................................................................................14
Forget Screen:.....................................................................................................................................15
Reset Username:.................................................................................................................................17
Room...................................................................................................................................................18
Add device:..........................................................................................................................................19
Room Screen.......................................................................................................................................21
Add device:..........................................................................................................................................22
Room...................................................................................................................................................24
Add device:..........................................................................................................................................25
Living Room.........................................................................................................................................27
Living Room.........................................................................................................................................29
Living Room.........................................................................................................................................31
Category..............................................................................................................................................33
Conclusion...........................................................................................................................................34
References...........................................................................................................................................35
Table of figures
Figure 1: Main Screen............................................................................................................................5
Figure 2: Main Screen and sign up.........................................................................................................5
Figure 3: Sign Up....................................................................................................................................6
Figure 4: Signup and login.....................................................................................................................7
Figure 5: Login Screen............................................................................................................................7
Figure 6: Login and Home......................................................................................................................8
Figure 7: Home and Notification Screen................................................................................................9
Figure 8: FB............................................................................................................................................9

Figure 9: FB and Login.........................................................................................................................10
Figure 10: Google Screen.....................................................................................................................11
Figure 11: Google and login.................................................................................................................12
Figure 12: Login options......................................................................................................................12
Figure 13: Connect with and login.......................................................................................................13
Figure 14: User....................................................................................................................................14
Figure 15:User and Password..............................................................................................................15
Figure 16: Forget Screen......................................................................................................................15
Figure 17: Forgot Screen and reset password.....................................................................................16
Figure 18: Change username...............................................................................................................17
Figure 19: Username and login............................................................................................................18
Figure 20: Room..................................................................................................................................18
Figure 21: Room and Living.................................................................................................................19
Figure 22: Add devices.........................................................................................................................20
Figure 23: Living Room and Add devices.............................................................................................21
Figure 24: Room and Bathroom...........................................................................................................22
Figure 25: Add devices.........................................................................................................................23
Figure 26: Bathroom and Add devices.................................................................................................24
Figure 27: Room and Kitchen...............................................................................................................25
Figure 28: Add devices.........................................................................................................................26
Figure 29: Kitchen and Add devices.....................................................................................................27
Figure 30: Living Room........................................................................................................................27
Figure 31: Living room and light..........................................................................................................28
Figure 32: Living room and fan............................................................................................................30
Figure 33: Living room.........................................................................................................................30
Figure 34: Living room and TV.............................................................................................................31
Figure 35: living Room.........................................................................................................................31
Figure 36: Living room and WIFI..........................................................................................................32
Figure 37: Category.............................................................................................................................33

Introduction
The design in the report is made on the interface which is of the design of the smart home which
provides the user and application and this report will help the user to understand the functionality of
the application and interfaces.

Main Screen
Figure 1: Main Screen
Main Screen
Descriptions: This is the first screen which user will come across in the application.
Components: There is welcome text along with the logo.
Details: The screen which is built is used to help the user to have the interaction with the application
in very easiest way. The design follows all the interface principles.
Navigation:
Figure 2: Main Screen and sign up

Sign Up
Figure 3: Sign Up
Description: The image of the screen will help the user to fill the details and get register themsleve
into the application.
Components:
The screen contains the components are:
1. Logo of the company.
2. Buttons
3. Details of user
4. Back button
Details:
The screen which is built is used to help the user to have the interaction with the application in very
easiest way. The design follows all the interface principles.
Navigations

Figure 4: Signup and login
Login Screen
Figure 5: Login Screen
Description: This will help the user to login into the screen when they have their registration done.
This is the visa versa of the sign up.
Components:
The screen contains the components are:
1. Logo of the company.
2. Buttons
3. Details of user

4. Back button
Details:
The screen which is built is used to help the user to have the interaction with the application in very
easiest way. The design follows all the interface principles.
Navigations
Figure 6: Login and Home
Home Screen
Description:
The image is of the home screen which will be displayed to the top in the application. The screen
helps to user to show about the services of the application.
Components:
The screen contains the components are:
1. Logo of the company.
2. Footer
3. Services provided by the applications.
4. There is a search option which is present to search anything’s.
Details:
The screen which is built is used to help the user to have the interaction with the application in very
easiest way. The design follows all the interface principles.

Navigations
Figure 7: Home and Notification Screen
Facebook Screen
Figure 8: FB
Description:
The Facebook will allow the user to login directly with the use of details of Facebook and then create
the login details.

Components:
The screen contains the components are:
1. Logo of the Facebook.
2. Buttons
Details:
The screen which is built is used to help the user to have the interaction with the application in very
easiest way. The design follows all the interface principles.
Navigations
Figure 9: FB and Login

Google Screen
Figure 10: Google Screen
Description:
The Google will allow the user to login directly with the use of details of Googleand then create the
login details.
Components:
The screen contains the components are:
1. Logo of the Google.
2. Buttons
Details:
The screen which is built is used to help the user to have the interaction with the application in very
easiest way. The design follows all the interface principles.
Navigations

Figure 11: Google and login
Account
Figure 12: Login options
Description:
The account will allow the user to login directly with the use of details of Account and then create
the login details.