Admin

Assigned: 6 February 2018, in class
Due: 13 February 2018, 11:59PM
Value: 2.5% of final grade

Brief

Create a simple webpage that is abusive according to one or more of the dimensions discussed in class (physical, temporal, social, aesthetic, unfair) or come up with your own abusive design strategy! Think about whether your abusive design can lead a user of the page to think about you as a person as opposed to just the webpage itself.

As with the Ugly exercise, you could use jQuery/CSS animations triggered by mouse or keyboard events to cause the page to distort and become unreadable when the user tries reasonable actions like typing or moving the mouse (or even just by default). You could use timeouts or intervals or animation frames to have the page degrade in appearance over time. You could use timeouts to make the page "load" insanely slowly. You could require the user to exert extreme physical effort (like hitting keys or moving the mouse rapidly) in order to "load" the page. You could use conditionals and probability (via Math.random()) to have the page behave inconsistently. You could require the user to type insulting phrases into input fields in order to load the page...

Remember to think fairly small to give yourself time to work on the Midterm Project as well!

Blank Template

blank_template.zip

Grading

Exercises are not meant to be exhausting or stressful, but rather a chance to play with the technical and expressive possibilities of the programming learned in class.

Exercises are graded as either

• Pass: Genuine engagement with the concept of the exercise, effort made to use the technology creatively
• Fail: Non submission, not-functional, or unacceptably minimal effort

Submissions

John Exampleperson

• Exercise source: https://www.github.com/johnexampleperson/dart450/tree/master/exercises/exercise05/
• Exercise webpage: https://johnexampleperson.github.io/dart450/exercises/exercise05/

Marc-Olivier Lamothe

Exercise source: https://github.com/marcolamothe/dart450/tree/master/exercices/exercice05 Exercise webpage: https://marcolamothe.github.io/dart450/exercices/exercice05/index.html

Kevin Lam

• Exercise source: https://github.com/kevglam/dart450/tree/master/exercises/exercise05
• Exercise website: https://kevglam.github.io/dart450/exercises/exercise05/

Emma Spellacy

• Exercise source: https://github.com/espells/dart450/tree/master/exercises/exercise_05
• Exercise website: https://espells.github.io/dart450/exercises/exercise_05/

Victor Le

• Exercise source: https://github.com/VictorDHB/dart450/tree/master/exercises/exercise05
• Exercise website: https://victordhb.github.io/dart450/exercises/exercise05/index.html

Claudia Goyette

• Exercise source : https://github.com/claudiagoyette/dart450/tree/master/exercises/exercise5
• Exercise website: https://claudiagoyette.github.io/dart450/exercises/exercise5/

Emilie Brunet

• Exercise source: https://github.com/emilielbrunet/dart450/tree/master/Exercises/exercise05
• Exercise website: https://emilielbrunet.github.io/dart450/Exercises/exercise05

Kathleen Capiral

• Exercise source: https://github.com/kcapiral/dart450/tree/master/exercises/exercise05
• Exercise website: https://kcapiral.github.io/dart450/exercises/exercise05/

Jeanne Garneau-Levesque

• Exercise source: https://github.com/jgarneaulevesque/dart450/tree/master/exercises/exercise05
• Exercise website: https://jgarneaulevesque.github.io/dart450/exercises/exercise05

Gavin Park

• Exercise source: https://github.com/gavinpark/dart450/tree/master/exercises/exercise05
• Exercise website: https://gavinpark.github.io/dart450/exercises/exercise05

Jonathan Béliveau

• Exercise source: https://github.com/jonathan234/dart450/tree/master/exercises/exercise05
• Exercise website: https://jonathan234.github.io/dart450/exercises/exercise05

Laura Hernandez

• Exercise source: https://github.com/Laura-Hdz/dart450/tree/master/exercises/exercise05
• Exercise website: https://laura-hdz.github.io/dart450/exercises/exercise05/