USER INTERFACE

Name:Poonam Kumawat
Roll no:33

USER INTERFACE
Name:Poonam Kumawat
Rollno:33
 USER INTERFACE
Name:Poonam Kumawat
Roll no:33
Practical 1
Aim: Introduction to UI life cycle and UI tools.

UI Tools:

InVision: InVision is a web-based prototyping tool popular with both UX

and UI designers alike. You can upload static design files and quickly turn them
into high-fidelity, interactive prototypes.

2. Sketch: The digital design app that every UI pro needs: Sketch. This is a
vector- based tool, so you can easily resize anything that you draw without losing
sharpness.

3. Figma: Discover the very first in-browser interface design tool, Figma. With
powerful editing tools and loads of handy features, Figma is a one-stop shop for
designing, prototyping and gathering feedback. UI designers especially can take
advantage of constraints feature, which adapts your designs when the screen size
changes. With the components feature, it’s also extremely easy to reuse elements
across your designs.
 USER INTERFACE
Name:Poonam Kumawat
Roll no:33
4. Flinto: Flinto is an interactive prototyping app for Mac which offers pretty
much everything you need to bring your designs to life. Design micro-interactions
and screen transitions, add video layers simply by dragging video or GIF files
straight into your designs, incorporate UI sound effects and customizable
scrolling—the list goes on.

5. Adobe XD: Adobe XD is a vector-based tool for designing and prototyping

user experiences for web, mobile, and even voice! If you’re already familiar with
the Adobe Creative Cloud suite, you’ll feel right at home in Adobe XD—an
extremely versatile tool which offers a whole host of features for designing,
prototyping, sharing, collaborating, and creating a complete design system. XD
natively supports Windows 10 and macOS, and is also available as a mobile app
for both Android and iOS.
 USER
INTERFACE
Name:Poonam
Practical
Aim: Project Proposal and Requirement Gathering (Introduction of Project)

Project Name: Yoga App

Introduction
Yoga App is a Mobile based application which enables people to Learn yoga
through Mobile app. The internet users are increasing rapidly; therefore we
decided to launch yoga app which will help full to do yoga. This application not
only improves people’s experiences but also eases the workload on the people in
in there day to day life.
In today’s fast-paced world, and amidst this pandemic, many people are
seeking stress relief in a physical workout. Achieving a deeper awareness
of mind and body connection via Yoga is a powerful tool to reduce stress
and find some relief in the modern hectic lifestyle.
So we challenged ourself to create an interactive Yoga app that can help
people stay healthy and fit — physically and mentally, maintaining a
healthy diet.

Advantages

Helps cake shops to automate bakery selling online.

Helps cake shops to take cc payments.
Provides confirmation message on payment success.

Disadvantages

Does not keep track of stock.

 USER
INTERFACE
Name:Poonam
Practical
Aim: Logo Designing for the project.
 USER
INTERFACE
Name:Poonam
Practical
Aim: Problem Statement: System Concept Statement.

Objective:

CLIENT

Yoga is essentially a spiritual discipline based on an extremely subtle science, which

focuses on bringing harmony between mind and body. It is an art and science of healthy
living. The word ‘Yoga’ is derived from the Sanskrit root ‘Yuj’, meaning ‘to join’ or ‘to
yoke’ or ‘to unite’.Yoga is for everyBODY. Based on the average age of our research
results, the target audience for our app would be between 20–60 years of age, who fall under
one of the following categories -
· Beginners who need complete guidance
· Aware about the benefits of yoga and are passionate to learn
· Believe in maintaining healthy lifestyle but need guidance

PRODUCT

Our app will be called YOG. The main idea behind the app is to help people to do regular
exercise effectively by providing them with necessary information about yoga in the app
and to help them find the different asanas that they are looking for.

SYSTEM CONCEPT STATEMENT

YOG is a YOGA app with a goal to engage more lads who are working people from morning
to evening and barely get time to do some workout due to extensive work pressure and busy
with social life. This app will encourage them to keep their body fit and lead a healthy life
through using it.

Through app, we can have young people involved in physical exercise and if they don’t get
around it we had to come with solutions to encourage their involvement. Using the app user
can easily do some exercise to keep themself fit on regular basis and build a habit. Besides,
the app will also generate a little amount of profit filling the business objectives.
 USER
INTERFACE
Name:Poonam
Practical
Aim: Design a persona
 USER
INTERFACE
Name:Poonam
Practical
Aim: Customer Journey Map
 USER
INTERFACE
Name:Poonam
Practical 7
Aim: Entity-Relationship diagram.
Q1)The Prescriptions-R-X chain of pharmacies has offered to give you a free life. time
supply of medicine if you design its database. Given the rising cost of health care, you agree.
Here's the information that you gather:

