DH 01: Introduction 01/19/18

Intro:
Review Syllabus
Are you a designer?
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
Makers?
3M years ago
READ: The hand Ax
READ: I give you, Fire!
Not that easy
Before clothes…
Modern art
Narrative and virtual space
All over the place
And by Design…

ASSIGNMENT:
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
READ: The hand Ax
READ: I give you, Fire!

WDS 14: FINAL

FINAL DELIVERABLES:
A. The Development Process Documents (This was your mid term. Make sure you include a link to your Prototype):

B. Homework Assignments.

Studio 12: Final
– Try PHP includes
– Try JavaScript redirect

Studio 09: CSS/HTML
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)

Studio 08: More CSS + Drop downs
– Make sure you understand the “Z-index”. Try either example.
– Create a 2 Column layout using HTML/CSS
– Create a 3 Column layout using HTML/CSS
– Try a JS Drop down menu
– Try CSS Drop down
– Try Media query (color change)

Studio 06: CSS Review
HTML/CSS:
Complete Code review for Chapter 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover
– Try JavaScript opacity hover (copy the code)
– A list of any kind
– Any variation of the “display” property (none, inline, inline-block, etc.)
– Create a navigation menu from a list and the “display” property.

Studio 05: HTML/CSS:
Complete Code review for Chapter 11 and 13
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image and practice positioning and margins.
— 2. Use the “box model”
— 3. Use pseudo classes

Studio 04: HTML + Intro to CSS
Read: 10.
Complete Code review for Chapter 10
HTML/CSS: Use the META tag to refresh and redirect

Studio 03: HTML Tables
Complete Code review for Chapter 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML

Studio 01: Set up and Intro to HTML
Code Work: Review Chapter 1, 2
Create a splash page for your web site (use anything you want) with an image and a link.

C. WordPress site. Installed and customized

D. Final Site (URL) AND a screen shot of your site

Studio 14: Adios!
Have a god break

PFC 15: Final Presentation

Present Finals: 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester.

The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).

PRESENT IN CLASS:
– Talk about inspiration
– What is missing? Anything you would have liked to include?
– Make sure your published builds have been tested

All Unity based projects and assignments should be presented as a “Published Build”

Twine Projects should be “published” as HTML

.zip and email to me: jparada@uarts.edu

WDS 13: WORK ON FINAL DELIVERABLES 12/05/17

FINAL DELIVERABLES:
A. The Development Process Documents (This was your mid term. Make sure you include a link to your Prototype):

B. Homework Assignments.

Studio 12: Final
– Try PHP includes
– Try JavaScript redirect

Studio 09: CSS/HTML
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)

Studio 08: More CSS + Drop downs
– Make sure you understand the “Z-index”. Try either example.
– Create a 2 Column layout using HTML/CSS
– Create a 3 Column layout using HTML/CSS
– Try a JS Drop down menu
– Try CSS Drop down
– Try Media query (color change)

Studio 06: CSS Review
HTML/CSS:
Complete Code review for Chapter 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover
– Try JavaScript opacity hover (copy the code)
– A list of any kind
– Any variation of the “display” property (none, inline, inline-block, etc.)
– Create a navigation menu from a list and the “display” property.

Studio 05: HTML/CSS:
Complete Code review for Chapter 11 and 13
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image and practice positioning and margins.
— 2. Use the “box model”
— 3. Use pseudo classes

Studio 04: HTML + Intro to CSS
Read: 10.
Complete Code review for Chapter 10
HTML/CSS: Use the META tag to refresh and redirect

Studio 03: HTML Tables
Complete Code review for Chapter 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML

Studio 01: Set up and Intro to HTML
Code Work: Review Chapter 1, 2
Create a splash page for your web site (use anything you want) with an image and a link.

C. WordPress site. Installed and customized

D. Final Site (URL) AND a screen shot of your site

Studio 13: Final
Work on your final Deliverables

PFC 14: Final before your Final

REVIEW ASSIGNMENT:
Due 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester.
The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).
Present your project as a “Published Build” in class on 12/11/17

DEMO:
Interactive Narrative and found Art

FINAL DELIVERABLES:
All Unity based projects and assignments should be presented as a “Published Build”
Twine Projects should be “published” as HTML

DH 13: VISUAL COMMUNICATION 20TH CENTURY 11/29/17

Modernism in a Painting
The Bauhaus
A new Visual Language
Brands are symbols
VC for ages
Type for reading
Master type from a Master
Not Just a symbol
Test of Time
Roots and Rank
Old Signs and older stones
Campbell kids
When brands are too good?
What’s the big deal? It’s all the same, no?

Italian Dynamism, was about motion
Russian style
Graphic Impact
Seeds for the future

VIDEO: Soviet Montage
VIDEO: Montage
Postmodern eraout with modernism
VIDEO: “Stadsmuziek” Akko Goldenbeld

ASSIGNMENT:
READ: History of Visual Communication
READ: Russian Constructivists

MAJOR PROJECT – FINAL: Due 12/12/17
Part 1a: Building from Plans
Part 1b: Designing from History

WDS 12: Work on Final Deliverables 11/28/17

INTRO:
Work on your Final
Fluid Template
Responsive Designs

JS Redirect:
– Start with a subdomain
– How do I create a subdomain? DEMO
How to redirect?
Put it all together…

PHP INCLUDES:
Saves work
Makes coding easier
Best Practices

JAVASRIPT
Tutorial

FINAL DELIVERABLES:
A. The Development Process Documents (This was your mid term. Make sure you include a link to your Prototype):

B. Homework Assignments.

Studio 12: Final
– Try PHP includes
– Try JavaScript redirect

Studio 09: CSS/HTML
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)

Studio 08: More CSS + Drop downs
– Make sure you understand the “Z-index”. Try either example.
– Create a 2 Column layout using HTML/CSS
– Create a 3 Column layout using HTML/CSS
– Try a JS Drop down menu
– Try CSS Drop down
– Try Media query (color change)

Studio 06: CSS Review
HTML/CSS:
Complete Code review for Chapter 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover
– Try JavaScript opacity hover (copy the code)
– A list of any kind
– Any variation of the “display” property (none, inline, inline-block, etc.)
– Create a navigation menu from a list and the “display” property.

Studio 05: HTML/CSS:
Complete Code review for Chapter 11 and 13
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image and practice positioning and margins.
— 2. Use the “box model”
— 3. Use pseudo classes

Studio 04: HTML + Intro to CSS
Read: 10.
Complete Code review for Chapter 10
HTML/CSS: Use the META tag to refresh and redirect

Studio 03: HTML Tables
Complete Code review for Chapter 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML

Studio 01: Set up and Intro to HTML
Code Work: Review Chapter 1, 2
Create a splash page for your web site (use anything you want) with an image and a link.

C. WordPress site. Installed and customized

D. Final Site (URL) AND a screen shot of your site

Studio 12: Final
Work on your final Deliverables
Try PHP includes
Try JavaScript redirect
Try the JavaScript tutorial

1 2 3 34