CS代写 COMP721 Web Development Assignment 1

COMP721 Web Development Assignment 1
Semester 1, 2022 DUE ON: 11:59 PM Wednesday 13 April 2022
Assignment Worth: 25% of total grade
NB: Assignments will be accepted up to five (5) calendar days late, but a penalty of 5% per day (or part of a day) late will be imposed on the submission. This is an individual assignment. Students are referred to the school’s policy on plagiarism. A confirmed plagiarism case will incur zero mark to all the involved students.

Copyright By PowCoder代写 加微信 powcoder

Specifications:
The aim of this assignment is to create a diary system for a social networking site. This system will allow users to post their status and save it to a database table. These posted status details can also be retrieved using text matching and all matched status reports can be viewed in the order they are posted.
For this assignment, you will need to create all the appropriate HTML, PHP files and database table(s). For HTML pages, you are free to either use plain HTML+CSS or use CSS frameworks such as Bootstrap. You should save and test all your HTML and PHP files on cmslamp14.aut.ac.nz server in a directory ” /home//public_html/assign1″. Some screenshots are provided to illustrate the information requirement. It is expected that you make a much better user interface for this assignment.
Task 1 – Home Page index.html
This web page contains:
 Your name
 Your student ID
 Your email address
 A statement: “I declare that this assignment is my individual work. I have not worked
collaboratively nor have I copied from any other student’s work or from any other source.”
 An absolute URL link (HTML anchor element) to the post status into the system
(poststatusform.php).
o Thelinkmustfollowthesyntax:
http://.cmslamp14.aut.ac.nz/assign1/ poststatusform.php
o Thecontentoftheanchorelementmustbe:Postanewstatusasshownonthe below sample screenshot.
 An absolute URL link to the status searching process (searchstatusform.html)
o Thelinkmustfollowthesyntax:
http://.cmslamp14.aut.ac.nz/assign1/ searchstatusform.html
o The content of the anchor element must be: Search status as shown on the below sample screenshot.
 An absolute URL link to “about.html” page that tells us what you have attempted (see Task 6).
o Thelinkmustfollowthesyntax:
http://.cmslamp14.aut.ac.nz/assign1/ about.html
o The content of the anchor element must be: About the assignment as shown on the below sample screenshot.

Sample screenshot of the home page:
Status Posting System
Student ID: abc1234
I declare that this assignment is my individual work. I have not worked collaboratively, nor have I copied from any other student’s work or from any other source
Post a new status
Search status About this assignment
Task 2 – Post Status Page poststatusform.php
This web page contains the form that enables a status to be submitted and saved. Make sure all the required input elements on this page are inside a single form element, and clearly state the type, name and value of the input elements where necessary.
Step 1. Status data contains the following form elements:
 Status Code
o Textinputtype.
o Mustsetthenameattributeto”statuscode”:
o NOTNULL.
o Statuscodesshouldbeunique.
o Thecodeis5charactersinlength.Itmuststartwithanuppercaseletter“S”followed
by 4 digits, e.g. S0001.  Status
o Textinputtype.
o Mustsetthenameattributeto”status”:

o NOTNULL,e.g.Doingmyfirstassignment.
o Thestatuscanonlycontainalphanumericals,comma,period(fullstop),exclamation
mark and question mark. Other characters or symbols are not allowed. Note that spaces on their own cannot make up a status. In other words, spaces can only be used after a character or symbol.
o Radiobuttontype.
o Mustincludethreeoptions:Public,Friends,OnlyMe.
o Textordateinputtype.
o Mustsetthenameattributeto”date”.
o NOTNULL.
o Mustsetthecurrentserverdateasthedefaultvalue.
 Hint: You can fetch the current server date using the DateTime class or date() function in PHP.
o Datemustbeintheformatofdd/mm/yyyy,e.g.15/02/2022.
o Thedatemustbeeditablebyusers.
 Permission
o Checkboxtype.
o Mustincludethreeselections:AllowLike,AllowComments,AllowShare.

Step 2. POST method for form submission is used.
Step 3. Link to return to the Home page is provided and works as intended.
Sample screenshot of the status form:
Task 3 – Process Post Status Page poststatusprocess.php
This web page checks the input data, writes the data to a database table and generates the corresponding HTML output in response to the user’s request.
 Status Code and Status are mandatory fields.
 Check if the database table exists. If not, create the table. (This means the tables can be
created either manually beforehand or be created on-the-fly in your code.)
 The program should not allow saving of status to the database table if any of these fields are
not supplied or not valid (see rule in Task 2 – Step 1).
 When needed, provide a proper error message (see the following instructions) to the user
that includes links to return to the Home page and Post Status page.
o Iftheuserinputsastatuscodeinawrongformat,theerrormessagemustcontainat
least one of these keywords: “S0001”, “format”. For example: Wrong format! The
status code must start with an “S” followed by four digits, like “S0001.
o If the user inputs a duplicated status code, the error message must contain at least one of these keywords: “unique”, “duplicate”, “exist”. For example: The status code already exists. Please try another one!
If the user inputs a status in a wrong format or an empty string, the error message must contain at least one of these keywords: “format”, “empty”, “alphanumericals”. For example: Your status is in a wrong format! The status can only contain alphanumericals and spaces, comma, period, exclamation point and question mark and cannot be blank!
 The date must also be validated using the checkDate function in the DateTime class.
 The Status Code must be checked for its uniqueness within the database table.
Step 2. Once the status is stored successfully in the database, a confirmation message should be generated for this entry followed by a link to return to the Home page.
 The confirmation message must contain at least one of these keywords: “success”, “stored”, “saved”, “posted”. For example: Congratulations! The status has been posted!
NB: Everything on this page including your confirmation and error messages must be inside a single HTML div element with a class attribute valued content (except the header and footer if you have them on your page).