"Patients are identified by an SSN, and their names, addresses, and ages must be recorded.

Doctors are identified by an SSN. For each doctor, the name, specialty, and years
of experience must be recorded.

Each pharmaceutical company is identified by name and has a phone number.

For each drug, the trade name and formula must be recorded. Each drug is sold by a given
pharmaceutical company, and the trade name identifies a drug uniquely from among the
products of that company. If a pharmaceutical company is deleted, you need not keep track of
its products any longer.
Each pharmacy has a name, address, and phone number.
Every patient has a primary physician. Every doctor has at least one patient.
Each pharmacy sells several drugs and has a price for each. A drug could be sold at several
pharmacies, and the price could vary from one pharmacy to another.
Doctors prescribe drugs for patients. A doctor could prescribe one or more drugs for several
patients, and a patient could obtain prescriptions from several doctors. Each prescription has
a date and a quantity associated with it. You can assume that, if a doctor prescribes the same
drug for the same patient more than once, only the last such prescription needs to be stored.

Pharmaceutical companies have long-term contracts with pharmacies. A pharmaceutical

company can contract with several pharmacies, and a pharmacy can contract with several
pharmaceutical companies. For each contract, you have to store a start date, an end date,
and the text of the contract.

■ Pharmacies appoint a supervisor for each contract. There must always be a supervisor for
each contract, but the contract supervisor can change over the lifetime of the contract.

1. Draw an ER diagram that captures the preceding information. Identify any constraints
not captured by the ER diagram.

2. How would your design change if each drug must be sold at a fixed price by all pharma
cies?

3. How would your design change if the design requirements change as follows: If a doctor
prescribes the same drug for the same patient more than once, several such prescriptions may
have to be stored.
USER
INTERFACE
Name:Poonam
 USER
INTERFACE
Name:Poonam
Entity Relationship diagram
Q2) Notown Records has decided to store information about musicians who perform on its
albums (as well as other company data) in a database. The company has wisely chosen to
hire you as a database designer (at your usual consulting fee of $2500/day).
Each musician that records at Notown has an SSN, a name, an address, and a phone number.
Poorly paid musicians often share the same address, and no address has more than one phone.

Each instrument used in songs recorded at Notown has a name (e.g., guitar, synthesizer,
flute) and a musical key (e.g., C, B-flat, E-flat).

Each album recorded on the Notown label has a title, a copyright date, a format (e.g.,CD or
MC), and an album identifier.

Each song recorded at Notown has a title and an author.

Each musician may play several instruments, and a given instrument may be played by
several musicians.

Each album has a number of songs on it, but no song may appear on more than one album.

Each song is performed by one or more musicians, and a musician may perform a number
of songs.

Each album has exactly one musician who acts as its producer. A musician may
produce several albums, of course,
USER
INTERFACE
Name:Poonam
 USER
INTERFACE
Name:Poonam
YOGA App Entity Realtionship Diagram
ER Diagram stands for Entity Relationship Diagram, also known as ERD is a
diagram that displays the relationship of entity sets stored in a database. In other
words, ER diagrams help to explain the logical structure of databases. ER
diagrams are created based on three basic concepts: entities, attributes and
relationships.
∙ ER Diagrams contain different symbols that use rectangles to
represent entities, ovals to define attributes and diamond shapes to
represent relationships.
∙ ER Model stands for Entity Relationship Model is a high-level conceptual data
model diagram. ER model helps to systematically analyze data requirements to
produce a well-designed database.
The ER Model represents real-world entities and the relationships between them.
Creating an ER Model in DBMS is considered as a best practice before
implementing your database.
 USER
INTERFACE
Name:Poonam
Practical
Aim: Creation of Scenario-Story Board
 USER
INTERFACE
Name:Poonam
Practical
Aim Create Wire framing
 USER
INTERFACE
Name:Poonam
Practical 10
Aim Creating prototype
USER
INTERFACE
Name:Poonam
 USER
INTERFACE
Name:Poonam

Practical 11
Aim: Usability Evaluation of the Design. Testing of User Interface
from Third Party (Test scripts)

Testing is the process of executing a program to find errors. To make our software perform
well it should be error-free. If testing is done successfully it will remove all the errors from
the software.
 USER
INTERFACE
Name:Poonam
Types of Testing:-

1. Unit Testing
It focuses on the smallest unit of software design. In this, we test an individual unit or
group of interrelated units. It is often done by the programmer by using sample input and
observing its corresponding outputs.
2. Integration Testing
The objective is to take unit-tested components and build a program structure that has been
dictated by design. Integration testing is testing in which a group of components is
combined to produce output.
3. Regression Testing
Every time a new module is added leads to changes in the program. This type of testing
makes sure that the whole component works properly even after adding components to the
complete program.
4. Smoke Testing
This test is done to make sure that the software under testing is ready or stable for further
testing
It is called a smoke test as the testing of an initial pass is done to check if it did not catch
the fire or smoke in the initial switch on.
5. Alpha Testing
This is a type of validation testing. It is a type of acceptance testing which is done before
the product is released to customers. It is typically done by QA people.

