DES 157 /INTERACTIVE MEDIA II / WINTER 2017 / GLENDA DREW
general
syllabus
student survey
books
vpn instructions
html5 vqs
html5 mm
eloquent javascript:
pdf
|
buy
js & jquery: mm
free js books
note: look for companion sites
with errata and code samples
teachers
glenda: t/th, 12.30-1.30pm, cruess 250a
spencer: th, 12.30-1pm and 4.40-5pm, scc
class wiki
|
student portal sites
st
js-domcontentloaded template
book exercises instructions
studio 1: any portal in a storm
studio 2: madlibs 2.0
studio 3: the archive
studio 4: time is on my side
studio 5: meet me at the library
assn
process descriptions
|
isea
topics
topic 1: html/css overview
topic 2: processing and p5.js
topic 3: html forms, basic js
topic 4: dom and css manipulation
topic 5:events, arrays, images, preload, random
topic 6: time
validators
codepen
html validator
|
css validator
|
js lint
validation results this page:
html
|
css
schedule
01
01.10
introductions
syllabus
view: previous student work
groups:
html relay race
introduce
studio 1: any portal in a storm
topic:
html/css overview
01.12
review:
html5 vqs
(ch 1-3, 7-11) or
html5 mm
(part 1: ch 1-3, part 2, ch 6)
complete:
student survey
sign up: for a
free github account
studio 1
: sketch, html/css (for portal and blog)
topic:
projecting and p5.js
(
sample files
), github
studio: possibly :)
02
01.17
introduce: project
studio
01.19
view: studio 1
project:
topic brainstorm
introduce
studio 2: madlibs 2.0
topic: html forms, js basics
internal js
|
countMeIn
|
ext js dom
03
01.24
read: eloquent js—ch 1, 2
book exercise:
2-looping a triangle
studio 2: sketch
topic: overview project process
topic:
topic 4: dom and css manipulation, error detection
01.26
read: eloquent js—ch 3 (ch 18 optional)
book exercise:
3-minimum
project:
comparative research
studio
04
01.31
view: studio 2
introduce
studio 3: the archive
topic:
events, arrays, images, preload, random
hover template
02.02 (groundhog day!)
read: Ch 4, 12, 13
book exercise:
13-the cat's hat
studio 3: sketch, image files ready to use
project:
topic choice & partnerships
studio
05
02.07
view: studio 3
introduce
studio 4: time is on my side
topic:
random, timers, intervals, animations, this, date, audio, video
|
image demo template
02.09
read: ch 14
book exercise:
14-mouse trail
project:
background research
studio 4: sketch, audio/video files prepped and ready for use
studio
06
02.14
view: studio 4
introduce
studio 5: meet me at the library
topic: libraries
studio
02.16
project:
isea proposal draft
studio 5: library choice, sketch, assets
studio
07
02.21
view: studio 5
topic: dev tools
02.23
project: submit
refined proposal
(& cc Spencer)
midterm test
topic: book presentations, final presentations
studio topic:
needfinding; due by start of class on Tuesday
08
02.28
project:
visual research
,
audience research
,
user goals
student presentations
(
assignment
|
schedule
)
demo: databases
studio topic:
storyboards; two storyboards due by start of Thursday
03.02
project:
two storyboards
student presentations
(
assignment
|
schedule
)
studio topic:
paper prototyping; post prototypes by start of Tuesday
09
03.07
project:
site flow
,
user flow
,
wireframe
,
paper prototypes
student presentations (
assignment
|
schedule
)
studio;
post interactive prototype 1 by end of studio
03.09
project:
two comps
,
style tile
,
interactive prototype 2
student presentations (
assignment
|
schedule
)
topic:
critique presentations
studio
10
03.14
project:
interactive prototype 3
,
audience test
student presentations (
assignment
|
schedule
)
audience testing with a live audience!
03.16
project:
audience testing results
critique:
final project
|
presentations
11
section 001: 03.20 (Monday), 12.30-2.30pm
critique:
final project
|
presentations
11
section 002: 03.24 (Friday), 3.30-5.30pm
critique:
final project
|
presentations
ITEMS IN GREEN
ARE DUE AT THE
START OF CLASS
⊗