The document outlines the requirements for an individual programming assignment due on February 26, 2023, which involves creating a web page with a canvas element featuring four specific buttons with functionalities related to displaying names, moving squares, and initials. Academic integrity is emphasized, prohibiting collaboration or using external code, including strict guidelines for the structure and presentation of the project. Submissions must include a URL provided in the assignment submission system and can be submitted late with a penalty.

1. Note:
Assignment 2
The project is to written by you. The use of any code found in another website or code written by
another student will be considered a breach of academic integrity.
The appearance of the web page will count up to 40% of the mark.
To Be Completed Sunday Feb 26, 2023
posted on your Web Page (cPanel)
a zipped copy of your NetBeans project (the public_html folder) uploaded to
slate Assignment 2 drop box
provide the entire URL to your published site in the Comment section of the SLATE drop
box
Remember
this is to be an individual effort
o donotworkwithanybodytocompletetheassignment
a mark of zero will be given to group efforts
the Chrome browser will be used to grade the assignment
provide the entire URL to your published site in the Comment section of the SLATE drop
box
o markswillbedeductedifURLisnotincluded
assignments can be submitted up to 3 days after the due date with 10% off per day
Assignment Requirements
the Assignment 2 public_html files and folders are to be placed in the A2Content folder of your
web site
when the user enters you web site
o theassignment1index.htmlpagewillbeopened
o the user can then click a link to see the assignment 2 index.html (found in
A2Content folder)
o the user should be able to go back and forth between all index.html
pages using links
Assignment Overview
consists of a Canvas Element that contains four buttons
o button one causes your name to appear in the canvas element
o button two causes two moving squares to appear
o button three causes your initials to appear created using paths and lines o button four clears
the Canvas element and stops the squares
Page 1 of 2
Button One
when first clicked
o willhaveyourfullnameappearinthecanvaselement o will be starting in the top left corner
each subsequent click
o yourfullnamewillappearbelowitspreviousposition o thepreviousnamewillnotappear

2. once your name reaches the bottom of the canvas element
o it will reappear in its initial position, the top left corner
must specify the font (type and color)
Button Two
when clicked will have two squares appear
o one square in the top left corner of the canvas element
o the other square in the bottom right corner of the canvas element
the two squares
o will move, without clicking any button, across the canvas in opposite
directions
when the one of the squares reaches the end (or beginning) of the canvas
o itreappearsagainfromitsstartposition
if clicking is require to make the squares move, then your mark for this part of the
assignment is zero
each square must have its own distinct design features
Button Three
when clicked will have your initials appear
use lines and paths to create your initials
you need a minimum of three initials
each letter should appear in 3 second intervals
make sure that each line is thick and has different colors
each initial should be at least one-fourth the size of the canvas
Clear Button (Button Four)
when clicked should clear the canvas
should stop all timers
ButtonStyle.css
used to style only your buttons
buttons must be given a color and font, and must not be rectangle shaped (make rounded)
http://www.w3schools.com/css/css3_buttons.asp
NOTE:
All assignments submitted should be unique. No two assignments should be setup, styledor
positioned the same.
Note:
Assignment 2
The project is to written by you. The use of any code found in another website or code written by
another student will be considered a breach of academic integrity.
The appearance of the web page will count up to 40% of the mark.

3. To Be Completed Sunday Feb 26, 2023
posted on your Web Page (cPanel)
a zipped copy of your NetBeans project (the public_html folder) uploaded to
slate Assignment 2 drop box
provide the entire URL to your published site in the Comment section of the SLATE drop
box
Remember
this is to be an individual effort
o donotworkwithanybodytocompletetheassignment
a mark of zero will be given to group efforts
the Chrome browser will be used to grade the assignment
provide the entire URL to your published site in the Comment section of the SLATE drop
box
o markswillbedeductedifURLisnotincluded
assignments can be submitted up to 3 days after the due date with 10% off per day
Assignment Requirements
the Assignment 2 public_html files and folders are to be placed in the A2Content folder of your
web site
when the user enters you web site
o theassignment1index.htmlpagewillbeopened
o the user can then click a link to see the assignment 2 index.html (found in
A2Content folder)

4. o the user should be able to go back and forth between all index.html
pages using links
Assignment Overview
consists of a Canvas Element that contains four buttons
o button one causes your name to appear in the canvas element
o button two causes two moving squares to appear
o button three causes your initials to appear created using paths and lines o button four clears
the Canvas element and stops the squares
Page 1 of 2
Button One
when first clicked
o willhaveyourfullnameappearinthecanvaselement o will be starting in the top left corner
each subsequent click
o yourfullnamewillappearbelowitspreviousposition o thepreviousnamewillnotappear
once your name reaches the bottom of the canvas element
o it will reappear in its initial position, the top left corner
must specify the font (type and color)
Button Two
when clicked will have two squares appear
o one square in the top left corner of the canvas element
o the other square in the bottom right corner of the canvas element

5. the two squares
o will move, without clicking any button, across the canvas in opposite
directions
when the one of the squares reaches the end (or beginning) of the canvas
o itreappearsagainfromitsstartposition
if clicking is require to make the squares move, then your mark for this part of the
assignment is zero
each square must have its own distinct design features
Button Three
when clicked will have your initials appear
use lines and paths to create your initials
you need a minimum of three initials
each letter should appear in 3 second intervals
make sure that each line is thick and has different colors
each initial should be at least one-fourth the size of the canvas
Clear Button (Button Four)
when clicked should clear the canvas
should stop all timers
ButtonStyle.css
used to style only your buttons
buttons must be given a color and font, and must not be rectangle shaped (make rounded)

6. http://www.w3schools.com/css/css3_buttons.asp
NOTE:
All assignments submitted should be unique. No two assignments should be setup, styledor
positioned the same.