Admin

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

Brief

Create a simple informational webpage that is 'freshly ugly' as per the Internet Ugly Aesthetic discussed in class (and in the article It's Supposed to Look Like Shit. Use jQuery's ability to alter the appearance and behaviour of a page in response to events to make the page 'interactively ugly' rather than only visually.

For example, you could excessively 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. You could use timeouts or intervals or animation frames to have the page degrade in appearance over time. You could use conditionals and probability (via Math.random()) to have the page behave inconsistently. You could use Math.random() to randomise the page's appearance in general each time it is loaded.

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/exercise04/
• Exercise webpage: https://johnexampleperson.github.io/dart450/exercises/exercise04/

Marc-Olivier Lamothe

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

Kathleen Capiral

• Exercise source: https://github.com/kcapiral/dart450/tree/master/exercises/exercise04
• Exercise webpage: https://kcapiral.github.io/dart450/exercises/exercise04/

Kevin Lam

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

Victor Le

• Exercise source: https://github.com/victordhb/dart450/tree/master/exercises/exercise04
• Exercise website: https://victordhb.github.io/dart450/exercises/exercise04/

Émilie Brunet

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

Emma Spellacy

• Exercise source: https://github.com/espells/dart450/tree/master/exercises/exercise_04
• Exercise Website: https://espells.github.io/dart450/exercises/exercise_04/

Sévan Belleau

• Exercise source: https://github.com/seva7/dart450/tree/master/exercises/exercise04
• Exercise Website: https://seva7.github.io/dart450/exercises/exercise04/

Gavin Park

• Exercise source: https://github.com/gavinpark/dart450/tree/master/exercises/exercise04
• Exercise Website: https://gavinpark.github.io/dart450/exercises/exercise04/

Jonathan Béliveau

• Exercise source: https://github.com/jonathan234/dart450/tree/master/exercises/exercise04
• Exercise Website: https://jonathan234.github.io/dart450/exercises/exercise04/

##Jeanne Garneau-Lévesque

• Exercise source: http://github.com/jgarneaulevesque/dart450/tree/master/exercises/exercise04
• Exercise website: http://jgarneaulevesque.github.io/dart450/exercises/exercise04

##Laura Hernandez

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

##Claudia Goyette

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