Write My Paper Button

WhatsApp Widget

In this assignment, you are required to design and develop a Web System using PHP and MYSQL. The weekly class activities and exercises will help you to acquire the knowledge requir

Assessment 3:

Web Development Project 2 Website Development

A Web System using PHP and MySQL

50% Weightage

Deadline: Sunday 9th February 2025, 11:59 pm

  1. Assignment Description

In this assignment, you are required to design and develop a Web System using PHP and MYSQL. The weekly class activities and exercises will help you to acquire the knowledge required to complete this assignment. It is highly recommended that you attend lectures and complete your exercises regularly. You are now required to create a web-based system for your organisation chosen in assessment 2 using HTML5, Javascript, CSS, PHP and MySQL. Marks will be deducted for late submission for each day from the due date.

Learning Outcomes

This assignment covers the following learning outcomes:

ULO1. Analyse the underlying protocols of the world wide web, including client-server communication and the layered architecture.

ULO2. Propose static web pages using and demonstrating basic aspects of HTML5, CSS3 and JavaScript.

ULO3. Design effective and user-friendly web pages, incorporating usability principles and adherence to established style guides.

ULO4. Construct an interactive web-based system using PHP and MySQL on the local server-side.

ULO5. Apply accessibility and usability principles to design and develop inclusive, user-cantered websites and promoting security and ethical considerations.

 

Submission Requirements

This is a major assignment task and carries 50% weightage. All students MUST submit TWO files

  • Submit project files in a zipped folder and name the folder as "Studentid_Assignment 3_Project 2.zip"
  • Submit project documentation report and name the file as “Studentid_Assignment 3_Project 2_Report.pdf”

 

Detailed Submission Requirements

There are 3 parts to this assessment. Read all sections carefully.

  1. Part A: Your online web-based system for your chosen organization

 

The website must keep track of the following information.

 

  • Login/Log out.
    • Password recovery
      • Add/update customer details.
      • Requesting for services
      • Storing feedback and suggestions
      • Booking/confirmation of events relevant to your organisation business The website will enable the customers to
      • Register for an account with the website.
      • View all categories of services/product provided by the organisation.
      • Search by keyword within website.

 Part B: Project Documentation (Max 1000 words)

 The objective of this document is to provide a brief information regarding the work undertaken by the project team and should include a description of the website created as a solution to the problem. Suggested structure of the Write-up to be followed but not limited to, is given below.

 

  1. Table of Contents
  2. Introduction
  3. Defining & Analyzing current Problem
    1. Constraints
  4. Designing possible solutions
    1. Brainstorming for ideas
    2. Site Map
    3. Storyboard (sketch)
  5. Producing a solution
    1. Final design (sketch)
  6. Self-evaluation
  7. Conclusion
  8. References
  9. Appendices
     

Part C: Demonstration

 

All students will be required to do a 5–8-minute presentation, demonstrating their system to the class in Week 12. Presentation must be kept simple and short and should cover all functionalities and features of your web-based system as per the requirement mentioned under general requirements section mentioned below.

Students will be called upon (in no order) on the day to present to the class. Late arrivals on the day will have penalty marks awarded, hence please ensure your availability on the day right from the beginning of the class.

 

If any student is absent in week 12 and or not available to demonstrate, he/she will be awarded zero for this assessment, even if the student has submitted all the working files before deadline.

 

General Requirements

  • You can choose any appropriate website design, at least 6 web pages, forms, header, navigation bars and color schemes for your website.
  • The website should include a registration system for the customers, using an HTML5 page and a PHP backend.
  • The website should have a login process, with an HTML login page for customers.
  • The login and registration page should include the following:
    • A prompt to register if a login fails.
    • Code to handle attempting to register an existing username.
    • Code to check the provided password against the stored password.
    • Code to create a new user when a registration is attempted.
  • While adding u p d a t e d   registration forms, pull information from an HTML front-end and sending information to a PHP backend via GET or POST.
  • While developing your website make sure to follow the appropriate validation techniques using JavaScript.
  • Be well-designed and styled with CSS.
  • Give appropriate filenames, titles, headings (and subheadings if required) related to the content. Use at least three pieces of media (image/video/audio).
  • To identify the website as your chosen organization, provide a relevant heading / title banner and/or image/logo.
  • There should be a clear, intuitive, and consistent navigation structure on the website. You need to think about how you will provide navigation to the user, and whether some pages may be categorized together or not.
  • An appropriate and intuitive footer must be included in your website.
  • You are not allowed to use any existing templates, or frameworks such as bootstrap etc. You will receive a ZERO score for HTML5 and CSS marking criteria if you do so.
  • You are expected to create your own website from scratch using HTML5 and CSS (Take help from lab exercises but do not use design or layout from lab exercises).
  • Your design should focus on design rules learned during this course such as
    • Rules of good visual design
    • Usability guidelines related to color, typography, placement of objects, readability, and balance.
    • A solid understanding of the use of other elements such as contrast, white space, layout, alignment, etc.
    • All text should follow the rules of writing for the web.

 

HTML5 Requirements

  • All your html files must use HTML5 syntax.CSS Requirements
    • The structure of your website should be built using HTML5 tags styled with CSS where applicable.
    • Any HTML <form> used on the site should be well-designed and styled with CSS. Functionality of such forms will be limited but they should be fully designed, and may contain data validation, error messages using built-in HTML5 form validation.
    • All content should be formatted and styled using an external CSS. A max of 2 external stylesheets are allowed.
    • Must incorporate at least THREE of the CSS3 styles in a way that improves your web design: Transitions, Transforms (scale, skew, and/or rotate), Rounded Corners, Multi-Column, Opacity, Shadows, or Gradients.
  1. Marking Rubric