This project is to be completed individually. Consultation with classmates is allowed but do not write the code together. The submitted code must be your own work.
Total: 70 points
Warning: Start EARLY. Do NOT wait till the last day. Remember to cite all sources of your code. Do NOT use any code from the web without proper acknowledgement. Both Firefox & Chrome should work for this project. The code can get complicated with too many curly braces and parentheses. So, be vigilant. Add code in very small chunks, verify that the code works and then add more code. If you get stuck on something, contact me. Have fun!
PART 1 (20 points): Gather data from Itunes Feed
https://itunes.apple.com/rss can generate RSS feeds for many different products in the iTunes store. For this project, we will be using the topsongs feed. The general URL for topsongs is:
where CODEFORCOUNTRY can be “us” for United States or “ng” for Nigeria or “tr” for Turkey and NUMBEROFTOPSONGS can be in the range of 10-300.
Homework help – Write Javascript using jQuery to display the following information from the XML feed to an HTML page:
The title of the song (3 points)
The name of the artist (3 points)
The album of the song (4 points)
The image associated with the song (Note that there are 3 images of different size, choose one size only) (5 points)
The link to audio clip (5 points) (Note that there are two link tags. Choose one.)
You can get any other information from the feed that is of interest to you. WK13 exercise will be helpful.
PART 2 (5 points): Play Audio Clips
This part requires you to teach yourself how to use the audio tag. Based on your HTML knowledge, you should be able to figure this out. For reference, look here: http://www.w3schools.com/html/html5_audio.asp
PART 3 (20 points): Add User Interaction (UI)
Add the following to your HTML & JavaScript:
A drop down menu to choose the top songs of one of three countries of your choice. Of the three countries, choose one country (non-English speaking) whose song you have never heard. WK11 PPT slides will be helpful. (3)
Use a slider widget to choose the number of songs to display with a range of 5-30. WK11 exercise/demoWidgets will be helpful. (6)
Javascript/jQuery code to take user input and update the following link where the value for CODEFORCOUNTRY will be taken from (a) and the value for NUMBEROFTOPSONGS will be taken from (b) (8)
For each song in the itunes feed, create a search term from the data you collected from the RSS feed. What would be an appropriate search term? What would be an appropriate number for maxResults?
Parse/read the data you get from the YOUTUBE API to get the id of the video. Use the id to create a clickable link to the youtube video. For example, if the id is “RFinNxS5KN4”, then the link will be “http://www.youtube.com/watch?v=” + id. Do not embed the video.
Create the HTML to display the video link including all other information you gathered from the itunes feed earlier. Make sure you append the HTML within the function that parses/reads the YOUTUBE API data. WK13 exercise will be very helpful.
Error Checking: When a video id of a song is not found, instead of displaying a youtube link, print that the video for that song was not found. Test and make sure this works by searching for something that will return no result.
Code Comments (5 points)
Include comments to your code- both HTML and JavaScript. Comments should be accurate and detailed enough so that anyone who reads your code will be able to understand the program without any explanation from you. Another way to think about it is that if you read this code one year from now, you should be able to understand what the program does. If there are any issues with your code or quirks that I should be aware of during grading, include them in a readme.txt file.
Creativity (10 points)
Add your own creative style to the webpage- make it your own and impress yourself! However, do keep in mind that other people would be using the webpage (in this case, me!) so keep the colors, font size, layout, graphics etc. readable and usable. Do not choose red font on a blue background for example.
Submission
Upload all your files as a .zip file to Blackboard under Submit Assignments -> Final Project. Name your file as YourUsername_FP.zip e.g. If I were to upload it, it would be mutsuday_FP.zip
To ensure professionalism, we carefully curate our team by handpicking highly skilled writers and editors, each possessing specialized knowledge in distinct subject areas and a strong background in academic writing. This selection process guarantees that our writers are well-equipped to write on a variety of topics with expertise. Whether it's help writing an essay in nursing, medical, healthcare, management, psychology, and other related subjects, we have the right expert for you. Our diverse team 24/7 ensures that we can meet the specific needs of students across the various learning instututions.
Affordable Prices
The Essay Bishops 'write my paper' online service strives to provide the best writers at the most competitive rates—student-friendly cost, ensuring affordability without compromising on quality. We understand the financial constraints students face and aim to offer exceptional value. Our pricing is both fair and reasonable to college/university students in comparison to other paper writing services in the academic market. This commitment to affordability sets us apart and makes our services accessible to a wider range of students.
100% Plagiarism-Free
Minimal Similarity Index Score on our content. Rest assured, you'll never receive a product with any traces of plagiarism, AI, GenAI, or ChatGPT, as our team is dedicated to ensuring the highest standards of originality. We rigorously scan each final draft before it's sent to you, guaranteeing originality and maintaining our commitment to delivering plagiarism-free content. Your satisfaction and trust are our top priorities.
How it works
When you decide to place an order with Dissertation App, here is what happens:
