Category Archives: 1. UARTS

DH 14: POSTMODERNISM 12/05/19

MAJOR PROJECT – FINAL: Due TODAY 12/06 – Present 12/13
Part 1a: Building from Plans
– The initial build and testing is due today (12/06)
Part 1b: Designing from History (Present 12/13)

Watch!
It’s the process, people.
Postmodern era out with modernism
Performance Art
Is this art?
Robert Rauschenberg, a new aesthetic?
Copy Cat?
Pop Art for the masses
LoBrow Art movement
Art in Comix
Graphic Novel
Post Modern in Philly
New Stylesmoving away from the old

Interactive Light installations
Face to face
Potential for large scale
Leads to interactive video art
Last Spring
NextAR
And we will end with the Makers

FIN

ASSIGNMENT:
Final Presentations (2)

WDS 14: Final B4 Final 12/04/19

REVIEW: End Game – Part 1
Present solutions for new requirements – #3, #4, #5 above.
Start developing your final

Did you send me a URL??
Deliver completed, and finalized Development Process-

FINAL:
Develop your Final website. It must :
1. Be online, accessible through an active URL
2. Optimized for desktop, laptop, and mobile devices
3. Include CSS animation and roll-overs
4. Example of P5js integrated into the content
5. Use of the JavaScript redirect
6. An example of WordPress on a separate directory
7. Include a Favicon
8. SCREENSHOT of your site

Go back to your documentation, and add the new features above.
In particular, #3, #4, #5
Documentation Edits due next week.

CAS 14: Countdown to Final 12/02/19

FINAL PROJECT: Create an interactive narrative using any of the software solutions introduced. This includes Unity, Twine, or any other software solution we have covered (HTML, Adobe XD, etc).
INCLUDE PROCESS:
1. Project Outline (what you sent me)
2. UI Sketches, Usability Study, Storyboard (for any animation)
3. Final deliverable:
– a. Unity Build (stand-alone or WebGL),
– b. HTML (twine),
– c. Adobe Creative Cloud link
– d. Other (must be cross-platform)

DUE last day of class – Next Monday, December 9, 2019

What to do with Unity?
Output in Unity – Review

DH 13: Visual Communication, 20th Century 11/26/19


FINAL ASSIGNMENTS:
MINOR PROJECT #2: Due 11/26/19
Enlightenment /Denis Diderot

MAJOR PROJECT – FINAL:
Part 1a: Building from Plans Proof: 12/06/19 ; Present: 12/13/19
Part 1b: Designing from History Present: 12/13/19.

The Bauhaus
A new kind of Visual Language
Italian Futurism, was about motion. Pan European
Russian style is big
Graphic Impact evident indeed.
Seeds for the future
VIDEO: Soviet Montage
VIDEOS: BSP vs Untouchables
READ: 100 Years of Bauhaus

Brands are symbols
VC for ages
Type for reading
Master type from a Master
From This
Importance of typography?
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?
No, I am not related to “Prada”.

ASSIGNMENT:
VIDEO: History of Branding
READ: History of Visual Communication
READ: Russian Constructivists
READ: 100 Years of Bauhaus

CAS 13: Putting together your Final 11/25/19

REVIEW:

FINAL PROJECT: Create and interactive narrative using any of the software solutions introduced. This includes Unity and Twine, or any other solution we have covered (HTML, Adobe XD, etc). Due last day of class – December 9, 2019
Send me a quick email with your plan (and post it on your blog as well…)

What to do with that terrain?
Some Options
Output in Unity – Review

Interactive Narrative?
Branching structure
This is really just paths. Decisions mean different paths.

Tools: Twine
Tools: Scratch
Tools: More available for 2d and Interactivity. Free at the Asset store.

DH 12: Modern Design 11/22/19


FINAL ASSIGNMENTS:
MINOR PROJECT #2: Due 11/26/19
Enlightenment /Denis Diderot
Ex:
MAJOR PROJECT – FINAL: Part 1 12/06/19 Present: 12/13/19
Part 1a: Building from Plans
Part 1b: Designing from History
Ex: Alarm Clock, GD-Branding, Posters

Followers of Ned Ludd
What is it?
Modernism in a Painting…
or two.
A new Visual Language
Modernist Architect
Sagrada Familia, inside and outside
The Basilica
Parc
At around the same time
Casa Batllo: Dragon back.
Furniture as well…
Casa MilaakaLa Pedrera

VIDEO: Craft Movement
Examples: Form and Function
Furniture, and much more
VIDEO: Bauhaus in a Nutshell
The Bauhaus
Happy Birthday: Women in Bauhaus
Do we live in a Bauhaus world?

ASSIGNMENT:
VIDEO: Walter Gropius – The Dessau Bauhaus
READ: We all live in a Bauhaus
Need more? Just for fun…

WDS 13: Final Project + Details 11/20/19


REVIEW:
Did you send me a URL??
Deliver completed, and finalized Development Process-

FINAL:
Develop your Final website. It must :
1. Be online, accessible through an active URL
2. Optimized for desktop, laptop, and mobile devices
3. Include CSS animation and roll-overs
4. Example of P5js integrated into the content
5. Use of the JavaScript redirect
6. An example of WordPress on a separate directory
7. Include a Favicon
Go back to your documentation, and add the new features above.
In particular, #3, #4, #5
We will review it early this afternoon.

DETAILS:
Extras
A date for the footer?
PHP?
Read about it

LAB 13: End Game – Part 1
Present solutions for new requirements – #3, #4, #5 above.
Start developing your final.

CAS 12: Narrative 11/18/19

REVIEW: Terrain

1. Simple Animation and Basic keyframe
Create simple animation using the built-in Unity tools. It could be as simple or complex as you want. Show it if you have it.

Interactive Narrative?
A Different approach: Branching Structure
This is really just paths. Decisions mean different paths but can we make it more complex?
Points – based on actions , you accumulate points. This could determine paths taken.
Tools: Twine
Tools: Scratch
Tools: More available for 2d and Interactivity. Free at the Asset store.

LAB 12: Narrative
UNITY – Try animation and finish your Terrain.
Narrative: Examine the software options above.

FINAL PROJECT: Create and interactive narrative using any of the software solutions introduced. This includes Unity and Twine, or any other solution we have covered (HTML, Adobe XD, etc). Due last day of class – December 9, 2019

DH 11: AGE OF ENLIGHTENMENT 11/15/19

Some of the Greats
Map: Italy
The Press leads to a backlash
Age of Science continues
Dennis D’s Wikipedia
VIDEO: His Encyclopedia
READ: Denis Diderot and science: Enlightenment to modernity
Classification EN
Revolution
Art and design of the times
Machine Tools – Example
Water Power Plus
Steam Power
The Steam Age
Powered Transportation
How does it work?
Industry
French Steel
Penn Hospital is born from the Enlightenment.
Canals today
Philly Steel

Birth of digital computing
Babbage
Diff Eng
Ancient calculator
Pascaline and innards
Automata at the FI
VIDEO: Lost art of Automatons alive
VIDEO: Diff Engine in action
VIDEO: TED ED
Countess
Jacquard Loom in action and results
First Computer, that never was…
…but may still be

MINOR PROJECT #2: Due 11/26/19
Enlightenment /Denis Diderot
Ex:

WDS 12: Favicons 11/13/19


REVIEW:
Deliver completed, and finalized Development Process:
1. Gathering Information. Please state:
– Purpose,
– Main Goals,
– Target Audience.
2. Research: UXD – User Experience Design.
– User Scenarios,
– Usability maps,
– Competitive Analysis
3. Create:
– Structure,
– Wireframes,
– Prototype,
– mood board,
– Mock-ups
4. User Testing (Any changes?)
Send me a URL.

Homework Due Today:
– Set up WordPress and play.
– Redirect script – Example
– Try a template – Example
– Build a Parallax – Example
– Create a full-screen video loop for an HTML page (Is there a way to do this for mobile?)

FAVICONS:
Basics
Example
Times have changed.

LAB 12: Favicon & Final
– Create a Favicon. Test it out.
FINAL:
Develop your Final website. It must:
1. Be online, accessible through an active URL
2. Optimized for desktop, laptop, and mobile devices
3. Include CSS animation and roll-overs
4. Example of P5js integrated into the content
5. Use of the JavaScript redirect
6. An example of WordPress on a separate directory
7. Include a Favicon