Problems 1-6 constitute homework 3, 10 points, due Wed., Oct. 21, on Gradescope
Problem 7 is also known Project 1, first delivery, or pa1a for short, also 10 points, due Tuesday midnight, Oct. 20, in /var/www/html/cs637/<username>/pizza1 on pe07.
1. To try out your new directory in pe07's web server site, put a simple hello.html in your new directory at /var/www/html/cs637/<username>. User joe has /var/www/html/cs637/joe, a private directory in the web server’s site, which is everything under /var/www/html/ (this is the "document root" of the web server). Note that everything under /var is visible only on its own host, i.e., pe07, so be sure to login to pe07 before trying to access this directory. To see your hello.html, make sure your tunnel from localhost:8000 to pe07.cs.umb.edu:80 is working (see AccessToCSHosts.html for directions) and simply browse to http://localhost:8000/cs637/username/hello.html. To create this file, transfer it from home to /var/www/html/cs637/username/hello.html on pe07, or, if hello.html is in your cs637 homework directory, it can be copied here with "cp ~/cs637/hello.html .". Your web-server directory is private to you except for access by the instructor or grader or of course the web server. All you need to do for this problem is have a little valid hello.html in your webserver directory at /var/www/html/cs637/<username> on pe07, and state in your homework paper what URL you used to display it with your browser. Also specify what lynx command on pe07 worked to display it.
2. Page flows--UI analysis and design. Read about the Pizza Project. See pizzaUI for images of the 9 major pages (not including error pages) of the web app. Study the pages and see how a user can navigate among them. Read pp. 463-464 in Duckett about the related topic of wireframes. Draw a page flow graph of the pages as navigated, with arrows showing use of links or buttons to get from one page to another. Each page is drawn as a rectangle with its links drawn as line segments and buttons as little boxes. Text inputs show as narrow rectangles. Radio buttons and check boxes also show. In other words, show all user input controls, plus important data tables, but don't worry about representing the lines of text of the static HTML. Draw the arrow from the link or button to the outer rectangle representing the other page, or back to this page. For an example, see Chapter 4 product manager page flow (just the bold parts). There are 9 major pages in this pizza app: Home, Manage Toppings, Add Topping, Manage Users, Add User, Manage Orders, Manage Days, Student Welcome, Pizza Order Form, so there should be 9 nodes (rectangles) in your graph, with arrows between them as appropriate.You can skip representing the links to Home and Student Orders that appear on every page (to simplify the diagram), but you should think about how they allow additional page navigation to users.
. Draw the
communications diagram using slide 24 of the Chapter 5 slides as a model.
You can drop the "server execution" note, as resulting in what shown in
this image. (The
following is wrong, there can reasonably be a REDIRECT) Note
there is no REDIRECT involved in this interchange, but there would be if
we considered the delete-topping scenario. 4. Study the script for building my_guitar_shop2 on pp. 568-571 (574-577 in ed. 3)and online in book_apps/_create_db. The online version has inserts as well as create tables.
5. SQL. Load both textbook databases into your mysql using _create_db/create_db.sql if you haven’t already. Write queries on my_guitar_shop2 as follows and show the queries and their output in your hw paper. You can use phpMyAdmin to try out the queries, or write a .sql file and use mysql at the command line. For queries, report the SQL and results, if any.
http://localhost/cs637/cs637/username/pizza1
or http:localhost:8000/
cs637/cs637/username/pizza1
once delivered to pe07 (with tunnel in place).
7. A Little start on pizza1. pizza1_setup has a start on the toppings manager. Finish this part of the project by adding the capability of adding a new topping. Follow the implementation of adding a product to ch05_guitar_shop: add a function add_topping to topping_db.php. See product_db.php, listed on pg. 171 (either edition). Then call add_topping from topping/index.php, just as add_product is called from product_manager/index.php, shown on pg. 173. Compose a new file topping_add.php for the needed form, like product_add.php.
By midnight, Tuesday, Oct. 20, deliver your project to your Apache
directory on pe07.cs.umb.edu, /var/www/html/cs637/<username>. See
problem 1 for more information about accessing this directory.
Once it’s running, add another topping of your choice.
If you have trouble with the delivery, please see me during office hours Wednesday, Oct. 21.
Make sure that your directory structure looks like this:
/var/www/html/cs637/joe –top level directory for user joe,
with hello.html for problem 1
/var/www/html/cs637/joe/pizza1 – top of pizza1 project
/var/www/html/cs637/joe/pizza1/topping/index.php one of the
project files
… all the other files of pizza1