Parsons School of Design
Communication Design
PUCD 2126, Core Lab Interaction (Section D); CRN 2768
Spring 2019
January 23, 2019 – May 8, 2019
Wednesdays, 9:00am – 11:40am
Parsons 2 W 13th, Rm. 1006
Lukas Eigler-Harding
eigll343@newschool.edu
This course serves as a complement to Core Studio Interaction. The assignments are built to work in tandem with the projects students are developing in the studio class. The lab is designed around a series of small workshops that teach beginning and intermediate interaction design through a hands-on engagement with HTML, CSS, and Javascript.
May 8 (Week 15)
In-class
“Assignment”
- Thank you for a great semester, have a wonderful summer!
May 1 (Week 14)
In-class
April 24 (Week 13)
In-class
Assignment
- Continue working on your game. For next week, your project should be 90% finished.
April 17 (Week 12)
In-class
Assignment
- Continue working on your game.
April 10 (Week 11)
In-class
Assignment
- Continue designing/developing your introduction animation to your game. Consider how you might use the introduction to illustrate the functionality and mood of your game. Also consider how you might use the Greensock library to sequence your animation.
April 3 (Week 10)
In-class
- jQuery review: click, keyboard, scroll
april-3.zip
- setTimeout, setInterval
- jQuery March 27 review/rebuilding
- Introduction of Javascript Libraries, Greensock animation
Assignment
- Isolate and identify each function of your Game assignment. For next class, bring in a list of functions you will need to build written out is pseudo-code. Additionally, build at least one of these functions out on it’s own html page.
March 27 (Week 9)
Welcome back!
In-class
Assignment
- Find a moment of Spring around Parsons or your apartment. Using jQuery, create a simple interactive interpretation of it. You should use at least 3 jQuery methods.
March 13 (Week 8)
In-class
- Javascript Review
- Work Session for the Studio Collection assignment
Assignment
- Over break, review the demo notes and exercises for this class. Are there parts that are still unclear? What exercises would be helpful to iterate on? For next class, take a moment to step back into a few of the exercises for practice. What techniques from javascript can you continue to elaborate/experiment with? What css can you improve from your earlier exercises? Is there a visual language that you can apply to all exercises to make them more cohesive? Upon your return, have your exercises available for viewing on github.
March 6 (Week 7)
In-class
Assignment
- Finish your exercise and push it to github for next week.
- Prepare your Studio Collections assignment for a work session next week.
February 27 (Week 6)
In-class
Assignment
February 20 (Week 5)
In-class
- Index and animation walk-around
- What is javascript? lecture/demo demo.zip, notes
Assignment
- Read Anni Albers: On Weaving (The only chapter in the pdf is Designing as Visual Organization) and scroll through the images in the pdf.
- Create a simple interactive webpage that is based on one of the patterns or images presented in the Anni Albers On Weaving pdf. You may abstract the image as much as you’d like, but be sure to have the original image (as a screenshot) somehow linked or embedded in your design.
Your webpage should utilize the
click event (or any other interaction-based event) to reveal/hide and grow/progress parts of the site.
February 13 (Week 4)
In-class
Assignment
- For next week, you will use HTML and CSS to create a simple scene and walk cycle (a looping animation) using CSS Animations. Once you’re done, please upload your site to github and link to it from your “homepage”.
- Please also continue working on your “homepage” from in class.
February 06 (Week 3)
In-class
Assignment
- Make a single-page website (and upload it to github) that has three different views—each dependent on a different
@media breakpoint.
Requirements:
- Each breakpoint should introduce new content.
- Your site should direct the user to experience all three views.
January 30 (Week 2)
In-class
Assignment
- Finish your css positioning exercises and upload their respective pages to github.
January 22 (Week 1)
In-class
- Introductions
- Term review/class audit
- What is an HTML page (boilerplate)
- What is github
Assignment
Readings
Resources