For next week, we will do our final group critique for Link NYC projects. Because most of you are still building your projects and probably won’t be in a state to prepare a detailed presentation, I want to change the format of the crit.

Crit Structure
• Each project gets a total of 15 min
• Please prepare a 3 sentence introductory text that explains/pitches/summarizes your project. Send this to me via Email on the day of class. I will display this on the big screen.
• You will post links to your prototypes and websites in Slack. Fellow classmates will explore your prototypes on their own machines for ~8 min, writing comments and critique in Slack.
• You will then be able to engage the whole class in a discussion about your projects for the remaining time. You may ask students to follow up on any points raised in the Slack channel, or other points of feedback you wanted to get. But the point is that, YOU will lead the discussion.

psam2120-checklist_f2017

As mentioned class please work on the following for class this Thursday:

Continue Production of Project 2: Link NYC

• Prototyping: Finalize your high-fidelity prototype. All buttons and links that make up your project should work as the user expects.
• API Page: Continue coding your page that has your API.
• Presentation Preparation: Begin thinking ahead to Part 6: how you will present your Project to the class.

Begin Coding Challenge #3 (Due 12/14)

Next class is a work session: be prepared with any questions or issues you may need help with.

Final Grading:

I will send you the checklist for exactly what you have to submit at the end of the semester in the next few days. This will be delivered to me as a .zip (compressed file) that I can download from either Google Drive, Dropbox, or that you hand to me on a flash drive at the end of class.

Google Slides

Google Doc with Instructions

Continue Project 2: Link NYC

• Visual Design: Finish mocking up the visual design for the rest of your project pages.
• Prototyping: Move your designs into InVision to begin to create a high-fidelity prototype. All buttons and links that make up a project should work as the user expects.
• API Page: Continue coding your page that has your API.

Finish Coding Challenge #2

Submit Coding Challenge #1 if you have not turned it in yet.

Class 13 Slides: Patterns

Coding Challenges:

Now that we’ve covered basic HTML/CSS/jQuery, these weekly coding challenges are meant to help you flex and develop those coding brain muscles further. There will be three challenges in total. They are simple prompts around a certain interaction topic: “Mouse—Click—Drag,” “Scrolling,” and “Data Input—Output”.

Requirements:

You have the freedom to choose how you want to respond to these in terms of content, design, and user experience. Your solutions must be in the form of a website posted to your b.parsons server space and must work in the most recent version of Chrome. You must use HTML, CSS, and jQuery. The use of plugins is permitted, but if you find one that exactly answers the challenge, I will expect you to customize it so that it is not recognizable as coming from the original source.

Mouse—Click—Drag

The first coding challenge will be in relation to various activities and behaviors related to the mouse or trackpad.

Prompt:

Choose ONE (1) of the following and create a website that meets the challenge:

Option 1: How many ways can you view the images in an image gallery simply by moving your mouse (not clicking, not pressing a scrollbar)? Create a gallery of image galleries, with each individual gallery using a different mouse-movement-based user experience to highlight or enlarge the individual images contained in the gallery.

Option 2: Create a simple drawing tool from scratch. Thinkn in terms of very simple versions of MS Paint, Illustrator/Photoshop, or all of the sketching notes apps on your phone.

Option 3: Create a draggable jigsaw puzzle of your hometown. Draggable means the user must click and drag to position the individual puzzle pieces. Your interpretation of “hometown” is up to you.

Due: 11/16 by 7:00 pm

Next week:
—we will finish critiquing the remaining midterm projects.

—please complete Project 2 Part 1 and come to class with a five minute proposal presentation.

— lastly, there will be a small coding quiz spanning the material we went over in the coding lectures. This could be HTML, CSS, or jQuery. It will be a mix of multiple choice and short-answer questions.