HW#1 --- last modified September 21 2020 06:39:33.

Solution set.

Due date: Sep 14

Files to be submitted:
  Hw1.zip

Purpose:

The main course outcomes covered by this assignment are:

CLO1 - Write HTML documents containing standard HTML elements including forms, tables, client-side scripts, and server-side scripts.

Description:

This assignment consists of three parts described below:

1. In-Class Demo: Before or on the homework due date, each student needs to share their screen on a Zoom meeting with me and show on their laptop that they have installed Apache, PHP, and Mysql or MariaDB. You can do this by installing these individually or by installing a developer stack such as MAMP, WAMP server, or XAMPP. Depending on your setup, I will test that your installation is working by going to the phpMyAdmin page. This portion of the homework must be demo'd individually to receive points, not as a group. The remainder of the assignment can be done in a group.
2. Experiments:
   1. Connect your phone and your laptop to the same LAN. View the default page of your Apache installation of your laptop in a browser on your phone. Take a screenshot and include it in the Hw1.zip as the file as either phone_screenshot.jpg or phone_screenshot.png.
   2. Next on your laptop locate the Apache log folder and look at the access.log file (the entry should be dated since the start of the semester). Find the entry corresponding to the access from your phone. Determine what User-Agent string was given by your phone. Put the relevant portion of the log file and at least one additional line for the User-Agent string answer in a file access_results.txt that you include in Hw1.zip.
   3. In a shell, using curl, download the Reddit, Amazon, Zoom, Bing, Twitch homepages with the -v flag (for verbose). Look at the request and response HTTP headers. What User agent does curl use by default? Try to download these pages as well using the --http2 flag. How did the responses change? Are these sites downloadable using the --http2-prior-knowledge flag? Put transcripts of your curl requests and your answers to these questions in a file curl_results.txt that you include in your Hw1.zip file. Note curl is probably already installed on Mac and Linux, but you will probably need to download it on Windows.
   4. Pick four response headers that were received while doing the experiment above, and which we have not discussed in class. For each of them, find out what they are for, write up these headers and what they are for in the file headers.txt which you include in your Hw1.zip file.
3. Web Pages: As you know there have not been so many new movies so far in 2020. So an underdog movie like Sonic the Hedgehog has a real shot as best movie of the year. Make an HTML 5/Living Standard validating, fan web page with title Oscars for Sonic 2020 that represents why you think Sonic the Hedgehog should take home as many Oscars as possible this year, including for best picture. Here are some additional requirements for your page:
   1. Your page should use a <link> tag to specify a favicon. You should include this icon in your Hw1.zip folder.
   2. Your page should have at least two <a> tags to two other HTML 5/Living Standard validating pages you create. The href attributes in these tags should use relative paths so it doesn't matter what folder your page is served from.
   3. Your page should have at least one <img> tag that correctly loads a png image that you include in your Hw1.zip folder. The src attribute of this tag should use a relative path.
   4. Your page should at least once constructively use the following tags: <ul>, <table>, <span>. You can use the span tag for example to give a tooltip for some item on the page.