Assignments - Spring 2011 - ARTC4330 - Bowling Green State University
syllabus | schedule | exercises | assignments | class notes | resources | students | ARTC courses
Turning in files
• Assignments are due in the Homework folder prior to the beginning of class.
• Revised project files are due exactly one week from the critique due date or they will receive a zero.
• When turning in assignments, use the following naming convention: create a folder with your username.
Description Dates
Assignment 1

Assignment 1 - Mobile Device Research:

DUE: Tues January 18th
Email files to bonniem@bgsu.edu by noon Monday Jan 17th

Brands and Operating Systems of Mobile Devices

Each person has been assigned to research either a Brand or an operating system for mobile devices based on the results of a true random generator (random.org).

Your report must be be at least 2 paragraphs long and include the information below. All reports must include a bibliography and links of resourses consulted. The report will be posted on the website and used for a future assignment. Send the report to me: bonniem@bgsu.edu by noon Monday so I can post it on the web for your presentation.

If you include images in your report, please mark up the text as html and zip it up with the images and send it to me.

You will do a 5-10 minute presentation to the class on Tuesday.

If you choose to switch with someone, let me know.

BRANDS
Students assigned to a Brand must research the attributes of the mobile devices within that brand. Select at least 4 categories or actual devices within that brand( if possible). Your research must uncover the answers to the following questions (if possible):

___ Types and level (low-end to smart phones) of devices offered
___ Screen size (for each category or product)
___ Resolution (number of pixels vertical and horizontal)
___ DPI/PPI
___ Aspect Ratio (you may need to do the math)
___ Browser installed and supported
___ Operating system(s)
___ History of the device and operating system
___ Unique features
___ Statistics in regards to usage or how many are sold and where (if possible)
___ Limitations

Assignments: (see the RESULTS)

Apple - Greg Ramsey

Nokia - Jacob Pierzchala

Blackberry - Richard Strickland

Samsung - Rachel Pratt

Sony Ericsson - Charles Blanton

Motorola - Jesse Coder

LG Mobile - Paul Woidke

Palm - Michelle Rucker

HTC - Richard Kuespert

