3. final project - intro

From last time…

• We installed and toured Processing!

• We saw basic syntax, reviewed functions we’ve learned so far (setup, shapes, colors, debugging)!

• Everybody is caught up on reading and has Processing installed

CAP 3032

Special Topics

Level of Class Experience!By Percent

0

0.1

0.2

0.3

0.4

1 (none) 2 3 4 5 (very)

Special Topics Interest!By Weighted Percent

Games

iOS

Gen Art

Design

Ruby

0% 12.5% 25% 37.5% 50%

CAP 3032

The Final Project

Project Goals• Identify a project of interest!

• Communicate ideas and goals!

• Break an idea apart into it’s component parts!

• Create a development plan!

• Iterate on the idea, a yield a polished final project

Example Proposal!Based on the iOS Weather App

1. Working Title

• It’s your creation, it should have a name!

• Will foster better discussions about the project!

• E.g. “Weather Watch”

2. Executive Summary

• One or two paragraph summary!

• Contains a “problem statement”!

• Summarizes your main ideas

2. Executive Summary

E.g. “Weather Watch will be an interactive panel which displays weather data in a way that is easy to understand. Weather Watch will display data for today, and the next several days, in an easy-to-understand way. It will also focus on what apparel is appropriate for given weather conditions (‘wear a sweater today!’ for example).”

3. Project AnalysisWrite at least a paragraph which analyzes your project proposal through each of the following “lenses”:!a. Visual Elements!b. Animation!c. Text & Data!d. Interactivity

3a. Visual Elements

What are the basic visual objects or elements that make up your project?!

E.g. “weather symbols, background weather objects (snowflakes, clouds, raindrops, sunbeams, etc.), textual elements (temperature, time, city names).”

3b. AnimationIn what ways are your visual elements animated? What do your animations look like, and what extra information do they bring to your project?!

E.g. “The backgrounds are animated to give an overall sense of the current weather in a given location, which allows for a quick understanding of the weather. Also, the information animates smoothly as the user slides between locations to give a very polished feel.”

3c. Text & DataIs your project data driven? What’s the source of that data? What text will be presented to the user? Which information or text is most important?!

E.g. “Data will be taken from the Yahoo weather service (weather.yahoo.com). Text will be the primary way of conveying data (such as temperature, city name, dates).”

3d. InteractivityHow does the user interact with the project? How does it make your project more useful or meaningful?!

E.g. “The user can customize the cities presented to see only those cities they care about. They will have full panels of weather information for a given location but can easily swipe between locations to get to information quickly.”

3. Project Analysis

a. Visual Elements!b. Animation!c. Text & Data!d. Interactivity

4. Source Material• What is your source inspiration?!

• Provide images/web links of source material or data!

• Provide any places where you wish to solve a different problem or take a different approach!

• Provide sketches of your own that clarify your project (digital or hand drawn)

4. Source MaterialE.g. “I will be emulating the iOS Weather App (see screenshot). But I hope to take a more user-centered approach and focus on what the temperature ‘feels like,’ along with clothing suggestions.”

Prudhoe Bay Feels like -45°

Be sure to wear a !full snow suit!

(snowflakes animating)

Proposal Outline1. Working Title!

2. Executive Summary!

3. Project Analysis!a. Visual Elements!b. Animation!c. Text & Data!d. Interactivity!

4. Source Materials

Your proposal should…• Be 2 pages or less!

• Contain each of the four proposal components!

• Be something you are motivated to create!

• Be something that is properly “scoped”!

• Clearly communicate what you hope to make!

• Be clean, professional, and free of errors

Suggested Sources• Video Games (be careful about scope!)!

• Data Visualizations (visualizing.org)!

• Mobile or Desktop Applications!

• Generative Art Projects (zenbullets.com)!

• Anything that is animated and interactive!!

• Start by thinking about what you’re interested in

Real Ultimate GoalDefine a project that is animated and interactive, that you can reasonably create over the course of a semester, and show off or talk about to future employers.

!

Design Thinking

For next time…• Read Shiffman, p. 31–42 (Interaction)!

• Proposal Due: Next Wednesday, 22 Jan 2014!

• Print a copy and submit at beginning of class!

• Proposal guide is posted on the homepage!

• If you are having trouble, narrow it down to 2–3 ideas and come see me