Spotify-Streamer-P2-Android

Evaluation

Stage 2 is evaluated against this rubric.

User Experience Design

Tablet Interaction Flow (using a Master Detail Flow)

1. Search for an artist.
2. Fetch and display the top tracks for the selected artist.
3. Play the selected track preview.

Build a Track Player and Optimize for Tablet

Task 1: Build a Simple Player UI

Use the layout fundamental skills you learned in Developing Android Apps to build a simple track player. You will launch this view via Intent when a user selects a specific track from the Artist Top Tracks view.

This player UI should display the following information:

• artist name
• album name
• album artwork
• track name
• track duration

This player UI should display the following playback controls:

• Play/Pause Button - (Displays “Pause” when a track is currently playing & displays “Play” when a playback is stopped)
• Next Track - advances forward to the next track in the top track list.
• Previous Track - advances to backward to the previous track in the top track list.
• (Scrub Bar) - This shows the current playback position in time and is scrubbable.

Icons

To get the icons for the playback controls, you can use the ones that are built-in on Android as drawables. Check out http://androiddrawables.com/ to see all the built-in drawables. The ones used in the mockup are found in the Other section of the site:

• ic_media_play
• ic_media_pause
• ic_media_next
• ic_media_previous

Referencing built-in Android drawables involve using the syntax @android:drawable/{drawable_id}. For example, @android:drawable/ic_media_play refers to the play button drawable.

Task 2: Implement playback for a selected track

You will use Android’s MediaPlayer API to stream the track preview of a currently selected track.

Please consult the guide on using MediaPlayer on developer.android.com

• Remember that you will be streaming tracks, not playing local audio files.
• Don’t forget to add the necessary permissions to your app manifest.

Task 3: Optimize the entire end to end experience for a tablet

Migrate the existing UI flow to use a Master-Detail Structure for tablet. If you haven’t done so already, you will want to implement three Fragments for your tablet UI:

• one for artist search

• one for top track results

• and another for Playback.

• If you need a review of how to build for tablet, please refer back to Lesson 5 of Developing Android Apps, where the instructors discuss a Master-Detail layout.

• To display the Now Playing screen in a dialog on the tablet and in a normal activity on the phone, you can use a DialogFragment, which can act as a normal fragment (for the phone) or show in a dialog (for the tablet). See the documentation on Dialogs for more information—the section called “Showing a Dialog Fullscreen or as an Embedded Fragment” is particularly helpful.

Project Submission (Spotify Streamer App, Stage 2)

In order to submit P2: Spotify Streamer App, Stage 2, please use this link and follow instructions.

If you have any problems submitting your project, please email us at android-project@udacity.com.