Mobile Operating Systems
The following people have been assigned mobile operating systems. This research must include the following bits of information (don't forget the bibligraphy and links):

___ History
___ Brands it is installed on
___ Unique features
___ Browsers associated with it (if applicable)
___ Technologies, languages, features it supports

Android - Marsha Berning

iOS - Dominique Cummings

RIM OS - Chris Carter

Symbian OS - Ronnie Hill

webOS - Wesley Lauka

Windows Mobile - Brandon Moore

[TOP]

Part 1 Due: Tues
Jan 18

Assignment 2

Assignment 2 - Research Mobile Browsers

DUE: Thurs January 20th
Email files by noon Wed, Jan 19th to bonniem@bgsu.edu

Browsers available for Mobile Devices

Each person has been assigned to research a browser available for mobile devices based on the results of a true random generator (random.org).

Your report must be be at least 2 paragraphs long and include the information below. All reports must include a bibliography and links of resourses consulted. The report will be posted on the website and used for a future assignment. Send the report to me: bonniem@bgsu.edu by noon Monday so I can post it on the web for your presentation.

You will do a 5-10 minute presentation to the class on Thursday.

If you choose to switch with someone, let me know.

Mobile Browsers
Your research must uncover the answers to the following questions (if possible):

___ Does it have various versions (what are the differences?)
___ What is its rendering engine based on (IE, Firefox, WebKit, other...)?
___ How does it handle multiple pages?
___ Does it have smart zoom capabilities?
___ Does it use a proxy server or directly access websites from the net?
___ What sort of input cababilities does it support?( Touch screen, focus, cursor, etc.)
___ Is it associated with an operating system?
___ Does it support Flash or Javascript?
___ What devices or types of devices do you typically find this browser on?
___ What are its limitations?

Assignments: (see the RESULTS)

NetFront - Rachel Pratt

Myriad - Michelle Rucker

Internet Explorer Mobile - Marsha Berning

Safari on iOS - Dominique Cummings

Nokia Series 40 Browser - Richard Strickland

Sony Ericsson Browser - Richard Kuespert

Obigo - Brandon Moore

MIB Motorola Mobile Internet Browser - Wesley Lauka

Symbian Browser - Jesse Coder

Android Browser - Paul Woidke

webOS Browser - Chris Carter

Blackberry Browser - James Blanton

Firefox for Mobile - Jacon Pierzchala

UC Browser (formally UCWEB) - Ronnie Hill

Opera Mobile and Opera Mini - Greg Ramsey

[TOP]

Due: Thurs
Jan 20

Assignment 3

Assignment 3: Mobile Portfolio/Art Viewer

DUE: Part 1: 3 pages and layout Tues. Feb 1
Completed Project: Tues. Feb 15

Overview: Create a web portfolio that works well on a number of mobile browsers. The design may have to be carefully developed to minimize the physical size, reduce file size, and eliminate unnecessary calls to the server.

Requirements:
• Use proper XHTML coding (make sure you validate it)
• The body should only contain contents and the CSS contain formatting specifications
• Use proper CSS - make sure you use CSS for efficiency (less code=good)
• Create a FLUID design that adapts to different environments
• Incorporate the concept of progressive enhancement when making the site
• Use media queries
• Add some CSS enhancements
• Incorporate at least one Data URI

Part 1: Create at least 3 XHTML pages with proper coding and your artwork and text laid out. The pages should be linked together using anchors.

Use the XHTML Validation free service.

[TOP]

Due:

Assignment 4

Assignment 4: HTML 5 Canvas and Creative Expression

DUE: March 3, 2011

Overview: Create an abstract or stylistic interactive net-artwork using Canvas. (We will start with a single image then later we will make it interactive). 

Theme: Pick 4 words from the list.  Start with one of the words and illustrate the essence of the word using line, circle, path, and basic shapes.  Focus on the effective use of color, shape relationships, compositional strategies, etc.

Interactivity: Through some sort of input, enable your image to transform into the visualization of the other three words you have chosen. The input can consist of user input (mouse, keyboard, etc.) or input from data you have developed or tapped into on the web. If you use data, you will need to enter the data into an array.

In class exercise: In groups of 2, find 2 good example of Algorithmic Art and present them to the class.

PART 1: Opensource Art- DUE Feb. 22

Concept: In our "Mash-up" society, we both contribute and take from the visual culture. The work we will be producing will be the start of a Canvas code-base repository that is Open Source and others will be encouraged to use and manipulate our contribiutions. We will also be able to use and manipulate other people's source code.

To Do: Create a javascript function that can be shared with the class. It should take some sort of input and then do something with it related to the canvas.

PART 2: Algorithms- DUE Feb. 22

Find a short understandable code clip that could be repurposed to be used in a "canvas". Bring it to class and we will look it over. You must be able to explain it to the class.

Possible Words:

adored
afraid
aggravated
agitated
agonized
alarmed
alienated
amazed
amused
angry
anguished
annoyed
antsy
anxious
apprehensive
aroused
ashamed
astonished
attracted
awful
awkward
bashful
bewildered
bitter
blissed
bored
brave
calm
caring
cautious
cheerful
comfortable
compassionate
concerned
confident
confused
contempt
content
critical
curious
cynical
defeated
dejected
delighted
depressed
desired
disappointed
discouraged
disgusted
disliked
dismayed
distressed
disturbed
down
dreadful
eager
ecstatic
edgy
elated
embarrassed
encouraged
enraged
enthralled
enthused
envious
euphoric
exasperated
excited
exhausted
exhilarated
fatigued
fearful
ferocious
fidgety
fond
frightened
frustrated
funny
furious
glad
gleeful
gloomy
greedy
griefstricken
grouchy
grumpy
guilty
happy
hassled
hateful
helpless
hesitant
homesick
hopeful
hopeless
horrible
hostile
humiliated
hurt
hysterical
impatient
indifferent
infatuated
inferior
insecure
insulted
irate
irked
irritated
isolated
jealous
jittery
jolly joyous
lazy
leery
liked
loathe
lonely
loved
loving
mad
mean
melancholical
mischievous
miserable
moody
mortified
neglected
nervous
nice
numb
optimistic
outraged
overwhelmed
panicky
passionate
patient
pessimistic
pleased
proud
puzzled
queasy
rageful
raptured
regretful
rejected
relieved
reluctant
remorseful
resentful
restless
revulsed
ridiculous
riled
rushed
sad
safe
satisfied
scared
scornful
secure
sensitive
shaky
shocked
shy
silly
sleepy
sorry
spiteful
stressed
surprised
suspicious
sympathetic
tender
tense
terrified
thrilled
tired
tormented
triumphant
troubled
uncomfortable
uneasy
unhappy
unsafe
unsettled
upset
vengeful
vicious
victorious
warm
weary
woeful
wonderful
worried
wrathful
yucky
zany
zealless
zestless

[TOP]

Due: Mar 3

Assignment 4.2

Assignment 4.2: Algorithmic Artists

DUE: March 22, 2011

Overview: Using Google Docs - Presentations, create a presentation of an algorithmic artists' work. You need to include information about their life, work and processes. Many of these artists are still alive so you can contact them and do an interview. Pick from the following list or you can find your own but make sure the artist is approved by the teacher before researching them if you pick your own.

Student Selected Algorithmic Artist:

Marsha Berning: Golan Levin [view presentation]
James Blanton: Harold Cohen [view presentation]
Chris Carter: Jean Pierre Hebert [view presentation]
Jesse Coder: Josh Nimoy [view presentation]
Dominique Cummings: Karsten Schmidt [view presentation]
Ronnie Hill: Ben Fry [view presentation]
Richard Kuespert: Roman Verostko [view presentation]
Wes Lauka: George Legrady [view presentation]
Brandon Moore: Daniel Rozin [view presentation]
Rachel Pratt: Yugo Nakamuro [view presentation]
Greg Ramsey: Mary Flanagan [view presentation]
Michelle Rucker: Casey Reas [view presentation]
Richard Strickland: Lillian Schwartz [view presentation]
Paul Woidke: Joshua Davis [view presentation]
Jacob Pierzchala: Ben Laposky [view presentation]

Choose an artist to research:

Charles Csuri
Andy Deck
Amy Franceschini
Ken Goldberg
John Klima
Mario Klingemann
Ruth Leavitt
Manfred Mohr
Colin Moock
Ken Musgrave
Frieder Nake

William Ngan
Josh Nimoy
Josh On
Robert Penner
Ken Perlin
Keith Peters
Amit Pitaru
Paul Prudence
Manny Tan
Martin Wattenberg
Marius Watz
Mark Wilson


John Whitney
Herbert Franke
Mark Napier
John Simon Jr
John Maeda
Jared Tarbell
Karl Sims

Due: Mar 22

Assignment 5

Assignment 5: Interactive Canvas

DUE: March 29, 2011

Overview: Expand on your canvas assignment to make it interactive. Create a complete work of art that is based on the 4 words you have chosen. Redo your first image if you need to and add three more "states" or images for your other words.

Requirements:

1. The canvas must respond to input and change to at least 4 other states (or images).

2. Must have one init function that calls other functions to create each four images.

3. You should have a t least different draw function - one for each word.

    OR you can a lter parameters on a few functions via the interactivity in a complex way.  

4. Your interactivity must include detecting and responding to the mouse position or movement.

Part 1 due Mar 24:
Your main image must be interactive and connect/ transform into two different images. You should be half done the assignment.

Part 2: Due Mar 29:
Critique of interactive Canvas Project - 100% done.

Part 1 Due: Mar 22

Part 2 Due:
Mar 29

Final Assignment

Assignment 6: Final Asssignment

DUE: Thursday, May 5th 3:30 (Final Critique)

Overview: Create a small creative mobile web app that works on an iPhone and iPad.

Requirements:

  1. The project must be creative (no direct duplication of an existing project).
  2. The project must be creatively designed. Use elements and principles of design to create a visually interesting project.
  3. The project should explore a concept or perform a creative task (play music, make bubbles disappear, etc.)
  4. The piece must detect and respond to touch.
  5. Your project must have at least two different screens.
  6. The piece must be a responsive design (fluid)

Part 1 due Thursday Apr 7:
Project Proposal. Create an Application Definition Statement.

Read the Apple Application Definition Statement Guidelines before starting:

Present your idea to class Thursday.

Part 2: Due Tuesday Apr 12:
Visual mockup of all the screens in Photoshop or as HTML5 Canvas files.

Part 3: Due Tuesday Apr 19:
Project Review: At least one page must be fully functional. The design must be fully implemented.

Part 4: Due Tuesday Apr 26:
Independent Review: The project should be 3/4 completed.

Completed: Due Thursday May 5:
Final Critique


iPhone icon

You can add a bookmark to your homescreen on an iPhone and iPadby clicking the middle button below the web page.

Bookmark - Add to Homescreen

This adds an icon to the homescreen and when you click it, it opens the web app. You can make your own icon.

Create a 57 x 57 pixel icon and save as a PNG

When you add the icon, the iOS will round the corners and add its special effects(shine and gloss) to the icon.

Put the image at the root of your website (at the same level as the index.html page)

Put the following code in the HEAD of your web page:

<link rel="apple-touch-icon" href="myIcon.png">

Look at the following examples to get an idea what an iPhone icon looks like:

http://iconsdepot.com/tenius-iphone-icon-set/

Read the iPhone App Icon Design: Best Practices

Read the step by step tutorial

Apple requirements for iPhone icons

 

Part 1 Due: Apr 7

Part 2 Due:
Apr 12

Part 3 Due: Apr 19

Part 4 Due: Apr 26

Complete:
Due Apr 5