Wednesday, March 19, 2014: Class 10

by | Mar 19, 2014 | Intro to Interactive Design (DSGN 2510)


  • Work on the final version of your Bootstrap project, due on April 2


Web Readings Presentations

Prepare a 10 minute presentation on the reading that you chose here, and create a 10-slide visual presentation to go along with your talk. Keep it simple: this presentation is about condensing information and conveying the most important points.

**Consult the reading list to see the date for your presentation.**

Process: How to prepare & present

  • Read the article through once, then go back through it and identify the author’s main argument or idea.
  • Once you understand the main idea, pull out the key points that the author uses to support his or her argument.
  • Use common language and your own words to explain these main points to an audience who hasn’t read the article. If your reading includes two articles, remember to explain how they relate to one another.
  • To finish your presentation, explain how the subject matter in your reading relates to the category (history, politics & society, contemporary design, the future) and your world as a young designer or artist.
  • Finally, pose a question to the class about the material you just presented. It should be an open-ended discussion question about a theme, idea or concept you’ve touched on.


  • Be concise and to the point when preparing your presentation.
  • Do a practice run-through the night before. Make sure you understand your material!
  • Think about your audience. How will you make your material relevant to them? How will you help them make the same connections that you’ve made?
  • Don’t read the screen while presenting. Your visual presentation should complement what your are saying, not replicate it.


This assignment is worth 15% of the final grade.

  • 5 points will be based on how well you understood the reading, made thematic connections and insights, and pulled together the right information to present to your audience.
  • 5 points will be based on how well you communicated the material to the audience, how effective your visual presentation was and how thought provoking your discussion question was.
  • 5 points will be based on going above and beyond the basic requirements.


Bootstrap Project


Work on your bootstrap site — it should be a beautiful, effective site that you would be proud to show to the public and/or potential clients and employers. Pay attention to the details and the visual design!

  • Add a modal/lightbox
  • Add a custom logo
  • Add at least one custom Google font
  • Have a secondary stylesheet that supplements your bootstrap.css file
  • All your text should be in (no more placeholder text) and all your photos should be properly sized/cropped


  • Each file must be named meaningfully. Don’t use upper case when you name your files or images.
  • Each page must be titled meaningfully.
  • Each page must have at least one image, sized appropriately for web use.
  • Each page must have at least one paragraph of copy describing the photo(s).
  • Additional pages, images and css files be in separate folders (Bootstrap will organize some of this for you).


This assignment is worth 20% of the final grade.

  • 10 points will be based on fulfilling the requirements above, and on a lack of HTML and CSS errors. YOUR HTML PAGE MUST VALIDATE.
  • The remaining 10 points are based on the amount and quality of additional mojo. I’m looking for design sense, balance, creativity, hard work!

Assignment is due in your folder on the server at 9:00 am on Wednesday, April 2.
All work must be uploaded to the server for it to be considered “submitted”.

Late assignments will not be accepted. If you do not have it uploaded by the deadline, you will lose the marks for this assignment.

Hey, I’m Christel

Aquarius rising / Aries sun / Libra moon

Continually transforming under Pluto’s mysterious tutelage. Uncovering long-lost gifts of divination. Exploring the unknown, unconscious and unacknowledged.

My readings combine tarot and oracle cards with astrology, numerology and a mix of esoteric material, including channelled and transmitted works.