Homework 8: Ajax, JSON and Responsive Design
Entertainment Event Search Grading Guidelines
Total Points: 15
Deduction of points in each category will NOT exceed the total points of the
category.
§ Basic Search Form (3 points in total) o KeywordAutocomplete–0.5points
o KeywordPlaceholder-0.25points
o Thedrop-downlistshouldcontainallcategories-0.25points
o Locationeditboxmustbedisabledwhenchoosing“Currentlocation”radioandenabled
when selecting “Other” – 0.5 points
o Validationforthesearchinputsandtheerrormessage(s)-0.25points
o “Clear”buttonresetsthesearchformtotheinitialstateandclearsresultsarea.-0.5points o Disableandenablethe“Search”buttonappropriately-0.5points
o Obtainuserlocation–0.25points
§ Results (2 points in total) o Favorites–0.5points
o Eventclickable–0.5points
o Eventsortedbyascendingtime–0.5points
o Detailsbuttonenabledanddisabledappropriately–0.5points
§ Event Details (4.5 points in total) o Eventtab(1pointintotal)
§ Show every row in the table in the correct format – 0.75 points
• Display time format correctly – 0.25 points
• Display price range format correctly – 0.25 points
• The rest – 0.25 points
§ Show “View Seat Map” pop up correctly – 0.25 points o Artist/Teamstab(1.5pointintotal)
§ Display music artist table in the correct manner – 1.5 points
• Display popularity of circle progress bar in the correct manner – 0.5 points
• Display followers’ number in the correct manner – 0.5 points
• Spotify link should open in a new tab correctly – 0.5 points
o Venuetab(1pointintotal)
§ Table display information in the correct manner. – 0.5 points § Map initialized correctly (center, marker) – 0.5 points
o Buttons(0.75pointsintotal)
1
§ List button – 0.25 points
§ Favorites button – 0.25 points § Twitter button – 0.25 points
o Eventnameabovetabs(0.25pointsintotal) § Favorites (2 points in total)
o Addfromsearchlist/detail–0.5points
o Deletionfromsearchlist/favoritelist/detail–0.5points o Displayfavoritesinthecorrectorder–0.5points
o Detailssearch–0.5points
§ Progress bars, No records messages, and Error messages (1 points in total) o Progressbars–0.5pointseach
o Norecordsmessages–0.25pointseach o Errormessages–0.25pointseach
§ Animation (1 point in total) o Sliding–1points
§ Responsive (1.5 point in total)
o In mobile browsers, all of the pages should be the same as screenshots provided in description document – 0.75 points
o In mobile browsers, all search, favorites, and Twitter functions must work – 0.5 points
o In mobile browsers, the animation must work – 0.25 points § Use of Angular
o AnimationmustbeimplementedwithAngular.Otherwise,allpointsforanimationwillbe deducted.
§ Use of Bootstrap
o TheappshouldbeimplementedusingBootstrap.ImplementationswithoutBootstrapwill
result in a penalty of 2 points.
§ Use of GAE
o Node.jsscriptmustbedeployedonGAE.Toallowthegraderstoperformthistest,an
additional link should be added to the list of homework, with a format similar to the following:
§ http://xxx.appspot.com/[path]?[list_of_the_parameters_and_sample_values]
o ThislinkwouldguidegraderstoapagewhereitdisplaystheJSONdatareturnedbyyour
Node.js script running on the Google App Engine. Failing to provide a valid link will result in
a penalty of 4 points.
o DeployingonanyotherplatformsuchasAzure/AWSwillleadtomajorpointdeduction.
§ Additional Requirements
o MostAPIrequestsmustbemadeinserverside.Onlyipinfo.ioandGoogleMapsJavaScript
library (display map in venue tab) can be called at client side. Any violation will result in a
4-point penalty.
o Thewindowshouldnotreloadforanykindofdatarequest.Alltransactionsare
asynchronous. Any violation will result in a 2-point penalty.
o TheprogrammustworkinChromeandFirefoxondesktop,andChromeonmobiledevices
2