1.1. Cloud exercise
The back end of this homework must be implemented in the cloud on Google Cloud App Engine,
● See assignment #5 for installation of needed components on Google Cloud.
● See the hints in section 3; a lot of reference material is provided to you.
● For Python and Flask kick-start, please refer to the Lecture slides on the class website.
● You must refer to the grading guidelines, the video, the specs, and Piazza. Styling will be
graded, and the point’s breakup is mentioned in the grading guidelines.
In this exercise, you are asked to create a webpage that allows you to search for events
information using the Ticketmaster API, and the results will be displayed in a tabular format.
The page will also provide event details.
2.1. Description of the Search Form
The user first opens a web page (for example, event.html, or any valid web page name). You
should use the ipinfo.io API (See hint 3.3) to fetch the user’s geolocation, after which the search
button should be enabled (it is initially greyed out and disabled when the page loads).
The user must enter a keyword and choose what Category of the event he/she wants to search
(categories include Music, Sports, Arts & Theatre, Film, Miscellaneous) from a drop-down list.
The default value for the “Category” drop-down list is “Default”, which covers all the “types”
provided by the Ticketmaster API.
Also, the user can choose the distance (in miles), which is the radius for the search where the
center is “Here” (the current location returned from ipinfo.io API) or the location listed in the
edit box. When the “Here” radio button is selected, the location edit box must be disabled. When
the location edit box is selected, it is a required field, and a location string must be entered. The
default distance is 10 miles from the chosen location. Use HTML5 “placeholder” to show the
string “location” in the location edit box and “10” in the Distance edit box as the initial values.
An example is shown in Figure 1.
本网站支持 Alipay WeChatPay PayPal等支付方式
E-mail: firstname.lastname@example.org 微信号:vipnxx