6. Beta Testing
The beta test is conducted at one or more customer sites by the end-user of the software.
This version is released for a limited number of users for testing in a real-time environment
7. System Testing
This software is tested such that it works fine for the different operating systems. It is
covered under the black box testing technique. In this, we just focus on the required input
and output without focusing on internal working.
8. Stress Testing
In this, we give unfavorable conditions to the system and check how they perform in those
conditions.
9. Performance Testing
It is designed to test the run-time performance of software within the context of an
integrated system.
10. Acceptance Testing
Acceptance testing is done by the customers to check whether the delivered products
perform the desired tasks or not, as stated in requirements.
 USER
INTERFACE
Name:Poonam
YOGA APP Testing

Page Test Test Prerequi- Action Expected Actual Test

ID Description site OutPut OutPut Result
Server Should Should
Login 1.1 Yoga App should be Enter display display Pass
Login Page up empty warning warning
Email and message message
password Email and Email and
Password Password
should should not be
not be blank
blank
Should Should
1.2 Yoga App Server Enter display display Pass
Login Page should be incorrect warning warning
up Email or message message
password Email or Email or
password is password
not matching is not
matching
It should It should
1.3 Yoga App Server Enter login user login user Pass
Login Page should be correct successfully successfully
up Email and and and display
password display home home page
page
Enter
Reg- 2.1 Yoga App Server valid should display should display Pass
ister Register Page should be Data to error message error message
up register user name user name
new already exist already exist
user
with
existing
user
name
Enter New user
2.2 Yoga App Server valid New user should get Pass
Register Page should be Data to should get created and
up register created and system
new system should should login
user login user user
with automatically automati-
unique cally
username
 USER
INTERFACE
Name:Poonam

Home 3.1 Home Page Server should Click all Events Events pass
be up the event in should be should be
home page clicked on clicked on
home page home page
Successfully
3.2 Tutors login to Select the Tutor should Tutor pass
system tutor be selected should be
to learn yoga selected to
learn yoga

3.3 Events Successfully On clicked Page should Page pass

login to redirect to be redirect should be
system other page to respective redirect to
page respective
page

Session 4.1 session Successfully Video Vedio Vedio pass

enter in playing should be should be
session page played if played if
clicked from clicked
the session from the
session

4.2 session Successfully Video The page The page pass

enter in scrolling should be should be
session page scroll to see scroll to see
more videos more
videos

Community 5.1 Community Successfully Reading Article Article pass

page enter in article should be should be
community readable readable
page when when
clicked clicked

5.2 Community Successfully Sharing Inspiring Inspiring pass

page enter in inspiring story should story
community story be share in should be
page the app share in the
app

Shop 6.1 Shop page Successfully Selecting Product Product pass

enter in shop the product should be should be
page to purchase selected and selected
purchased and
purchased
 USER
INTERFACE
Name:Poonam

6.2 Shop page Successfully Clicking the Product Product Pass

enter in shop product should be should
page clicked and be
visible clicked
and
visible

food 7.1 Food Page Successfully Breakfast Breakfast Breakfast Pass

enter in shop Lunch Lunch Lunch
page dinner are dinner dinner
available should be should
present and be
display the present
food items and
to be eaten display
the food
items to
be eaten

7.2 Food Page Successfully Taking food Food Food pass

enter in shop survey survey survey
page should be should
able to get be able
for diet to get for
diet
 USER
INTERFACE
Name:Poonam
IRCTC Register Page Testing

Name Test Test Prerequi- Action Expected Actual Test

of the ID Description site OutPut OutPut Result
compo-
nent
Server Should Should
name 1.1 Name of the should be Enter name display display Pass
user should up in the warning warning
be written textbox message message
name name should
should not be blank
not be
blank
Should Should
1.2 Name cannot Server Enter display display Pass
be wriiten in should be incorrect warning warning
number up name message message
name name
should should
be in be in
alphabets alphabets
It should It should
1.3 Registering Server Enter name prompt all prompt all Pass
with name should be only value value
only other up should be should be
fields are filled filled
empty
Enter
Address 2.1 Address Server valid should display should display Pass
should be in should be addresss error message error message
textarea up if address if address
excceds more excceds more
than 100 than 100
characters characters
Enter valid Should
Email 3.1 Email should Server Email Id If Should display Pass
be able to should be not display display message
write up Error message enter enter
message proper email proper
ID email ID