Difference between revisions of "Module 3"

From CSE330 Wiki
Jump to navigationJump to search
(Undo revision 678 by Marc (Talk) reason: md5 is NOT sufficient for password encryption, as explained in the web app security guide)
Line 198: Line 198:
 
|1
 
|1
 
|-
 
|-
|Secure Password
+
|Password Encryption using a Salt
 
|1
 
|1
 
|-
 
|-
Line 216: Line 216:
 
|1
 
|1
 
|-
 
|-
|User Edit of Story/Comment
+
|User Edit of Story (1 pt) and Comment (1 pt)
 
|2
 
|2
 
|-
 
|-
Line 225: Line 225:
 
|1
 
|1
 
|-
 
|-
|Web Security Practices and Validation (See module 2)
+
|CSRF Safe and Validation
 
|1
 
|1
 
|-
 
|-

Revision as of 00:17, 22 September 2012

In Module 3, you will learn about MySQL, a web application database.

This article contains your assignments for Module 3.

Individual Assignments

You will create a simple grades database containing four tables.

IMPORTANT: The individual assignment is to be done by writing queries by hand. (You can use phpMyAdmin to run the queries, but do not let phpMyAdmin write your queries for you!) Writing your own queries gives you a greater understanding of the underlying mechanisms and databases in general. Additionally, having SQL knowledge and experience is a very marketable trait.

Install MySQL and phpMyAdmin

Before you start, you need to install MySQL on your EC2 instance. You may also install phpMyAdmin, a web frontend to MySQL, if you choose to do so.

You may find the following article to be very helpful: Introduction to MySQL

Set Up a Database

You may find the following article to be very helpful: Introduction to MySQL

  1. Create a database named wustl
  2. Create a user named wustl_inst and give them the password wustl_pass

Create Tables

You may find the following article to be very helpful: MySQL Schema and State

When creating tables, keep the following items in mind:

  • You should create all tables such that they use the InnoDB storage engine, since we wish to make use of its support of foreign keys. In other database engines, foreign key constraints are not enforced. (If you mess up, you can use ALTER TABLE to change the storage engine.)
  • Where it is appropriate, you should take advantage of the ability to define fields NOT NULL so that you do not inadvertently insert incomplete data for a row.

Create the following tables:

  1. Create a table named students with the following fields:
    • id of an appropriately-sized unsigned integer type (we will never need to process more than a million students)
    • first_name of type VARCHAR(50)
    • last_name of type VARCHAR(50)
    • email_address of type VARCHAR(50)
    The primary key should be on the id field.
  2. Create a table named departments with the following fields:
    • school_code of type ENUM (e.g. "L" for ArtSci and "E" for Engineering). The options are as follows:
      'L', 'B', 'A', 'F', 'E', 'T', 'I', 'W', 'S', 'U', 'M'
    • dept_id of an appropriately-sized unsigned integer type (in the foreseeable future there will never be more than 200 departments in a school)
    • abbreviation of type VARCHAR(9) (e.g. CSE, ChemE, etc)
    • dept_name of type VARCHAR(200) (e.g. Computer Science and Engineering)
    The primary key should be on two fields: school_code and dept_id
    Note: Why not just use the department ID? The ID numbers are sometimes reused across schools. For instance, department 33 in The School of Arts and Sciences is Psychology while department 33 in The School of Engineering and Applied Sciences is Energy, Environmental and Chemical Engineering. Thus we must also include the school code to differentiate them such that the record for E33 is distinct from that of L33.
  3. Create a table named courses with the following fields:
    • school_code of type ENUM
      This should have the same letters in the same order as the school_code ENUM field in the departments table.
    • dept_id of the same size of integer as in the departments table
    • course_code of type CHAR(5) (this will hold course codes; e.g., '330S', '131', '2960')
    • name of type VARCHAR(150)
    The appropriate fields in this table should make a foreign key reference to the corresponding fields in department.
    In addition, it is up to you to determine the field(s) for the primary key.
    Note: If you are unsure which fields to make the foreign keys and feel the need to beg your friends or the TAs to give you the answer, bang your head on your desk whilst repeating "I WILL EXERCISE REASON AND COMMON SENSE AND I WILL CURTAIL MY DESIRE TO BLINDLY FOLLOW DIRECTIONS"
    Disclaimer: don't actually bang your head on your desk, the resulting head trauma may in fact make it harder for you to determine which fields should have associated foreign keys.
  4. Create a table named grades with the following fields:
    • pk_grade_ID of an appropriately-sized unsigned integer type (should be larger than the one you chose for the students table)
      You should declare this field to be auto_increment and make it the primary key.
      This is called a surrogate key as opposed to a natural key because it doesn't arise "naturally" from the data; that is to say that it is not derived from application data. The use of surrogate keys vs. natural keys is a polemic issue amongst database designers. For a decently unbiased take on the issue, see this page: http://www.agiledata.org/essays/keys.html#Comparison
      Food for thought: Aside from simply exposing you to the concept, can you think of any reasons why a surrogate key might be preferable for this table? Alternatively, what attributes, if any, could you use as a natural key, and what might be the drawbacks of doing so?
    • student_id of the same integer (unsigned) type that you chose in the students table
    • grade of type decimal
    • school_code of type ENUM
      Can you guess what entries to use for the enum?
    • dept_id of the same integer type that you've used for this field in other tables
    • course_code of the same type you chose for the course code in the courses table
    The grades table should have foreign keys to both the students table and the courses table.

Populate Tables

Now, populate the tables by downloading the text files given below and loading them into the appropriate tables.

Note: Do not insert all the values manually; instead, use the MySQL's ability to load in data from text files.

You may find the following article to be very helpful: MySQL Schema and State

The files containing the data are:

Insert More Data

Insert the following data into the tables that you have created and populated:

  1. Insert an entry for CSE 330
    If you don't know CSE's department code, how can you find out using the tables in the database?
  2. Insert the grades given for the students named below. You may choose to make the entries for whichever classes you like, with the one condition that all of the students must have a grade for CSE 330 (who wouldn't want to take that class: I hear the professor and TAs are amazing!)
    • Ben Harper
      • E-mail: bharper@ffym.com
      • Student ID: 88
      • Grades:
        • 5.5
        • 0
        • 20
    • Matt Freeman
      • E-mail: mfreeman@kickinbassist.net
      • Student ID: 202
      • Grades:
        • 100
        • 90.5
        • 94.8
    • Marc Roberge
      • E-mail: mroberge@ofarevolution.us
      • Student ID: 115
      • Grades:
        • 15
        • 37
        • 45.5
    You may choose any 3 classes you'd like for them to be enrolled in, with at least one class, "CSE 330S", in which they are all enrolled.

Querying Your Database

Now that you have a fully-functional, populated database, let's do some queries on it!

Please take a screenshot of running the following select queries and show them to a TA (be sure to include your query command and the response:

  1. Select the entire grades table.
  2. Select all fields describing the courses offered in the school of arts and sciences (school code L).
  3. The names, student IDs, and grades of the students who are in CSE330.
  4. The names and e-mails of any student with an average below 50 so that the dean can send them an email notification that they are now on academic probation.
    You should be able to do this in only one query, without making any temporary tables. You will need to use aggregation functions and the having keyword.
  5. An individual report card for Jack Johnson, consisting of two tables (these can be done using separate queries):
    1. His student ID, e-mail address, and average grade.
      Again, you should be able to do this in just one query, using the correct combination of aggregation functions and joins.
    2. The classes he is in and his grades for those classes. To give you an idea, one row in the table should look like this:
      E 81 400 Independent Study 98.5

Group Project

You will work in pairs on this project. You may work with the same partner from Module 2, or change to someone else.

Important Reminder: frequently commit your work to your subversion repository as a backup!

Simple News Web Site

Examples:

You should use PHP unless you get permission to use another web technology from the instructor. You may also use phpMyAdmin to help set up databases.

You may find this wiki article helpful: PHP and MySQL

Requirements

  • Users can register for accounts and then log in to the website.
  • Accounts should have both a username and a secure password. NEVER store plaintext passwords in a database!
    For more information on password security, refer to the Web Application Security guide.
  • Registered users can submit stories: either a link with summary or news text.
    You do not have to make a distinction between the two types of stories, although if you want to, you could do something with this for the creative portion of your project.
  • Registered users can comment on any story.
  • Administrator users can delete stories and comments.
  • Unregistered users can only view stories and comments.
  • Registered users can edit their stories and can delete their comments.
  • All data must be kept in a MySQL database (user information, stories, comments, and categories).
  • As before, please check with a TA to see if your creative portion is okay or not before you proceed.

Web Security and Validation

Your project needs to demonstrate that thought was put into web security and best practice. For more information, see this week's Web Application Security guide: Web Application Security, Part 2

In particular:

  • Your application needs to be secure from SQL injection attacks. If you are using prepared queries, you should already be safe on this front.
  • All of your output needs to be sanitized using htmlentities().

You shouldn't forget the practices you learned last week:

  • You should pass tokens in forms to prevent CSRF attacks.
  • Your page should validate with no errors through the W3C validator.

Grading

Due Date: Wednesday October 10th, by 1pm (both individual and group)

Assignment Points
Tables Correct 2
Data Queries Correct 2
Group Portion:
User Authentication 1
User Registration 1
Password Encryption using a Salt 1
Main page displays all stories (or most recent stories) 1
Page with individual story and comments 1
Story Submission 1
Comment System 1
Administrator Deletion of Stories/Comments 1
User Edit of Story (1 pt) and Comment (1 pt) 2
Protect Against SQL Injection Attack 1
Sanitize Output 1
CSRF Safe and Validation 1
Creative Portion 2