Microsoft Word - Exam2.pdf Homework 4 – CIS3368 Date: May 1st 2021 Premise: Create an EJS application that utilizes the iTunes artist API to find music tracks and songs, and present the result to the...

1 answer below »
Microsoft Word - Exam2.pdf

Homework 4 – CIS3368

Date: May 1st 2021

Premise:
Create an EJS application that utilizes the iTunes artist API to find music tracks and songs, and present
the result to the user.

Details:
The following endpoint can be used to request a collection of songs based on an artist:
https://itunes.apple.com/search?term=

where needs to be replaced with the artist/band you would like to search for. So for instance,
searching for songs from the band “Queen” would require contacting the following endpoint:

https://itunes.apple.com/search?term=queen

The result consists of up to 50 results in JSON format. Among the result parameters you can find the
name of the song in the parameter: trackName

Requirements:
You only need to create one page. This page consists of four controls: a text input, two buttons, and a
control of your choice to display the results. The results need to just show the name of the songs, none
of the other information. The second button, when pressed, sorts the resulting songs alphabetically. A
simple illustration of the use case diagram can be seen here:



Technical requirements:
Use EJS as your JavaScript Framework, and utilize the libraries learned in the course such as express,
axios, and bootstrap.

Extra Credit (10 points):
In addition to showing the name of the songs, display also the image of the corresponding album. Each
song in the JSON response should have three attributes with links to images: artworkUrl30,
artworkUrl60, artworkUrl100
You can choose either one of them. The number in the end stands for the size of the cover image
(30x30, 60x60 or 100x100)





Submission:
Zip file on Blackboard (you do not need to include the node_modules folder in the zip file)


Basic Grading rubric for this homework

Item Points
FollowingBestPracticesforUIdesign 10
CodeforsetupofExpressapp 10
CommentsforsetupofExpressApp 10
CodefordataretrievalfromiTunesAPI 10
CommentsexplainingcodefordataretrievalfromiTunesAPI 10
Codeforbusinesslogicofapplications 10
Commentsexplainingcodeforbusinesslogicofapplication 10
CodeforUIcomponents 10
CommentsexplainingcodeforUIcomponents 10
Codeforsortingtheresultunddisplayingsorted 5
Commentsexplainingcodeforsortingtheresultund
displayingsorted
5
Total 100
Deduction50%ifcodedoesn’tcompile (upto-50)
Answered Same DayMay 01, 2021

Solution

Yogesh Chandankhede answered on May 02 2021
25 Votes

templates/form.html

Enter Artist or Band:
SEARCH
SORT
Solution.py
# import Flask and other modules
from flask import Flask, request,...

Submit New Assignment

Copy and Paste Your Assignment Here