School Of Now ICT Assessment (Software Design & Development) Task - Year 11 - 2023

Description

This is my Software Design & Development Assessment Task. Included in this upload is all the CSS, HTML and JS files for the task. There are a couple of things you're going to need to install first. (Make sure to open the 'homepage.html' file FIRST.

The comments on the code may seem excessive but i purposly wrote them like that so people can follow it along like an English sentence.

What you need to know:

1. My Computer browser zoom is set to 90%, it should work on 100% but if it doesn't, click Ctrl (+) - to zoom out, or on Mac, CMD (+) -
2. The User Names and the passwords of the people (ALL CASE SENSITIVE):

The admin account:

• Username: admin
• Password: admin

The user accounts:

• James
• Kevin
• Dale
• Mark
• Willow
• Charli
• Peter
• Dominic
• William

The user passwords:

• All user account passwords are '123'

Table of Contents

• Installation
• Usage
• Support

Installation

You can pull (OR) Download the files like usual. Click the green button which says 'Code' then download it as a ZIP, then unzip the file and drag the file into a open Visual Studio Code window.

Visual Studio Code: (This is the most reliable development tool)

Windows: https://code.visualstudio.com/docs/?dv=win

Mac: https://code.visualstudio.com/docs/?dv=osx

(For the weird people) Linux (deb): https://code.visualstudio.com/docs/?dv=linux64_deb

Plugins for visual studio: Live Server: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer (This should just take you to the page and redirect you to VSCode (YOU MAY NEED TO RESTART VISUAL STUDIO!)

To view the website; Right Click on the 'homepage.html' file then click 'Open With Live Server'

OR IF YOU WANT TO DO IT THE DIFFICULT WAY (NOT NEEDED)

$ git clone https://github.com/ScytheDEM/AthleticsMarshallingPage
$ cd AthleticsMarshallingPage
$ npm install  # or any other installation command if applicable

Application of the problem:

The problem is to develop an app that allows students to self-enroll in sports events while ensuring that they can only enroll themselves. Marshals should have the ability to enroll students in events, view the entrants in any event, and see the number of events a student is enrolled in.

Analysis & Problem:

User Roles:

• Students: Can self-enroll in sports events.
• Marshals: Can enroll students in events, view entrants, and see the number of events a student is enrolled in.

Event Enrollment:

Students can only enroll themselves in an event.

When creating this website, i addressed the main consern with apps that already have this functionality; the efficency of the application and the way that participants interact with it. When creating the website, i made sure to make elements that are easy for the users (and admins!) to use. The app has a modern design which is both intutative with buttons that are understandable, allowing the user to be able to know what they're interacting with.

p.s: it's also mobile friendly

License

Feel free to copy, don't plagorise though.

Sources USED:

• GitHub CoPilot
• ChatGPT
• CSS Website design fluid animations
• Mozila HTML
• HTML GOOGLE FOURMS
• Reddit

Support

If users need help or have any questions, contact me here:

• Issue Tracker: Link to GitHub issues
• Email: alonsdale1@parrastu.catholic.edu.au OR aliclonsdale@gmail.com