The document describes various user interface components for a mobile app about hip hop history, including labels for the app name, genre, location, and year. It also includes a play button to play audio and images, vertical and horizontal arrangements to layout the components, a web viewer to display a map, and a slider and media player. The components are configured with properties like text, colors, sizes, and positions to display the appropriate information and interactivity for learning about the genres, locations, and years of hip hop history.

1. Component
type
Palette
group
What you
will name it
Purpose/ Properties
Label User
Interface
Header
Label
The name of the app/ set text to “Hip
Hop History”, set background color to
red, set text color to white, set width
to fill parent
Label User
Interface
Title
Label
holds the name of the musical genres
(e.g., blues, funk) you’ll be featuring/
set text to “Genre”
Label User
Interface
Location
Label
holds the name of the location/ set
text to “Location”
Button User
Interface
Play
Button
clicks to play audio and show the
image of the genre/ set width and
height to 50px
Vertical
Arrangement
Layout Vertical
Arrangement
Give some layout design/ drag the
Title Label and put it inside, then the
Location Label inside
Horizontal
Arrangement
Layout Horizontal
Arrangement
Give some layout design/ set width to
fill parent, then drag the Play Button
inside and the vertical arrangement
(they should be side by side)
Web Viewer User
Interface
Web
Viewer1
Shows the map/ Set width to fill
parent, and height to 300px
Label User
Interface
Year
Label
Holds the year of the genre/ set text to
“Year”
Slider User
Interface
Slider1 Slide to change content/ set width to
300px, set min value to 1, set max
value to 5, set Thumb Position to 1,
Player Media Player1 Plays Audio