Scribd
Upload
15 views5 pages

MAD Pr5

Mad

Uploaded by

Hetal Vasava
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views5 pages

MAD Pr5

Mad

Uploaded by

Hetal Vasava
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Mobile Application Development (4351604)

Date: ……………
Practical No.5: Develop an Android application that uses RelativeLayout to arrange UI
components relative to each other.

A. Objective:
To understand the Relative Layout in Android.
B. Expected Program Outcomes (POs)
1. Basic and Discipline specific knowledge: Apply knowledge of basic
mathematics, science and engineering fundamentals and engineering
specialization to solve the engineering problems.
2. Problem analysis: Identify and analyse well-defined engineering problems
using codified standard methods.
3. Design/ development of solutions: Design solutions for engineering well-
defined technical problems and assist with the design of systems components
or processes to meet specified needs.
4. Engineering Tools, Experimentation and Testing: Apply modern
engineering tools and appropriate technique to conduct standard tests and
measurements.
C. Expected Skills to be developed based on competency:
This practical is expected to develop the following skills for the industry-identified
competency: ‘Design a simple application using Relative layout’
D. Expected Course Outcomes(Cos)
CO2: Design Android user interfaces using various layouts, views, and widgets.
E. Practical Outcome(PRo)
Understand the relative layout and design a simple application in android.

F. Expected Affective domain Outcome(ADos)


1. Handle computer systems carefully with safety and necessary precaution
2. Turn off systems after completion of practical lab to save power.

G. Prerequisite Theory:
In Android, RelativeLayout is a ViewGroup that allows you to arrange UI
components relative to each other. It offers a flexible and powerful way to position
and align views based on their relationships.

Key Concepts:

Relative positioning: With RelativeLayout, you can define the position of a view
relative to another view using attributes such as "layout_above," "layout_below,"

33 | Page
Mobile Application Development (4351604)

"layout_toStartOf," "layout_toEndOf," etc. These attributes specify the relationships


between views and determine their placement.

Anchoring: RelativeLayout allows you to anchor a view to a specific position within


its parent or to another view. Attributes like "layout_alignParentTop,"
"layout_alignParentBottom," "layout_alignStart," "layout_alignEnd," etc., control
the anchoring behavior.

Centering: RelativeLayout provides attributes such as "layout_centerHorizontal"


and "layout_centerVertical" to center a view horizontally or vertically within its
parent.

H. Experimental set up/ Program Logic-Flow chart:

---

I. Resources/Equipment Required
Sr.No. Instrument/Equipment
Specification Quantity
/Components/Trainer kit
1 Computer system 8 GB RAM, intel core-i5 processor and 1
128 GB SSD(recommended).

2. Android Studio Latest Version 1

J. Safety and necessary Precautions followed


1. Turn off the power switch only after the computer is shut down.
2. Do not plug out any computer cables.
3. Save your work/program periodically.

34 | Page
Mobile Application Development (4351604)

K. Procedure to be followed/Source code (CE & IT software subjects):

1. Open Android Studio and create a new Android project.


2. Provide a suitable name for the project and select the desired SDK version and minimum
SDK level.
3. Choose an Empty Activity template and click "Finish" to create the project.
4. Android Studio will generate the necessary project structure and code.
5. Open the layout file (activity_main.xml) and design the user interface using a
RelativeLayout as the root element.
6. Add the desired UI components (such as buttons, text views, or image views) within the
RelativeLayout, specifying their attributes such as width, height, and margins.
7. Use RelativeLayout attributes (e.g., "layout_above," "layout_below," "layout_toStartOf,"
etc.) to position and align the views relative to each other.
8. Utilize anchoring attributes (e.g., "layout_alignParentTop," "layout_alignParentBottom,"
"layout_alignStart," etc.) to anchor views to specific positions within the parent or to other
views.
9. If needed, apply centering attributes (e.g., "layout_centerHorizontal,"
"layout_centerVertical") to center views horizontally or vertically within the
RelativeLayout.
10. Run the application on an Android emulator or a physical device.
11. Test the app and verify that the UI components are arranged and aligned based on the
specified RelativeLayout attributes.
12. Make adjustments to the RelativeLayout attributes and UI components as needed to achieve
the desired UI layout.
L. Observations and Calculations/Input-Output (CE & IT software subjects):

SAMPLE OUTPUT (PREVIEW ON MOBILE/AVD):

35 | Page
Mobile Application Development (4351604)

M. Practical related Quiz.


1. What is the main advantage of using RelativeLayout over other layout managers in
Android?

2. How do RelativeLayout attributes like "layout_above" and "layout_below" help in


positioning views relative to each other?

3. Describe how you would create a UI layout in RelativeLayout where one view is
centered horizontally and vertically within its parent.

N. References / Suggestions
1. https://developer.android.com
2. https://www.javatpoint.com/android-tutorial
3. https://www.tutorialspoint.com/android/index.htm

36 | Page
Mobile Application Development (4351604)

O. Assessment-Rubrics

Practical: Name of Student: E.No.:


Max
Criteria Rubrics Marks
Marks
Excellent (5 marks): Completed programs correctly as per the
requirements.

C1: Adequate (3-4 marks): Completed programs correctly with


Program 5 approx. 50% - 70% requirements.
Correctness Poor (1-2 marks): Completed programs correctly with 30% -
50% requirements.
Unsatisfactory (0 marks): Completed programs correctly with
less than 30% requirements.
Excellent (5 marks): The code is clean, well-organized, and
very easy to understand.

C2: Adequate (3-4 marks): The code is easy to understand.


Coding 5 Poor (1-2 marks): The code is readable only by someone who
methodology knows what it is supposed to be doing.
Unsatisfactory (0 marks): The code is poorly organized and
very difficult to understand.
Excellent (5 marks): Easy to use and attractive User Interface.
C3: Adequate (3-4 marks): Easy-to-use User Interface.
User
5 Poor (1-2 marks): Poor User Interface design.
Interface
(UI) Design Unsatisfactory (0 marks): Very difficult User Interface to use
by the user.
Excellent (5 marks): Tested the program with all the test cases
and debugged it to find all the bugs.
C4: Testing Adequate (3-4 marks): Tested with adequate test cases for the
and 5 program to run and debugged it.
Debugging Poor (1-2 marks): Poor testing and debugging knowledge.
Unsatisfactory (0 marks): Not able to test and debug a program.
Excellent (5 marks): Submitted within the time limit.
Adequate (3-4 marks): Submitted within One or Two Days
C5: after the given time limit.
Submission 5 Poor (1-2 marks): Submitted within a week after a given time
in time limit.
Unsatisfactory (0 marks): Submitted after a week over the
given time limit.
Total Marks for Practical = Marks of C1 + C2 + C3 + C4 + C5

Signature with Date:

37 | Page

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy