Module3-AI - Revision history

Todd at 14:53, 31 December 2025

2025-12-31T14:53:45Z

Todd at 14:52, 31 December 2025

2025-12-31T14:52:41Z

Todd at 19:41, 3 December 2025

2025-12-03T19:41:08Z

Todd: Created page with " NOTOC In Module 3, you will learn about MySQL, a web application database. This article contains your assignments for Module 3. == Using the Wiki == {{RequiredInstructi..."

2025-11-19T16:46:54Z

Created page with " __NOTOC__ In Module 3, you will learn about MySQL, a web application database. This article contains your assignments for Module 3. == Using the Wiki == {{RequiredInstructi..."

New page

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

This article contains your assignments for Module 3.

== Using the Wiki ==
{{RequiredInstructions|content=
Text enclosed by <syntaxhighlight lang="bash" inline><</syntaxhighlight> and <syntaxhighlight lang="bash" inline>></syntaxhighlight> should be replaced by content unique to you.

'''Example'''

<source lang="bash">
$ sudo useradd -r -m -c "<My Full Name>" <usernameHere>
</source>
becomes
<source lang="bash">
$ sudo useradd -r -m -c "Zach Cohn" zcohn
</source>
}}

== Reading ==

The following articles on the online class wiki textbook contain information that will help you complete the assignments.

* [[Introduction to MySQL]]
* [[MySQL Schema and State]]
* [[PHP and MySQL]]
* [[Web Application Security, Part 2]]
* [[FAQ - Mod 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. Instructions to install both can be found on the [[Introduction to MySQL]] page.

=== Set Up a Database ===

You may find the following article to be very helpful: [[Introduction to MySQL#Managing Databases]]

# Create a database named '''wustl'''
# 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:

# 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.
# 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 for the primary key? The ID numbers are sometimes reused across schools. For instance, department 33 in The College 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.
# 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, we recommend exercising reason and common sense.
# 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). There will never be more than 1,000 grades per student.
#*: 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(5,2)'''
#* '''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:
* students: https://classes.engineering.wustl.edu/cse330/content/students_data.txt
* courses: https://classes.engineering.wustl.edu/cse330/content/courses.txt
* departments: https://classes.engineering.wustl.edu/cse330/content/departments_data.txt
* grades: https://classes.engineering.wustl.edu/cse330/content/grades_data.txt

To download the files to your AWS instance, run wget command below for each file.

For example, to download the students_data.txt file to my AWS instance I would type the following:

<source lang="bash">
wget --no-check-certificate https://classes.engineering.wustl.edu/cse330/content/students_data.txt
</source>

=== Insert More Data ===

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

# Insert entries for CSE 330S, CSE 131, and CSE 260M.
#: ''If you don't know CSE's department code, how can you find out using the tables in the database?''
# Insert the grades given for the students named below.
#* '''Ben Harper'''
#** E-mail: '''bharper@ffym.com'''
#** Student ID: '''88'''
#** Grades:
#*** 35.5 in CSE 330S
#*** 0 in CSE 131
#*** 95 in CSE 260M
#* '''Matt Freeman'''
#** E-mail: '''mfreeman@kickinbassist.net'''
#** Student ID: '''202'''
#** Grades:
#*** 100 in CSE 330S
#*** 90.5 in CSE 131
#*** 94.8 in CSE 260M
#* '''Marc Roberge'''
#** E-mail: '''mroberge@ofarevolution.us'''
#** Student ID: '''115'''
#** Grades:
#*** 75 in CSE 330S
#*** 37 in CSE 131
#*** 45.5 in CSE 260M

=== Querying Your Database ===

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

Please Running the following <code>SELECT</code> queries, then copy the output to a text file of the form <code>query1.txt</code>, <code>query2.txt</code>, and so on, and commit them with the rest of your repository (be sure to include your query command and the entire response, including the number of results found). For each query, only the requested columns should be present. You will receive 0 points for any query that includes additional columns.

# Select the entire grades table.
# Select all fields describing the courses offered in the College of Arts & Sciences (school code <code>L</code>).
# The names, student IDs, and CSE330 grades of all students who are in CSE330S.
#: '''Note:''' This query should involve joins. You don't need to use any aggregation functions.
# The names, e-mails, and average grades 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 <code>HAVING</code> keyword.''
# An individual report card for Jack Johnson, consisting of only 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.''
#: '''Note:''' Your query must look for students with the name "Jack Johnson" instead of hard-coding the student ID.

== 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 Git repository as a backup!

=== Simple News Web Site ===

'''Examples:'''
* http://digg.com/
* http://slashdot.org/
* https://news.ycombinator.com/

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 [[Web Application Security, Part 2#Password Security|the Web Application Security guide]].
* Registered users can submit story commentary.
*: A link can be associated with each story, and they should be stored in a separate database field from the story.
*: For example, a story that included a link could look like the following:
*:: Title: Check out this cool search engine I found!
*:: Body: This search engine that I found has been very helpful with all of my homework assignments. Searching my error messages helps me debug.
*:: Link: http://google.com
* Registered users can comment on any story.
* Unregistered users can only view stories and comments.
* Registered users can edit and delete their stories and comments.
* All data must be kept in a MySQL database (user information, stories, comments, and links).
* Creative Portion.

=== AI Tool Integration: Upvote Feature ===

For this module, you will learn to work with AI coding assistants (such as GitHub Copilot, ChatGPT, or similar tools) to implement an additional feature for your news site. This exercise is designed to help you understand how to effectively collaborate with AI tools while maintaining code quality and security.

**Requirements:**
- Implement an **upvote/downvote system** for stories and/or comments
- Use an AI coding assistant to help generate the initial code for this feature
- The voting system should:
- Allow registered users to vote on stories and/or comments
- Prevent users from voting multiple times on the same item
- Display vote counts prominently
- Sort stories by vote count (hot/trending)

**AI Tool Usage Process:**
1. **Prompt Engineering**: Write clear, specific prompts asking the AI to generate PHP/MySQL code for the voting feature
2. **Code Review**: Carefully review all AI-generated code for:
- Security vulnerabilities (SQL injection, XSS, etc.)
- Code quality and readability
- Compatibility with your existing codebase
3. **Integration**: Modify and adapt the AI-generated code to work with your existing authentication system and database schema
4. **Testing**: Thoroughly test the feature to ensure it works correctly and securely

**Documentation Requirements:**
In your README.md, include:
- Which AI tool you used
- Examples of prompts you used to generate the voting feature code
- A brief analysis of what the AI did well and what you needed to fix/improve
- Any security considerations you addressed in the AI-generated code

=== Web Security and Validation ===

No application is finished until much thought is put into web security and best practice. Throughout this course, we heavily emphasize the dogma of [https://mirrors.meiert.org/coderesponsibly.org/ responsible] coding.

Read this week's Web Application Security guide: [[Web Application Security, Part 2]]. In particular, your project needs to:

* '''Your application needs to be secure against SQL injection attacks'''. If you are using prepared queries, you should already be safe on this front.
* '''Your passwords need to be securely hashed salted''' to prevent rainbow table attacks.
* '''You should pass tokens in forms''' to prevent CSRF attacks.
* '''You should check all preconditions on the server side''' to prevent Abuse of Functionality attacks.

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

* '''Your page should validate''' with no errors or warnings through the W3C validator.
* '''Filter Input and Escape Output''', but not the other way around.

== Grading ==

We will be grading the following aspects of your work. There are 100 points total.

'''Assignments (including code) must be committed to Github by the end of class on the due date (commit early and often). Failing to commit by the end of class on the due date will result in a 0. '''

'''If you do not include a link to your group portion running on your instance in your group portion README.md, you will receive a 0 for the group portion.'''

________

# '''MySQL Queries (25 Points):'''
#* A MySQL server is running on your instance. Put a screenshot in your repository of your terminal connected to your MySQL server. (2 points)
#* Tables' fields, including data types and foreign keys, are correct (8 points)
#*: ''Note: To demonstrate the structure of your tables, you should commit a text file containing the output of the <code>SHOW CREATE TABLE</code> command '''for each table.''' Each table's file should have a name of the form <code>tablename.sql</code> (e.g. <code>students.sql</code>).''
#* The output of each of the five queries is correct. (3 points each)
#*: ''Note: To demonstrate the output of your queries, text files containing the 'entire' result (including the query and number of records found) of running each query should committed to Github. The file for query 1 should be named <code>query1.txt</code>, the file for query 2 should be named <code>query2.txt</code>, and so on.''
# '''News Site (60 Points):'''
#* '''''User Management (20 Points):'''''
#** A session is created when a user logs in (3 points)
#** New users can register (3 points)
#** Passwords are hashed, salted, and checked securely (3 points)
#**: ''Note: You will receive 0 points for this section if you use the <code>==</code> or <code>===</code> operators to compare password hashes, or if you use the <code>crypt</code> or <code>md5</code> functions at any point.''
#** Users can log out (3 points)
#** A user can edit and delete his/her own stories and comments but cannot edit or delete the stories or comments of another user (8 points)
#* '''''Story and Comment Management (20 Points):'''''
#** Relational database is configured with correct data types and foreign keys (4 points)
#*: ''Note: To demonstrate the structure of your database, you should commit a 'single' text file containing the output of the <code>SHOW CREATE TABLE</code> command '''for all tables in your database,''' called <code>tables.sql</code>. This one file should contain the output for all of your tables.
#** Stories can be posted (3 points)
#** A link can be associated with each story, and is stored in a separate database column from the story (3 points)
#** Comments can be posted in association with a story (4 points)
#** Stories can be edited and deleted (3 points)
#** Comments can be edited and deleted (3 points)
#**: ''Note: Although there are only 6 points allocated for editing/deleting in this section, there are 8 more points at stake in the User Management section that cannot be earned unless editing/deleting is implemented. Implementing editing but not deleting, or vice-versa, will result in earning half the points.''
#* '''''Best Practices (15 Points):'''''
#** Code is well formatted and easy to read, with proper commenting (3 points)
#** Safe from SQL Injection attacks (2 points)
#** Site follows the FIEO philosophy (3 points)
#** All pages pass the W3C HTML and CSS validators (2 points)
#** CSRF tokens are passed when creating, editing, and deleting comments and stories (5 points)
#* '''''Usability (5 Points):'''''
#** Site is intuitive to use and navigate (4 points)
#** Site is visually appealing (1 point)
# '''Creative Portion & AI Integration (15 Points)'''
#* '''''AI Tool Implementation (10 Points):'''''
#** Upvote/downvote system is fully functional (4 points)
#** AI tool usage is properly documented in README.md (3 points)
#** Code review process for AI-generated code is evident(security and quality fixes) (3 points)
#** We recommend you to use "Edit" Mode of Copilot to implement this feature
#** Be sure to create a new branch before implement this in case any of your original code being changed.
#* '''''Additional Creative Features (5 Points):'''''
#** Implementation of additional creative features beyond basic requirements
#** Feature enhances user experience and site functionality
#* '''''Make sure you have a README.md file in your group repo with the following:'''''
#** Names and Student IDs of all the group members
#** A link to your homepage of the site
#** A brief description of what you did for your creative portion
#** Documentation of AI tool usage (tool used, prompts, code review process)
#** Any additional login details needed for the TA

[[Category:Module 3]]
[[Category:Modules]]

@@ Line 4: / Line 4: @@
 This article contains your assignments for Module 3.
 == Using the Wiki ==
@@ Line 24: / Line 19: @@
 </source>
 }}

@@ Line 1: / Line 1: @@
 __NOTOC__
 In Module 3, you will learn about MySQL, a web application database.
 This article contains your assignments for Module 3.
 == Using the Wiki ==

@@ Line 1: / Line 1: @@
+{{Please leave this line alone and write below (this is the coloured heading)}}
 __NOTOC__
 In Module 3, you will learn about MySQL, a web application database.
@@ Line 198: / Line 198: @@
 For this module, you will learn to work with AI coding assistants (such as GitHub Copilot, ChatGPT, or similar tools) to implement an additional feature for your news site. This exercise is designed to help you understand how to effectively collaborate with AI tools while maintaining code quality and security.
-**Requirements:**
+'''Requirements''':
 - Implement an **upvote/downvote system** for stories and/or comments
 - Use an AI coding assistant to help generate the initial code for this feature
 - The voting system should:
    - Allow registered users to vote on stories and/or comments
@@ Line 207: / Line 210: @@
    - Sort stories by vote count (hot/trending)
-**AI Tool Usage Process:**
+'''AI Tool Usage Process:'''
-. **Prompt Engineering**: Write clear, specific prompts asking the AI to generate PHP/MySQL code for the voting feature
-. **Code Review**: Carefully review all AI-generated code for:
+. '''Prompt Engineering''': Write clear, specific prompts asking the AI to generate PHP/MySQL code for the voting feature
     - Security vulnerabilities (SQL injection, XSS, etc.)
     - Code quality and readability
     - Compatibility with your existing codebase
-**Documentation Requirements:**
+. '''Integration''': Modify and adapt the AI-generated code to work with your existing authentication system and database schema
 In your README.md, include:
 - Which AI tool you used
 - Examples of prompts you used to generate the voting feature code
 - A brief analysis of what the AI did well and what you needed to fix/improve
 - Any security considerations you addressed in the AI-generated code

Module3-AI - Revision history

Todd at 14:53, 31 December 2025

Todd at 14:52, 31 December 2025

Todd at 19:41, 3 December 2025

Todd: Created page with " __NOTOC__ In Module 3, you will learn about MySQL, a web application database. This article contains your assignments for Module 3. == Using the Wiki == {{RequiredInstructi..."

Todd: Created page with " NOTOC In Module 3, you will learn about MySQL, a web application database. This article contains your assignments for Module 3. == Using the Wiki == {{RequiredInstructi..."